@charset "utf-8";

/*
Theme Name:きものみちかわホームページ
Theme URI:
Description:きものみちかわホームページ
Version:
Author:
Author URI:
*/

@import "css/reset.css";
@import "css/common.css";

/*=====================共通=====================*/
/*ページトップ画像＋タイトル部分*/
.jumbotron{
	max-width:1100px;
	margin:0 auto;
	position:relative;
}
.jumbotron_inner{
	width:90%;
	max-width:1000px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:0 30px;
}
.jumbotron_title{
	font-size:2em;
	font-weight:bold;
	color:#fff;
}



/*メディア*/
.media{
	display:flex;
	margin-bottom:20px;
}
.media_body{
	flex:1;
	margin-right:1.5em;
}
/*.mediaの中の最後の要素のmargin-bottomを打ち消す*/
.media_body > *:last-child{margin-bottom:0;}
.media_title{
	margin-bottom:.5em;
	font-size:1.5em;
	font-weight:bold;
}
.meida_image img{width:100%;}
.media_image figcaption{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	margin-top:5px;
	text-align:right;
}
/*メディア 写真とテキスト逆*/
.media_reverse{flex-direction:row-reverse;}
.media_reverse .media_body{margin-right:0}
.media_reverse .media_image{margin-right:1em;}



/*テーブル*/
.horizontal-table{
	border:solid 1px #ccc;
	margin:1em 0;
}
.horizontal-table table{
	width:100%;
}
.horizontal-table table th,
.horizontal-table table td{
	border-bottom: solid 1px #ccc;
	padding: 15px;
}
.horizontal-table table th{
	font-weight:bold;
}

.horizontal-table tr:last-child th,
.horizontal-table tr:last-child td{
	border-bottom:none;
}
/*テーブルend*/

/*ご依頼方法*/
.uketuke_area .btn{
	width:500px;
	max-width:100%;
	margin-right:auto;
	margin-left:auto;
	color:rgb(153,44,68);
	max-width:100%;
	border:solid 1px currentColor;
	background-color:#fff;
	padding:15px 20px;
}

/*フォーム*/
input[type="text"],
input[type="email"],
input[type="tel"]{
	width:100%;
	max-width:400px;
}
textarea{width:100%;}
	
input,textarea{
padding:10px 15px;
font-size:16px;
}
	
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea{
	border-radius:3px;
	border:solid 1px rgb(46, 46, 46);
}
input[type="checkbox"]{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin: 0px 0 7px 0;
}

input[type="submit"]{
	color:#fff;
	font-weight:bold;
	padding:25px 60px;
	background:rgb(153,44,68);
	border:none;
	cursor:pointer;
}
input[type="button"]{
	margin-right:20px;
	padding:25px 30px;
	background:#a2a2a2;
	color:#fff;
	border:none;
	cursor:pointer;
}
.button_area{
	display: flex;
	justify-content: center;
}


/*お問い合わせ*/
.cta_area{
	background:url(img/bg_washi.jpg) repeat;
	padding:2.5em 30px;
}
.cta_inner{
	max-width:1000px;
	margin:0 auto;
}
.cta_inner .btn_list{
	display:flex;
	justify-content:center;
	margin:1.8em 0;
}
.btn_list li{margin-right:3em;}
.btn_list li:last-child{margin-right:0;}

.btn_tel a,
.btn_mail a{
	position:relative;
	padding: 10px 10px 10px 30px;
}
.btn_mail a:before{
	position:absolute;
	top:50%;
	left:50px;
	transform:translateY(-50%);
}
.btn_tel a:before{
	position:absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);
}
.cta_area .btn{
	width:650px;
	max-width:100%;
	color:rgb(153,44,68);
	background:#fff url("img/coupon_back_03.png") no-repeat -10px -10px;
	border:solid 1px currentColor;
	padding-top:20px;
	padding-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
}

/*googleマップ*/
.map iframe{width:100%;}


/*補足*/
.text_center{text-align:center;}
.mb-20{margin-bottom:20px;}
.mt-0{margin-top:0;}


/*=====================共通 end=====================*/


/*=====================各ページ=====================*/
/*------index------*/

/*バナーエリア*/
.bnr_content{text-align:center;}
.bnr_body{display:inline-block;}

/*着物のしみぬきは専門店へ*/
.history_sec .media{
	flex-wrap: wrap;
	justify-content:space-between;
	margin-bottom:2.5em;
}


/*テキスト*/
.history_sec .media_title{
	font-size:1.5em;
	margin-bottom:10px;
	font-weight:bold;
}

.history_sec .link{
	display:inline-block;
	color:rgb(153,44,68);
}

/*作業項目*/
.works_body{
	padding:2em;
	/*background:rgb(223,215,194);*/
	background:rgb(250,242,223);
	margin:1em 0;
}
.works_body ul{
	font-size:1.5em;
	display:flex;
	flex-wrap:wrap;
	margin:0;
}
.works_body ul li{margin:0 .5em 1em;}
.works_body .bullet_list li:before{background:rgb(153,44,68);}


/*染み抜きビフォーアフター事例*/
.jirei_image{display:flex;}
.jirei_image > li{width:48%;margin:0 4% 20px 0;}
.jirei_image > li:nth-child(2n){margin-right:0;}
.jirei_body h3{font-size:1.3em;}



/*ご来店での受付、宅配での受付*/
.shop_area{
	display:flex;
	flex-wrap:wrap;
}
.shop_area .text{
	flex:1;
	margin-right:2em;
}
.shop_area .map{width:430px;}

/*みちかわ、みけし、LINEロゴ*/
.logo_list{margin-bottom:1em;}
.logo_list li{text-align:center;}

.address_area{
	display:flex;
	justify-content:space-between;
}
.address_table{
	flex:1;
	font-size:.8em;
}
.address_table,
.address_table th,
.address_table td{
	border:none;
}
.address_table th{
	color:rgb(153,44,68);
	vertical-align:top;	
}
.address_table th,
.address_table td{
	padding:5px;
}
.address_img{text-align:center;}
.address_img figcaption{
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	margin:10px 0;
	font-weight:600;
}
/*ご依頼の流れ*/
.flow_list{
	display:flex;
	justify-content:space-between;
	font-size:1.2em;
	font-weight:bold;
	margin:2em 0;
}
.flow_list li{
	background:rgb(244,211,211);
	line-height:80px;
	width:22%;
	text-align:center;
	position:relative;
	margin-right:4%;
}
.flow_list li:last-child{margin-right:0;}
.flow_list li div{
	display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.flow_list li:after{
	content:url(img/icon_arrow-r2.png);
	display:inline-block;
	position:absolute;
	right:-26px;
	line-height:30px;
	bottom:50%;
	transform:translateY(50%);
}
.flow_list li:last-child:after{display:none;}
.flow_list li:before{
	background:rgb(153,44,68);
	position:absolute;
	left:-5px;
	top:-50%;
	color:#fff;
	width:40px;
	font-size:25px;
	line-height:40px;
	border-radius:50%;
	transform:translateY(50%);
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.flow_list li:nth-child(1):before{content:'1';}
.flow_list li:nth-child(2):before{content:'2';}
.flow_list li:nth-child(3):before{content:'3';}
.flow_list li:nth-child(4):before{content:'4';}
.flow_list li:nth-child(5):before{content:'5';}

.takuhai_sec .more_link a{
	margin-left:20px;
}

/*下層ページ*/
.page .uketuke_area .flow_list,
.single .uketuke_area .flow_list{
	display:none;
}


/*トピックス*/
.topics_group{margin-bottom:2.5em;}
.topics_group .media_body{margin-left:1em;margin-right:0;}
.topics_group .media_body time{margin:0 0 5px 0;}
.topics_group .media_title{margin-bottom:5px;}
.topics_group .media_img{
	min-width:250px;
}
.topics_group .media_img img{width:100%;}

/*facebook*/
.fb_body{text-align:center;}

/*------index end------*/

/*------archive------*/
.category_group .media .media_body{margin-right:0;margin-left:1em;}
/*キャンペーン期間*/
.kikan{
	display:flex;
	flex-wrap:wrap;
}
.kikan dt,
.kikan dd{padding:5px;}
/*------archive end------*/

/*------single------*/
.entry_head{
	margin-bottom:2em;
}
.entry_head .post_title{
	font-size:2em;
	line-height:1.2;
	margin-bottom:30px;
}
.entry_head time{
	text-align:right;
	margin:1em 0;
}
.entry_body{
	margin-bottom:3em;
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.post_cat{
	margin:1em 0;
}
.post_cat .cat_list{
	display:flex;
}
.post_cat .cat_list li{
	text-align:center;
	margin-right:10px;
}
.post_cat .cat_list li:last-child{
	margin-right:0;
}
.post_cat .cat_list a{
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#fff;
	padding:10px;
	background:rgb(153,44,68);
}
.entry_thumb{
	margin-bottom:1.5em;
}


/*キャンペーン期間*/
.kikan_body{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding:20px;
	background:rgb(244,211,211);
}
.kikan_body > *{
	font-size:25px;
	margin-bottom:0;
}
.kikan_body h2{margin-right:30px;}


/*------single end------*/



/*------page------*/
/*--みちかわについて--*/
.shop_about .media{
	margin-bottom:4em;
}
.shop_about .media_body{
	line-height:1.8;
	margin-right:3em;
}
.shop_about .media_body p{
	margin-bottom:1em;
}
.shop_info ul li{
margin-bottom:3em;
font-size:1.2em;
}
.shop_info ul li:last-child{margin-bottom:0;}
.shop_info ul .more_link{
	margin:1.25em;
}
.shop_info .btn{
width: 650px;
    max-width: 100%;
    color: rgb(153,44,68);
    background: #fff;
    border: solid 1px currentColor;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
}

.shop_info .btn_caupon{
	background: #fff url(img/coupon_back_03.png) no-repeat -10px -10px;
}

.cash_group{
	margin:3em 0;
	text-align:center;
}

/*店舗情報*/
.about_shop dl dd{
	font-size:1.2em;
	margin-bottom:1em;
}
.about_shop dl dd a{display:inline-block;}

/*アクセス*/
.roadoder{
	margin-bottom:1.5em;
}
.roadoder_list li{
	font-size:1.2em;
	margin-bottom:1em;
	display:flex;
}
.roadoder_list li:last-child{margin-bottom:0;}
.roadoder_list li span{
	margin-right:10px;
}
.roadoder_list li img{
	display:block;
	margin:20px auto 0;
}





/*--ご依頼方法--*/
/*ご依頼の流れ*/
.request_flow{
	margin-top:3em;
}
.request_flow li{
	display:flex;
	flex-wrap:wrap;
	min-height:90px;
	margin-bottom:3.5em;
}
.request_flow li:last-child{margin-bottom:0;}
.request_flow li .title{
	position:relative;
	font-weight:bold;
	font-size:1.3em;
	text-align:center;
	background:rgb(244,211,211);
	color:rgb(153,44,68);
	padding:10px;
	width:220px;

	/*枠の中央に配置する*/
	display:flex;
	align-items:center;
	justify-content:center;
}
.request_flow li .text{
	font-weight:bold;
	background:#f2f2f2;
	padding:10px;
	flex:1;

	/*枠の中央に配置する*/
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.request_flow li .hassou_box{
	width:90%;
	border:solid 1px #000;
	padding:10px;
	text-align:center;
	margin:20px auto;
}
.request_flow li .hassou_box a{
	display:inline-block;
}

.request_flow li .hassou_box > *{
	margin:0;
}
.request_flow li .cash_box{
	margin:1em 0;
}

/*番号、矢印*/
.request_flow .title span{
position:absolute;
top:-20px;
left:0;
font-weight:bold;
text-align:center;
width:40px;
line-height:40px;
background:rgb(153,44,68);
color:#fff;
border-radius:50%;
font-size:30px;
}
.request_flow .title:after{
content:url(img/icon_arrow-bottom2.png);
display:inline-block;
position:absolute;
left:50%;
bottom:-36px;
transform:translateX(-50%);
}
.request_flow li:last-child .title:after{display:none;}

/*お取り扱いクレジットカード*/
.cledit_area{
	margin:1em 0 0 220px;
	padding:10px;
}


/*--価格表--*/
.price_list{
	width:90%;
	font-size:1.3em;
	margin:2.5em auto;
	background:rgb(251,237,237);
	display:flex;
	flex-wrap:wrap;
}
.price_list dt{
	padding:1em 1em 1em 3em;
	border-bottom:dashed 1px rgb(244,211,211);
	color:rgb(153,44,68);
	width:70%;
}
.price_list dd{
	padding:1em 3em 1em 1em;
	border-bottom:dashed 1px rgb(244,211,211);
	width:30%;
	text-align:right;
}

/*--Q＆Aコーナー--*/
/*タイトル表示しない*/
.post-16477 .jumbotron_inner{opacity:0;}

/*--Q＆A本体--*/
.faq{
	background:rgb(251,237,237);
	padding:1.8em;
	width:90%;
	margin:0 auto;
}
.faq_row{
	margin-bottom:1.8em;
	display:flex;
	align-items:flex-start;
}
.faq_row:last-child{
	margin-bottom:0;
}

/*Q.とA.の部分*/
.faq_icon{
	font-size:1.5em;
	margin-right:20px;
}

/*テキスト*/
.faq_row .text{
	font-size:1.5em;
}

/*アンサー全体*/
.faq_answer_body .text{margin-bottom:.5em;}
.faq_answer_body > *:last-child{
margin-bottom:0;/*最後の要素は下余白を削除する*/
}
/*下部ボタン*/
.post-16477 .btn_area .btn{
	width: 650px;
    color: rgb(153,44,68);
    padding-top: 18px;
    padding-bottom: 18px;
}



/*--事例紹介--*/
.jirei_sec .media{margin-bottom:3em;}
.jirei_sec .media .media_title{
	margin-bottom:1em;
}

.jirei_sec .media_reverse .media_img{margin-right:2.8em;}



/*--お問い合わせ--*/
.form_wrap table th{
	background:#f2f2f2;
}
.form_wrap table th span{
	color:#ff0000b0;
	margin-left:5px;
}

/*--感染防止対策の取り組み--*/
.photo_group{
	display:flex;
	flex-wrap:wrap;
}
.photo_group figure{margin-right:20px;}
.photo_group figcaption{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    margin: 10px 0;
    font-weight: 600;
}

/*------page end------*/

/*------カスタム投稿タイプ------*/

/*ビフォーアフター事例*/
.content_body{margin-bottom:30px;}

.jirei-wrap{margin-bottom:2em;}

.jirei_image li img{width:100%;}
.jirei_image li span{
	display:block;
	font-size:1.5em;
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.jirei_image .after span{color:rgb(153,44,68);}

/*矢印*/
.jirei_image .before{position:relative;}
.jirei_image .before:after{
	content:'';
	display:inline-block;
	position:absolute;
	background:url(img/icon_arrow-r.png) no-repeat;
	background-size:contain;
	width:36px;
	height:55px;
	top:50%;
	right:-30px;
	transform:translateY(-10%);
}


.jirei_item .price{
	font-size:1.5em;
	font-family:"Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
.jirei_detail table th{
	width:45%;
	background:rgb(244,211,211);
	color:rgb(153,44,68);
}

.jirei_item .media_title{font-size:1.2em;}
.jirei_item .horizontal-table{
	font-size:16px;
	margin:0;
}
.jirei_item .horizontal-table th,
.jirei_item .horizontal-table td{padding:5px;}

.other_caution > *{font-size:14px;}

/*------カスタム投稿タイプ end------*/