@charset "utf-8";

/*//////////// 基本サイズ15px  ////////////
表示サイズ　指定する値
10px　63%
11px　69%
12px　75%
13px　82%
14px　88%
15px　94%			29px　181%
16px　100%		30px　187%
17px　107%		31px　193%
18px　113%		32px　200%
19px　119%		33px　206%
20px　125%		34px　212%
21px　132%		35px　218%
22px　138%		36px　224%
23px　144%		37px　230%
24px　150%		38px　236%
25px　157%		39px　242%
26px　163%		40px　248%
27px　169%		41px　254%
28px　175%		42px　260%
//////////////////////////////*/

/*************************************************"
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:15px;color:#000;position: relative;height: 100%;background-color:#fff;letter-spacing:0.05em;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased;	/*OSXでのフォントのレンダリング方法を調整*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる*/
		font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "メイリオ", sans-serif;
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}

@media all and (-ms-high-contrast:none) {
body{font-family: "メイリオ", Meiryo, sans-serif !important;}		/*IE11でline-heightがずれるための処置*/
}


/* Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--Noto Serif JPの、light300、Medium 500
.minfont300{font-family:'Noto Serif JP', serif;font-weight:300;}
.minfont500{font-family:'Noto Serif JP', serif;font-weight:500;}
*/


a         {color: #3155a4;text-decoration:none;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #3155a4;text-decoration:none;}
a:visited {color: #5C93AD;text-decoration:none;}
a:active  {color: #3155a4;text-decoration: underline;}
a:hover   {color: #669900;text-decoration: underline;}


h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../images/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}


/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}



/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}


/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background:#dedbe2;}
#load-text {position: absolute;font-size:11px;color: #fff;text-align: center;width: 100%;top:36%;padding-top:95px;height:130px;display: block;
						background:url(../img/rogo_white.png) no-repeat center center,url(../js/loading.svg) no-repeat center top;background-size: 130px,auto;}


/* ページの各セクション-------------------*/
.section{padding:60px 0 70px 0;}
.section.index1 {padding:60px 0 20px 0;}


/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;background:#fff;overflow: hidden;}
.container{position: relative;width:1100px;margin:0 auto;padding:0;line-height:1.9;text-align:center;}


/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*iframeのgooglemap用-----*/
.index-map{margin-top:50px;}
.index-map iframe{width:100%;height:350px;}


/*/////////////////////////////////////////////////////////////
 全ページ共通のheader
////////////////////////////////////////////////////////////*/
#header{position:absolute;top: 0;z-index:50;width:100%;}

/* ==================== 横メニュー ==================== */
.yokomenu-bg{position:fixed;top:-75px;z-index:60;width: 100%;text-align: center;background-color:rgba(255,255,255,0.85);webkit-transition: 0.5s;transition: 0.5s;border-bottom:1px solid #dedbe2;}
.yokomenu-bg.smaller {top:0px !important;}

/*
.yokomenu-head-rogo{position:absolute;z-index:50;line-height: 1.2;font-size:9px;text-align:left;}
.yokomenu-head-rogo a{color:#333;}
.yokomenu-head-rogo a .rogo{position:absolute;background:url(../img/rogo_black.png) no-repeat center top;height:35px;background-size:contain;text-indent: -8989px;overflow: hidden;width: 103px;top:17px;left: 10px;}
.yokomenu-head-rogo a .text{position:absolute;top: 25px;left: 118px;white-space: nowrap;}
.yokomenu-head-rogo a:hover{opacity:0.6;}
*/

/*SNS*/
ul.yokomenu-head-sns-ul{position:absolute;right:7px;top:17px;}
ul.yokomenu-head-sns-ul li{display: inline-block;margin:0 8px;}
ul.yokomenu-head-sns-ul li a{display:block;width: 35px;}
ul.yokomenu-head-sns-ul li a:hover{opacity:0.6;}


ul#yoko-menu{position: relative;width: 87%;}
ul#yoko-menu > li{position:relative;float:left;}
ul#yoko-menu > li.yokomenu1{width:8%;}
ul#yoko-menu > li.yokomenu2{width:13%;}
ul#yoko-menu > li.yokomenu3{width:16%;}
ul#yoko-menu > li.yokomenu4{width:20%;}
ul#yoko-menu > li.yokomenu5{width:15%;}
ul#yoko-menu > li.yokomenu6{width:14%;}
ul#yoko-menu > li.yokomenu7{width:13%;}

ul#yoko-menu li.yokomenu1 a img{margin-bottom: 3px;}

ul#yoko-menu > li a{font-size:108%;font-family:'Noto Serif JP', serif;font-weight:300;text-decoration:none;color:#000;height:70px;width: inherit;display:table-cell;vertical-align:middle;text-align: center;line-height:1.2;/*background:url(../img/yokomenu_bar.png) no-repeat left center;*/}
/*ul#yoko-menu > li:last-child a{background:url(../img/yokomenu_bar.png) no-repeat left center, url(../img/yokomenu_bar.png) no-repeat right center;}*/

ul#yoko-menu > li a:hover,
ul#yoko-menu > li.current > a{background-color:#e5dbf3;}
ul#yoko-menu > li a:hover img{opacity:1;}


/*カレント表示用----*/
body.koukoku ul#yoko-menu li.yokomenu2,	/*広告・看板*/
body.remake ul#yoko-menu li.yokomenu3,	/*着物リメイク*/
body.cleaning ul#yoko-menu li.yokomenu4,	/*着物クリーニング*/
body.shitate ul#yoko-menu li.yokomenu5,	/*お仕立て・仕立直し*/
body.rental ul#yoko-menu li.yokomenu6,	/*レンタル*/
body.toiawase ul#yoko-menu li.yokomenu7{background-color:#f6f1fd;}　/*店舗案内お問合せ*/


/*プルダウンのサブメニュー*/
/*三角の表示用
ul#yoko-menu ul li:first-child a:after {content: '';position: absolute;width: 0;height: 0;left:45%;top: -9px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #53912b;}

ul#yoko-menu li ul {position: absolute;background-color:#0e4878;z-index:200;list-style-type: none;top:85%;left:0;margin-top: 1px;width:160%;margin: 0 0 0 -30%;padding: 0;opacity:0;visibility:hidden;transition: 0.5s ease-in-out;}

ul#yoko-menu li:hover ul,
ul#yoko-menu li ul.focused{visibility:visible;opacity:1;top:100%;}


ul#yoko-menu li ul > li {overflow: hidden;line-height:1.1;text-align:center;background-image:none;width: 100%;}
ul#yoko-menu li ul > li a{font-size:90%;font-weight:normal;line-height:1.2;color:#ddd;text-decoration:none;display:block;height:auto;padding:15px 5px 15px 5px;background-image: none !important;margin: 0;letter-spacing: 0;border-top: 1px dashed #777;}
ul#yoko-menu li ul > li:first-child a{border-top:none;}


ul#yoko-menu > li:hover > a {   }
ul#yoko-menu > li:hover li > a:hover {color:#fff;background-color:#0470c8;}
ul#yoko-menu li:hover > ul > li {overflow: visible;border-right:none;}
*/
/*subsubmenu
ul#yoko-menu li ul li ul {top: 0;left: 100%;}
ul#yoko-menu li:last-child ul li ul {left: -100%;width: 100%;}
ul#yoko-menu li ul li ul li:first-child a:after{border:none;}
ul#yoko-menu li:hover ul li ul li:hover > a {}
ul#yoko-menu li ul li ul:before							{position: absolute;content: "";top:18px;left: -15px;width: 0;height: 0; border: 5px solid transparent;border-left-color:#fff;}三角の表示用
ul#yoko-menu li:last-child ul li ul:before	{position: absolute;content: "";top:18px;left: 200%;margin-left: -20px;border: 5px solid transparent; border-right-color:#fff;}
*/




/*lozad.jによるアニメーション------*/
.fadein-			{opacity: 0;transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-left	{opacity: 0;transform: translate3d(-200px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-right	{opacity: 0;transform: translate3d(200px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-up		{opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
*[data-loaded="true"]{opacity: 1;transform: none;}
.transition-delay{transition-delay: 0.6s;}


/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/
/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:50;}
#pagetop a {position: fixed;z-index: 5;bottom:0;right:20px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;width: 52px;height: 77px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.5;background-size: contain;}
#pagetop a:hover {opacity:1;}


/*詳しくはこちら*/
.naka-kuwashii{max-width:300px;margin:35px auto 0 auto;width: 100%;display: table;}
.naka-kuwashii a{position: relative;display: table-cell;background-color:#521371;color:#fff;font-size:108%;font-family:'Noto Serif JP', serif;font-weight:300;text-align: center;text-decoration:none;line-height: 1.2;padding: 11px 0 11px 11px;letter-spacing: 0;}
.naka-kuwashii a:before{content: '';position: absolute;top:48%;display: inline-block;width:25px;height: 1px;background-color: #fff;left:0;transition: 0.8s;}
.naka-kuwashii a:hover{background-color:#a66bc2;}
.naka-kuwashii a:hover:before{width:32px;}


/*section.end SNS------------*/
.section.end{padding:50px 0 40px 0;}
.sns-midashi{text-align:center;font-family: 'Noto Serif JP', serif;font-weight:300;font-size:29px;line-height:1;letter-spacing: 0.1em;margin-bottom:25px;}

ul.end-sns-ul{text-align:center;margin-left: 0 !important;}
ul.end-sns-ul li{display:inline-block;padding:5px 50px;}
ul.end-sns-ul li.instagram{border-right: 1px solid #ccc;}
ul.end-sns-ul li a{display:block;color: #555;font-size:79%;text-decoration: none;}
ul.end-sns-ul li a:hover{opacity:0.6;}
ul.end-sns-ul li a span{display:block;line-height: 1.1;margin-top: 6px;}

/*背景色*/
.bg_paper1{background: url(../img/bg1.jpg) repeat center top;}
.bg_paper2{background: url(../img/bg2.jpg) repeat center top;}
.bg_light_purple{background-color:#e4dee9;}
.bg_purple{background-color:#c8bcd3;}
.bg_dark_purple{background-color:#b8adc2;}



/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;}

#footer-icon{text-align:center;}
.footer-mark{padding: 15px 0 15px 0;background-color: #dedcf0;}
.footer-mark img{height: 60px;width: auto;margin: 0 3px;}

#footer-link{padding:23px 5px 0 5px;background-color:#32214d;}
#footer-link ul{text-align:center;max-width: 880px;margin: 0 auto;}
#footer-link ul li{display:inline-block;margin: 0 0.7% 8px 0.7%;}
#footer-link ul li.privacy{display: inline-block;margin: 5px 1.3% -10px 0.7%;}
#footer-link ul .toku{display: none;}
#footer-link ul li a{font-size:100%;line-height:1;color:#fff;}
#footer-link ul li small a{border: 1px solid #999;font-size: 86%;padding: 2px 4px;}
#footer-link ul li a:hover{color: #669900;text-decoration: underline;}
#footer-link ul li small a:hover{background-color:#725F92;color:#fff;text-decoration:none;}


.footer-zip-cont{background-color:#32214d;padding:20px 0;}
.footer-zip-cont-inner{width:850px;margin:0 auto;text-align:left;font-size:86%;color:#fff;}

.footer-zip-left{float:left;padding-right:6%;}
.footer-zip-right{float:left;margin-top: 7px;}
.footer-tel-right{float:right;margin-top: 6px;}

.footer-zip-left .footer-tenpoimg{margin-right:15px;float: left;}
.footer-zip-left .footer-tenpoimg img{width:130px;height:auto;}
.footer-zip-left .rogo{display:table-cell;text-align: center;font-size:83%;line-height: 1.2;padding-top: 9px;}
.footer-zip-left .rogo a{color:#fff;text-decoration:none;}
.footer-zip-left .rogo a span{display:block;background:url(../img/rogo_white.png) no-repeat center top;height:32px;background-size:contain;text-indent: -8989px;overflow: hidden;margin-top:4px;}
.footer-zip-left .rogo a:hover{opacity:0.6;}

.footer-zip-right .zip{font-size:100%;}

.footer-tel-right .tel{}
.footer-tel-right .tel a{background:url(../img/tel.png) no-repeat left top 4px;background-size:24px;font-family:'Noto Serif JP', serif;font-weight:300;font-size:27px;color:#fff;text-decoration:none;line-height: 1;padding-left: 31px;margin-bottom: 7px;display: block;}
.footer-tel-right .naka-kuwashii{margin:12px 0 0 0;}
.footer-tel-right .naka-kuwashii a{background-color:#761616;padding: 7px 0 10px 9px;text-align: center;line-height: 1;}
.footer-tel-right .naka-kuwashii a:before{width:20px;}
.footer-tel-right .naka-kuwashii a:hover{background-color:#b13434;}
.footer-tel-right .naka-kuwashii a:hover:before{width:25px;}

.copyright{font-size:72%;color:#fff;line-height:1.2;background-color:#1a072c;text-align:center;padding:13px 0;border-top:1px solid #615476;}



/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
.yokomenu-bg,
#header{position: absolute !important;top: -60px !important;}

.fadein-,
.fadein-left,
.fadein-right,
.fadein-up{opacity: 1;transform: none !important;}
}