
/*-------共通---------------------------*/

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie .w90{width: 90%;}
	#mainbg.chie .w70{width: 70%;}
	#mainbg.chie .w60{width: 60%;}
	#mainbg.chie .w50{width: 50%;}
	#mainbg.chie .w45{width: 45%;}
	#mainbg.chie .w40{width: 40%;}
	#mainbg.chie .w35{width: 35%;}
	#mainbg.chie .w30{width: 30%;}
	#mainbg.chie .w25{width: 25%;}
	#mainbg.chie .w20{width: 20%;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie .w90,#mainbg.chie .w70,#mainbg.chie .w60,
	#mainbg.chie .w50,#mainbg.chie .w45,
	#mainbg.chie .w40,#mainbg.chie .w35,
	#mainbg.chie .w30,#mainbg.chie .w25,
	#mainbg.chie .w20{width:80%; margin: 10px auto;}
}
#mainbg.chie{font-family:/* '秀英にじみ丸ゴシック B JIS2004','Shuei NijimiMGo B JIS2004','游ゴシック','Yu Gothic', serif*/ "メイリオ", Meiryo, sans-serif; background: none;text-align: center;overflow: hidden; letter-spacing: 1px;}
#mainbg.chie h3{font-family:"メイリオ", Meiryo, sans-serif;color:#987c52; border-bottom: 1px dotted #ccc;width:100%;display: block; text-align: left;}
#mainbg.chie h3 span{background-color: rgba(255,242,148,1.00);color: #22ac73;}
#mainbg.chie h4{font-family:"メイリオ", Meiryo, sans-serif;display: block; color:#AA4357; border-bottom: 1px dotted #ccc; padding: 0 0 10px 0;}
#mainbg.chie h4 span{color: rgba(0,0,0,0.8); letter-spacing: 4px;}
#mainbg.chie p{text-align:left; letter-spacing: 1px; }
#mainbg.chie p .mini{font-size:80%; display:block;text-align:left; color: rgba(0,0,0,0.7)}
#mainbg.chie h6{font-family:"メイリオ", Meiryo, sans-serif; margin: 16px 0 3px; color: #987c52;display: block;font-weight: bold;font-size: 120%; text-align: left;}
#mainbg.chie hr{ display: block;overflow: hidden;clear: both;}
#mainbg.chie .center{text-align:center;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie{ font-size: 14px;}
	#mainbg.chie .inner{padding:70px 00px 0; }
	#mainbg.chie h3{font-size: 27px; line-height:30px; padding:60px 0 10px; margin:0px 0 20px;}
	#mainbg.chie h4{margin:60px 0 30px;font-size:24px;line-height: 30px; text-align: left;}
	#mainbg.chie h4 span{font-size:15px;}
	#mainbg.chie .lead{font-size:17px; line-height: 35px; margin-bottom:40px;}
	#mainbg.chie p{font-size:18px; line-height: 34px;}
	#mainbg.chie p.mini{font-size: 12px; padding-top: 10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie .inner{padding:30px 20px 0; }
	#mainbg.chie h3{font-size:20px; line-height:26px; margin-bottom: 15px;padding:30px 0 5px;}
	#mainbg.chie h4{margin:30px 0 20px;font-size:18px;line-height: 24px;}
	#mainbg.chie h4 span{font-size:13px;}
	#mainbg.chie .lead{font-size: 14px; line-height: 24px; margin-bottom: 25px;}
	#mainbg.chie p{font-size: 14px; line-height: 24px;}
	#mainbg.chie p.mini{font-size: 11px;  padding-top:5px;}
}
/*テーブル*/
#mainbg.chie table.t_style01{border:1px solid #d0d0d0; text-align: left;}
#mainbg.chie table.t_style01 th{border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
#mainbg.chie table.t_style01 td{border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;}
#mainbg.chie table.t_style01 th, table.t_style01 td{padding:8px 10px; line-height:1.8em;}
#mainbg.chie table.center_th th{text-align: center;}
#mainbg.chie table.vertical_th th{writing-mode: vertical-rl;}
#mainbg.chie table.t_style01 .bb_nashi{border-bottom:none!important;}
#mainbg.chie table.t_style01.t_center{margin: auto;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie table.t_style01{font-size: 18px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie table.t_style01{font-size: 14px;}
}
/*dldtdd*/
#mainbg.chie dl{width: 100%; text-align: left; border-top: 2px solid #d0d0d0;border-right: 2px solid #d0d0d0; border-left: 2px solid #d0d0d0;}
#mainbg.chie dl dt,dl dd{ padding:8px 10px; line-height:1.8em; vertical-align: middle;}
#mainbg.chie dl.last{border-bottom: 2px solid #d0d0d0;}
#mainbg.chie dl dt{background-color: rgba(179,29,61,0.1);}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie dl{display: table;}
	#mainbg.chie dl dt,dl dd{display: table-cell;}
	#mainbg.chie dl dt{width: 22%; border-right: 1px solid #d0d0d0; }
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie dl dt{width: 100%; border-bottom: 1px solid #d0d0d0; }
}

/*動画*/
.yt .video {position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden;}
.yt .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 641px){ /*PC*/
.yt{margin: 40px auto 0 ; width: 80%;}
}

@media screen and (max-width: 640px){ /*SP*/
.yt{margin: 20px 0 0 0 ;}
}


/*-------メインタイトル---------------------------*/

#mainbg.chie .mainimg{background:rgba(0,0,0,0.2); background-size:auto 100%;position: relative;}
#mainbg.chie .mainimg .inner{position: relative;}
#mainbg.chie .mainimg img{position:absolute;top: 0; right: 0;width:100%; }
#mainbg.chie .mainimg h1,#mainbg.chie .mainimg h1 a{filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.1));color:#fff; letter-spacing: 4px;font-family: "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#mainbg.chie .mainimg h1 span{color:rgba(255,255,255,0.8); letter-spacing: 4px; display: block;}
#mainbg.chie .mainimg h1 a:visited{color:#fff;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie{ font-size: 14px;}
	#mainbg.chie .mainimg{height: 260px;overflow: hidden;}
	#mainbg.chie .mainimg img{margin: 0 auto 0px; min-width: 1100px;}
	#mainbg.chie .mainimg h1{font-size: 34px; line-height: 40px;position: absolute;top:80px; left:0;right: 0;}
	#mainbg.chie .mainimg h1 span{font-size: 16px; line-height:40px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie .mainimg{height:120px;overflow: hidden;}
	#mainbg.chie .mainimg h1{font-size:26px; line-height: 26px;position: absolute;top:25px; left:0;right: 0;}
	#mainbg.chie .mainimg h1 span{font-size: 12px;  line-height: 34px;}
}


#mainbg.chie .mainimg.mini h1{text-align: left;}
#mainbg.chie .mainimg.mini h1 span{float: right;display: inline-block;}

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.chie .mainimg.mini{height:90px;}
	#mainbg.chie .mainimg.mini h1{font-size: 26px;  line-height: 26px;position: absolute;top:34px; left:0;right: 0;}
	#mainbg.chie .mainimg.mini h1 span{font-size: 14px;line-height: 26px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie .mainimg.mini{height:60px; padding: 0 15px;}
	#mainbg.chie .mainimg.mini h1{font-size:20px; line-height: 26px;position: absolute;top:17px; left:0;right: 0;letter-spacing: 1px;}
	#mainbg.chie .mainimg.mini h1 span{font-size: 12px; line-height: 26px;letter-spacing: 1px;}
}




/*-------404---------------------------*/
#mainbg.nf h2{text-align: center; /*border-bottom: 7px solid #D18C99;*/}
#mainbg.nf h2 span{ color: rgba(170,67,87,0.5); display: block; letter-spacing: 10px;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.nf h2{font-size: 30px; line-height: 55px; width:90%; margin: 0 auto 0px; padding-bottom: 7px;}
	#mainbg.nf h2 span{font-size: 14px; }
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.nf h2{font-size:20px; line-height: 40px; width:85%; margin: 0 auto 0px; padding-bottom: 4px;}
	#mainbg.nf h2 span{font-size: 14px; }
}


/*-------トップ　記事インデックス---------------------------*/

#mainbg.chie .index{text-align: left; display: flex; justify-content: flex-start; align-content:center; align-items:flex-start;flex-wrap: wrap;}
.index .set{}
.index .set a{}
.index .set img{width: 100%;}
#maincontents .index .set h5{ margin-bottom: 5px;color:#AA4357;}
#maincontents .index .set a,#maincontents .index .set a:hover
{color: rgba(0,0,0,0.85);}
@media screen and (min-width: 641px){ /*PC*/
.index .set{width:30%; margin:15px 1.5% 35px;}
#maincontents .index .set h5{font-size: 1.3em;}
#mainbg.chie .index .set p{font-size: 1.1em; line-height: 1.6em;}
}
@media screen and (max-width: 640px){ /*SP*/
.index .set{width:45%; margin:0 2.5% 20px;}
#maincontents .index .set h5{font-size: 1.1em;}
#mainbg.chie .index .set p{font-size: 1em; line-height: 1.4em;}
}

/*-------カテゴリーヘッダー---------------------------*/
#mainbg.cat h2{text-align: center; border-bottom: 7px solid #AA4357;}
#mainbg.cat h2 span{ color: rgba(170,67,87,0.5); display: block; letter-spacing: 10px;}
#mainbg.cat lead{}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.cat h2{font-size: 34px; line-height: 55px; width:55%; margin: 0 auto 50px; padding-bottom: 7px;}
	#mainbg.cat h2 span{font-size: 14px; }
	#mainbg.cat lead{}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.cat h2{font-size:26px; line-height: 40px; width:85%; margin: 0 auto 25px; padding-bottom: 4px;}
	#mainbg.cat h2 span{font-size: 14px; }
	#mainbg.cat lead{ margin-bottom: 20px;}
}

/*-------カテゴリー　記事インデックス---------------------------*/
#mainbg.chie .catindex{text-align: left;display: flex; justify-content: flex-start; align-content:center; align-items:center;flex-wrap: wrap; }
#mainbg.chie .catindex .set a{}
#mainbg.chie .catindex .set .photo{text-align: center; overflow: hidden;display: inline-block; width:100px; height: 100px; float: left; margin-right: 20px;position: relative;}
#mainbg.chie .catindex .set .photo img{max-width: none;height: 100%; margin: 0 auto; position: absolute;left: -50px;}
#maincontents .catindex .set h5{ color:#AA4357;}
#maincontents .catindex .set a,#maincontents .index .set a:hover
{color: rgba(0,0,0,0.85);}
@media screen and (min-width: 641px){ /*PC*/
#mainbg.chie .catindex .set{width:47%; margin:0 1.5% 35px;}
#maincontents .catindex .set h5{font-size: 1.3em; margin:0 0 10px;}
#maincontents .catindex .set p{font-size: 1.1em; line-height: 1.6em;}
}
@media screen and (max-width: 640px){ /*SP*/
#mainbg.chie .catindex .set{width:100%; margin:0 2.5% 25px;}
#maincontents .catindex .set h5{font-size: 1.1em; margin:0 0 5px;}
#maincontents .catindex .set p{font-size: 1em; line-height: 1.4em;}
}

/*-------記事---------------------------*/
#maincontents article{overflow: hidden;}

/*----ページネーション-------------------------------*/
				
.futnav{color:#777;}
.futnav a{text-decoration: none;}
.futnav .all{display: inline-block;}
.futnav .prev{display: inline-block;}
.futnav .page{display: inline-block;}
.futnav .next{display: inline-block;}
.futnav span{display: inline-block;border: 1px solid rgba(170,67,87,0.1); background-color: #fff;color:#777;}
.futnav .page a{display: inline-block;border: 1px solid rgba(170,67,87,0.8); background-color: rgba(170,67,87,0.1);color:rgba(170,67,87,1);}
.futnav .page a span{display: inline-block;color:rgba(170,67,87,1);}
.futnav a{color:rgba(170,67,87,1);}
.futnav a span.lsf-icon{color:rgba(170,67,87,0.7); font-size: 80%; margin:0 6px; border: none;}
@media screen and (min-width: 641px){ /*PC*/
	.futnav {margin-top: 50px; line-height: 18px;text-align: center;}
	.futnav .all{display: inline-block;}
	.futnav .page a,.futnav .page span{padding:8px;margin: 3px;}
}
@media screen and (max-width:599px){ /*SP*/
	.futnav .all{display:block; margin-bottom: 10px;text-align: center;}
	.futnav {margin-top:25px; line-height: 18px;}
	.futnav .page a,.futnav .page span{padding:6px;margin: 1px;}
}



/*-------カテゴリーリスト---------------------------*/

.catlist{}
.catlist ul{display: flex; justify-content: flex-start; align-content:center; align-items:center;flex-wrap: wrap;}
.catlist ul li{}
.catlist ul li span{ opacity: 0.6;font-size: 85%;}
.catlist ul li a{color:#736357;}
@media screen and (min-width: 641px){ /*PC*/
.catlist ul li{width: 25%; margin: 10px 0%; padding:5px 0;}
	.catlist ul li span{ margin-left: 10px; }
.catlist ul li a{font-size: 16px;}
}
@media screen and (max-width: 640px){ /*SP*/
.catlist ul li{width: 49%; margin:5px 0.5%;}
.catlist ul li span{ margin-left:4px; }
.catlist ul li a{font-size:95%;}
}


/*-------コンテンツページ ヘッダー---------------------------*/
#mainbg.page h2{text-align: center; border-bottom: 7px solid #D18C99;}
#mainbg.page h2 span{ color: rgba(170,67,87,0.5); display: block; letter-spacing: 10px;}
#mainbg.page img.mainphoto{width: 100%;}
#mainbg.page lead{}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page h2{font-size: 34px; line-height: 55px; width:55%; margin: 0 auto 50px; padding-bottom: 7px;}
	#mainbg.page h2 span{font-size: 14px; }
	#mainbg.page img.mainphoto{ margin-bottom: 50px;}
	#mainbg.page lead{}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.page h2{font-size:26px; line-height: 40px; width:85%; margin: 0 auto 25px; padding-bottom: 4px;}
	#mainbg.page h2 span{font-size: 14px; }
	#mainbg.page img.mainphoto{ margin-bottom: 30px;}
	#mainbg.page lead{ margin-bottom: 20px;}
}

/*-------　コンテンツページ　インデックス　---------------------------*/
#mainbg.page #anchor{}
#mainbg.page #anchor h5{ color: #aaa;}
#mainbg.page #anchor_load{}
#mainbg.page #anchor_load ul{border: 1px solid #ccc; margin: 0 auto 40px; }
#mainbg.page #anchor_load ul li{text-align: left;list-style: disc;}

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page #anchor h5{letter-spacing: 20px;}
#mainbg.page #anchor_load ul{padding: 20px 20px 20px 40px; width: 70%;}
#mainbg.page #anchor_load ul li{ padding: 5px 0;font-size: 16px;}
}
@media screen and (max-width: 640px){ /*SP*/
#mainbg.page #anchor h5{letter-spacing:10px;}
#mainbg.page #anchor_load ul{padding: 25px 5px 20px 40px; width: 100%;}
}

/*-------　コンテンツページ　ページ内　---------------------------*/
#mainbg.page section h3{font-family:"メイリオ", Meiryo, sans-serif;color:#987c52; border-bottom: 1px dotted #ccc;width:100%;display: block; text-align: left;}
#mainbg.page section h3 span{background-color: rgba(255,242,148,1.00);color: #22ac73;}
#mainbg.page section h4{text-align: left; color:#987c52; border-left:8px solid #987c52; padding: 0 0 0 10px;font-weight: bold; border-bottom: none;}
#mainbg.page section h4 span{color: rgba(0,0,0,0.8); letter-spacing: 4px;}
#mainbg.page section h5{color: rgb(170, 67, 87);border-bottom: 2px solid #ddd;}
#mainbg.page section .btm20{margin-bottom: 20px;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page section h3{font-size: 28px; line-height:30px; padding:60px 0 20px; margin:0px 0 40px;}
	#mainbg.page section h4{margin:70px 0 40px;font-size:22px;line-height: 30px; text-align: left;}
	#mainbg.page section h4 span{font-size:15px;}
	#mainbg.page section h5{margin:30px 0 15px;font-size:20px;line-height: 30px; text-align: left; padding-bottom: 5px;}
	#mainbg.page section h5.fst{margin:0px 0 15px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.page section h3{font-size:20px; line-height:26px; margin-bottom: 15px;padding:30px 0 5px;}
	#mainbg.page section h4{margin:30px 0 20px;font-size:18px;line-height: 24px;}
	#mainbg.page section h4 span{font-size:13px;}
	#mainbg.page section h5{margin:20px 0 10px;font-size:16px;line-height: 24px;text-align: left; padding-bottom: 5px;}
}
	
#mainbg.page section{clear: both;}
@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page section .f_right{float:right; margin:0 0 10px 20px;}
	#mainbg.page section .f_left{float:left; margin:0 0 10px 20px;}
	#mainbg.page section .f_right,#mainbg.page section .f_left{display: inline-block;}
	#mainbg.page section .f_right img,#mainbg.page section .f_left img{width: 100%;}
	#mainbg.page section img.f_right{float:right; margin:0 0 10px 20px;}
	#mainbg.page section img.f_left{float:left; margin:0 20px 10px 0;}
	
	#mainbg.page section .flexbox{display: flex;justify-content: center; align-content: center;}
	#mainbg.page section .flexbox > div img{margin-bottom: 0;}
	#mainbg.page section .flexbox > div{padding: 20px; width: 50%;}
	#mainbg.page section .flexbox div.set_line{border: 1px solid #ccc; padding: 15px; margin: 20px;width: 50%;}

	#mainbg.page section .flexbox3{display: flex;justify-content: center; align-content: center;}
	#mainbg.page section .flexbox3 > div img{margin-bottom: 0; width: 100%;}
	#mainbg.page section .flexbox3 > div{padding: 20px; width: 30%;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.page section img.f_right,
	#mainbg.page section img.f_left{ margin: 10px 10% 15px;}
	#mainbg.page section .flexbox > div{ padding:20px;}
	#mainbg.page section .flexbox div.set_line{border: 1px solid #ccc; padding:20px; margin: 10px 0;}
	
	#mainbg.page section .flexbox3 > div{ padding:0; width: 100%;}
	#mainbg.page section .flexbox3 > div img{margin-bottom: 0; width: 80%;}
}

/*-------パーソナルカラー---------------------------*/
.P_color .p_yellow{background-color:#f4ffa9;}
.P_color .p_grey{background-color:#eeeeee;}
.P_color .p_blue{background-color:#cceef8;}
.P_color table{margin: 0 auto;}
.P_color .color7 td,.color7 th{text-align:center; padding:5px;border-bottom: 4px solid #FFFFFF;}
.P_color .text_strong{font-size: 130%; font-weight: bold;text-align:center!important;}
.P_color table th{text-align:center; font-weight: bold;}
.P_color .beige td{border-bottom: 2px solid #FFFFFF;}
.P_color .beige_y1{background-color:#e8d9b0;}
.P_color .beige_y2{background-color:#e0d19a;}
.P_color .beige_y3{background-color:#e1c38f;}
.P_color .beige_y4{background-color:#c8a883;}
.P_color .beige_y5{background-color:#bfa577;}
.P_color .beige_b1{background-color:#ebe1db;}
.P_color .beige_b2{background-color:#eaddd1;}
.P_color .beige_b3{background-color:#b9ada3;}
.P_color .beige_b4{background-color:#b7a197;}
.P_color .beige_b5{background-color:#beb3ab;}
.P_color .haneri_color tr td{width:50%;}
@media screen and (min-width: 641px){ /*PC*/
	.P_color .center{text-align: center !important;}
	.P_color .img_w{width: 70%;}
	.P_color table th{font-size: 130%;}
	.P_color .color7 td{width: 250px;}
	.P_color .beige{border-collapse: separate;border-spacing:50px 10px;}
	.P_color .beige td{width: 250px; height: 50px;}
	.P_color .haneri_color{border-collapse: separate;border-spacing:50px 10px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.P_color .img_w{width: 100%;}
	.P_color table th{font-size: 110%;}
	.P_color .color7 td{width: 150px;}
	.P_color .beige{border-collapse: separate;border-spacing:20px 10px;}
	.P_color .beige td{width: 150px; height: 40px;}
	.P_color .haneri_color{border-collapse: separate;border-spacing:20px 10px;}
}



/*-------寸法表---------------------------*/
.sunpohyo .waku{border-color:#cccccc !important; padding: 10px 20px; border:1px solid;}
@media screen and (min-width: 641px){ /*PC*/
	.sunpohyo .sunpo_w{width:35%;}
	.sunpohyo .waku{width:40%; font-size: 18px; line-height: 34px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.sunpohyo .waku{width:70%; font-size: 14px; line-height: 24px; margin: auto;}
}

/*-------メンテナンス---------------------------*/
.mainte .mainte .bc_doyo{ background-color:#d7dbe0;}
.mainte .mainte .bc_mushi{ background-color:#e0d7df;}
.mainte .br60 > div{border-radius:60px;}
.mainte .br60 > div > p{line-height:2!important;}
.mainte .pd20{padding:20px;}
.mainte .mainte .text_strong{font-size: 130%; font-weight: bold; text-align:center!important;}
.mainte .mainte .text_green{font-size: 110%; font-weight: bold; color:#325853!important; border-bottom: 3px double #325853;}

/*-------きものの種類---------------------------*/
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.chie .kimono_type table.t_style01 tr td:nth-of-type(1){width: 115px;}
}

/*-------綺麗な写真の撮られ方---------------------------*/

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page section .flexbox > div.ps_point{padding: 0 40px !important;}
}
@media screen and (max-width: 640px){ /*SP*/
	#mainbg.page section .flexbox > div.ps_point{padding: 0 !important;}
}

/*-------吉祥文様---------------------------*/

@media screen and (min-width: 641px){ /*PC*/
	#mainbg.page section .monyo_img1 > div > div > img{margin-top: -30px !important;}
}