/* Setting
-------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

strong { font-weight: bold;}
small,.small {
	font-size: 80%;
	margin-right:14px;
}
big, .big {font-size: 140%;font-weight: bold !important;}
.clear {clear: both;}
.hidden {display: none;}
.inline{
	display: inline;
	margin: 0;
}
html,body {height:100%;}
a {text-decoration: underline;}
a:hover{text-decoration:underline;}
a:active,a:focus {outline:0 none;}
::selection { color: #555; background-color: #cbf2ff;}
::-moz-selection { color: #555; background: #cbf2ff; }
:focus {-moz-outline-style: none;}

.align_left{float:left;}
.align_right{float:right;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
}


h2{
	font-size:20px;
	border-left:5px solid #FFD7D7;
	line-height:24px;
	padding-left:10px;
	margin-bottom:20px;
	font-weight: bold;
}
	#access h2{letter-spacing:0.4em}
	
h3{
	font-size:18px;
	border-left:25px solid #DD127D;
	line-height:35px;
	padding-left:10px;
	margin-bottom:12px;
	background-color:#F7DFE8;
	height:35px;
	color:black;
}
	#access h3{margin-top:30px;}


h4{
	letter-spacing:0.3em;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
	h4 span{
		font-size:12px; 
		letter-spacing:0;
	} 

p{
	margin-top: 15px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
}
address{
	/* [disabled]font-size:0.8em; */
}

a:hover img,
nav li a:hover{
filter:alpha(opacity=60);
     -moz-opacity:0.60;
     -khtml-opacity: 0.60;
     opacity:0.60;
}
/* Layout
-------------------------------------------------- */
#wrapper{
	background-color: #FFFFFF;
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;
	min-height:100%;
}


#header {
	margin-bottom: 20px;
}


#content,
#fotter {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
	overflow: hidden;
}

#content{
	margin-bottom: 50px;
}


div .post img{
	margin: 0;
}

/* header
-------------------------------------------------- */
#header {
width: 100%;
}

.top-logo{
	background-color: #E5E5E5;
	opacity:0.9;
	margin: 0 auto;
	padding: 10px 0;
	height: 30px;
	box-shadow:#777 0 0 10px;
}


.toplogo-inner{
	width:960px;
	margin:0 auto;
}


/*100景ナビゲーション（ヘッダー）*/
.headerNavi{
	float:right;
	/*margin-top:-14px;*/
	font-size:14px;
}
	.headerNavi ul{list-style:none;}
	.headerNavi li{
		display: inline-block;
		border-right:1px solid #FFFFFF;
		padding:5px 10px;
		text-align:center;
		margin:0 !important;
	}
	.headerNavi li a{display:block;}
	li.naviLast{border-right:0px;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* ************************************************ 
*	検索フォーム
* ************************************************ */
#search{
	width: 180px;
	height: 20px;
	margin-top:3px;
	margin-left:5px;
	float: right;
}
	#s{
		width: 154px;
		height: 20px;
		background: url(../images/search-form-bg.png) no-repeat 0 1px;
		border: none;
		padding-left: 20px;
		padding-right: 5px;
		float: right;
		color: #555;
/*		text-shadow: 0px 1px #fff;
*/	}
		#s:focus{
			outline: none;
			background-position: 0 -29px;;
		}
	#searchsubmit{
			display: none;
		}

#search textarea,
#search input[type="text"],
#search input:focus,
#search textarea:focus {
  outline: none;
  border-color:  #222;
  box-shadow: none;
}


/* スライドショー
-------------------------------------------------- */
#mainImage{
	width: 100%;
	margin: -20px 0 30px;
}


/* 店舗紹介
-------------------------------------------------- */
ul.shop{
    display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	margin: 0 -2%;
}
.shop li{width: 46%; margin: 0 2% 50px;}

.shop li,.shop li etc{overflow:hidden; margin-bottom:60px;}
	.shop li p.title,.shop li etc p.title{
		border-bottom:0.1em solid #FF0031; 
		font-size:1.8em; 
		margin-right:0; 
		font-weight:700;
		}

	.shop li p.title-geisya,li etc p.title-geisya{
		border-bottom:0.1em solid #931574; 
		font-size:1.8em; 
		margin-right:0; 
		font-weight:700;
		}
	
		.shop li p.blue{
			border-bottom:0.1em solid #00CFFF; 
		}

		.shop li p.purple{
			border-bottom:0.1em solid #931574; 
		}

	.shop li p.date, .shop li etc p.date{
		text-align:right; 
		margin-top:-4.1em; 
		height:40px; 
		line-height:58px; 
		padding-right:50px;
	}
	.shop li p.rain, .shop li etc p.rain{
		background:url(../images/play/icon-rain.png) no-repeat  100% 0;
		background-size:40px; 
	}

	.shop li img, .shop li etc img{margin-bottom:10px;}
	.shop li p.text{
		width:100%; 
		margin-top:0; 
		font-size:1.1em;
	}
	.shop li etc p.text{
		width:100%;	
		margin-top:0; 
		font-size:1.2em;
	}
	
	.shop li span span,.shop li etc span{
		font-size:1.4em; 
		line-height:1.95em; 
	}
	.shop li .more, .shop li etc .more, .shop li .more-geisya, .shop li .etc-geisya{
		width:100%; 
		clear:both; 
		margin:180px 0 0; 
		text-align:center; 
		line-height:50px; 
	}

	.shop li .more a{
		display:block; 
		max-width:450px; 
		height:50px; 
		color:#fff; 
		font-weight:500; 
		text-decoration:underline;
		background-color:rgba(255,0,49,1.0);
	}
	.shop li .more a:hover{
		background-color: rgba(254,166,167,1.00);
		max-width:450px;
		height:50px;
		display:block;
	}

	.shop li .more-geisya a{
		display:block; 
		max-width:450px; 
		height:50px; 
		color:#fff; 
		font-weight:500; 
		text-decoration:underline;
		background-color: #931754;
	}
	.shop li .more-geisya a:hover{
		background-color: #931754;
		max-width:450px;
		height:50px;
		display:block;
	}

		


/* その他のレジャー施設
-------------------------------------------------- */
	
	.shop li etc p.blue{
		border-bottom:0.1em solid #00CFFF; 
	}
	
	.shop li p.date{
		text-align:right; 
		margin-top:-4.1em; 
		height:40px; 
		line-height:58px; 
		padding-right:50px;
	}
	.shop li p.rain{
		background:url(../images/play/icon-rain.png) no-repeat  100% 0;
		background-size:40px; 
	}

	.shop li img{margin-bottom:10px;}
	.shop li p.text{
		width:100%; 
		margin-top:0; 
		font-size:1.1em;
	}
	.shop li span{
		font-size:1.4em; 
		line-height:1.95em; 
	}
	.shop li .more{
		width:100%; 
		clear:both; 
		margin:180px 0 0; 
		text-align:center; 
		height:50px; 
		line-height:50px; 
		background-color:#FF0031;
	}
	.shop li .more a{
		display:block; 
		max-width:450px; 
		height:50px; 
		color:#fff; 
		font-weight:500; 
		text-decoration:underline;
	}
	.shop li p.shoplogo{width: 65%;}
	.shop li img.shoplogo{width: 30%;}

/* table
-------------------------------------------------- */
table{
	width: 100%;
	padding: 10px 10px 10px 0px;
	;
	color: white;
	margin-bottom: 20px;
	margin-top: 0px;
	border-spacing:3px;
}
	#access table{
	background-color: white;
	color: black;
	width: 350px;
	margin-right: 30px;
	}

th,td{
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
	}
th{line-height:2.5em;}
td{
	width:13%;
	line-height:3em;
}
	
td{padding-left:5px;}
	#access th{
		width:14px !important; 
		padding:10px; 
		background-color:#7F85FF; 
		color:#FFF;
		border-radius:15px;
		border:1px solid #7F85FF; 
	}

	#access td.midashi{
		font-size:18px; 
		font-weight:bold; 
		padding-bottom:10px;
		color:black;
	}
	#access td{
	color: #7F85FF;
	width: 24.5%;
	}



/* fotter
-------------------------------------------------- */
#footer{
	text-align: center;
	padding-bottom: 10px;
	margin-top: 32px;
}

/* ************************************************ 
*   heder 固定css
* ************************************************ */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}


/* ************************************************ 
*   コンタクトフォーム７
* ************************************************ */
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}

.sp{display: none;}

/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 800px) {
.sp{display: none;}
	
}

/* Mobile (Portrait) 画面の横幅が421px〜767pxまで */
@media only screen and (min-width: 800px) and (max-width: 959px) {
img.mobile{width:100%;}
.sp{display: none;}
}

/* Mobile (Portrait) 画面の横幅が421px〜767pxまで */
@media only screen and (min-width: 421px) and (max-width: 799px) {
#navi ul {margin-top:0;}
#navi ul li{float: none;}
	li{margin-bottom: 0 !important;}
#navi li a{padding: 0; width: 100%; display: block; margin: 0 ; line-height: 3em;}
	.sp{display: none;}	
}



/* Mobile (Landscape) 画面の横幅が420pxまで */
@media only screen and  (max-width: 420px) {
#header,.toplogo-inner{width:100%;}
#header{ text-align:center !important;}
.top-logo{ height:55px !important;} 
.headerNavi{float:none !important; text-align:center !important;}
.headerNavi {font-size:10px; float:right;  margin-top:5px; line-height:1.0em}
#search{display:none;}
#wrapper{width:100%;}
.top-image1 img{margin: 0;}
#navi ul {margin-top:0;}
#navi ul li{float: none;}
	li{margin-bottom: 0 !important;}
#navi li a{padding: 0; width: 100%; display: block; margin: 0 ; line-height: 3em;}
.pc{display: none;}
	#page-top img{width: 50px;}
	#page-top a {
    width: 30px;
    height: 30px;
	}
	.fixed-read {right: 0;width: 50px;}
	.shop li p.text{width: 100%;}
	.shop li{width: 90%; padding: 0 5%;}
	.shop li p.shoplogo{width: 65%; font-size: 14px;}
	.shop li img.shoplogo{width: 30%;}

}