﻿
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{
	text-decoration:none;
}

/*=====================
common
================================*/
body {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, sans-serif;
  color: #000;
}
.wrap *{ box-sizing: border-box !important;}
.w100{ width: 100%;}
.bg{ background: #000072;}
.fwb{ font-weight: bold;}
.red{  color: #C1272D;}
.white{color:#fff;}
.text-center{ text-align: center;}
.whiteframe{
  margin-left: auto;
  margin-right: auto;
}
p.news{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto 20px;
	font-size: 16px;
	border:1px solid #000;
	padding: 10px;
}
html{
    scroll-behavior: smooth;
}

/*==========================
PC common
==============================*/
@media screen and (min-width: 768px) {
.pc_off{ display: none;}
small{ font-size: 14px;}
.whiteframe{
  width: 950px;
}
.listWrap,.cautioninner,.contact{
  width: 850px;
}

/* ヘッダー------------------------------------------------------------------------------------ */
header{
	text-align:center;
	width:100%;
	height:auto;
	margin:0 auto;
}

header img{
	width:10%;
	height:auto;
	padding:0.5em;
}
/* ヘッダー------------------------------------------------------------------------------------ */


/* 全体------------------------------------------------------------------------------------ */
.wrap{
	width:950px;
	height:auto;
	margin:0 auto;
}

h2{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#306100;
}

h3{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#306100;
	border-top:1px solid #ffffff;
}


.box_h{
	margin-top:2em;
}

h4{
	padding:0.3em 0;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	border-bottom:#000000 solid 1px;
	margin-top:1em;
}

h5{
	padding:0.3em 0;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	border-bottom:#000000 solid 1px;
	margin-top:1em;
	text-align:center;
}


p{
	font-size:1.1em;
	color:#000000;
	margin:1em 0 0 0;
}

p.bold{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

.clear{
	clear:both;
}

/* 2p */


.fix{
	width:950px;
	height:auto;
    position: fixed;
    bottom: 0;
	z-index: 9999;
}

.fix_btn_01{
	/* width:37%; */
	width:49%;
	height:auto;
	font-size:1em;
	font-weight:bold;
	background: linear-gradient(#a7d050, #8fc31f);
	color:#ffffff;
	text-align:center;
	padding:1em 0;
	float:left;
	margin:0.5%;
	border-radius:8px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}
	
.fix_btn_02{
	/* width:37%; */
	width:49%;
	height:auto;
	font-size:1em;
	font-weight:bold;
	background: linear-gradient(#e6948c, #e28178);
	color:#ffffff;
	text-align:center;
	padding:1em 0;
	float:left;
	margin:0.5%;
	border-radius:8px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

.fix_btn_03{
	width:23%;
	height:auto;
	font-size:0.8em;
	font-weight:bold;
	background:#ffffff;;
	text-align:center;
	padding:1em 0;
	float:left;
	margin:0.5%;
}

.pc_non{
	display:none;
}

/* 2p */

/* 全体------------------------------------------------------------------------------------ */


/* MV------------------------------------------------------------------------------------ */
.mv_box{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 41.7%;
    background: url('https://mall.epark.jp/facility/otaichiba/img/mv.png') 0 0 no-repeat;
    background-size: contain;
}

.btn_01{
	width:60%;
	height:auto;
	background:#ffffff;
	border:#8fc31f solid 1px;
	border-radius:8px;
	margin:0 auto;
	margin-top:-5.5em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

.btn_01:hover{
	opacity:0.95;
}

.btn_01_txt{
	display:block;
	width:100%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#8fc31f;
	text-align:center;
}

.btn_01 img{
	display:block;
	width:10%;
	height:auto;
	margin:0 auto;
	padding-bottom:0.2em;
}
/* MV------------------------------------------------------------------------------------ */

/* box_01------------------------------------------------------------------------------------ */
.box_01{
	width100%;
	height:auto;
	margin:0 auto;
}

.box_01 p{
	text-align:center;
}

.btn_yago{
	width:33%;
	height:auto;
	float:left;
}

.btn_yago:hover{
	opacity:0.9;
}

/* 2p */

.bg_genre_01{
	background:#e3f0c7;
	padding-bottom:3em;
}

.bg_genre_02{
	background:#ffecf3;
	padding-bottom:3em;
}


p.bold_02{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin-bottom:0.5em;
}

.s_txt{
	font-size:0.8em;
	text-align:center;
}

.genre_01{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#22ac38;
	border-top:none;
}

.genre_01 img{
	width:4%;
	height:auto;
	margin-right:0.5em;
	vertical-align:-0.2em;	
}

.genre_02{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#ff6f68;
	border-top:none;
}

.genre_02 img{
	width:4%;
	height:auto;
	margin-right:0.5em;
	vertical-align:-0.2em;	
}


.btn_03{
	width:70%;
	height:4em;
	background:linear-gradient(#ef7b49, #ea5514);
	border-radius:8px;
	margin:0 auto;
	margin-top:1.5em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_03:hover{
	opacity:0.9;
}

.btn_03_txt{
	display:block;
	width:90%;
	height:auto;
	font-size:1.5em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	margin-top:-0.3em;
}


.icon{
	display:block;
	width:8%;
	height:auto;
	float:left;
	margin-left:22%;
	margin-top:0.3em;
}

.txt{
	width:44%;
	height:auto;
	float:left;
	margin-top:0.5em;
}

.tri{
	display:block;
	width:5%;
	height:auto;
	margin:0 auto;
	margin-top:0.5em;
	float:right;
}


/* 2p */

img{
	width:100%;
	height:auto;
}


/* box_01------------------------------------------------------------------------------------ */


/* box_02------------------------------------------------------------------------------------ */
.box_02{
	width:80%;
	height:auto;
	margin:0 auto;
}

.btn_02{
	width:80%;
	height:auto;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_02:hover{
	opacity:0.9;
}

.btn_02_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_02 img{
	display:block;
	width:3%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}


iframe{
	display:block;
	width:90%;
	height:400px;
	margin:0 auto;
}


/* 2p */

.btn_04{
	width:80%;
	height:auto;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_04:hover{
	opacity:0.9;
}

.btn_04_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_04 img{
	display:block;
	width:3%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}

.btn_05{
	width:80%;
	height:auto;
	background:linear-gradient(#e6948c, #e28178);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_05:hover{
	opacity:0.9;
}

.btn_05_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_05 img{
	display:block;
	width:3%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}


/* 2p */


/* box_02------------------------------------------------------------------------------------ */


/* box_03------------------------------------------------------------------------------------ */
.box_03{
	width:80%;
	height:auto;
	margin:0 auto;
}

ol{
	margin-top:2em;
}

li{
	margin-left:2em;
	display: list-item;
	list-style: decimal;
}
/* box_03------------------------------------------------------------------------------------ */


/* box_04------------------------------------------------------------------------------------ */
.box_04{
	width:80%;
	height:auto;
	margin:0 auto;
}

/* アコーディオン-------------------------------*/

/* アコーディオンB */
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	font-size:1.2em;
}

.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0.3em 0 0 2em;
	cursor: pointer;
	margin: 2em 0 0 0;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px 8px 0 0;
	line-height:1.5em;
}

.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
	color: #ffffff;
	border-radius:0 0 8px 8px;
	border:solid 1px #8fc31f;
}

.cp_actab .cp_actab-content p {
	margin: 0.5em;
	font-size: 1em;
}

.cp_actab p{
	margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 45em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:after{
	color: #fff;
	content:url(https://mall.epark.jp/facility/otaichiba/img/o_btn.png);
	position: absolute;
	top: 0.3em;
	right: 0.5em;
	height:1.5em;
	padding:0.2em;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
	color: #fff;
	content:url(https://mall.epark.jp/facility/otaichiba/img/c_btn.png);
}

/* アコーディオン-------------------------------*/

/* box_04------------------------------------------------------------------------------------ */


/* box_05------------------------------------------------------------------------------------ */
.box_05{
	width:90%;
	height:auto;
	margin:0 auto;
}

.point_banner{
	display:block;
	width:70%;
	height:auto;
	margin:2em auto;
	text-align:center;
}
/* box_05------------------------------------------------------------------------------------ */


footer{
	background:#306100;
	height:7em;
}

footer p{
	font-size:0.8em;
	color:#ffffff;
	text-align:center;
	padding:0.5em 0;
}




}

/*==========================
SP common
==============================*/
@media screen and (max-width: 767px) {
img{width: 100%;}
.sp_off{ display: none;}
small{ font-size: 3vw;}
.listWrap,.cautioninner,.contact{
  width: 95%;
}

/* ヘッダー------------------------------------------------------------------------------------ */
header{
	text-align:center;
	width:100%;
	height:auto;
	margin-top:-1em;
}

header img{
	width:30%;
	height:auto;
	margin:0 auto;
}
/* ヘッダー------------------------------------------------------------------------------------ */


/* 全体------------------------------------------------------------------------------------ */
.wrap{
	width:100%;
	height:auto;
}

h2{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#306100;
}

h3{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#306100;
	border-top:1px solid #ffffff;
}

.box_h{
	margin-top:2em;
}

h4{
	padding:0.3em 0;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	border-bottom:#000000 solid 1px;
	margin-top:1em;
}

h5{
	padding:0.3em 0;
	font-size:1.3em;
	font-weight:bold;
	color:#000000;
	border-bottom:#000000 solid 1px;
	margin-top:1em;
	text-align:center;
}


p{
	font-size:1.1em;
	color:#000000;
	margin:1em 0 0 0;
}

p.bold{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

.clear{
	clear:both;
}

/* 2p */

.fix{
	width:100%;
	background:#000000;
    position: fixed;
    bottom: 0;
	/* border-top:solid #000 1px; */
	z-index: 9999;
}

.fix_btn_01{
	width:50%;
	/*width:38%; */
	height:auto;
	font-size:0.8em;
	font-weight:bold;
	background: linear-gradient(#a7d050, #8fc31f);
	color:#ffffff;
	text-align:center;
	padding:1.5em 0;
	float:left;
}
	
.fix_btn_02{
	width:50%;
	/*width:38%; */
	height:auto;
	font-size:0.8em;
	font-weight:bold;
	background: linear-gradient(#e6948c, #e28178);
	color:#ffffff;
	text-align:center;
	padding:1.5em 0;
	float:left;
}

.fix_btn_03{
	width:24%;
	height:auto;
	font-size:0.8em;
	font-weight:bold;
	background:#ffffff;;
	text-align:center;
	padding:1.5em 0;
	float:left;
}


/* 2p */



/* 全体------------------------------------------------------------------------------------*/


/* MV */
.mv_box{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 41.7%;
    background: url('https://mall.epark.jp/facility/otaichiba/img/mv.png') 0 0 no-repeat;
    background-size: contain;
}

.btn_01{
	width:85%;
	height:auto;
	background:#ffffff;
	border:#8fc31f solid 1px;
	border-radius:8px;
	margin:0 auto;
	margin-top:-3.5em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

.btn_01:hover{
	opacity:0.95;
}

.btn_01_txt{
	display:block;
	width:100%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#8fc31f;
	text-align:center;
}

.btn_01 img{
	display:block;
	width:10%;
	height:auto;
	margin:0 auto;
	padding-bottom:0.2em;
}
/* MV------------------------------------------------------------------------------------ */

/* box_01------------------------------------------------------------------------------------ */
.box_01{
	width:90%;
	height:auto;
	margin:0 auto;
}

.btn_yago{
	width:50%;
	height:auto;
	float:left;
}

.btn_yago:hover{
	opacity:0.9;
}

/* 2p */

.bg_genre_01{
	background:#e3f0c7;
	padding-bottom:3em;
}

.bg_genre_02{
	background:#ffecf3;
	padding-bottom:3em;
}


p.bold_02{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin-bottom:0.5em;
}

.s_txt{
	font-size:0.8em;
	text-align:center;
}

.genre_01{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#22ac38;
	border-top:none;
}

.genre_01 img{
	width:8%;
	height:auto;
	margin-right:0.5em;
	vertical-align:-0.3em;	
}

.genre_02{
	width:100%;
	height:auto;
	padding:0.2em 0;
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#ff6f68;
	border-top:none;
}

.genre_02 img{
	width:8%;
	height:auto;
	margin-right:0.5em;
	vertical-align:-0.3em;	
}


.btn_03{
	width:100%;
	height:3em;
	background:linear-gradient(#ef7b49, #ea5514);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_03:hover{
	opacity:0.9;
}

.btn_03_txt{
	display:block;
	width:90%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
}


.icon{
	display:block;
	width:8%;
	height:auto;
	float:left;
	margin-left:11%;
	margin-top:0.2em;
}

.txt{
	width:70%;
	height:auto;
	float:left;
}

.tri{
	display:block;
	width:5%;
	height:auto;
	margin:0 auto;
	margin-top:0.3em;
	float:right;
}


/* 2p */


/* box_01------------------------------------------------------------------------------------ */


/* box_02------------------------------------------------------------------------------------ */
.box_02{
	width:90%;
	height:auto;
	margin:0 auto;
}

.btn_02{
	width:100%;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_02:hover{
	opacity:0.9;
}

.btn_02_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_02 img{
	display:block;
	width:5%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}


iframe{
	display:block;
	width:100%;
	height:300px;
}

/* 2p */

.btn_04{
	width:100%;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_04:hover{
	opacity:0.9;
}

.btn_04_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_04 img{
	display:block;
	width:5%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}

.btn_05{
	width:100%;
	background:linear-gradient(#e6948c, #e28178);
	border-radius:8px;
	margin:0 auto;
	margin-top:1em;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	padding:0.5em 0;
}

.btn_05:hover{
	opacity:0.9;
}

.btn_05_txt{
	display:block;
	width:95%;
	height:auto;
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	margin-left:0.5em;
}

.btn_05 img{
	display:block;
	width:5%;
	height:auto;
	margin:0 auto;
	margin-top:0.2em;
	margin-right:0.7em;
	float:right;
}



/* 2p */



/* box_02------------------------------------------------------------------------------------ */


/* box_03------------------------------------------------------------------------------------ */
.box_03{
	width:90%;
	height:auto;
	margin:0 auto;
}

ol{
	margin-top:2em;
}

li{
	margin-left:2em;
	display: list-item;
	list-style: decimal;
}
/* box_03------------------------------------------------------------------------------------ */


/* box_04------------------------------------------------------------------------------------ */
.box_04{
	width:90%;
	height:auto;
	margin:0 auto;
}

/* アコーディオン-------------------------------*/

/* アコーディオンB */
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	font-size:1em;
}

.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.cp_actab label {
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 2em 0 0 0;
	background:linear-gradient(#a7d050, #8fc31f);
	border-radius:8px 8px 0 0;
	line-height:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.5s;
	transition: max-height 0.5s;
	color: #ffffff;
	border-radius:0 0 8px 8px;
	border:solid 1px #8fc31f;
}

.cp_actab .cp_actab-content p {
	margin: 0.5em;
	font-size: 1em;
}

.cp_actab p{
	margin-bottom:0px;
}

/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 45em;
}

/*チェックのアイコン（↓）*/
.cp_actab label:after{
	color: #fff;
	content:url(https://mall.epark.jp/facility/otaichiba/img/o_btn.png);
	position: absolute;
	top: 0.3em;
	right: 0.5em;
	height:1.5em;
	padding:0.2em;
}

/*チェックのアイコン（↑）*/
.cp_actab input:checked ~ label::after {
	color: #fff;
	content:url(https://mall.epark.jp/facility/otaichiba/img/c_btn.png);
}

/* アコーディオン-------------------------------*/

/* box_04------------------------------------------------------------------------------------ */


/* box_05------------------------------------------------------------------------------------ */
.box_05{
	width:90%;
	height:auto;
	margin:0 auto;
}

.point_banner{
	display:block;
	width:90%;
	height:auto;
	margin:2em auto;
}
/* box_05 */


footer{
	background:#306100;
	height:8em;
}

footer p{
	font-size:0.8em;
	color:#ffffff;
	text-align:center;
	padding:0.5em 0;
}

/* box_05------------------------------------------------------------------------------------ */


}

