@charset "utf-8";



body,body.home {
 color             : #505050;
 background-color  : #D0121B;
 font-size         : 13px;
 line-height       : 180%;
 letter-spacing    : 0.05em;
}

.codepc{ display:inline; }
.codesp{ display:none; }

footer div address a:link   { color : #ffffff; text-decoration : none;}
footer div address a:visited{ color : #ffffff; text-decoration : none;}
footer div address a:hover  { color : #FF9A9F; text-decoration : underline;}

#spevent,
#gaiyo,
#kigaru,
#syucho,
#takuhai,
#satei,
#mochikomi,
#access,
#ookura {
    margin-top:-141px;
    padding-top:141px;
}


/*-------------------------------------------
ヘッダー
-------------------------------------------*/
header{
 position    : fixed;/**/
 top         : 0px;/**/
 left        : 0px;/**/
 z-index     : 999;/**/
 /*margin            : 0px auto;*/
 /*padding           : 0 0 0 0;*/
 width             : 100%;
 height            : 127px;
 text-align        : center;
 background-image  : url(./img/head_bg.gif);
}
header:after {
 content: "";
 display: block;
 clear: both;
}


/*ロゴ・電話*/
header .head{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 padding           : 0 0 0 0;
 width             : 960px;
 height            : 95px;
 font-size         : 11px;
 line-height       : 160%;
 text-align        : left;
}

header .head .left{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 10px 0 0 0;
 height            : 85px;
 width             : 650px;
}
header .head .right{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 6px 0 0 0;
 width             : 310px;
 line-height       : 250%;
}

header .head .left2{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 10px 0 0 0;
 height            : 85px;
 width             : 510px;
}
header .head .right2-1{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 6px 0 0 0;
 width             : 310px;
 line-height       : 250%;
}
header .head .right2-2{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 6px 0 0 0;
 width             : 140px;
 line-height       : 250%;
}


/*-------------------------------------------
ナビ
-------------------------------------------*/
header .navi{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 padding           : 0 0 0 0;
 width             : 100%;
 height            : 32px;
 text-align        : center;
}

header .navi nav{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 padding           : 0 0 0 0;
 width             : 960px;
}

header .navi nav ul{
 margin            : 0 0 0 0;
 padding           : 0 0 0 0;
 list-style-type   : none;
 width             : 960px;
}

header .navi nav ul li{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 0 0 0 0;
 width             : 25%;
}

header .navi nav ul li:first-child{
 margin-left       : 0;
}

header .navi nav ul li ul{
 display           : none;
}



/*-------------------------------------------
フッター
-------------------------------------------*/
footer{
 margin            : 0px auto;
 width             : 100%;
 text-align        : center;
}

footer div{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 padding           : 20px 0 10px 0;
 width             : 918px;
 font-size         : 11px;
 line-height       : 180%;
 color             : #F1D0D1;
}

footer div address{
 font-style        : normal;
}



/*-------------------------------------------
メイン
-------------------------------------------*/
.topimg{
 margin            : 0px auto;
 width             : 960px;
 position          : relative;
}
.topimg .eventbtn{
 position          : absolute;
 top               : 0;
 right             : 0;
 width             : 20%;
}

/* コンテンツ部分の構成 */
#container {
 margin            : 0px auto;
 padding           : 127px 0 0 0;
 width             : 100%;
 text-align        : center;
}


#content{
 clear             : both;
 display           : block;
 margin            : 0px auto;
 padding           : 0 0 30px 0;
 width             : 920px;
 background-color  : #ffffff;
 border-radius     : 10px;
 text-align        : left;
}
#content:after {
 content: "";
 display: block;
 clear: both;
}



/*-------------------------------------------
BACKtoTOP
-------------------------------------------*/
.btot{
 float             : left;
 display           : inline;
 margin            : 15px 0 0 55px;
 padding           : 0 0 0 0;
 width             : 810px;
 text-align        : right;
}



/*-------------------------------------------
セクション
-------------------------------------------*/
.sec{
 float             : left;
 display           : inline;
 margin            : 42px 0 0 55px;
 padding           : 0 0 0 0;
 width             : 865px;
}



/*-------------------------------------------
各見出しやテキスト
-------------------------------------------*/
h2.mds{
 float             : left;
 display           : inline;
 margin            : 0 0 36px 0;
 padding           : 0 0 0 0;
 font-size         : 36px;
 font-weight       : normal;
 width             : 100%;
 line-height       : 120%;
}

.txt{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 0 0 0 0;
 width             : 450px;
}

.txt p{
 float             : left;
 display           : inline;
 margin            : 0 0 20px 0;
 padding           : 0 0 0 0;
}

.txt .link{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 0 0 0 0;
 width             : 100%;
 text-align        : right;
}

.txt .link img{
 margin            : 0 0 1em 0;
 padding           : 0 0 0 0;
}



/*-------------------------------------------
店舗情報の表組み
-------------------------------------------*/
.txt .cell01{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 6px 0 3px 0;
 width             : 100px;
}
.txt .cell02{
 float             : left;
 display           : inline;
 margin            : 0 0 0 0;
 padding           : 6px 0 3px 0;
 width             : 350px;
}



/*-------------------------------------------
地図
-------------------------------------------*/
.sec .maparea{
 float             : left;
 display           : inline;
 margin            : 0 0 0 6px;
 padding           : 0 0 0 0;
 width             : 320px;
 text-align        : left;
}



/*-------------------------------------------
PCでは非表示＆センタリング
-------------------------------------------*/
.spimg { display: none;}



/*-------------------------------------------
FAQ
-------------------------------------------*/

.faq{
 float             : left;
 display           : inline;
 margin            : 0 3% 0 3%;
 padding           : 42px 0 0 0;
 width             : 94%;
 text-align        : left;
 line-height         : 200%;
}
.faq .ill{
 float             : left;
 display           : inline;
 width             : 36%;
 padding           : 0 2% 0 2%;
 text-align        : left;
}
.faq .faqcontent{
 float             : left;
 display           : inline;
 width             : 60%;
 padding           : 0 0 0 0%;
 text-align        : left;
}

ol  {
 position          : relative;
 margin            : 0;
 padding           : 0
}
ol li  {
 list-style        : none;
 list-style-position: outside;
 margin            : 0;
 padding-left      : 16px;
}
ol li span {
 position          : absolute;
 left              : 0;
 margin            : 0
}


/*アコーディオン*/
.ac_btn {
 cursor              : pointer;
 display             : block;
 position            : relative;
 text-decoration     : none;
 margin              : 0 0 0 0;
 position            : relative;
}
.ac_itm {
 display             : inline-block;
 text-decoration     : none;
 border-bottom       : 1px dotted #cccccc;
 padding             : 1em 0 1em 0;
 font-size           : 14px;
 font-weight         : 300;
 color               : #3e3a39;
 width               : 100%;
}
.ac_itm:after{
 content             : "";
 display             : block;
 clear               : both;
}
.ac_itm .que{
 float               : left;
 display             : inline;
 width               : 5%;
 color               : #ff0000;
}
.ac_itm .txt{
 float               : left;
 display             : inline;
 width               : 85%;
}
.ac_itm:before {
 content             : "";
 position            : absolute;
 top                 : 1.6em;
 right               : 5%;
 width               : 5%;
 height              : 1px;
 /*縦線に*/
 transform           : rotate(90deg);
 background          : #aaaaab;
 transition          : all .3s ease-in-out;
}
.ac_itm:after {
 content             : "";
 position            : absolute;
 top                 : 1.6em;
 right               : 5%;
 /*横線*/
 width               : 5%;
 height              : 1px;
 background          : #aaaaab;
 transition          : all .2s ease-in-out;
}
.ac_itm.on:before {
 transform           : rotate(180deg);
}
.ac_itm.on:after {
 opacity             : 0;
}

 
.ac_cnt {
 width               : 100%;
 background          : #ffffff;
 display             : none;
 font-size           : 1.1em;
 padding             : 1em 0 4em 0;
}
.ac_cnt:after{
 content             : "";
 display             : block;
 clear               : both;
}
.ac_cnt .ans{
 float               : left;
 display             : inline;
 width               : 5%;
 color               : #00448c;
}
.ac_cnt .txt{
 float               : left;
 display             : inline;
 width               : 90%;
}







/* ipad以下のサイズはスマホレイアウトへ ///////////////////////////////////////////////////////// */



@media (max-width: 778px) {

	body,body.home {
	 font-size         : 0.8em;
	 line-height       : 1.6em;
	 letter-spacing    : 0em;
	}

	.codepc{ display:none; }
	.codesp{ display:inline; }

	#spevent,
	#gaiyo,
	#kigaru,
	#syucho,
	#takuhai,
	#satei,
	#access,
	#ookura {
	    margin-top:-81px;
	    padding-top:81px;
	}




/*-------------------------------------------
ヘッダー
-------------------------------------------*/
	header{
	 margin            : 0px auto;
	 padding           : 0 0 0 0;
	 width             : 100%;
	 height            : auto;
	 text-align        : center;
	 background-color  : #332967;
	 border-bottom     : 1px solid #CE5157;
	}

	/*ロゴ・電話*/
	header .head{
	 display           : none;
	}



/*-------------------------------------------
ナビ
-------------------------------------------*/
	header .navi{
	 height            : auto;
	}

	header .navi nav{
	 width             : 100%;
	}

	header .navi nav ul{
	padding            : 1em;
	 width             : 100%;
	}

	header .navi nav ul li{
	 width             : 100%;
	}

	header nav .navi ul li:first-child{
	 margin-left       : 0;
	}

	header nav .navi ul li ul{
	 display           : none;
	}



/*-------------------------------------------
フッター
-------------------------------------------*/
	footer{
	 float             : left;
	 width             : 100%;
	 text-align        : center;
	 border-top        : 1px solid #9994B3;
	}

	footer div{
	 padding           : 1em 0 0 0;
	 width             : 100%;
	 font-size         : 0.6em;
	 line-height       : 140%;
	}



/*-------------------------------------------
メイン
-------------------------------------------*/
	.topimg{
	 width             : 100%;
	}
	.topimg .eventbtn{
	 display           : none;
	}

	/* コンテンツ部分の構成 */
	#container {
	 padding           : 82px 0 0 0;
	}


	#content{
	 padding           : 0 0 0 0;
	 width             : 100%;
	 color             : #666666;
	 border-radius     : 0px;
	}
	#content:after {
	}



/*-------------------------------------------
BACKtoTOP
-------------------------------------------*/
	.btot{
	 margin            : 1em 5% 1em 0;
	 width             : 95%;
	}



/*-------------------------------------------
セクション
-------------------------------------------*/
	.sec{
	 margin            : 2em 0 0 0;
	 width             : 100%;
	}



/*-------------------------------------------
各見出しやテキスト
-------------------------------------------*/
	h2.mds{
	 margin            : 1em 2% 1em 2%;
	 font-size         : 1.3em;
	 font-weight       : bold;
	 width             : 96%;
	 line-height       : 120%;
	}

	.txt{
	 margin            : 0.5em 4% 0.5em 4%;
	 width             : 92%;
	}

	.txt p{
	}

	.txt .link{
	 text-align        : center;
	}

	.txt .link img{
	 margin            : 0 0 10px 0;
	}



/*-------------------------------------------
店舗情報の表組み
-------------------------------------------*/
	.txt .cell01{
	 margin            : 0 1% 0 1%;
	 padding           : 0.5em 0.5em 0.5em 0.5em;
	 width             : 96%;
	 background        : #FFD1D3;
	}
	.txt .cell02{
	 margin            : 0 1% 0 1%;
	 padding           : 0.5em 0.5em 0.5em 0.5em;
	 width             : 96%;
	}


/*-------------------------------------------
地図
-------------------------------------------*/
	.sec .maparea{
	 margin            : 0 2% 0 2%;
	 width             : 96%;
	 text-align        : center;
	}



/*-------------------------------------------
PCでは非表示＆センタリング
-------------------------------------------*/
	.spimg { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; margin-top:1em;}



/*-------------------------------------------
FAQ
-------------------------------------------*/

	.faq{
	}
	.faq .ill{
	 width             : 50%;
	 padding           : 0 25% 0 25%;
	}
	.faq .faqcontent{
	 width             : 96%;
	 padding           : 0 2% 0 2%;
	}

	ol  {
	}
	ol li  {
	 padding-left      : 1.1em;
	}
	ol li span {
	}


/*アコーディオン*/
	.ac_btn {
	}
	.ac_itm {
	 font-size           : 1.1em;
	}
	.ac_itm:after{
	}
	.ac_itm .que{
	 width               : 5%;
	 padding             : 0.5em 0 0 0;
	}
	.ac_itm .txt{
	 width               : 85%;
	}
	.ac_itm:before {
	 top                 : 1.5em;
	 right               : 0;
	 width               : 5%;
	 height              : 1px;
	 /*縦線に*/
	 transform           : rotate(90deg);
	}
	.ac_itm:after {
	 top                 : 1.5em;
	 right               : 0;
	 /*横線*/
	 width               : 5%;
	 height              : 1px;
	}
	.ac_itm.on:before {
	 transform           : rotate(180deg);
	}
	.ac_itm.on:after {
	 opacity             : 0;
	}

 
	.ac_cnt {
	 font-size           : 1.1em;
	 padding             : 1em 0 4em 0;
	}
	.ac_cnt:after{
	}
	.ac_cnt .ans{
	 float               : left;
	 display             : inline;
	 width               : 5%;
	 color               : #00448c;
	 padding             : 0.5em 0 0 0;
	}
	.ac_cnt .txt{
	 float               : left;
	 display             : inline;
	 width               : 85%;
	}






}/* @media (max-width: 778px) */