@charset "UTF-8";
/* CSS Document */

#main_left #magazine_main{
    position: relative ;
}

.LC_article h2{
	font-size: 1.5rem !important;
	margin: 0 !important;
		padding: 0 !important;
}
.LC_article h3{
        font-size: 1.4rem !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #850305;
    
    }
.LC_article h4{
	font-size: 1.1rem !important;
	margin: 0 !important;
		padding: 0 !important;
}

.LC_lineup{
        width: 140%;
        margin: 60% 10% 0 -20%;
    
    }

.LC_article .LC_lineup h2{
        font-size: 1.5rem !important;
        margin: 10px 0 5px !important;
        padding: 0 !important;
    
    }
 .LC_lineup .cap{
        float: right;
        width: 50%;
        margin: 10px 0 !important;
    
    }
 .LC_lineup .cap p{
        line-height: 170% !important;
    
    }
.LC_lineup ul{
	width: 100%;
}

.LC_lineup ul li{
        width: 16%;
        display: inline-block;
    }

.LC_lineup ul li .model{
        margin: 0 !important;
        padding: 0 !important;
        font-size: 1.3rem !important;
        line-height: 120% !important;
    }

.LC_lineup ul li .model_2{
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0.9rem;
		color: #850305;
    }



.LC_lineup1{
	width: 100%;
	float: left;
}

.LC_lineup1 ul{
	width: 100%;
}

.LC_lineup1 ul li{
	width: 30%;
	display: inline-block;
}

.LC_model{
	width: 50%;
	float: left;
	margin-right: 5%;
}

.LC_article{
        width: 100%;
        float: left;    
    }

.article_b2{
        width: 45%;
        float: right;
    
    }
.handmade{
        width: 45%;
        float: left;
    }


.History_box{
        width: 200%;
        margin: 10% 0 0% -50%;
        padding: 10% 23% 0 30%;
        background-color: #111;
        height: 480px;
        position: relative;
    }

.History_box .History_box_title{
        width: 30%;
        float: left;
        color: #fff;
    
    }
.History_box .History_box_title h2{
	margin: 0!important;
}
.History_box .History_box_title h3{
    font-size: 1.3rem !important;
	margin: 0!important;
	color: #98876C;
}

.History_box .History_box_text{
        font-size: 0.8rem !important;
        color: #fff;
        float: left;
        width: 22%;
        position: absolute;
        left: 15%;
        top: 40%;
    
    }
.History_box .History_box_photo{
        width: 68%;
        float: right;
        margin: 6% 0 0;
    
    }

.museum_box{
        width: 100%;
        margin: 0 0 0 0%;
        background-color: #C9C3B7;
        padding: 0% 5% 0% 0%;
        /* float: left; */
        position: absolute;
        left: 0;
    
    }
.museum_box img{
        width: 80% !important;
        margin: 0 0 0 -26%;
        padding: 0% 0% 0% 0%;
        float: left;
    }

.museum_box p.cap{
        float: right;
        width: 20%;
        font-size: 0.95em !important;
        padding: 2% !important;
        margin: 0 !important;
    
    }
.brand_title_box{
        float: left;
        width: 100%;
        padding: 0 0 20px;
    
    }
.brand_title_area{
        float: left;
        width: 50%;
    
    }

.brand_title{
        font-size: 4.8rem !important;
        float: left;
        width: 25%;
        line-height: 110%;
    
    }
.brand_title .brand_title_small{
		font-size: 1.0rem !important;
        float: left;

}
.brand_title h2{
		font-size: 2.2rem !important;
	margin: 0!important;

}
p.cap{
	font-size: 0.95em !important;
	padding: 0 !important;
	margin: 0 !important;
}
.cap p{
	font-size: 0.85rem !important;
	padding: 0 !important;
	margin: 0 !important;
}

#review {
        background-color: #111;
    }
#review h2,
#review p{
		color: #fff;
}
#magazine_main #magazine_Pspace #review{
        float: none;
        width: 200%;
        padding: 0% 60% 20% 40%;
        margin-top: 5px;
        margin-right: 0%;
        margin-left: -40%;
    }

#review .title{
        width: 160%;
        height: 400px;
        margin: 0 0% 0 -30%;
        padding: 5% 5% 0px 10%;
        background-color: #000;
    }


#review .title .title_text h2{
        font-size: 2.2rem !important;
        margin: 15% 0 0 !important;
    
    }
#review .title .title_text h2.sub{
	font-size: 1.8rem !important;
	margin: 0% 0 0 !important;
}
#review .title .title_text h3{
        font-size: 2.5rem !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #AFAFAF;
        line-height: 110% !important;
    }
#review .title .title_text h3 span{
	font-size: 1.1rem !important;
	margin: 0 !important;
		padding: 0 !important;
}
#review .title .title_text h4{
        font-size: 1.2rem !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #9D2122 !important;
    }
#review .title .title_text p{
	margin: 15px 0 0 !important;
	padding: 0 !important;
    color: #AFAFAF;
}

#review .title .LC_lineup2{
	 width: 60%;
     float: right;
}

.LC_lineup2 ul{
	width: 100%;
}

.LC_lineup2 ul li{
        width: 19%;
        display: inline-block;
    }
#review .title .title_text{
	 width: 40%;
        float: left;
}
#review .LC_article h2,
#review .LC_article2 h2,
#review .article_b2 h2{
		margin: 15% 0 0 !important;
		color: #C9C3B7;
}

.LC_article h2,
.LC_article2 h2{
        margin: 10% 0 0 !important;
    
    }
#review .model_pickup {
		margin: 10% 0 10% !important;

}
.article_photo{
        width: 50%;
        float: left;
    }
.article_photo .box1{
	margin: 10% 0 0;
}

.model_pickup{
	  width: 100%;
      float: left;
}
.LC_modelText{
		margin: 10% 0 0;

}
.LC_modelname{
        font-size: 2rem !important;
        padding: 0 !important;
        margin: 0 !important;
        color: #CCC8C3 !important;
    }
p.spec{
	font-size: 0.8rem !important;
	padding: 0 !important;
	margin: 0 !important;
}
.LC_modelText p.spec{
	line-height: 160% !important;
    color: #CCC8C3 !important;
}
.model_series{
	width: 100%;
	float: left;
}

.model_series .LC_model{
	float: left;
	width: 45%;

}

.model_series .LC_model:nth-of-type(2n){
	float: right;
	width: 45%;
	margin-top: 20%;
}

.LC_model_comparison{
        width: 100%;
        float: left;
		margin: 0 0 10%;
		color: #C9C3B7;
    
    }
.LC_model_comparison p{
       
		margin: 0 0 0% !important;
    }

table.specT {
	width: 100%;
	float: left;
	background-color: #D9D7D7;
	color: #111;
	padding: 2%;
}
table.specT p{
	
	color: #111 !important;
}
.corporate_info{
	width: 80%;
	float: right;
}
#review .logo{
        width: 110px;
        float: left;
        border-radius: 50%;
        background-color: #fff;
        height: 110px;
        text-align: center;    
    }
#review .logo img{
        width: 100px;
        height: auto;
        text-align: center;    
    }
.br{
		display: none;
	}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PC 1966以上←
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1916px) {

	#main #main_left{
        width: 65% !important;
        margin-left: 15% !important;
    
    }
	
	.History_box{
            width: 220%;
            margin: 10% 0 0% -55%;
            padding: 10% 25% 0 30%;
            background-color: #111;
            height: 500px;
        
        }
    .History_box .History_box_photo{
        width: 68%;
        float: right;
        margin: 1% 0 0;
    
    }
    
    .museum_box{
            width: 100%;
            margin: 0 0 0%;
            background-color: #B3A992;
            padding: 0% 0% 0% 0%;
            position: absolute;
            left: 0;
        
        }
	
	#review .title{
        width: 180%;
        height: 400px;
        margin: 0 0% 0 -40%;
        padding: 5% 5% 0px 10%;
    }
	
		.br{
		display: none;
	}
	
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
タブレット
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:1335px) and (max-width:1440px)  {


.History_box{
        width: 140%;
        margin: 10% 0 0% -20%;
        padding: 10% 0% 0 5%;
        height: 480px;
        position: relative;
    }
    
    
.History_box .History_box_title{
        width: 35%;
        float: left;
        color: #fff;
    
    }
.History_box .History_box_title h2{
	margin: 0!important;
}
.History_box .History_box_title h3{
    font-size: 1.3rem !important;
	margin: 0!important;
}

.History_box .History_box_text{
        font-size: 0.8rem !important;
        color: #fff;
        float: left;
        width: 30%;
        position: absolute;
        left: 4%;
        top: 40%;
    
    }
.History_box .History_box_photo{
        width: 65%;
        float: right;
        margin: 10% 0 0;
    }
}

@media only screen and (min-width:1135px) and (max-width:1334px)  {
	.History_box{
            width: 140%;
            margin: 10% 0 0% -15%;
            padding: 2% 0% 0 0%;
            height: 580px;
        
        }
	.History_box  p.History_box_text{
            width: 50%;
            float: right;
            margin: 10px 3% 0 1%!important;
            position: initial;
            right: 0%;
            left: initial;
            top: 0%;
        
        }
    .History_box .History_box_title{
            margin: 20px 1% 0 3%;
            width: 42%;
        
        }
     .History_box .History_box_photo{
            width: 100%;
            float: right;
            margin: 0% 0 0;
        
	}


}
	
@media only screen and (max-width:1134px) {
	.History_box{
            width: 114%;
            margin: 10% 0 0% -7%;
            padding: 2% 0% 0 0%;
            height: 540px;
        
    }
     .History_box  p.History_box_text{
            width: 50%;
            float: right;
            margin: 10px 3% 0 1%!important;
            position: initial;
            right: 0%;
            left: initial;
            top: 0%;
        
        }
    .History_box .History_box_title{
            margin: 20px 1% 0 3%;
            width: 42%;
        
        }
     .History_box .History_box_photo{
            width: 100%;
            float: right;
            margin: 0% 0 0;
        
        }
    .LC_lineup{
        width: 100%;
        margin: 40% 10% 0 0%;
    
    }
    .brand_title{
            font-size: 4.8rem !important;
            float: left;
            width: 35%;
            line-height: 100%;
        
        }
     .LC_article .LC_lineup .brand_title_box h2{
            width: 90%;
            font-size: 1.5rem !important;
            margin: 12px 0 10px !important;
            padding: 0 !important;
            line-height: 100% !important;
        
        }
      .brand_title_area h3{
            font-size: 1.0rem !important;
        
        }
    #review .title{
            width: 110%;
            height: 340px;
            margin: 0 0% 0 -5%;
            padding: 2% 1% 0px 3%;
        
        }
     #review .title .title_text h2{
	font-size: 2.0rem !important;
	margin: 14% 0 0 !important;
    }
    #review .title .title_text h2.sub{
	font-size: 1.4rem !important;
	margin: 0% 0 0 !important;
    }

}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
PC 1025← 1336
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



@media only screen and (max-width:1024px) {
	.History_box{
            width: 114%;
            margin: 10% 0 0% -8%;
            padding: 2% 0% 0 2%;
            height: 480px;
        
        }
	.History_box .History_box_title{
            margin: 20px 1% 0 4%;
            width: 43%;
        
        }
    .History_box .History_box_title h3{
    font-size: 1.2rem !important;
}
   .History_box .History_box_photo{
            width: 100%;
            float: right;
            margin: 0% 0 0;
        
        }
   .History_box  p.History_box_text{
            width: 50%;
            float: right;
            margin: 10px 2% 0 !important;
            position: absolute;
            right: 2%;
            left: initial;
            top: 0%;
        
        }
    .museum_box{
            width: 100%;
            margin: 0 0 0%;
            background-color: #B3A992;
            padding: 0% 0% 0% 0%;
            position: absolute;
            left: 0;
        
        }
	   .museum_box img{
            width: 100% !important;
            margin: 0% !important;
            padding: 0% !important;
        
        } 
    .museum_box p.cap{
        float: left;
        width: 100%;
        font-size: 0.95em !important;
        padding: 2% !important;
        margin: 0 !important;
    
    }
	.brand_title{
            font-size: 4.8rem !important;
            float: left;
            width: 35%;
            line-height: 100%;
        
        }
     .LC_article .LC_lineup .brand_title_box h2{
            width: 90%;
            font-size: 1.5rem !important;
            margin: 12px 0 10px !important;
            padding: 0 !important;
            line-height: 100% !important;
        
        }
      .brand_title_area h3{
            font-size: 1.0rem !important;
        
        }
	.LC_lineup{
            width: 100%;
            margin: 60% 10% 0 0%;
        
        }
  .LC_lineup ul li{
            width: 32%;
            display: inline-block;
        
        }
	#review .title{
            width: 110%;
            height: 400px;
            margin: 0 0% 0 -5%;
            padding: 2% 1% 0px 3%;
            background-color: #000;
        
        }
    #review .title .title_text h2.sub{
	font-size: 1.5rem !important;
	margin: 0% 0 0 !important;
}
	.br{
		display: block;
	}
	.pc{
            display: block !important; 
        
        }
    .sub_main_img pc{
             display: block !important; 

    }

}
@media only screen and (min-width:744px) and (max-width:1023px) and (orientation:portrait){

	
	    #magazine_main #sub_main_img .pc{
             display: block  !important; 

    }
       #magazine_main #sub_main_img .sp{
             display: none  !important; 

    }
}

@media only screen and (max-width:778px) {
	.History_box{
            width: 110%;
            margin: 10% 0 0% -5%;
            padding: 8% 0% 0 0%;
            height: 530px;
        }
          
   .History_box  p.History_box_text{
            width: 45%;
            float: right;
            margin: 10px 2% 0% 0 !important;
           
        
        }
    .History_box .History_box_photo{
        width: 100%;
        float: right;
        margin: 4% 0 0;
    
    }
    	.History_box .History_box_title{
            margin: 0px 1% 0 4%;
            width: 34%;
        
        }
    
    .museum_box{
            width: 100%;
            margin: 0 0 0%;
            background-color: #B3A992;
            padding: 0% 0% 0% 0%;
            position: absolute;
            left: 0;
        
        }
    	.brand_title{
            font-size: 4.5rem !important;
            float: left;
            width: 42%;
            line-height: 100%;
        
        }
    .brand_title .brand_title_small{
            font-size: 0.9rem !important;
            float: left;
        
        }
       .LC_article .LC_lineup .brand_title_box h2{
            width: 90%;
            font-size: 1.5rem !important;
            margin: 5px 0 10px !important;
            padding: 0 !important;
            line-height: 120% !important;
        
        }
      .brand_title_area h3{
            font-size: 1.2rem !important;
        
        }
	
	#review .title{
            width: 120%;
            height: 400px;
            margin: 0 0% 0 -10%;
            padding: 5% 6% 0px 8%;
            background-color: #000;
        
        }
    	#review .title .title_text h2{
        font-size: 1.8rem !important;
	}
    #review .title .title_text h2.sub{
        font-size: 1.2rem !important;
	}

	.pc{
             display: block; 
        
        }
    #magazine_main #sub_main_img .pc{
             display: block  !important; 

    }
       #magazine_main #sub_main_img .sp{
             display: none  !important; 

    }
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SP 566以上←
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


@media only screen and (max-width:566px) {
	.br{
		display: block;
	}

.LC_article{
	width: 100%;
	float: left;
}

.LC_article .article_b2{
        width: 54%;
        float: right;
    
    }
.handmade{
        width: 45%;
        float: left;
        margin: 10% 0 10% -4.5%;
    }
    
 .handmade p.cap{
	font-size: 0.9em !important;
	padding: 0 !important;
	margin: 0 !important;
    padding: 15% 0% 0 5% !important;
    line-height: 140% !important;
}
    
.History_box{
            width: 100%;
            margin: 10% 0 4% 0%;
            padding: 10% 0% 0 0%;
            background-color: #111;
            height: 500px;
        
        }

.History_box .History_box_title{
            width: 90%;
            float: left;
            color: #fff;
            margin: 0% 5% 0%;
        
        }
.History_box .History_box_title h2{
	margin: 0!important;
}
.History_box .History_box_title h3{
	margin: 0!important;
	color: #98876C;
}

.History_box .History_box_text{
	font-size: 0.8rem !important;
	color: #fff;
}
.History_box .History_box_photo{
        width: 100%;
        float: right;
        margin: 0% 0 0;
    
    }
      .History_box  p.History_box_text{
            width: 92%;
            float: left;
            margin: 10px 4% 0 !important;
            position: initial;
        
        } 
   .History_box .History_box_photo img{
        width: 100%;
        float: right;
        margin: 0% 0 0 !important;
    
    } 
    
   .museum_box{
            width: 92%;
            margin: 4% 0 0 0%;
            background-color: #C9C3B7;
            padding: 0% 0% 0% 0%;
            position: absolute;
            left: 4%;
        
        } 
     .museum_box img{
            width: 100% !important;
            margin: 0 0 4% !important;
            padding: 0% 0% 0% 0% !important;
        
        } 
    .museum_box p.cap{
        float: left;
        width: 100%;
        font-size: 0.95em !important;
        padding: 2% !important;
        margin: 0 !important;
    
    }
.LC_lineup{
            width: 100%;
            margin: 100% 10% 0 0%;
        
        }
  .LC_lineup ul li{
            width: 32%;
            display: inline-block;
        
        }

.LC_lineup ul li .model{
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.1rem !important;
    }

.LC_lineup ul li .model_2{
		margin: 0 !important;
		padding: 0 !important;
		font-size: 0.6rem !important;
		color: #850305;
    }
  .brand_title_area{
            float: left;
            width: 44%;
        
        }
    
.brand_title{
            font-size: 4rem !important;
            float: left;
            width: 45%;
            line-height: 100% !important;
        
        }
.brand_title .brand_title_small{
            font-size: 0.8rem !important;
            float: left;
        
        }
  .LC_article .LC_lineup .brand_title_box h2{
            width: 90%;
            font-size: 1.8rem !important;
            margin: 10px 0 0 !important;
            padding: 0 !important;
            line-height: 100% !important;
        
        }
      .brand_title_area h3{
          font-size: 0.7rem !important;
    }
    
     .LC_lineup .cap{
        float: right;
        width: 56%;
        margin: 0px 0 !important;
    
    }
#review .title{
            width: 100%;
            height: 500px;
            margin: 0 0% 0 0%;
            padding: 5% 0% 0px 0%;
            background-color: #111;
        
        }

#review .title .LC_lineup2{
	 width: 100%;
     float: right;
}
.LC_lineup2 ul{
            width: 100%;
            padding: 0 !important;
        
        }
   .LC_lineup2 ul li{
        width: 18%;
        display: inline-block;
	margin: 0 !important;
    } 

    #review .title .title_text{
	 width: 100%;
      float: left;
    }	
    #review .title .title_text h2{
	font-size: 2.2rem !important;
	margin: 0% 0 0 !important;
    }	
    #review .title .title_text h2.sub{
	font-size: 1.5rem !important;
	margin: 0% 0 0 !important;
    }    
    #review .title .title_text h3{
	font-size: 2.0rem !important;
	margin: 0% 0 0 !important;
    }		
    #review .title .title_text h4{
        font-size: 1.1rem !important;
    
    }
    .article_b2{
        width: 100%;
        float: right;
    
    }   
    .article_photo{
        width: 100%;
        float: left;
    }   
    
   .LC_model_comparison{
        width: 100%;
        float: left;
                   overflow-x: scroll ;

    } 
    
   table.specT {
            width: 140%;
            float: left;
            background-color: #D9D7D7;
            color: #111;
            padding: 2%;
            margin: 0 0 0 -4%;

        }
    .corporate_info{
	width: 74%;
	float: right;
}
#review .logo{
        width: 80px;
        float: left;
        border-radius: 50%;
        background-color: #fff;
        height: 80px;
        text-align: center;    
    }
#review .logo img{
        width: 100px;
        height: auto;
        text-align: center;    
    }
	    #magazine_main #sub_main_img .pc{
             display: none  !important; 

    }
       #magazine_main #sub_main_img .sp{
		      display: block  !important; 


    }
    
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SP 374以上←
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


@media only screen and (max-width:374px) {
	.History_box .History_box_title h3{
		    font-size: 1.1rem !important;

	}
	#review .title .title_text h4{
        font-size: 1.0rem !important;
	}
	  .LC_article .LC_lineup .brand_title_box h2{
            width: 90%;
            font-size: 1.5rem !important;
            margin: 10px 0 0 !important;
            padding: 0 !important;
            line-height: 100% !important;
        
        }
}