@charset "utf-8";


@media screen and (max-width: 1100px) {
	/*パンくず------------*/
	.breadcrumb-box{width: 96%;}
	
	/*==========　店舗案内   tenpo/  ==========*/
	table.gaiyou-table {width: 90%;}


}




@media screen and (max-width:970px) {
	/*==========　着物丸洗い   cleaning/  ==========*/
	.cleaning-price-box {width: 100%;}

	/*==========　お問合せ   toiawase/  ==========*/
	#chuui-waku{width:96%;}
	#toiawase-form {width: 100%;}
}




@media screen and (max-width:920px) {
	body.naka .yokomenu-bg.smaller {top: 0px !important;}
	
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	body.naka .yokomenu-head-rogo {display: block;line-height: 1.2;font-size:9px;text-align:left;margin-top:15px;}
	body.naka .yokomenu-head-rogo a{color:#333;}
	body.naka .yokomenu-head-rogo a .rogo{float: left;width: 85px;background:url(../img/rogo_black.png) no-repeat center top;height:32px;background-size:contain;text-indent: -8989px;overflow: hidden;}
	body.naka .yokomenu-head-rogo a .text{float: left;white-space: nowrap;padding: 5px 0 0 5px;}
	body.naka .yokomenu-head-rogo a:hover{opacity:0.6;}

	body.naka ul.yokomenu-head-sns-ul {top: 12px;}

	/*---------　ページ上部の横長画像　------------*/
	body.naka .headerimgs-wrapper{margin-top:60px;}
	body.naka #headerimgs {height: 200px;}
	.headerimgs-rogo {top: 60px;}
	h1 {font-size: 28px;margin-top: 65px;}
	body.naka #headerimgs::before {height: 30px;}
	body.naka #headerimgs::after {height: 15px;}
	/*縦棒アニメ*/
	@keyframes borderAnim {
		0% {bottom: 15px; }
		100% {bottom: -15px; }
	}
	
	
	/*==========　着物丸洗い   cleaning/  ==========*/
	h2{background-size:150px;height:150px;}
	h2 p {font-size:34px;}
	h2 p img {width: 45px;}
	
	/*==========　店舗案内   tenpo/  ==========*/
	body.tenpo #wrapper {background: url(../toiawase/img/tenpo_bg.png) no-repeat center top 40px;background-size: 750px;}
	
}







@media screen and (max-width:870px) {
	/*==========　店舗案内   tenpo/  ==========*/
	.kodawari-box {width: 96%;}
	.top-left .com,
	.bottom-left .com {padding: 10px 5% 0 0;}
	.top-left .com br,
	.bottom-left .com br{display:none;}
	.top-right .com,
	.bottom-right .com {padding: 10px 0 0 5%;}
	.top-right .com br,
	.bottom-right .com br{display:none;}
}






@media screen and (max-width: 760px) {
	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	h3{font-size:170%;}
	
	/*==========　着物シミ抜き   shiminuki/  ==========*/
	dl.naka-shimi-dl1 {width: 100%;background-size: 22px;}
	dl.naka-shimi-dl1 dt::before,
	dl.naka-shimi-dl1 dd::before{width: 70px;height: 70px;}
	
	/*==========　お仕立て・仕立直し   shitate/  ==========*/
	.midashi4 {font-size: 26px;margin: 40px 0 20px 0;}
	dl.shitate-dl {margin-top: 20px;}
	
	/*==========　着物のリメイク   remake/  ==========*/
	body.naka.remake .midashi4 {font-size: 24px;}
	.remake-com {margin: 0px 0 50px 0;}
	
	/*==========　店舗案内   tenpo/  ==========*/
	.staff-fukidashi {width: 90%;}
	.staff-img {padding: 0 5%;}
	.bottom-left{margin-top:100px;}
	.bottom-right{margin-top:100px;}

	dl.naka-shimi-dl1 dt {float: none;width: 100%;}
	dl.naka-shimi-dl1 dd {float: none;width: 100%;margin-top: 50px;}


}




@media screen and (max-width: 660px) {
	/*==========　着物丸洗い   cleaning/  ==========*/
	.naka-com {font-size: 100%;line-height: 2;margin: 15px auto 0 auto;}
	dl.cleaningflow-dl dt .plfri {font-size: 108%;padding: 5px 0;}
	
	/*==========　お仕立て・仕立直し   shitate/  ==========*/
	dl.shitate-dl dt {float: none;width: 100%;}
	dl.shitate-dl dd {float: none;width: 100%;}
	table.pricetable.shitate-table2 {width:100%;min-width: unset;}
	.naka-naoshi {text-align: center;margin: 20px 0 20px 0;}
	
	/*==========　お問合せ   toiawase/  ==========*/
	body.naka.toiawase .midashi3 {font-size: 140%;}
	#toiawase-form dt.title {width: 100%;float: none;padding: 13px 0 3px 42px;line-height: 1;height: 35px;}
	#toiawase-form dt.title.need 		{background: url(../img/toiawase_hitu.png) no-repeat left 2px top 12px;}
	#toiawase-form dt.title.unneed 	{background: url(../img/toiawase_nin.png) no-repeat left 2px top 12px;}	
	#toiawase-form dl dd {padding:5px 0 15px 5px;}
	.form-submit input {width:60%;}
	/*.form-submit input.reset {width:24%;margin-left: 5%;}	*/	
	/* 内容確認用のスタイル----*/
	#toiawase-form.kakunin dd {padding: 5px 0px 9px 20px;}
	/*完了ページ*/
	.kanryou-waku {padding:0;}
	.kanryou-waku .form-kanryo1 {font-size: 115%;margin-bottom: 20px;}
	.kanryou-waku .form-kanryo2{text-align: left;}
	.kanryou-waku .form-kanryo2 span {display: inline;}
}




@media screen and (max-width: 540px) {
	/*---------　ページ上部の横長画像　------------*/
	body.naka #headerimgs {height: 150px;}
	.headerimgs-rogo {display: none;}
	h1 {font-size:22px;margin: 40px auto 0px;/*padding-top:58px*/;}
	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {right: 10px;width: 45px;height: 62px;}
	
	/*==========　着物丸洗い   cleaning/  ==========*/
	h2 {background-size: 120px;height: 120px;}
	dl.cleaningflow-dl dd.img {width: 50%;margin: 0 25% 7px 0;}
	dl.cleaningflow-dl dd.text {width: 100%;padding-left: 25%;float: none;}
	table.price-table1 {float: none;width: 100%;margin-right: 0;}
	table.price-table2 {float: none;width: 100%;margin:20px 0 20px 0;}
	table.price-table3 {width: 100%;margin:20px 0 20px 0;}
	table.price-table2.isou {float: none;width: 100%;margin-top: 20px;}
	table.pricetable tbody th {width: 45%;}
	/*お見積は無料です*/
	.mitumori-com{font-size:100%;}
	.mitumori-uketori{max-width:265px;margin: 10px auto 0 auto;}
	
	/*==========　着物シミ抜き   shiminuki/  ==========*/
	dl.naka-shimi-dl1 {width: 100%;background: url(../shiminuki/img/arrow_down55-37.png) no-repeat center top 52.5%;background-size: 35px;}
	dl.naka-shimi-dl1 dt {float: none;width: 100%;}
	dl.naka-shimi-dl1 dd {float: none;width: 100%;margin-top: 50px;}
	.naka-price {font-size: 100%;}
	
	/*==========　着物のリメイク   remake/  ==========*/
	body.naka.remake .section {padding: 20px 0 10px 0;}
	body.naka.remake .section:nth-child(2){padding-top:40px;}
	body.remake dl.naka-shimi-dl1 {background: url(../shiminuki/img/arrow_down55-37.png) no-repeat center top 50%;background-size: 35px;margin: 40px auto 70px auto !important;}
	body.remake dl.naka-shimi-dl1.none {background: none;}
	ul.naka-remake-ul {margin: 30px auto 30px auto !important;}
	ul.naka-remake-ul li {/*float: none;*/ width: 48%;margin: 0 1% 20px 1% !important;}	
	.remake-com {margin: 0px 0 30px 0;font-size: 108%;}
	
	/*==========　店舗案内   tenpo/  ==========*/
	.naka-com2 {margin-top: 20px;text-align: left;font-size: 100%;line-height: 2.0;}
	.naka-com2 br{display:none;}
	.staff-fukidashi {margin: 40px auto 0 auto;width: 95%;}
	.staff-fukidashi p {font-size: 108%;letter-spacing: 0.2em;}
	.kodawari-box {background: url(../toiawase/img/kodawari_bg.png) no-repeat center center;background-size: 300px;margin: 20px auto 0 auto;}

.mitumori-uketori img{width:70%;height:auto;;}

dl.naka-shimi-dl1 .title2{padding:0px;}
dl.naka-shimi-dl1 .title2 br{display:block;padding:0px;}



}





@media screen and (max-width: 460px) {
	/*==========　着物丸洗い   cleaning/  ==========*/
	h2 p {font-size:29px;}
	h2 p img {width:38px;}
	dl.cleaningflow-dl dt {width: 29%;letter-spacing: 0;}
	dl.cleaningflow-dl dd.img {margin: 0 21% 7px 0;}
	
	/*==========　お仕立て・仕立直し   shitate/  ==========*/
	.midashi4 {font-size: 19px;margin: 30px 0 15px 0;padding: 7px 0 8px 0;}
	.midashi5 {font-size: 136%;line-height: 22px;}
	.shitate-com {font-size: 100%;}
	dl.shitate-dl {margin-top: 15px;}
	
	/*==========　着物のリメイク   remake/  ==========*/
	body.naka.remake .midashi4 {font-size: 19px;}
}






@media screen and (max-width: 420px) {
	/*---------　ページ上部の横長画像　------------*/
	body.naka #headerimgs {height: 110px;}
	h1 {font-size:20px;/*padding-top:40px;*/}
	
	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	h3{font-size:150%;}
	
	/*==========　店舗案内   tenpo/  ==========*/
	.kodawari-box {background: url(../toiawase/img/kodawari_bg_sp.png) no-repeat top 0 center;background-size:360px;margin: -10px auto 0 auto;font-size: 100%;padding-top:80px;}
	.top-left {float: none;width: 95%;margin: 0 auto;}
	.kodawari-img{text-align: center !important;}
	.kodawari-img img{width: 220px !important;}
	.top-right {float: none;width: 95%;margin: 10px auto 0 auto;}
	.bottom-left {float: none;width: 95%;margin: 10px auto 0 auto;}
	.bottom-right {float: none;width: 95%;margin: 10px auto 0 auto;}
	.top-right .com,
	.bottom-right .com {padding: 5px 0 0 0;}
	.top-left .com,
	.bottom-left .com {padding: 5px 0 0 0;}
	/*会社概要*/
	table.gaiyou-table {width: 100%;}
	table.gaiyou-table th {display: block;width: 100% !important;padding: 10px 0 0px 10px;border: 1px dotted #777;border-bottom: none;}
	table.gaiyou-table td {display: block;border: none;padding: 6px 0 10px 20px;}
}





@media screen and (max-width: 380px) {
	/*==========　着物丸洗い   cleaning/  ==========*/
	h2 p {font-size:25px;}
	h2 p img {width:36px;}
	
	/*==========　お仕立て・仕立直し   shitate/  ==========*/
	body.shitate h2 p {font-size:23px;letter-spacing: 0;}
	.midashi5 {font-size: 129%;line-height: 19px;}

	/*==========　店舗案内   tenpo/  ==========*/
	.staff-fukidashi {width:100%;}
	.staff-fukidashi p {font-size: 108%;letter-spacing:0;}
}














