@charset "utf-8";


/*----------------------------------------------------------------
 *　着物メイン
----------------------------------------------------------------*/

#kimonolist_main{
	  position: relative;
	  padding:140px 0 0 0;
	  margin: 0 auto;
	  text-align: center;
	width: 100%;

	
}

#kimonolist_main h1{	
	font-family: "RameauPro-Light";
	text-align:center;
	font-size:102px;
	font-weight: 400;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
letter-spacing:8px;
	}

#kimonolist_main h1 span{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:0;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
display:block;
}

#kimonolist_main .kimono_title p{	
	font-family: "RameauPro-Light";
	text-align:center;
	font-size:102px;
	font-weight: 400;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
letter-spacing:8px;
	}

#kimonolist_main .kimono_title h1{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:0;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
display:block;
}


#kimonolist_main h2{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
}


/*----------------------------------------------------------------
 *　デザイナーなどの説明箇所
----------------------------------------------------------------*/

.detail_area{
    width:700px;
    display:flex;
	margin:40px auto 50px auto;
	 justify-content: center;
  align-items: center;
}
 
.detail_area_photo{
    padding: 10px;
    width: 30%;
}

.detail_area_photo img{
	 width: 100%;
	}

.detail_area_txt {
    padding: 10px;
    width: 60%;
	text-align: left;
	color: #4c4c4c;
	font-size: 13px;
}
	
.detail_area_txt p{
	margin: 0;
	padding: 0;
	font-weight: normal;
	}



/*----------------------------------------------------------------
 *　ナビ
----------------------------------------------------------------*/

#nav_kimono_area{
   max-width:460px;
   width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;


}	
	

.nav_kimono {
  max-width:460px;
   width: 100%;
  height:70px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  text-align: center;
cursor: pointer;
	

}
.nav_kimono li {
  position: relative;
  list-style: none;
	

 
}
	
	
	
.nav_kimono li a {
  display: block;
  text-align: center;
  width: 230px;
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;


}





.nav__kimono-en{
font-family: "Overpass", sans-serif;
font-size:14px;
text-align: center;	
margin: 0 auto;
padding:7px 0 0 0;
display: block;
line-height:100%;
letter-spacing: 2px;
	}

	
.nav__kimono-jp{
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	text-align: center;	
   margin: 0 auto;
  padding:7px 0 0 0;
display: block;
line-height:100%;
	}

.nav_kimono_a{
	background:#e0e0e0;
	color: #474747;
	height:70px;
	 padding:15px 0;

	}

.nav_kimono_a a{
  color: #474747;
}
.nav_kimono_ab{
	background:#e0e0e0;
	color: #474747;
	height:70px;
	 padding:15px 0;

	}

.nav_kimono_ab a{
	color: #474747;
}


.nav_kimono_ab li ul li a {
  border-top: 1px solid #fff;
  background:#9b9b9b;
   color: #fff;
   padding:5px 0;

}

.nav_kimono_b{
	background:#9b9b9b;
	color: #fff;
	height:70px;
	 padding:15px 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}


.nav_kimono_b a{
  color: #fff;
}



.nav_kimono_c{
	background:#9b9b9b;
	color: #fff;
	height:70px;
	 padding:15px 0;
	}


.nav_kimono_c a{
  color: #fff;
}



.nav_kimono li ul {
  top: 70px;
  left: 0px;
  position: absolute;
}
.nav_kimono li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.nav_kimono li ul li a {
  border-top: 1px solid #fff;
  background:#9b9b9b;
   color: #fff;
   padding:10px 0;

}
.nav_kimono li:hover > ul > li {
  overflow: visible;
  height:60px;

}

/*着物エリア*/

.kimono_list_area{
	background: transparent url(../img/kimonoback.png) top repeat-x;
	
	width: 100%;
	}



.kimono_list{
	margin:0 auto;
	 width:100%;
	max-width: 1000px;
	padding:5% 0 0 0;
	text-align: center;
display: flex;
  justify-content: start;
  flex-wrap: wrap;
	}

.kimono_list:after{
  content:"";
  display:block;
  width: 23%;
  
  height:0;
}

.kimono-item {
width: 23%;
margin:0 1% 50px 1%;
	font-size: 12px;
	text-align:left;
	

}
.kimono-item a{
	text-decoration: none;
	}

.kimono-item img{
width:235px; 
height:354px;
object-fit: cover;
	}
	
/*.kimono-item img{
  min-width:235px; 
	width:100%; 
max-height:354px;
height:100%;	
object-fit: cover;
	}*/


/*----------------------------------------------------------------
 *　着物一覧
----------------------------------------------------------------*/


.kimonolist_main_txt {
	font-size: 11px;
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-weight:normal;
line-height:200%;
	padding:0;
	margin:40px auto 70px auto;
	letter-spacing:1px;
	
}

/*着物タイトル*/


.kimono_list_title{
	text-align: left;
	padding:0 0;
	margin: 0 auto;
	color: #474747;
	font-size: 15px;
	font-family: "Overpass", sans-serif;
	line-height:1.5;
	text-decoration: none;
	}

.kimono_list_line{
	text-align: left;
	padding:2px 0 0 0;
	margin:0 auto;
	color: #474747;
	font-size: 12px;
	font-family: "Overpass", sans-serif;
	line-height:1.5;
	text-decoration: none;
	}


.kimono_list_itemnumber{
	text-align: left;
	padding:0;
	margin:0 auto;
	color: #474747;
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	line-height:1.5;
	text-decoration: none;
	}








/*----------------------------------------------------------------
 *　着物詳細
----------------------------------------------------------------*/
.kimono_area{
	  position: relative;
	  padding:120px 0 0 0;
	  margin: 0 auto;
	  text-align: center;
	
}

.kimono_detail{
	background: url(../img/kimono_backl.png) repeat-x;
	
	
	}

.kimono_dea{
	width: 100%;
	max-width: 1000px;	
	height: 722px;
	padding:0;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}


.kimono_img{
	width:480px;
	float: left;
	margin: 0 auto;
	padding: 0;
	
	}


.kimono_img img{
  width: 480px;
  height: 720px;
  object-fit: cover; 
}

.kimono_txt{
	font-family: "Overpass", sans-serif;
	margin: 0 auto;
	padding: 0;
	float: left;
	width:520px;
}



.kimono_txt_area{
	font-size: 13px;
	line-height:24px;
	letter-spacing :0.15px;
	color: #474747;
	text-align: center;
	 margin: auto;
	padding:0 20px;
	height:410px;
	vertical-align:middle;
	 display: table-cell;
	width: 520px;
	
}


.kimono_txt_detail{
	padding:0 50px 0 50px;
	margin: 0;
	color: #474747;
	font-size: 13px;
	text-align: left;
	height:270px;
	display: table;

}

.kimono_txt_detail dl{
	padding: 0;
	margin: 0;
  display: table-cell;
  vertical-align: middle;
	}
.kimono_txt_detail dt{
  float: left;
}

.kimono_txt_detail dd{
  margin-left: 100px;
}

.kimono_detailcaution{
	color: #474747;
	font-size: 10px;
	width: 100%;
	max-width: 1000px;	
	padding:0;
	margin:13px auto 0 auto;
	text-align: center;
	
	
	}



.kimono_detailcaution ul{
text-align: left;
list-style-type:none;
padding:0 0 0 1.5em;
margin:0 auto;

    }
.kimono_detailcaution ul li{
text-indent:-1em;
list-style-type:none;
color: #474747;
text-align: left;
font-size: 10px;
padding:0;
margin:0 auto;			
    }



/*----------------------------------------------------------------
 *　関連着物
----------------------------------------------------------------*/
.relatedkimono_area{
	width: 100%;
	max-width: 1000px;	
	padding:0;
	margin:80px auto 60px auto;
	text-align: center;
	}

.relatedkimono_area h2{
	font-family: "RameauPro-Light";
	font-weight: normal;
	text-align: center;
	line-height:0.7;
	color: #474747;
	font-size: 44px;
	margin:0 auto;
	padding: 0;
	}

.relatedkimono_area h2 span{
	font-size: 13px;
	font-family: "Overpass", sans-serif;
	margin:0 auto;
	padding: 0;
	}

.relatedkimono_contents{
   display: flex;
   flex-wrap: wrap;
   	width: 100%;
	max-width: 1000px;
	margin:30px auto 60px auto;
	padding:0;
}

.relatedkimono_item{
   width: calc(100% / 4);
   padding:0;
   margin:0 auto 30px auto;


}

.relatedkimono_item a{
	text-decoration: none;
}

.relatedkimono_item p{
	line-height:1;
	
   margin:0 auto;
}

.relatedkimono_item img{
	width:235px;
	height:354px;
	object-fit: cover; 

	
}

.relatedkimono_title{
	text-align: left;
	padding:0 0 0 8px;
	margin: 0 auto;
	color: #474747;
	font-size: 15px;
	font-family: "Overpass";
	line-height:1.5;


	
	}
.relatedkimono_line{
	text-align: left;
	padding:2px 0 0 8px;
	margin:0 auto;
	color: #474747;
	font-size: 12px;
	font-family: "Overpass", sans-serif;
	line-height:1.5;
	text-decoration: none;
	}


.relatedkimono_itemnumber{
	text-align: left;
	padding:0 0 0 8px;
	margin:0 auto;
	color: #474747;
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	line-height:1.5;
	text-decoration: none;
	}


.relatedkimono_btnarea{
	margin:25px auto 0 auto;
	padding:0;
	text-align:center;
	width: 100%;
	max-width:1000px;

	}

.btn-relatedkimono{
  max-width:240px;
  font-size: 14px;
  margin:0 auto;
  color: #fff;
  background: #c5b48e;
  padding:15px 0;
  text-align: center;
  transition: .4s;
  font-family: "Overpass", sans-serif;
}


.btn-relatedkimono a{
  color: #fff;
  text-decoration: none;

}




/*----------------------------------------------------------------
 *　welook
----------------------------------------------------------------*/

.welook{
	background: #c8b489;
	padding:75px 0; 
	}

.welook_area{
	width: 100%;
	max-width: 1000px;	
	padding:0;
	margin: 0 auto;
	text-align: center;
	
	}

.welook_area h2{
	font-family: "RameauPro-Light";
	font-weight: normal;
	text-align: center;
	line-height:1;
	color:#fff;
	font-size: 36px;
	padding:0;
	margin: 0 auto;
	}


.welook_btnarea{
	text-align:center;
	margin:30px auto  0 auto;
	padding:0;
	}


.btn-welook{
width:186px;
display:inline-block;
background:#fff;
padding:18px 0 15px 0;
text-align:center;
color:#c8b489;
margin:5px 3px;
cursor:pointer;
font-size:14px;
line-height:1;
font-family: "Overpass";
letter-spacing:2px;
}

.btn-welook span{
	font-size:10px;
	font-family: "Overpass", sans-serif;
	line-height:1;
	padding:5px 0 0 0;
	margin: 0;
}
.btn-welook a{
	text-decoration: none;
	color:#c8b489;

	}







/*----------------------------------------------------------------
 *　ページ送り
----------------------------------------------------------------*/
	
#pagenavi {
  overflow: hidden;
    width:100%;
    margin:0;
	padding:0 0 90px 0;

}
 
#pagenavi .prev a,
#pagenavi .next a{
    color: #4c4c4c;
    margin:0 0;
    border-style: none;
    padding:0 0;
	list-style: none;
	text-decoration: none;
}
 
#pagenavi .prev{
    float: left;
	text-align: right;
	width:50%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	padding:0 5%;
	margin:10px auto 0 auto;
	 color: #4c4c4c;
	letter-spacing: 10px;
	list-style: none;
	
}
 
#pagenavi .next{
    text-align: left;
	float: right;
	width:50%;
	padding: 0 5%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	border-left: solid 1px #cecece;
	letter-spacing: 10px;
	margin:10px auto 0 auto;
	list-style: none;
}


@media screen and (max-width: 767px) {
/*----------------------------------------------------------------
 *　着物メイン
----------------------------------------------------------------*/

#kimonolist_main{
	  position: relative;
	  padding:140px 0 0 0;
	  margin: 0 auto;
	  text-align: center;
	width: 100%;

	
}

#kimonolist_main h1{	
	font-family: "RameauPro-Light";
	text-align:center;
	font-size:40px;
	font-weight: 400;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:3px;
	
	}
	
#kimonolist_main h1 span{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
	display:block;
}
	
	
#kimonolist_main .kimono_title p{	
	font-family: "RameauPro-Light";
	text-align:center;
	font-size:40px;
	font-weight: 400;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:3px;
	}

#kimonolist_main .kimono_title h1{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
	display:block;
}	
	
	
	
	

#kimonolist_main h2{	
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	line-height:1;
	padding:0;
	margin:0 auto;
	color: #474747;
	letter-spacing:1px;
}







/*着物エリア*/

.kimono_list_area{
	background: transparent url(../img/kimonoback.png) top repeat-x;
	max-width:750px;
	width: 100%;
	}



.kimono_list{
	margin:0 auto;
	 width:100%;
	max-width:750px;
	padding:5% 0 0 0;
	text-align: center;
display: flex;
  justify-content: start;
  flex-wrap: wrap;
	}

.kimono_list:after{
  content:"";
  display:block;
  width: 23%;
  margin: 0 auto;
  padding: 0;
  height:0;
}

.kimono-item {
width: 23%;
margin:0 1% 20px 1%;
 padding: 0;
	font-size: 12px;
	text-align:left;
	

}
.kimono-item a{
	text-decoration: none;
	}

.kimono-item img{
min-width:86px; 
width:100%; 
max-height:129px;
height:100%;	
object-fit: cover;
	}
	

/*----------------------------------------------------------------
 *　着物一覧
----------------------------------------------------------------*/


.kimonolist_main_txt {
	font-size: 11px;
	font-family: "Overpass", sans-serif;
	text-align:center;
	font-weight:normal;
	line-height:200%;
	padding:0;
	margin:30px auto 40px auto;
	letter-spacing:1px;
	
}

/*着物タイトル*/


.kimono_list_title{
	text-align: left;
	padding:0 0 0 0;
	margin: 0 auto;
	color: #474747;
	font-size:10px;
	font-family: "Overpass", sans-serif;
	line-height:100%;
	text-decoration: none;

	}

.kimono_list_line{
	text-align: left;
	padding:5px 0 3px 0;
	margin:0 auto;
	color: #474747;
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	line-height:1;
	text-decoration: none;
	}


.kimono_list_itemnumber{
	text-align: left;
	padding:0;
	margin:0 auto;
	color: #474747;
	font-size: 9px;
	font-family: "Overpass", sans-serif;
	line-height:1;
	text-decoration: none;
	}
	
	
	
	
	
/*----------------------------------------------------------------
 *　着物詳細
----------------------------------------------------------------*/
.kimono_area{
	  position: relative;
	  padding:140px 0 0 0;
	  margin: 0 auto;
	  text-align: center;
		width:100%;
	max-width:750px;

}

.kimono_detail{
	background:none;
	margin: 0 auto;
	padding:0;
		width:100%;
	max-width:750px;
	}
	
	
.kimono_dea{
	width: 100%;
	max-width:750px;	
	height:auto;
	padding:0;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	
}
	
	
.kimono_img{
	width:100%;
	float:none;
	margin: 0 auto;
	padding: 0;
	
	}


.kimono_img img{
  max-width: 240px;
  max-height:360px;
  object-fit: cover; 
}

.kimono_txt{
	font-family: "Overpass", sans-serif;
	margin: 0 auto;
	padding: 0;
	float:none;
	width:100%;
	max-width:750px;

	
}

.kimono_txt_logo{
	text-align: center;
	margin: 0 auto;
	padding:0;
	vertical-align:top;
}
	
	
.kimono_txt_logo img{
	zoom:0.5;
	}
.kimono_txt_area{
	font-size: 11px;
	line-height:1.5;
	letter-spacing :0.15px;
	color: #474747;
	text-align: center;
	margin:0 auto;
padding:0 20px;
	height:auto;
	max-width:750px;
	
}
	
	

.kimono_txt_detail{
	padding:20px;
	background: #ececec;
	margin:20px auto 0 auto;
	color: #474747;
	font-size: 11px;
	text-align: left;
	height:auto;
	display: table;
	width: 100%;
	max-width:750px;
}

.kimono_txt_detail dl{

	padding: 0;
	margin: 0;
  display: table-cell;
  vertical-align: middle;
	}
.kimono_txt_detail dt{
  float: left;
}

.kimono_txt_detail dd{
  margin-left: 100px;
}

.kimono_detailcaution{
	color: #474747;
	font-size: 10px;
	width: 100%;
	max-width:750px;	
	padding:0 15px;
	margin:10px auto 0 auto;
	text-align: center;
	
	
	}




	
	
.kimono_detailcaution ul{
text-align: left;
list-style-type:none;
padding:0 0 0 0.5em;
margin:0 auto;

    }
.kimono_detailcaution ul li{
text-indent:-1em;
list-style-type:none;
color: #474747;
text-align: left;
font-size: 10px;
padding:0;
margin:0 auto;			
    }
	
	

/*----------------------------------------------------------------
 *　関連着物
----------------------------------------------------------------*/
.relatedkimono_area{
	width: 100%;
	max-width: 750px;	
	padding:0;
	margin:40px auto;
	text-align: center;
	}

.relatedkimono_area h2{
	font-family: "RameauPro-Light";
	font-weight: normal;
	text-align: center;
	line-height:0.7;
	color: #474747;
	font-size: 32px;
	margin:0 auto;
	padding: 0;
	}

.relatedkimono_area h2 span{
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	margin:0 auto;
	padding: 0;
	}

.relatedkimono_contents{
   display: flex;
   flex-wrap: wrap;
   	width: 98%;
	max-width:750px;
	margin:20px auto 30px auto;
	padding:0;
}

.relatedkimono_item{
   width: calc(100% / 4);
   padding:0;
   margin:0 auto;
}
	
.relatedkimono_item img{
	max-width: 86px;
	max-height:129px;
	object-fit: cover; 
   padding:0;
   margin:0 auto;
	}
	

.relatedkimono_title{
	text-align: left;
	padding:0 0 0 5px;
	margin: 0 auto;
	color: #474747;
	font-size:10px;
	font-family: "Overpass", sans-serif;
	line-height:100%;
	text-decoration: none;
font-weight: bold;

	
	}
.relatedkimono_line{
	text-align: left;
	padding:5px 0 3px 5px;
	margin:0 auto;
	color: #474747;
	font-size: 10px;
	font-family: "Overpass", sans-serif;
	line-height:1;
	text-decoration: none;
	}


.relatedkimono_itemnumber{
	text-align: left;
	padding:0 0 0 5px;
	margin:0 auto;
	color: #474747;
	font-size:9px;
	font-family: "Overpass", sans-serif;
	line-height:1;
	text-decoration: none;
	}
	

.relatedkimono_btnarea{
	margin:30px auto 0 auto;
	padding:0;
	text-align:center;
	width: 100%;
	max-width:750px;

	}

.btn-relatedkimono{
  max-width:200px;
  font-size: 12px;
  margin:0 auto;
  color: #fff;
  background: #c5b48e;
  padding:10px 0;
  text-align: center;
  transition: .4s;
  font-family: "Overpass", sans-serif;
}

	
/*----------------------------------------------------------------
 *　welook
----------------------------------------------------------------*/

.welook{
	background: #c8b489;
	padding:30px 0 20px 0;
	margin: 0 auto;
	}

.welook_area{
	width: 100%;
	max-width:750px;	
	padding:0;
	margin: 0 auto;
	text-align: center;
	
	}

.welook_area h2{
	font-family: "RameauPro-Light";
	font-weight: normal;
	text-align: center;
	line-height:1;
	color:#fff;
	font-size:28px;
	padding:0;
	margin: 0 auto;
	}


.welook_btnarea{
	text-align:center;
	margin:20px auto  0 auto;
	padding:0;
	}


.btn-welook{
width:40%;
display:inline-block;
background:#fff;
padding:10px 0;
text-align:center;
color:#c8b489;
margin:5px;
cursor:pointer;
font-size:14px;
line-height:1;
font-family: "Overpass", sans-serif;
}

.btn-welook span{
	font-size:10px;
	font-family: "Overpass", sans-serif;
	line-height:1;
}
.btn-welook a{
	text-decoration: none;
	color:#c8b489;

	}


	

	
	


	
/*----------------------------------------------------------------
 *　ページ送り
----------------------------------------------------------------*/
	
#pagenavi {
  overflow: hidden;
    width:100%;
    margin:0;
	padding:0 0 50px 0;

}
 
#pagenavi .prev a,
#pagenavi .next a{
    color: #4c4c4c;
    margin:0 0;
    border-style: none;
    padding:0 0;
	list-style: none;
	text-decoration: none;
}
 
#pagenavi .prev{
    float: left;
	text-align: right;
	width:50%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	padding:0 5%;
	margin:10px auto 0 auto;
	 color: #4c4c4c;
	letter-spacing: 10px;
	list-style: none;
	
}
 
#pagenavi .next{
    text-align: left;
	float: right;
	width:50%;
	padding: 0 5%;
	font-family: "Overpass", sans-serif;
	font-size: 15px;
	border-left: solid 1px #cecece;
	letter-spacing: 20px;
	margin:10px auto 0 auto;
	list-style: none;
}

		
	}




/*----------------------------------------------------------------
 *　Lineエリアボタン
----------------------------------------------------------------*/
.kimonoline_btnarea{
	margin:15px auto 0 auto;
	padding:0;
	text-align:center;

	}

.btn-kimonoline{
  width:90%;

  font-size: 14px;
  margin:0 auto;
  color: #fff;
  background: #c5b48e;
  padding:15px 0;
  text-align: center;
  transition: .4s;
  font-family: "Overpass", sans-serif;
}


.btn-kimonoline a{
  color: #fff;
  text-decoration: none;

}



/*————————————–
関連ブログ
————————————–*/
.relatedblog{
	padding:0 0 5% 0;
	margin: 0 auto;
	text-align: center;
	width:100%;
	max-width:1000px;	
	}

.relatedblog h2{
	font-family: "RameauPro-Light"!important;
	font-weight: normal!important;
	text-align: center!important;
	line-height:0.7!important;
	color: #474747!important;
	font-size: 44px!important;
	margin:0 auto!important;
	padding: 0!important;
	
	}

.relatedblog h2 span{
	font-size: 13px!important;
	font-family: "Overpass", sans-serif!important;
	margin:0 auto!important;
	padding: 0!important;
	}

.relatedblog ul{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	
}
.relatedblog li{
    display: inline-block;
	width: 24%;
	max-width:240px;
	padding:2% 0 2% 0;
  vertical-align: top;
	
}

.thumbnail_img{
	width: 100%;
	margin:0 auto;
	padding: 0;
	}

.thumbnail_img img {
	 object-fit: cover;
	background-color: #f1f1f1;
	width: 240px;
	height:240px;
}





.relatedblog-title{
	color:#111111;
	font-size:12px;
	padding:2% 5% 0 0;
	line-height:120%;
	text-align: left;
	font-weight:normal;
	
	
	}

.relatedblog-day{
	padding:2% 5% 0 0;
	color:#111111;
	font-size:10px;
	text-align:left;
	}



.relatedblog a{
	text-decoration: none;
	}

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

/*————————————–
関連ブログ
————————————–*/

.relatedblog {
	padding:0 2% 5% 2%;
	margin: 0 auto;
	text-align: center;
	width:96%;
	


	
	}

.relatedblog h2{
	font-family: "RameauPro-Light"!important;
	font-weight: normal!important;
	text-align: center!important;
	line-height:0.7!important;
	color: #474747!important;
	font-size: 32px!important;
	margin:0 auto!important;
	padding: 0!important;
	}

.relatedblog h2 span{
	font-size: 10px!important;
	font-family: "Overpass", sans-serif!important;
	margin:0 auto!important;
	padding: 0!important;
	}

.relatedblog ul{
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width:100%;
	
}
.relatedblog li{
    display: inline-block;
	width: 24%;

	padding:2% 0 2% 0;
  vertical-align: top;

	
}

	
.thumbnail_img{
	width: 100%;
	margin:0 auto;
	padding: 0;
	}

.thumbnail_img img {
padding: 0;
margin: 0 auto;
text-align: center;
width:100%;
height:100%;
object-fit: cover;
}



.relatedblog-title{
	color:#111111;
	font-size:10px;
	padding:2% 0 0 0;
	line-height:120%;
	text-align: left;

	
	}

.relatedblog-day{
	padding:2% 5% 0 0;
	color:#111111;
	font-size:8px;
	text-align:left;
	}


	
	
	}



@media screen and (max-width: 767px) {
	
/*----------------------------------------------------------------
 *　ナビ
----------------------------------------------------------------*/


#nav_kimono_area{
   max-width:240px;
   width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;


}	
	

.nav_kimono {
  max-width:240px;
   width: 100%;
  height:50px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  text-align: center;
cursor: pointer;
	

}
.nav_kimono li {
  position: relative;
  list-style: none;
	

 
}
	
	
	
.nav_kimono li a {
  display: block;
  text-align: center;
  width:120px;
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;


}





.nav__kimono-en{
font-family: "Overpass", sans-serif;
font-size:10px;
text-align: center;	
margin: 0 auto;
padding:10px 0 0 0;
display: block;
line-height:100%;
letter-spacing: 2px;
	}

	
.nav__kimono-jp{
	font-size:7px;
	font-family: "Overpass", sans-serif;
	text-align: center;	
   margin: 0 auto;
  padding:2px 0 0 0;
display: block;
line-height:100%;
	}

.nav_kimono_a{
background:#e0e0e0;
color: #474747;
height:50px;
padding:5px 0 0 0;
margin: 0 auto;

	}

.nav_kimono_a a{
  color: #474747;
}


.nav_kimono_b{
background:#9b9b9b;
color: #fff;
height:50px;
padding:5px 0 0 0;
margin: 0 auto;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
	}


.nav_kimono_b a{
  color: #fff;
}




.nav_kimono li ul {
  top: 50px;
  left: 0px;
  position: absolute;
}
.nav_kimono li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
}
.nav_kimono li ul li a {
  border-top: 1px solid #fff;
  background:#9b9b9b;
   color: #fff;
   padding:0 0 10px 0;

}
.nav_kimono li:hover > ul > li {
  overflow: visible;
  height:40px;

}

	
}