@charset "utf-8";

/*########################################

 全ページ共通のレスポンシブ
 
########################################/*/

@media screen and (max-width: 1450px) {
	/*背景画像の上の文字---*/
	.head-right {height: 620px;margin-left: 6%;}
	.head-rogo {margin-top: 33px;}
	.treeimg {margin: 25px 0 0 auto;}
	ul.head-right-ul {margin-top: 20px;}
	ul.sns-ul {margin-top: 30px;}
	.head-left {top: 29%;left: 42%;}
}




@media screen and (max-width: 1334px) {
	/*背景画像の上の文字---*/
	body.home #headerimgs {position: relative;overflow: hidden;height: 640px;}
	body.home #headerimgs img {position: absolute;max-width: unset;height: 640px;width:auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	.head-right {margin-left:4%;}
	.head-left {left: 40%;top: 25%;}   
}




@media screen and (max-width: 1150px) {
	/*背景画像の上の文字---*/
	body.home #headerimgs {height: 590px;}
	body.home #headerimgs img {height: 590px;}
	.head-right {margin-left: 3%;height:570px;width:320px;}
	.head-left {left: 40%;}
	.head-rogo a span {height: 47px;}
	.treeimg {margin: 15px 0 0 auto;width: 190px;}
	ul.head-right-ul {margin-top: 30px;}
	ul.head-right-ul li a {font-size: 93%;padding: 12px 5px 0 80px;background-size:13px;}
	ul.sns-ul {margin-top: 28px;}
	
	/*着物丸洗い*/
	.section.cleaning{background-size: 1200px,auto;}
	
	/*着物シミ抜き*/
	.section.oteire{background-size: 1200px;}
}





@media screen and (max-width: 1100px) {
	/* =============全ページ共通のスタイル================== */
	img{max-width: 100%;height: auto;width /***/:auto;　}
	
	/*全ページ共通のテーブル構造　-------------------*/
	.container {width: 98%;}
	
	/*＝＝＝＝＝＝　ごあいさつ　＝＝＝＝＝＝*/
	dl.index-aisatu-zip dt {width: 28%;font-size: 9px;}
	dl.index-aisatu-zip dd {width: 70%;padding: 0 0 0 3%;}
	.mark img{max-width:200px;}
}




@media screen and (max-width: 1000px) {		
	/*背景画像の上の文字---*/
	body.home #headerimgs {height:490px;}
	body.home #headerimgs img {height:490px;}
	.sp-slide .pc-image{display:none;}
	.sp-slide .sp-image{display:block;}
	.head-right {height:480px;width:300px;}
	.head-left {top: 25%;width: 260px;left: 43%;}
	.head-rogo {margin-top: 28px;font-size: 86%;}
	.head-rogo a span {height: 38px;}
	.treeimg {width:100px;}
	ul.head-right-ul {margin-top: 20px;}

	/*よくあるご質問*/
	.faq-accordion {width: 100%;}
}






@media screen and (max-width:920px) {
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	#yoko-menu{display:none;}
	.yokomenu-bg{top: 0px !important;height: 60px;background-color: #fff;border-bottom: 1px solid #521371;}
	
	body.home .yokomenu-head-rogo {display: block;line-height: 1.2;font-size:9px;text-align:left;margin-top:15px;}
	body.home .yokomenu-head-rogo a{color:#333;}
	body.home .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.home .yokomenu-head-rogo a .text{float: left;white-space: nowrap;padding: 5px 0 0 5px;}
	body.home .yokomenu-head-rogo a:hover{opacity:0.6;}

	/*横メニュー内のSNS*/
	ul.yokomenu-head-sns-ul{right:80px;top:12px;}
	ul.yokomenu-head-sns-ul li{margin:0 6px;}
	ul.yokomenu-head-sns-ul li a{width: 35px;}


	
	#menubtn{position:fixed;z-index:700;top:9px;right:15px;background:#ccc url(../img/header_menu.png) no-repeat 0 0;width:54px;height:42px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;}


	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 11px;z-index:200;width:34px;height:20px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color:#fff;display: inline-block;transition: all .4s;box-sizing: border-box;}
	
	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(9px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-9px) rotate(317deg) scale(1.15);}


	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:49;overflow-y: scroll;height:100%;right: 0;top: 0;background-color:#32185c;font-family:'Noto Serif JP', serif;font-weight:300;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:70px 10px 0 10px;list-style:none none outside;background-image:none;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 23px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:109%;color: #fff;text-decoration: none;line-height:1.2;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:48%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox01 > a{border: 1px solid #999;font-size: 90%;display: block;margin: 0 3%;padding: 7px 0;}
	
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{font-weight: 300;}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:17px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:15px;opacity: 0.5;}
	
	#navi_sp ul#yoko-menu-sp li.spbox03 > a{border: 1px solid #999;font-size: 90%;display: block;margin: 0 3%;padding: 7px 0;}
	
	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width:70%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	/*サブメニューの閉じる
	#navi_sp ul#yoko-menu-sp .sn_close{margin:0 0 0px 0;}
	#navi_sp ul#yoko-menu-sp .sn_close a{color:#fff;padding:11px 10px 11px 25px;display:block;background:#555 url(../img/header_menu_close.gif) no-repeat right center;cursor: pointer;}
	#navi_sp ul#yoko-menu-sp .sn_close a:hover{background-color:#111;opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
	*/
	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 0 0 25px 0;}
	#navi_sp p#menuclose a{font-size:100%;color:#FFF;padding:9px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 260px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}

	
	/*ナビmenu内のSNS*/
	#navi_sp ul.sns-ul {margin-top: 0;}
	#navi_sp ul.sns-ul li {margin:7px 10px 30px 10px !important;}

	/*------- index上部の背景画像 --------------*/
	.headerimgs-wrapper {margin-top: 60px;}

ul.index-cont-ul li{position:relative;display:inline-table;vertical-align:top;width:42%;height:80px;padding-top:80px;margin:0 4% 20px 0;border-radius: 80px;overflow: hidden; border:1px solid #333;/*! background-color: #333; */}
ul.index-cont-ul li:nth-child(3n){margin:0 4% 20px 0;}
ul.index-cont-ul li:nth-child(2n){margin:0 0 20px 0;}


}






@media screen and (max-width:900px) {
	/*着物丸洗い*/
	.oteire-midashi-bg1 {background-size: 170px;/*height: 170px;*/}
	.oteire-midashi-bg1 p {font-size: 24px;line-height: 1.2;}
	
	/*着物の仕立て・仕立直し*/
	.oteire-midashi-bg1.white {background-size: 170px;}


}





@media screen and (max-width:880px) {
	/*/////////////////  全ページ共通のフッター  /////////////////*/
	#footer-link ul li.privacy {display: inline-block;margin: 0 0.7% 8px 0.7%;float: unset;}
	#footer-link ul .toku{display:block;}
}





@media screen and (max-width:850px) {
	/*全ページ共通のテーブル構造　-------------------*/
	.container {width: 95%;}
		
	/*背景画像の上の文字---*/
	body.home #headerimgs {height:430px;}
	body.home #headerimgs img {height:430px;}
	.treeimg {display: none;}
	ul.head-right-ul {margin-top: 40px;}
	.head-right {height:410px;width:290px;margin-left: 0;}
	.head-left {top: 20%;}

	/*＝＝＝＝＝＝　ごあいさつ　＝＝＝＝＝＝*/
	.index-aisatu-left {float: none;width:95%;margin: 0 auto;}
	.index-aisatu-left .midashi {text-align: center;margin-top: 10px;}
	.index-aisatu-left .com span {display: inline;}
	.index-aisatu-left .com {margin-right: 0;font-size: 100%;line-height: 2;}
	.index-aisatu-right {float: none;width: 500px;margin: 20px auto 0 auto;}
	.mark img{max-width:236px;}
	
	/*着物丸洗い*/
	dl.oteire-dl {margin-top: 20px;}
	dl.oteire-dl dt {float: none; width: 95%;margin: 0 auto;}
	dl.oteire-dl dd {float: none;max-width: 510px;width: 100%;margin: 20px auto 0 auto;}
	
	/*お洋服のクリーニング*/
	.rental-left {float: none;width: 95%;margin: -20px auto 0 auto;}
	.rental-right {float: none;max-width: 495px;width: 100%;margin: 20px auto 0 auto;}
	
	/*/////////////////  全ページ共通のフッター  /////////////////*/
	.footer-zip-cont-inner {width: 95%;text-align: center;}
	.footer-zip-left {float: none;padding-right: 0;margin: 0 auto 20px auto;display: table;}
	.footer-zip-left .rogo {vertical-align: middle;}
	.footer-zip-right {float: none;display: inline-block;text-align: left;margin:0 30px 0 0;}
	.footer-tel-right {float: none;margin-top: 0;display: inline-block;vertical-align: top;}
}





@media screen and (max-width: 760px) {
	/*lozad.jによるアニメーション------*/
	.fadein-			{opacity: 1;transition:none;}
	.fadein-left	{opacity: 1;transform:none;transition:none;}
	.fadein-right	{opacity: 1;transform:none;transition:none;}
	.fadein-up		{opacity: 1;transform:none;transition:none;}
	.transition-delay{transition-delay:0s;}
	
	/*------- index上部の背景画像 --------------*/
	body.home #headerimgs {height: auto;}
	body.home #headerimgs img {max-width: 100%;height: auto;position: relative;top: unset;left: unset;transform: unset;}

	/*背景画像の上の文字---*/
	.head-right {display:none;}
	.head-left {top: 50px;left: 0;right: 0;margin: 0 auto;width: 35vw;}
}






@media screen and (max-width: 660px) {
	/*＝＝＝＝＝＝　ごあいさつ　＝＝＝＝＝＝*/
	.section.index {padding: 40px 0 50px 0;}
	.index-aisatu-left .midashi {font-size: 28px;line-height: 1.5;}
	
	/*＝＝＝＝＝＝　お手入れ・リフォームメニュー　＝＝＝＝＝＝*/
	.index-oteire-title{padding:30px 0;}
	.index-oteire-title p {height: 50px;line-height: 44px;width: 80%;font-size: 22px;}
	
	/*着物丸洗い*/
	.section.cleaning{background-size:800px,auto;padding: 40px 0 70px 0;}
	
	/*着物丸シミ抜き*/
	.section.oteire{background-size:800px;padding: 40px 0 70px 0;}
	
	/*着物のレンタル*/
	.section.rental{padding:30px 0 70px 0;}

	.oteire-midashi-bg1{width:100%;}

ul.index-cont-ul li{position:relative;display:inline-table;vertical-align:top;width:100%;height:80px;padding-top:80px;margin:0 0 20px 0;border-radius: 80px;overflow: hidden; border:1px solid #333;/*! background-color: #333; */}
ul.index-cont-ul li:nth-child(2n){margin:0 0 20px 0;}


}







@media screen and (max-width: 600px) {
	/*背景画像の上の文字---*/
	.head-left {top:30px;}
}






@media screen and (max-width: 540px) {
	/*背景画像の上の文字---*/
	.head-left img.bigimg-text{display:none;}
	.head-left img.bigimg-text-sp{display:block;}


	/*全ページ共通のテーブル構造　-------------------*/
	.section {padding: 40px 0 50px 0;}
	
	/*ごあいさつ*/
	.index-aisatu-right {width: 100%;}
	.mark img {max-width: 200px;}	
	
	/*＝＝＝＝＝＝　お手入れ・リフォームメニュー　＝＝＝＝＝＝*/
	.index-oteire-title{padding:20px 0;}
	.index-oteire-title p {font-size: 17px;}
	
	/*着物丸洗い*/
	.oteire-midashi-bg1 {background-size: 130px;/*height: 130px;*/ width:100%;}
	.oteire-midashi-bg1 p {font-size:24px;}
	
	/*着物の仕立て・仕立直し*/
	.oteire-midashi-bg1.white {background-size:130px;}

	/*着物丸洗い*/
	.section.cleaning{background-size:650px,auto;padding:30px 0 70px 0;}
	
	/*着物丸シミ抜き*/
	.section.oteire{background-size:650px;padding:30px 0 70px 0;}
	
	/*着物のリメイク*/
	#remake .slider-box {width: 100%;}
	

	/*着物のレンタル*/
	body.home h3 {font-size: 170%;}
	.rental-right .rental-img1{width: 64%;display: inline-block;}
	.rental-right .rental-img2{position: unset;width: 34%;display: inline-block;vertical-align: bottom;}
	
	/*FAQ*/
	.faq-accordion dl dt {font-size: 100%;}
		
	/*section.end SNS------------*/
	.section.end{padding:30px 0 30px 0;}
	ul.end-sns-ul li{padding:5px 20px;}

	/*/////////////////  全ページ共通のフッター  /////////////////*/
	#footer-link ul li {margin: 0 2% 8px 2%;}
	.footer-mark img{margin:3px 3px;}
	.footer-zip-right {display: block;text-align: center;margin: 0;}
	.footer-tel-right {margin-top: 15px;}
}





@media screen and (max-width: 460px) {
	/*ごあいさつ*/
	.index-aisatu-left .midashi { font-size: 24px;margin-top: 0;}
	.index-aisatu-left .com {margin-top: 10px;}
	dl.index-aisatu-zip {display: none;}
	.mark {display: none;}
	.index-map {margin-top: 20px;}
	
	/*レンタル料金表*/
	.meyasu-box ul li {float: none;width: 100%;}
	.meyasu-rental-left{float:none;width:100%;}
	.meyasu-rental-right {float: none;width: 100%;margin-top: 10px;}
	
	/*＝＝＝＝＝＝　お手入れ・リフォームメニュー　＝＝＝＝＝＝*/
	dl.oteire-dl dt .com {font-size: 100%;}

	/*着物のレンタル*/
	dl.rental-dl dt .com {font-size: 100%;}


}





@media screen and (max-width: 420px) {
	/*横メニュー内のSNS*/
	ul.yokomenu-head-sns-ul{display:none;}
	.oteire-midashi-bg1 p {font-size:18px;}
}





@media screen and (max-width: 380px) {
	/*背景画像の上の文字---*/
	.head-left {top:22px;}
	
	/*/////////////////  全ページ共通のフッター  /////////////////*/
	.copyright {font-size: 63%;}
}