@charset "UTF-8";
html body{
font-family: 'Noto Sans JP', sans-serif;
color: #333;
background:#fff;
line-height: 1.6;
letter-spacing: .02em;
font-weight: 300;
}
.note{
font-size: 10px!important;
line-height: 1.4!important; 
}
.pc{display: block;}
.sp{display: none;}
.pc_none{display: none !important;}
.sp_none{display: inline-block !important;}
.layout{display: flex;
justify-content: space-between;}
.layout_{display: flex;
justify-content: flex-start;}
.mb10{margin-bottom: 10px !important;}
.pane-footer{margin: 0;}
p{font-size: 14px}


/*------------------
  PC
------------------*/
.fstblock{
width: 100%;
background: #F7F5F2;
}
.about_txt span{
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
font-weight: 200;
}
/*メインビジュアル*/

.mv img{
width: 960px;
margin: 0 auto 52px;
padding-top: 130px
}
.about ,.about .figure{
text-align: center;
}
.about h1{
font-size: 26px;
width: 340px;
border-bottom: 2px solid #CEBDB9;
padding-bottom: 46px;
margin: 0 auto 46px;
}
.about_txt{
font-size: 20px;
margin-bottom: 114px;
}
.about .layout{
width: 566px;
margin: 30px auto 260px;
}
.upimg{
 width:270px;
 margin:0 auto 44px; 
 overflow: hidden;
}
.upimg img{
transform: scale(1.6);
transition: .2s ease-in-out
}
.upimg a:hover img{
  transform: scale(1.1);
}
/* PRODUCTS */
.main_content{
width: 960px;
margin: 0 auto;
padding-bottom: 220px;
}
.main_content .layout_{
margin-bottom: 30px;
}
.LOOK_lp{
margin-bottom: 220px;
}
#pl01 h2{
margin-right: 30px;
}
#pl02 h2{
margin-left:30px;
}
.main_content h3{
font-size: 19px;
margin-bottom: 20px;
width: 100%;
}
#pl01 h3{
border-bottom: 4px solid #CDBAB6;
}
#pl02 h3{
text-align: right;
border-bottom: 4px solid #CED2BD;
}
.container{
margin: 0 !important;
}

/* SET */
.set_area{
width: 100%;
background: #F2E8E9;
padding: 120px 0 50px
}
.LIMITEDSET {
text-align: center;
}
.spng_btn a {
height: 60px;
width: 402px;
background: #C21B52;
text-align: center;
display: block;
font-size: 23px;
padding: 9px 0;
margin: 24px 0 0;
color: #fff;
}
.set_inner{
width: 1100px;
background: url(https://www.mimc.co.jp/img/usr/br/2024SS/fb.jpg) repeat-x;
background-size: cover;
background-position: 0 160px;
margin: 0 auto ;
padding-bottom: 50px;
}
.set_inin{
width: 960px;
margin: 0 auto;
}
.mbf{
margin: -60px auto 0;
}
.set_inin figure{
text-align: center;
margin-top: 100px;
}
.set_inin h3 ,.set_inin h4{
font-size: 28px;
font-weight: 600;
margin: 46px 0 12px;
}
.set_inin h3{
color: #C21B52;
}
.set_inin h4 span{
font-size: 20px;
}
.set_inin .txt{
border-bottom: 1px solid #666;
font-size: 18px;
padding-bottom:  22px;
}
.set_inin .set_txt{
margin: 20px auto 4px;
}
.pb{
width: 6em;
padding: 2px 0;
border: 1px solid #666;
text-align: center;
}
.layout_ p ,.set_inin .set_txt{
font-size: 16px;
}
.set_inner .spng_btn a{
margin: 30px auto 0!important;
}



.last{
background: #F7F5F2;
padding-top: 148px;
}
.last h2{
margin: 0 auto 110px;
}
.hw_inner{
width: 960px;
margin: 0 auto;
}


.gallery_ul{
width:  480px;
margin-right: 24px;
}
/*スライダーのためのcss*/
.gallery{
margin:0 0 5px 0;
}
.gallery li{
list-style:none;
}
.choice-btn li{
cursor: pointer;
outline: none;
background:#FFF;
width:25%!important;
list-style:none;
}
.choice-btn li img{
opacity: 0.8;
}
.choice-btn li.slick-current img{
opacity: 1;
}
.choice-btn .slick-track {
transform: unset !important;
}

.thumbnail-img,.thumbnail--img{
    width: 148px;
    height: 173px;
    display: block;
}
.thumbnail-wrap{
    display: flex;
    justify-content:space-between;
    margin-top: 20px;
}
.container{
    width: 480px;
}
.main-img,.main--img{
    width: 480px;
    display: block;
    margin-left:auto;
    margin-right:auto;
}
.LOOKh3{
margin-bottom: 26px;
text-align: center;
}

.look_text{
margin-bottom: 60px;
}
.look_img{
width: 458px;
}
.look01_txt,.look02_txt{
width: 466px;
}
.look01_txt{
margin-left: 50px;
}
.look02_txt{
margin-right: 50px;
}
.cp_container h5{
margin:0 auto 10px;
}

.cp_box{
font-size: 26px;
margin-top: 64px;
}
.tab__c{
  padding: 10px 0;
width: 432px;
border-bottom: 1px solid #707070;
position: relative;
margin-bottom: 46px;
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
font-weight: 300;
}
.tab__c:before,
.tab__c:after{
  content: "";
  display: block;
  position: absolute;
  background: #333333;
}
.tab__c:before{
  width: 18px;
  height: 1px;
  top: 50%;
  right: 18px;
  margin-top: -2px;
}
.tab__c:after{
  width: 1px;
  height: 18px;
  top: 20px;
  right: 26px;
}
.tab__c.open:after{
  display: none;
}
.tab__c:hover{
  cursor: pointer;
}
.tab__o{
width: 432px;
  display: none;
  padding: 14px 0 26px;
  font-size: 16px;
  margin-top: -46px;
  border-top: none;
}
.tab__o + .tab__c{
  margin: 5px 0 0;
}
.tab__o a{
  text-decoration: underline;
}
.hwimg img{
width: 100%;
margin-top: 20px;
}

.item_p a{
margin: 30px auto 0;
border:1px solid #666;
width: 435px;
text-align: center;
padding: 6px 0;
font-size: 20px;
display: block;
}

.profile{
width: 100%;
margin: 0 auto;
background: #F2F2F2;
}
.profile_inner{
width: 840px;
padding: 148px 0 74px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.profile_txt{
margin-left: 22px;
}
.profile_txt p{
font-size: 16px;
margin-top: 16px;
line-height: 1.7;
}
.profile_txt h5{
font-size: 18px;
margin-bottom: 4px
}
.profile_txt h5 span{
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
font-weight: 300;
}
.profile_txt h4{
font-size: 23px;
color: #C21B52;
}
.profile_txt h4 span{
font-size: 25px;
font-family: 'ITC Avant Garde Gothic Std', sans-serif;
font-weight: 300;
}

.itemimg{
width: 960px;
margin: 170px auto 80px;
}
.itemimg img{
text-align: center;
}
.lp_btn a{
font-size: 20px;
border: 1px solid #666;
text-align: center;
width: 580px;
margin: 80px auto 0;
display: block;
padding: 10px 0;
}
.lp_btn{
padding-bottom: 200px;
}
/*------------------
  SP
------------------*/
@media screen and (max-width: 780px) {
.pc {display: none;}
.sp {display: block;}
body{background: #FFF!important;}
.layout,.layout_{display: block;}
.layoutsp{display: flex;
justify-content: space-between;}
.fstblock{
margin: 0 auto;
}

.color_ul , .se_inner, .set_inner, .set_inin, .hw_inner,.main_content{
width: 90%;
}
.mv img, .layout,.main-img,.main--img,.gallery_ul,.tab__c,.tab__o,.container,.mimg img,.itemimg img,.itemimg{
width: 100%;
}
.sph2 img{
padding-top: 60px;
margin: 0 auto 40px;
width: 298px;
}
.mv img{
margin: 0;
padding: 0;
}
.mv h2{
margin: 30px auto 50px;
}
.about h1{
font-size: 20px;
background: none;
margin-top: 36px;
}
.about .about_txt{
font-size: 14px;
margin-bottom: 68px;
line-height: 2;
}
.about figure img{
width: 70%;
}
.about .layoutsp{
width: 324px;
margin: 14px auto 100px;
}

/****/
.main_content{
padding-bottom: 80px;
}
.main_content h2 img{
width: 100px;
}
.sph2,.main_content h2,.main_content h3,#pl02 h3 {
text-align: center;
}
#pl01 h3{
border-bottom: none;
border-top: 2px solid #CDBAB6;
padding-top: 20px;
}
#pl02 h3{
border-bottom: none;
border-top: 2px solid #CED2BD;
padding-top: 20px;
}
.mnote{
font-size: 12px;
margin-bottom: 20px;
}


.spng_btn a{
width: 80%;
margin: 14px auto 30px;
height: 50px;
}
.itemdeta .new img{
width: 106px;
}
.itemdeta h3,.p_deta,.spng_btn a{
font-size: 18px;
}
.mb20{
margin-bottom: 20px;
}

.set_area{
padding: 75px 0 80px;
}
.LIMITEDSET{
margin: 0 auto 20px;
}
.LIMITEDSET img{
width: 40% !important;
}
.set_inner{
background-position: 0 64px;
}
.set_inin h3, .set_inin h4{
font-size: 18px;
margin: 10px auto 2px;
}
.set_inin figure{
margin-top: 0;
}
.set_inin figure img{
width: 100%;
text-align: center;
}
.set_inin h4 span,.set_inin .txt{
font-size: 14px;
}
.set_inin .set_txt{
font-size: 13px;
}
.set_inin .txt{
margin-top: 10px;
}
.layout_ p{
font-size: 12px;
}
.bkc{
margin-top: 18px;
font-size: 14px;
text-align: left;
width: 90%;
margin: 0 auto;
}
.u_note{
border-bottom: 1px solid #666;
font-size: 12px;
margin: 4px auto;
width: 90%;
padding-bottom: 4px;
text-align: left
}
.set_inner{
padding-bottom: 20px;
margin-top: 40px;
}
.set_inner .spng_btn a{
margin: 0 auto !important;
}
.pre_tx .notesp{
text-align: left;
width: 90%;
font-size: 10px;
margin: 0 auto;
}
.set_inin .tab__c{
border-bottom: none !important;
}
.set_inin .tab__c:after {
top: 11px!important;
}
.set_inin .tab__c span{

font-size: 14px;
}
.set_inin .tab__o {
font-size: 12px;
margin-top: -32px!important;
}
.set_inin .layout_{
margin-top: 10px;
}
.last {
padding-top: 56px;
}
.last h2{
margin: 0 auto 20px;
}
.last h2 img{
width: 70%;
}
.last h3{
margin-bottom: 22px;
font-size: 14px;
text-align: center;
}
.gallery_ul{
margin: 0 auto 30px;;
}
.slick-next, .slick-prev{
display: none !important;
}
.thumbnail-img,.thumbnail--img {
width: calc(92% / 3);
height: auto;
}
.look{
width: 100%;
display: block;
margin-bottom: 10px;
}

.cp_box{
font-size: 14px;
}
.mb46 img{
width: 100%;
}
.mb46{
margin-bottom: 46px;
}
.tab__c {
margin-bottom: 14px;
}
.tab__c img{
width: 30%;
}
.tab__c:after {
top: 12px;
}
.tab__o{
  margin-top: -16px;
}
.look_text {
margin-bottom: 30px;
}
.look01_txt img,.look02_txt img{
width: 100%;
}
.look01_txt h5 img{
width: auto!important;
}
.look01_txt,.look02_txt,.profile_inner{
margin: auto;
width: 90%;
}
.look_img{
margin: 0 auto 30px;
text-align: center;
}
.look_img img{
width: 100%;
}
.cp_container{
margin-bottom: 60px;
}

.item_p a{
width: 320px;
font-size: 19px;
}

.profile_inner{
display: block;
padding: 80px 0 74px;
}
.profile_inner h5 img{
width: 60%;
}
.hst{
text-align: center !important;
}
.hst img{
width: 40%;
margin: 0 auto 40px;
}
.profile_txt{
margin-left: 0;
}
.profile_txt p{
font-size: 14px;
margin-top: 16px;
}

.itemimg{
margin: 0;
}
.lp_btn a {
font-size: 12px;
width: 80%;
margin: 80px auto 0;
}

}
@media screen and (max-width: 400px){
.spng_btn a{
width: 100%;
}
}
/*430以下*/
@media screen and (max-width: 430px) {
.movie_area iframe{
height: 241px;
}
}/*412以下*/
@media screen and (max-width: 412px) {
.movie_area iframe{
height: 232px;
}
}
/*390以下*/
@media screen and (max-width: 390px) {
.movie_area iframe{
height: 219px;
}
}
/*380以下*/
@media screen and (max-width: 380px) {
.movie_area iframe{
height: 211px;
}

}