@charset "utf-8";
/* CSS Document */

/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
header{ 
	height:auto;
	overflow:hidden;
	padding:0 0 10px 0;
	border-top: 60px solid #004ea2;
	border-bottom: 4px solid #e4f1ff;
}

header .inner{
	border-top: 4px solid #549ae5;
	width:100%;
}

header .inner h1{
	float:none;
	text-align:center;
}

header #headerArea{
	clear:both;
	position:relative;
	overflow:hidden;
	padding:20px 0;
}

p.main{
	text-align:center;
	margin-bottom:40px;
}

p.back{
	text-align:center;
	margin-bottom:60px;
}

/* --------------------------------
   □ titleArea
-------------------------------- */
.secondary #titleArea{
}


	.secondary #titleArea h2 span{
		display:none;
	}
	
	

/* □ pcrBox
-------------------------------- */
	#storeinfo .pcrBox{
		border: 1px solid red;
		background:#f6f6f6;
		padding:30px;
		margin-bottom: 60px;
	}

	#storeinfo .pcrBox h4{
		font-size: 120%;
		margin-bottom: 1em;
	}
	#storeinfo .pcrBox p{
		text-align:left;
	}

	#storeinfo ol.decimal{
		margin-bottom: 0.8em;
	}
	#storeinfo p .underline{
		text-decoration: underline;
	}
	#storeinfo .pcrLink{
		position: fixed;
		bottom: 160px;
		right: 0;
		margin: 0;
	}
	#storeinfo .pcrLink a{
		display: inline-block;
		background:#004ea2;
		color: #fff;
		font-size: 150%;
		font-weight: 700;
		padding: 5px 15px 15px 15px;
		text-decoration: none;
		transition: 0.5s;
	}
	#storeinfo .pcrLink a span{
		background:url("../../images/kline/reserve.png") 50% 8px no-repeat;
		background-size: 80% auto;
		padding-top: 40px;
		transition: 0.5s;
	}
	#storeinfo .pcrLink a:hover{
		background-color:#034083;
	}

/* □ storeinfo
-------------------------------- */
#storeinfo{
}
		
	#storeinfo h3{
		margin-bottom:30px;
	}



	
	#storeinfo div.subsection{
		border:1px solid #004ea2;
		background:#f6f6f6;
		padding:30px;
		width:900px;
		overflow:hidden;
	}
	
	#storeinfo div.subsection p{
		float:left;
		margin:0;
	}
	
	#storeinfo div.subsection ul{
		float:left;
		padding:10px 0 0 30px;
		width: 440px;
	}
	#storeinfo div.subsection ul li{
		padding-bottom:15px;
	}
	
	#storeinfo div.subsection ul li.open{
		padding-left:5em;
		text-indent:-5em;
	}

	#storeinfo div.subsection ul li > dl{
		display:table;
	}
	#storeinfo div.subsection ul li > dl > dt,
	#storeinfo div.subsection ul li > dl > dd{
		display:table-cell;
	}
	
	#storeinfo div.subsection ul li span{
		display:none;
	}
	
	#storeinfo div.subsection ul li.catch{
		padding-left:10px;
		background:url(../../images/kline/arrow.png) left 10px no-repeat;
	}
	
	
	#storeinfo div.subsection ul li.catch span{
		display:inline-block;
		padding:15px;
		line-height:1.5;
		color:#fff;
		border-radius:5px;
		background:#004ea2;
	}
	
	
	
/* □ access
-------------------------------- */
#access{
	margin-bottom:20px;
}
		
	#access h3{
		padding:15px 20px;
		background:#e0efff;
		font-size:117%;
		font-weight:700;
		margin-bottom:20px;
	}
	
	#access div.subsection{
		border:1px solid #004ea2;
		background:#f6f6f6;
		padding:20px;
		width:920px;
		overflow:hidden;
	}
	
	#access p.map{
		margin:0;
	}
	
	#access p.mapbtn{
		text-align:right;
	}
	

	
/* □ info
-------------------------------- */
section#info{
	background:url(../../images/common/footer/bg.jpg) center center repeat-x ;
	background-size:cover;
	padding-top:60px;
}

	section#info div.infoBox{
		width:960px;
		margin:30px auto;
		text-align:center;
		padding:40px 0;
		background-color:rgba(255,255,255,0.6);
		
	}
	
	section#info div.infoBox dl dt{
		font-weight:bold;
		padding-bottom:40px;
	}
	
	section#info div.infoBox dl dd{
		color:#333;
		font-weight:700;
		
	}
	
	section#info div.infoBox dl dd.official{
		display:inline-block;
		padding:0 15px;
	}
	

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
footer p.copyright{
	float:none;
	text-align:center;
	margin:0;
	color:#aed5ff;
}


@media only screen and
(min-width : 641px) {
	#storeinfo .pcrLink a{
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}

}

@media only screen and
(max-width : 640px) {
	
br.pcOnly{
	display:none;
}	

header .inner h1{
	width:100%;
}

header .inner h1 img{
	width:95%;
}

p.main img{
	width:100%;
}

p.back img{
	width:100%;
	padding:0 5%;
	box-sizing:border-box;
}
/* --------------------------------
   □ titleArea
-------------------------------- */
.secondary #titleArea{
}

	.secondary #titleArea h2 span{
		display:inline-block;
		padding-bottom:10px;
	}
	
	#storeinfo .pcrLink{
		width: 100%;
		bottom: 0;
	}
	#storeinfo .pcrLink a{
		display: block;
		width: 100%;
		box-sizing: border-box;
		font-size: 120%;
		font-weight: 700;
		padding: 25px 15px 25px 5px;
		text-align: center;
	}
	#storeinfo .pcrLink a span{
		background:url("../../images/kline/reserve.png")  8px 50% no-repeat;
		background-size:  auto 80%;
		padding-top: 0;
		padding-left: 40px;
		transition: 0.5s;
	}
	#storeinfo .pcrLink a:hover{
		background-color:#034083;
	}
	
/* □ storeinfo
-------------------------------- */
#storeinfo{
}
		
	#storeinfo h3{
		margin-bottom:30px;
	}
	
	#storeinfo div.subsection{
		padding:20px;
		width:100%;
		box-sizing:border-box;
	}
	
	#storeinfo div.subsection p{
		float:none;
		margin:0;
	}
	
	#storeinfo div.subsection p img{
		width:100%;
	}
	
	#storeinfo div.subsection ul{
		float:none;
		padding:10px 0 0 0;
		width: 100%;
	}
	#storeinfo div.subsection ul li{
		padding-bottom:15px;
	}

	#storeinfo div.subsection ul li.open{
		padding-left:0;
		text-indent:0;
	}

	#storeinfo div.subsection ul li > dl{
		display:block;
	}
	#storeinfo div.subsection ul li > dl > dt,
	#storeinfo div.subsection ul li > dl > dd{
		display:block;
	}
	
	
	#storeinfo div.subsection ul li span{
		display:inline;
	}
	
	#storeinfo div.subsection ul li.catch{
		padding-left:0;
		background:none;
	}
	
	
	#storeinfo div.subsection ul li.catch span{
		display:inline-block;
		padding:15px;
		line-height:1.5;
		color:#fff;
		border-radius:5px;
		background:#004ea2;
	}
	
	
	
/* □ access
-------------------------------- */
#access{
	margin-bottom:20px;
}
		
	#access h3{
		padding:15px 20px;
		background:#e0efff;
		font-size:117%;
		font-weight:700;
		margin-bottom:20px;
	}
	
	#access div.subsection{
		border:1px solid #004ea2;
		background:#f6f6f6;
		padding:20px;
		width:920px;
		overflow:hidden;
	}

	#access p.mapbtn{
		text-align:center;
		margin: 20px 0 0;
	}

	#access p.mapbtn a{
		text-align:center;
		background:#004ea2;
		padding:7px 35px;
		color:#fff;
	}

/* □ info
-------------------------------- */
section#info{
}

	section#info div.infoBox{
		width:100%;
		margin:30px auto;
		text-align:center;
		padding:40px 0;
		background-color:rgba(255,255,255,0.6);
		
	}
	
	section#info div.infoBox dl dt{
		font-weight:bold;
		padding-bottom:40px;
	}
	
	section#info div.infoBox dl dd{
		padding-bottom:20px;
		
	}
	
	section#info div.infoBox dl dd img{
		width:100%;
		padding-bottom:20px;
	}
	
	section#info div.infoBox dl dd.official{
		display:inline-block;
		padding:0 15px;
	}
	


}