@media only screen and (max-width: 1280px) {



}





@media only screen and (max-width: 768px) {


html, body {

}


/*---js確認用---*/
.aaaa {

}




/* ============================================================

common

============================================================ */
.mb {
    margin-bottom: 4% !important;
}

.mw {
    width: 92%;
}

/*telリンクの制御：有効化*/
    
 [href^="tel"] {
    pointer-events: auto;
}
   
/*---- box ----*/
 
.wrap-3col {
}

.box-3col:nth-child(3n){
    margin-right:8%;
}

.box-3col {
    width: 46%;
    margin-right: 8%;
}

.box-3col:nth-child(2n) {
    margin-right: 0;
}



.box-4col {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}

.box-4col:nth-child(2n){
    margin-right: 0%;	
}

.box-4col:nth-child(4n){
	
}

 
.box-6col {
 width: 33.333333%
}

.box-6col:nth-child(6n){

}




/*---- loading ----*/
.loading {

}

.loading:after {
   top: -40px;
}

.loader {
    margin-top: -45px;
}



/*---- headline----*/


.headline-block {
    width: 600px;
    height:195px;
    margin-left: -300px;
	top: -98px;
}

#area-snap > .headline-block {
	top: -129px;
}



.headline-text-top{
  width: 600px;
  height: 99px;
}

.headline-text-bottom{
  width: 600px;
  height: 99px;
}


.update {
    margin: 23px 0 48px;
}

#area-ranking > .update {
    color: #fff;
    margin: 53px 0 48px;
}


/*---- headline desc ----*/

.headline-desc {
 
}


/*---- coming soon ----*/

.coming-soon {

}

/*---- underline ----*/

.underline-box {

}


.underline {
 
}




.p-r{

}
.p-l{
	
}




/*---- arrow ----*/
.arrow{

}

.arrow::before,
.arrow::after{

}

.sample1-2::before{

}

.sample1-2::after{

}




/*----hamburger----*/

    
/*.hamburger-box {
	display: block;
    height: 50px;
    width: 50%;
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
}


.hamburger,
.hamburger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}


.hamburger {
    position: absolute;
	width: 18px;
    height: 13px;
    left:0;
    top: 0;
    right:0;
    bottom: 0; 
    margin:auto;
    z-index: 99999999;
}


.hamburger span {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #9b9083;
}
.hamburger span:nth-of-type(1) {
	top: 0;
}
.hamburger span:nth-of-type(2) {
	top: 6px;
}
.hamburger span:nth-of-type(3) {
	bottom: 0;
}



.hamburger.active {
    transform: rotate(-90deg);
}



.hamburger.active span:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.hamburger.active span:nth-of-type(2) {
	right: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
@keyframes active-menu-bar02 {
	100% {
		height: 0;
	}
}
.hamburger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}

*/
    
/* ============================================================

header

============================================================ */

header.top {
	margin-top: 50px;
    padding: 4%;
}
    
header.other{
    margin-top: 50px;
    padding: 4%;
}

.logo {
    width: 50%;
    height: 50px;
    padding: 0px; 
    position: fixed;
	color:white;
	font-weight:bold;
	font-size:1.5em;
	text-shadow: 1px 1px 0 #666;
text-shadow: 1px 1px 0 #666,
             -1px 1px 0 #666,
             1px -1px 0 #666,
             -1px -1px 0 #666;
text-shadow: 1px 1px 1px #666,
             -1px 1px 1px #666,
             1px -1px 1px #666,
             -1px -1px 1px #666;
			 z-index:999999999;
}

.logo img {
    width: 50%; /*画像次第？*/
	margin:0;
    display: block;
}

#main-visual{

	
}
.main-visual-text {
    width: 100%; /*仮数値*/
    height: 105px;
/*    font-size:10px;
    line-height:22px;*/
	    font-size: 1rem;
    line-height: 1.5rem;
}
    
.other-visual-text{
    width: 100%; /*仮数値*/
    height: 105px;        
}

.logo-white {
    width: 120px;
    margin: 0 auto 25px;
}

.scroll {
    bottom: 47px;
}
    
.scroll-line
    {
    top:28px
    }



h1 {
	font-size: 1rem;
}

h1 > span:first-child:after {

}

h1 > .snap {

}

h1 > .magazine {

}

nav {
	position: fixed;
	z-index: 99999;
    height: 100%;
    width: 100%;
    background: #fff;
    top: -100%;
    right: 0;
    transition: all .4s;
}


nav.active {
    height: 100%;
	top:0;
}

.nav-photo{
    width:100%;        
}
    
.nav-logo{
    top:40px; /*仮数値*/
}
nav ul {
    width: 50%;
    height: 250px;
    position: absolute;    
	top:50px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}




nav ul li {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 25px;
    line-height: 100%;
}

nav ul li:nth-last-child(2) {
    width: 50%;
    border-right: 1px solid #ddd;
}

nav ul li:last-child {
    width: 50%;

}



nav ul li a> .underline{
   background: none;
}

nav ul li a{
    color: #9b9083;
    display: block;
}


nav.top ul li a{
    color: #9b9083;
    display: block;    
}

/* ============================================================

    ハンバーガーメニュー

============================================================= */
    
.hamburger span {
    background-color:#fff;
    
}

/* ============================================================

area-snap

============================================================ */

.snap-box{

}

.snap-box-info {
 
}


.snap-box-info-bottom {

}

p.snap-box-info-num {

}



.snap-box .snap-box-photo {
    margin-bottom:20px;
}


.snap-box .snap-box-photo img{

   
}

.snap-box:hover .snap-box-photo img{

     
}


.snap-box-info-place {
 
}

.more {

}

.more > a {

}

.more-icon {
    width: 18px;
    margin: 0 auto 6px;
}






/* ============================================================

area-ranking

============================================================ */


#area-ranking{
	
}

.ranking-number {
 
}


/* ============================================================

area-banner

============================================================ */
.banner-box img {

}

.banner-line {

}



.banner-block1 > .banner-box:nth-child(2n+1){

}


.banner-block1 > .banner-box:nth-child(2n){

	
}

.banner-block1 > .banner-box:nth-child(2n) .banner-line{
	
}


.banner-block2 > .banner-box:nth-child(2n+1) {
    background: #142135;
}


.banner-block2  .banner-line {
    transform: scale(-1, 1);
}

.banner-block2 > .banner-box:nth-child(2n+1) .banner-line {
    transform: scale(1, 1);
}

.banner-block2 > .banner-box:nth-child(2n) {
    background: #101c2d;
}



/* ============================================================

area-model

============================================================ */


#area-model {
    width: 92%;
}
#area-model.active {

    
}

/*-----model-main-----*/


.model-thumb{
    margin-bottom:20px;
}


/*-----model-info-----*/

.model-info {

}

.model-num {

}

.model-num:after {

}


.model-info-place {

}
.model-info-place:after {

}

.model-info-day {

}

.model-info-name {

}


.item{
}

.item-qs {
	margin-bottom: 0;
}


.item-qs:before {
  
}


/*-----model-info-----*/

.model-picture {

}



/*-----model-share-----*/

.model-share {
    width: 92%;
    margin: 35px auto 30px;
    font-size: 1rem;
}

.model-share li {
 
}

.model-share li:last-child {

}


.model-share li a{

}


/*-----back-----*/
.back {
    display: none;
}
.back a{
  
}

.sp-back {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 28px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 50px;
    height: 50px;
}

.sp-back a {
    color: #142135;
    display: inline-block;
}
/*-----next prev model-----*/

.area-pn {
    margin: 4% 4% 8%;
    position: relative !important;
    
}

.prev-next-model {
    position: relative !important;
    top: 0 !important;
    margin-top: 0;
    width: 33.33333%;
}

.prev {
 float: left;
}

.next {
float: right;
}


.prev-next-model .thumb {
	
}


.prev-next-model:hover .thumb {

}




.model-arrow {
    width: 100% !important;
}

.prev .model-arrow {
 right: 0;
}


.prev .model-arrow:after {
 
}

.next .model-arrow {
 left: 0;
}

.next .model-arrow:after {
 
}



/* ============================================================

footer

============================================================ */

#footer-area{

}

.footer-pic {
    height: 260px;
    background-position: center center;
    background-attachment: inherit;
}


.footer-logo {

}

.footer-menu {

}

.footer-menu li {

}

.footer-menu li:last-child {

}

.footer-menu li a{

}

address {

}



}



@media only screen and (max-width: 480px) {


html, body {
    font-size: 1rem;
    line-height: 1.1rem;
}

/*---js確認用---*/
.aaaa {

}



/* ============================================================

common

============================================================ */
.mb {
  
}

h2.headline{
    font-size: 20px;
    line-height: 27px;
    clear: both;
    width: 100%;
    margin-bottom: 12px;
}

.headline-box {
    padding-top:67px;
}

.aside {
    width:100%;
    clear:both;
    line-height:inherit;
    margin-top:0px;
}

    [href^="tel"] {
        pointer-events: auto;
    }

/*---- box ----*/
 
.wrap-3col {
 
}

.box-3col {

}

.box-3col:nth-child(3n){

}

.box-4col {

}

.box-4col:nth-child(2n){

}

.box-4col:nth-child(4n){
	
}

 
.box-6col {

}

.box-6col:nth-child(6n){

}




/*---- loading ----*/
.loading {

}

#container {
  
}




/*---- headline----*/


.headline-block {
    width: 380px;
    height: 160px;
    margin-left: -190px;
    top: -60px;
}

#area-snap > .headline-block {
    top: -78px;
}


.headline-text-top{
  width: 380px;

}

.headline-text-bottom{
  width: 380px;
}


.update {
    margin: 20px 0 32px;
}

#area-ranking > .update {

}


/*---- headline desc ----*/

.headline-desc {
 
}


/*---- coming soon ----*/

.coming-soon {

}

/*---- underline ----*/

.underline-box {

}


.underline {
 
}




.p-r{

}
.p-l{
	
}




/*---- arrow ----*/
.arrow{

}

.arrow::before,
.arrow::after{

}

.sample1-2::before{

}

.sample1-2::after{

}



/* ============================================================
    
hamburger
    
============================================================ */


/* ============================================================

header

============================================================ */

header.top {
    margin-top: 0px;
    padding: 0%;
 
}

header.other{
    margin-top: 0px;
    padding: 0%;
}
    
.logo {

}

.logo img {

}
#main-visual{

	
}
.main-visual-text {
	height: 12vh;
}

.logo-white {
    width: 80px;
    margin: 0 auto 17px;
}


    
    h1 {
    font-size: 0.7rem;
}

h1 > span:first-child:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 1px;
    height: 65%;
    position: absolute;
    top: 2px;
    right: 0px;
}

h1 > span {
    display: inline-block;
}

h1 > span:first-child {
    margin-right: 7px;
    padding-right: 7px;
}

h2{
    font-size:24px;
    margin-bottom:20px;
    }
    
/*以下nav記述は768から移植*/
    .nav-photo{
    width:100%;
    }

    .nav-logo {
    display:none;
    }
    
    nav {
	position: fixed;
	z-index: 99999;
    height: 100%;
    width: 100%;
    background: #fff;
    top: -100%;
    right: 0;
    transition: all .4s;
}

    
nav.active {
    height: 100%;
	top:0;
}

nav ul {
    width: 50%;
    height: 250px;
    position: absolute;    
	top:50px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}




nav ul li {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 25px;
    line-height: 100%;
}

nav ul li:nth-last-child(2) {
    width: 50%;
    border-right: 1px solid #ddd;
}

nav ul li:last-child {
    width: 50%;

}



nav ul li a> .underline{
   background: none;
}

nav ul li a{
    color: white;/*#9b9083*/
    display: block;
}


nav.top ul li a{
    color: #9b9083;
    display: block;    
}

.num78-logo{
    width: 45px;
    height: 57px;
    display: block;
    margin: 0 auto;
    margin-bottom:30px;
	background:url("../images/78header_logo.png") ;
    background-size: cover;
}

.num7-logo {
    width: 25px;
    position: absolute;
    margin-top:24px;
    fill: #fff;
}

.num8-logo {
	width: 25px;
    position: absolute;
    margin-left:20px;
    fill: #fff;
}
    
/* ============================================================

fix num7, num8 左右の数字の表示
    
============================================================ */

.num7, .num8{
    display:none;
}

    
/* ============================================================

area-snap

============================================================ */

.snap-box{

}

.snap-box-info {
 
}


.snap-box-info-bottom {

}

p.snap-box-info-num {

}



.snap-box .snap-box-photo {

}


.snap-box .snap-box-photo img{

   
}

.snap-box:hover .snap-box-photo img{

     
}


.snap-box-info-place {
    font-size: inherit;
}

.more {
    height: 140px;
}
.more > a {

}

.more-icon {

}

.inner-contents{
    
}
.inner-in {

}

.inner-in-text{
    width:100%;
    display: block;
    line-height:22px;
    
}
    
.inner-in-btn{
    width:100%;
    display:block;
    right:0;
    margin-top:63px;
    
}

.circle-btn, .circle-btn-white{
    width:83px;
    height:83px;
}
    

    
.circle-btn-more{
    /*font-size: 10px;        */
}
    
.m-tb {
    margin: 10vh auto;
}

    
    .company-info{
        width:100%;
    }

/* ============================================================

area-ranking

============================================================ */


#area-ranking{
	
}

.ranking-number {
    font-size: 1.6rem;
    top: -7px;
}

/* ============================================================

area-banner

============================================================ */
.banner-box img {

}

.banner-line {

}



.banner-block1 > .banner-box:nth-child(2n+1){

}


.banner-block1 > .banner-box:nth-child(2n){

	
}

.banner-block1 > .banner-box:nth-child(2n) .banner-line{
	
}


.banner-block2 > .banner-box:nth-child(2n+1) {
  
}


.banner-block2  .banner-line {

}

.banner-block2 > .banner-box:nth-child(2n+1) .banner-line {

}

.banner-block2 > .banner-box:nth-child(2n) {

}

/* ============================================================

Contact

============================================================ */

.contact-form{
     width:100%;   
}
    

.contact-form{
    width:100%;   
}
    
/* ============================================================

area-model

============================================================ */


#area-model {
  
}

#area-model.active {

    
}

/*-----model-main-----*/





/*-----model-info-----*/

.model-info {

}

.model-num {
    width: 65px;
    height: 65px;
    top: -32.5px;
    margin-left: -32.5px;
    font-size: inherit;
    padding-top: 26px;
}

.model-num:after {
    margin-top: -1px;
}


.model-info-place {
    padding: 65px 0 40px;
    font-size: 0.9rem;
}

.model-info-place:after {
    height: 14px;
    bottom: 13px;
}

.model-info-day {

}

.model-info-name {
    font-size: 0.9rem;
}

.item-box{
    padding: 11% 9% 2.5%;
  
}
.item{

}

.item-qs {

}

.item-qs:before {
    width: 4px;
    left: -10px;
    top: 6px;
}


/*-----model-info-----*/

.model-picture {

}



/*-----model-share-----*/

.model-share {

}

.model-share li {
 
}

.model-share li:last-child {

}


.model-share li a{

}


/*-----back-----*/
.back {

}

.back a{
  
}


/*-----next prev model-----*/

.prev-next-model {

}

.prev {
 
}

.next {

}


.prev-next-model .thumb {
	
}


.prev-next-model:hover .thumb {

}









.model-arrow {
   
}


.prev .model-arrow {

}


.prev .model-arrow:after {
 
}

.next .model-arrow {

}

.next .model-arrow:after {
 
}



/* ============================================================

footer

============================================================ */

.tel {
    padding-top:98px;
}
    
#footer-area{

}

.footer-pic {

}

footer {
    height:auto;
    padding: 40px 26px 50px 26px;
}

.footer-logo {
	width: 60px;
}

.footer-menu {
    margin: 30px auto;
}

.footer-menu li {
    margin-right: 15px;
}

.footer-menu li:last-child {

}

.footer-menu li a{

}

.tel, .mail {
    clear:both;
    width:100%;
}
.tel {
    border-right: 0px;
    border-bottom: 1px solid #ececec;
}

footer.inner-contents{
    width:100%;
}

.address {
font-size: 0.5rem;
}

}