@charset "utf-8";

/*PCSP共通設定*/
/*section:nth-of-type(odd){background-color:#f0f0f0;}
section:nth-of-type(even){background-color:#fff;}*/
html {scroll-behavior: smooth;}/*smooth scroll*/

/*759px以下*/
@media screen and (max-width: 759.9px) {
	
	body{
		overflow: hidden;
	}
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin: 0 auto 3%;
	padding-bottom: 5px;
	width: 94%;
	clear: both;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}


/******************title***********************************/


.smpnone{
	display: none!important
}


#titleBox{
	background-color: #4cb1e0;
	
}

	#titleBoxIn{
		max-width: 449px;
	margin: 0 auto;
	}
	
	
	#titleBoxIn img{
		width: 100%;
	}

#titleBox span#cartain{
	display: none
}

#titleBoxIn p{
	margin:0

}
	


.shien {
	background-color: #fff;
    color: #F00;
	font-size: 11px;
	font-weight: bold;
    padding: 5px;
    display: block;
    text-align: center;
    border: 2px solid #F00;
	margin: 20px auto;
}

#event{
	display:block;
	text-align:center;
	margin-top:-10px;
	display: none
}

#event li{
	display:inline-block;
	padding:0 20px;
}

#anker{
	width:100%;
	background:url(../images/sp/bg_anker.png) #5FC9FC repeat-x 50% 0%;
	background-size:1800px auto; 
	z-index:10;
	padding:16px 0 5px 0;
	text-align:center;
	margin:10px 0 0 0;
}

#anker li{
	padding: 0 0 5px 0;
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

#anker li a{
	display: block;
	color: #003489;
	font-size: 14px;
	padding: 4px 10px 4px 0px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 2px solid #FFF;
	background: #fffac6;
	background: -moz-linear-gradient(top, #fffac6 0%, #fffac6 51%, #fff290 51%, #ffe535 100%);
	background: -webkit-linear-gradient(top, #fffac6 0%,#fffac6 51%,#fff290 51%,#ffe535 100%);
	background: linear-gradient(to bottom, #fffac6 0%,#fffac6 51%,#fff290 51%,#ffe535 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffac6', endColorstr='#ffe535',GradientType=0 );
	position: relative;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 13px;
}

#anker li a:after{
	content:"";
	width:12px;
	height:12px;
	top: 34%;
	right: 5px;
	display:block;
	position:absolute;
	background:url(../images/im_anker_arrow.png) no-repeat;
	background-size:100% auto;
}

#anker li a span{
	line-height:20px;
}

#anker li a:hover {

	color:#003489;
	text-decoration:none!important;

}

#anker li.select a{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#2f83e1+0,2f83e1+51,215db3+51,112e7a+100 */
background: #2f83e1; /* Old browsers */
background: -moz-linear-gradient(top,  #2f83e1 0%, #2f83e1 51%, #215db3 51%, #112e7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2f83e1 0%,#2f83e1 51%,#215db3 51%,#112e7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2f83e1 0%,#2f83e1 51%,#215db3 51%,#112e7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#112e7a',GradientType=0 ); /* IE6-9 */
color:#FFF;

}

#anker li.select a:after{
	content:"";
	width:12px;
	height:12px;
	top:34%;
	right:5px;
	display:block;
	position:absolute;
	background:url(../images/im_anker_arrow2.png) no-repeat;
	background-size:100% auto;
}

#anker li.select a:hover {
	transition: 0 ;
	opacity: 1 ;
	text-decoration:none!important;
	position:relative;
	top:0;
	cursor:default
}

.commonBox{
	padding:5px 0 30px 0;
}



/*subtitle*/

.h2T{
	margin:10px auto 15px;
	text-align:center;
	color:#FFF;
	display:block;
	max-width: 500px;
}
.title1{
	background:url(../images/im_stitt.png) no-repeat;
	background-size: 100% auto;
}

.title2{
	background:url(../images/im_stitt02.png) no-repeat;
	background-size: 100% auto;
}

.title3{
	background:url(../images/im_stitt03.png) no-repeat;
	background-size: 100% auto;
}

.line1{
	font-size: 16px;
	padding: 7% 0 4% 0;
}

.line1 img{
	margin:0 10px 0 0;
	vertical-align:middle;
	width: 20px;
}

.line2{
	font-size: 14px;
	padding: 4% 10px 4% 0;
	line-height: 11px;
}

.line2 img{
	margin:0 10px 0 0;
	vertical-align:middle;
	position:relative;
	top:5px;
	width: 20px;

}

/*bg*/

.bg1{
	background:url(../images/bg01.png) repeat 50% 0;

}

.bg2{
	background:url(../images/bg02.png) repeat 50% 0;
	padding: 0 0;
}


.bg3{
	background:url(../images/bg03.png) repeat 50% 0;
	padding:10px 0 20px;
	margin-bottom:30px;
}

/*recomand*/

#recomand{
	overflow:hidden;

}

#recomand li{

}

#recomand li dl{
	position: relative;
}

#recomand li dl:after{
	content: "";
	width: 50px;
	height: 55px;
	display: block;
	background:url(../images/sp/im_ribbon_top.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -10px;
	left: -11px;
}
#recomand li dl:before{
	content: "";
	width: 50px;
	height: 55px;
	display: block;
	background:url(../images/sp/im_ribbon_bottom.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	bottom: -10px;
	right: -11px;
}

#recomand li.bigBox dl{
	border: 5px solid #a89600;
	/* -webkit-border-radius: 8px 8px 8px 8px; */
	 border-radius: 8px 8px 8px 8px;
	margin: 0 10px 10px;
}

#recomand li dl{
    border: 5px solid #a89600;
	padding:10px 10px 0px;
	position:relative;
	background: #FFFFFF;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}



#recomand li.smallBox{
    padding: 10px 10px 5px;
}



#recomand li.smallBox dl{

}

#recomand li.smallBox .btnBox{
	overflow:hidden;
	padding: 0 0 20px;
}

#recomand li.smallBox .btnBox p{

}


#recomand li{
	display:block;
}



#recomand li dt{
	background:url(../images/ti_reco_tit.png) no-repeat;
	background-size: 100% auto;
	width:180px;
	height:38px;
	text-align:center;
	line-height:38px;
	font-size:14px;
	color:#FFF;
	margin-bottom:8px;
}

#recomand li dd{
	font-size:14px;
	letter-spacing:-0.02em;
	line-height: 20px;
}

#recomand li dd strong{
	display:block;
	padding:0 0 10px 10px;
	color:#01255f;
}

#recomand li dd span{
	margin-top:4px;
	font-weight: normal;
}


/*hotel*********************************************/

/*hotelNavi*/

#hotelNavi,
#hotel01_1,
#hotel02_1,
#hotel03_1{
	display: table;
	margin: 0 auto 10px;
	text-align: center;
	width: 101%;
}
#hotelNavi li,
#hotel01_1 li,
#hotel02_1 li,
#hotel03_1 li{
	width:33%;
	display: table-cell;
	padding: 3% 0 3% 0;
	border-right: solid 2px #ffffff;
}

.selectH{

}

#hotelNavi li a,
#hotel01_1 li a,
#hotel02_1 li a,
#hotel03_1 li a{
	width: 99%;
}

#hotelNavi li a,
#hotel01_1 li a,
#hotel02_1 li a,
#hotel03_1 li a{
	font-size:13px;
	color:#FFF!important;;
	display:block;
	line-height:16px;
	width:100%;
	height:100%;
}

#hotelNavi li a:hover{
	color:#FFF;
	text-decoration:none!important
}

#hotelNavi li:nth-child(1){
	/* background: url(../images/sp/im_tab01.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}

#hotelNavi li:nth-child(2){
	/*background:url(../images/sp/im_tab02.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}

#hotelNavi li:nth-child(3){
	/*background:url(../images/sp/im_tab03.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}

#hotel01_1 li{
	/* background: url(../images/sp/im_tab01.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}

#hotel02_1 li{
	/*background:url(../images/sp/im_tab02.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}

#hotel03_1 li{
	/*background:url(../images/sp/im_tab03.png) no-repeat; */
	background-size: 100% auto;
    background-color: #393a3a;
}


.hotelCommon{
	padding:0 0 0 0;
	position:relative;
	margin:0 auto 20px
}

.hotelInner{

	margin:-5px auto 0;
	z-index:10;
	padding:0 0 1px 0;
	overflow:hidden;
}

/*ホテルごと*/
#hotel01{
	display:block;
}

#hotel01:before{
	content:"";
	background:url(../images/bg_bottom01.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel01 .hotelInner{
	background:#e9f4fa
}
/**/
#hotel02{
	display:block;
}

#hotel02:before{
	content:"";
	background:url(../images/bg_bottom02.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel02 .hotelInner{
	background:#e9faf1
}
/**/
#hotel03{
	display:block;
}

#hotel03:before{
	content:"";
	background:url(../images/bg_bottom03.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel03 .hotelInner{
	background:#fffbdf
}

/*h3*/
.hotelCommon h3{
	font-size:15px;
	font-weight:normal;
	text-align:center;
	position:relative;
	margin:0 auto;
	line-height: 16px;
	padding:10px 5px 10px 70px;
	color:#FFF;
	letter-spacing: -0.05em;
}

.hotelCommon h3 img{
	position:absolute;
	top:-7px;
	left:3px;
	width: 68px;
	height: auto;
}

/*ホテルごと*/
#hotel01 h3{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#3d94ce+0,288cd0+50,157dcb+50,1162bf+100 */
background: #3d94ce; /* Old browsers */
background: -moz-linear-gradient(top, #3d94ce 0%, #288cd0 50%, #157dcb 50%, #1162bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #3d94ce 0%,#288cd0 50%,#157dcb 50%,#1162bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #3d94ce 0%,#288cd0 50%,#157dcb 50%,#1162bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d94ce', endColorstr='#1162bf',GradientType=0 ); /* IE6-9 */
}

#hotel02 h3{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#479e96+0,14a095+51,009185+51,007e6f+100 */
background: #479e96; /* Old browsers */
background: -moz-linear-gradient(top, #479e96 0%, #14a095 51%, #009185 51%, #007e6f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #479e96 0%,#14a095 51%,#009185 51%,#007e6f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #479e96 0%,#14a095 51%,#009185 51%,#007e6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479e96', endColorstr='#007e6f',GradientType=0 ); /* IE6-9 */
}

#hotel03 h3{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#d3992c+0,d69514+51,c67c1b+51,c97400+100 */
background: #d3992c; /* Old browsers */
background: -moz-linear-gradient(top, #d3992c 0%, #d69514 51%, #c67c1b 51%, #c97400 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d3992c 0%,#d69514 51%,#c67c1b 51%,#c97400 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d3992c 0%,#d69514 51%,#c67c1b 51%,#c97400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3992c', endColorstr='#c97400',GradientType=0 ); /* IE6-9 */
}


.cathce{
	padding:10px;
	text-align:left;
	line-height:15px;
	font-size:12px;
	margin:18px 0 0px 0;
}

/*ホテルボックス*/
.hotelInner dl{
	background:#FFF;
	box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1);
	margin:0 10px 15px;
	padding:0 0 8px 0;
	
}

.hotelInner dl dt{
	padding:12px 10px;
	overflow:hidden;
	margin:0 0 10px 0;
}

.hotelInner dl dt .areaicon{
    background: #d6ae54;
    color: #FFF;
    font-size: 12px;
    /* -webkit-border-radius: 30px 30px 30px 30px; */
    /* border-radius: 30px 30px 30px 30px; */
    padding: 3px 15px;
    display: inline-block;
    position: absolute;
    bottom: 11px;
    right: 0;
}

.hotelInner dl dt strong{
	font-size: 14px;
	display: block;
	line-height: 14px;
	color: #FFF;
	margin: 9px 0 10px;
}

.hotelInner dl dt strong a{
	color:#FFF;
}


/*ホテルごと*/
#hotel01 .hotelInner dl dt{
	background:url(../images/bg_hotel01.png) #1e9fd7 100% 100% no-repeat;
	background-size: 80% auto;
	position:relative;
}

#hotel02 .hotelInner dl dt{
	background:url(../images/bg_hotel02.png) #009D89 100% 100% no-repeat;
	background-size: 80% auto;
	position:relative;
}

#hotel03 .hotelInner dl dt{
	background:url(../images/bg_hotel03.png) #D8951D 100% 100% no-repeat;
	background-size: 80% auto;
	position:relative;
}

.hotelInner dl dt:before{
	content:"";
	background:url(../images/im_ami.png) repeat-x;
	background-size:auto 6px; 
	width:100%;
	height:6px;
	position:absolute;
	top:0;
	left:0;
	z-index:0
}

.hotelInner dl dt:after{
	content:"";
	background:url(../images/im_ami.png) repeat-x;
	background-size:auto 6px; 
	width:100%;
	height:6px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0
}

.hotelInner dl dd{
	padding:0 10px;
	overflow:hidden;
	display:block;
	position: relative;

}


.intoroBox p{
	float:left;
	margin:0 10px 10px 0;
	
}
.intoroBox{
	overflow: hidden;
	line-height: 20px;
	margin: 6px 0 12px 0;
	font-size: 12px;
}


.wideBox_text{
	padding:15px 0 0 0 !important;
}

.intoroBox div strong{
	font-weight:bold;
	display:block;
}

.btnN{
	overflow:hidden;
}

.btnN li{
	width:50%;
	float:left;
	margin:0 0 5px 0;
}
.btnN ul li a{
	display:block;
	font-size:11px;
	text-align:center;
	border:1px solid #d6d6d6;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ebebeb 50%, #e2e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ebebeb 50%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ebebeb 50%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	position:relative;
	letter-spacing: -0.05em;
	margin:0 0 0 5px;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}

#coolBox > dl dd span {
    display: block;
    font-size: 11px;
    text-align: left;
    margin-top: 8px;
}




.yadoB a{
	color:#c6005d;
	line-height:35px;
	height:35px;
}
.yadoB a:after{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	right:5px;
	top:35%;
	background:url(../images/btn_yado_arrow.png) no-repeat;
	background-size:100% auto;
}

.jrB a{
	color:#46987e;
	line-height:12px;
	padding-top:5px;
	height:30px;
}

.jrB a:after{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	right:5px;
	top:35%;
	background:url(../images/btn_jr_arrow.png) no-repeat;
	background-size:100% auto;
}

.yadoB a:hover {
	color:#c6005d!important;
	text-decoration:none!important;
}


.jrB a:hover {
	color:#46987e!important;
	text-decoration:none!important;
}
.attentionXmas {
    font-size: 11px;
    display: block;
}

.airB a{
	color:#039;
	line-height:12px;
	padding-top:5px;
	height:30px;
}

.airB a:after{
	position:absolute;
	content:"";
	width:10px;
	height:10px;
	right:5px;
	top:35%;
	background:url(../images/im_anker_arrow.png) no-repeat;
	background-size:100% auto;
}

/*thicket***********************************************/

#attention{
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
	padding: 0 10px;
}


.tchilet{
	background: #00276A;
	text-align:center;
	font-size:12px;
	color:#FFF;
	margin-bottom:20px;
	font-weight: normal;
	padding: 10px;
	margin:0 5px 10px;
	-webkit-border-radius: 30px 30px 30px 30px!important;
	border-radius: 30px 30px 30px 30px!important;
}

.tableO{
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	background:#FFF;
	margin-bottom:30px;
	overflow:hidden!important;
	box-shadow: 0 0 10px 1px rgba(166,219,255,0.4);
	margin: 0 10px 15px;
	padding: 10px;
}

.tiTable{
	display:block;
	border-right:1px solid #bce0fa;



}

.tiTable th{
	background:#33adee;
	font-size:18px;
	text-align:center;
	border-right:1px solid #75c3ec;
	color:#FFF;
	padding:10px;
	display:none;
}

.tiTable td{
	padding:10px 5px;
	border-bottom:1px solid #bce0fa;
	border-left:1px solid #bce0fa;
	display:block;
}

.tiTable th span{
	display:block;
	font-size:12px;
}

.id{
	border-top:1px solid #75c3ec;
}
.passName{
	font-size:16px;
	color:#002e7d;
	font-weight:bold;
	text-align:center;
	background: #c3e5fe
}
.passName span{
background: #00276A;
	display: inline-block;
	padding: 5px;
	color: #FFFFFF;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	margin: 0 10px 0 0;

}

.price,.priceN{
	color: #000;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	position: relative;
	padding-left: 50%!important;
	overflow: hidden;
	letter-spacing: -0.05em;

}

.tableO strong {
    color:#F00;
}


.priceN{
	color: black;
	font-weight: 100
}

.price span{
	font-size:13px;
	display:block;
}

.price p,.priceN p{
	color:#000;
	font-size:14px;
	text-align:center;
	font-weight:normal;
	position: absolute;
	top: 0;
	min-height: 41px;
	left: 0;
	padding: 10px 5%;
	background: #e6f4ff;
	display: block;
	width: 38%;
}
.price p span,.priceN p span{
	font-size: 10px;
}


.add{
	font-size:10px;
}

.add span{
	color:#33adee
}

/*parkBox***********************************************/

.parkBox{
	background:#004293;
	padding:10px;
	overflow:hidden;
	margin-bottom:20px;
}
.parkInner{
	overflow:hidden;
}

.parkInner:nth-child(2){
	margin-top:15px;
}

.imgR p,.imgL p{
	display:block;
	text-align: center;
	margin-bottom: 10px;
}


.parkInner div{
	overflow:hidden;
}

.imgL div{

}

.parkInner div h3{
	color:#FFF;
	padding:0 0 0 0;
	line-height:22px;
	font-size:18px;
	background:url(../images/park/bg_park.png) no-repeat 120% 10%
}

.parkInner div h3 span{
	font-size:14px;
	display:block;
	font-weight: normal
}

.parkInner div dl{
	background-image:url(../images/park/im_park_ami.png),url(../images/park/im_park_ami.png);
	background-repeat:repeat-x;
	background-position:0 0,100% 100%;
	background-size:auto 11px;
	background-color:#FFF;
	padding:20px 15px;
}

.parkInner div dl dt{
	font-size:16px;
	color:#004293;
	line-height:24px;
	margin-bottom:5px;
}

.parkInner div dl dd{
	font-size:12px;
	line-height:18px;
}

.smallPark{
	background:#FFF;
    display:-webkit-box;
  	display: -webkit-flex;
  	display:-ms-flexbox;
  	display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.smallPark p{
	margin: 10px 10px 0;
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
	text-align: center;
	width: 100%
}

.smallPark p img{
	display: inline
}

.smallPark div{
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:2;
  order:2;
}

.smallPark strong{
	font-size:18px;
	color:#004293;
	font-weight:bold!important;
	display:block;
	margin-bottom:10px;
	
}
.smallPark span{
	color:#333;
	font-size:16px;
	font-weight:bold
}
.smallPark dl{
	background-image:none!important;
	padding: 10px!important;
}

/*mapBox***********************************************/

.mapBox{
	margin-top:0;

}

	.mapBox img{
		max-width: 976px;
		width: 100%;
	}
.smpMap{
	width: 90%;
	margin: 0 auto 0;
	}

.smpMapBox{
	margin: 0 10px;
}
.smpMapBox select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 0.2em;
    background:url(../images/sp/im_menu_u.png) no-repeat #FFFFFF;
    background-size:18px auto;
    background-position: right center;
    height: 40px;
	width:100%;
    line-height: 40px;
    font-size: 11px;
    vertical-align: middle;
    border:1px solid #0075C0;
    margin:0 0 10px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
@-moz-document url-prefix() { /* for firefox */
    .content select {
        background:none;
        background-color: #FFF;
    }
}
input.btnSelect3{
-webkit-border-radius: 8px 8px 8px 8px!important;
border-radius: 8px 8px 8px 8px!important;
background:#0075C0!important;
width:50%!important;
height: 30px!important;
margin:1px auto 0!important;
line-height: 30px!important;
color:#FFF!important;
 border:1px solid #0075C0!important;
 overflow:hidden!important;
 display:block;
}

/*.noneCheck{
	display:none;
}
.noneCheck + label{
	display:block;

}

.noneCheck:checked + label{
	display: block;
		background:#9C9C9C
}*/


/*btnA***********************************************/

.btnA a{

background: #2f83e1; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#00398d',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	font-size:10px;
	padding:10px 16px 10px 3px;
	text-align:center;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position:relative;
	box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
	color:#FFF;
	margin:0 0 8px 0;
	display:block;
	line-height: 30px;
}

.btnA a:after{
	content:"";
	width:12px;
	height:12px;
	top:35%;
	right:6px;
	display:block;
	position:absolute;
	background:url(../images/im_reco_arrow.png) no-repeat;
	background-size:100% auto;
}


.btnA a:hover {
	color:#FFF!important;
	text-decoration:none!important;
}





/*btnB***********************************************/

.btnB a{
    background: #2f83e1;
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#00398d',GradientType=0 );
    color: #FFF;
    font-size: 10px;
    padding:8px 15px 8px 3px;
    text-align: center;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
    color: #FFF;
    margin: 0 0 8px 0;
    display: block;
    height: 26px;
    line-height: 13px;
}

.btnB a:after{
    content: "";
    width: 12px;
    height: 12px;
    top: 16px;
    right: 5px;
    display: block;
    position: absolute;
    background: url(../images/im_reco_arrow.png) no-repeat;
    background-size: 100% auto;
}

.btnB a:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	color:#FFF!important;
	text-decoration:none!important;
}



.btnAll{
	display:block;
	margin-bottom:15px;
}

.btnAll a{
	width:80%;
	display:block;
	background:url(../images/sp/im_all_btn.png) no-repeat;
	background-size:100% auto; 
	padding: 2% 19px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	color:#FFF;
}


.btnAll a:hover {

	color:#FFF!important;
	text-decoration:none!important;
}

#pagetop2{
	display: none!important
}
.attentionBpx{
	color:#FFF;
	font-size:10px;
	line-height:18px
}

.entry{
	text-align:center;
}

.entry br{
	display:none;
}

.attention{
	padding:10px;
	font-size:12px;
}

/**/

.bffBox{
	background: #FFFFFF;
	padding: 20px;
	overflow: hidden;
	position: relative;
	margin: 0 20px 20px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.bffBox h4{
	background: #0048B8;
	color: #FFFFFF;
	padding: 5px;
	font-size: 14px;
	margin: -20px -20px 15px -20px;
	line-height: 18px;
	text-align: center;
	border-left: 10px solid #001473;
	border-right: 10px solid #001473;
}

.bffBox h4 span{
	display: inline-block;
}

.bffBox h4 strong{
	font-size: 18px;
	display: block;
}

.bffBox div{
	font-size: 14px;
	line-height: 20px;
}

.bffBox > span{
	font-size: 12px;

	
}

.bffBox p{
}

.bffBox p img{
	width: 100%;
	height: auto;
}

.attention strong{
	font-size: 14px;
	color: #FF0004;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}

/*hotelRe*/
.hotelRe{
	padding: 0 8px;
	overflow: hidden;
}

.hotelRe p{
	float:left;
	width:50%;
	margin-right:10px;
	padding: 0 0 5px;
}

.hotelRe p img{
	width:100%;
	height:auto;
}

.hotelRe > span{
	display:block;
	font-size:12px;
}

.hotelRe > span span{
	display:block;
	font-size:10px;
	margin-bottom:10px;
}



.minionBox{
	margin:10px 0 10px 0;
}

.minionBox strong{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#06C;
	margin-bottom:5px;
	text-align:center;
	padding:10px 0;
	border-top:1px dotted #CCC;
}

.minionBox strong span{
	display:block;
	color:#333;
	font-size:12px;
}

.minionBox p{
	overflow:hidden;
	margin:0 0px;
}

.minionBox p img{
	display:inline-block;
	width:100%;
	height:auto;
}

.minionBox p span{
	font-size:10px;
	display:block;
	margin-top:10px;
}
.f10{
	font-size:10px;
	line-height:16px;
	display:block;
}


/*************/

.btnBoxTable{
	padding:0
}

.btnBoxTable dl{
	display:block;
	text-align:center;
	margin:0 0;
	padding:15px 0
}

.btnBoxTable dl dt{
	font-size:14px;
}

.btnBoxTable dl dd{
	letter-spacing:-0.4em;
}

.btnBoxTable dl dd p{
	display:block;
	letter-spacing:normal;
}

.btnBoxTable dl dd p a{
	display:block;
	font-size:14px;
	padding:10px 0;
	border-bottom:3px solid rgba(0,0,0,0.2);
	margin:0 15px;
	color:#FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	text-decoration:none;
	margin-bottom:5px;
}

.btnBoxTable dl dd p a:hover {
	text-decoration:none!important;
	color:#FFF!important;
		}

.btnBoxTable dl dd p:nth-of-type(1) a{
	background:#ff9999;
}

.btnBoxTable dl dd p:nth-of-type(2) a{
	background:#66cc99
}
.btnBoxTable dl dd p:nth-of-type(3) a{
	background:#66ccff;
	margin-bottom:0
}

/*************/

.jrTit{
	clear:left!important;
	width:100%!important;
	color: #00734e !important;
	font-size:14px;
}

.jrTit:before{
	content:"▼";
}


#coolBox{
	background:url(../images/park/bg_cri.png) repeat 0 0 #f5f4f1;
	background-size:100% auto;
	padding:25px 15px 15px 15px;
	font-family: "Mplus 1p";
	margin:10px 10px 20px
}

	

#coolBox img{
	max-width:100%;

}

#coolBox h3{
	font-size:22px;
	line-height:24px;
	text-align:center;
	color:#ffcc00;
	margin:-25px -15px 0;
	padding:0 0 10px 0;

	
}
.mainVisual{
	margin:0 0 20px 0;
}

#coolBox > dl{
	text-align:center;
	color:#FFF;
	margin:0 0 10px 0;
	padding:0;
	

}

#coolBox > dl dt{
	color:#FC0;
	font-weight:600;
	font-size:17px
}

#coolBox > dl dt br{
	display:none
}

#coolBox > dl dd{
	margin:0;
	padding:0;
	font-size:14px;
}

#coolBox > dl dd span{
	display:block;
	font-size:12px;
}

#coolBox > dl dd b{
	font-size:16px;
}

#coolBox ul{
	margin:0;
	padding:0
}

#coolBox ul li{
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.4);
	margin:15px 0 0 0;
	padding:15px;
	border:1px solid #FFF;
	overflow:hidden;
	background:#FFF;
}

#coolBox ul li h4{
	margin:-20px -20px 15px -20px;
	padding:15px 15px 0;
	font-size:16px;
	color:#ffcc00;
	text-align:center;


}

#coolBox ul li h4 strong{
	font-size:20px;
	font-weight:600;
	color:#10135a;
	display:inline-block;
	margin-right:10px;
	display:block;
}

#coolBox ul li p{
	margin-top:5px;
	margin-bottom:10px;
}

#coolBox ul li dl{
	overflow:hidden;
	margin:0;
	padding:0;
}

#coolBox ul li dl dt{
display: block;
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 15px;
color: #000000;
font-weight:bold;
border-bottom: 1px solid #ebebeb;
}

#coolBox ul li dl dt strong{
display: block;
font-size: 18px;
font-weight: bold;
color: #ca151d;
margin-bottom: 10px;
}

#coolBox ul li dl dd{
font-size:14px;
margin:0;
padding:0;
}
#coolBox ul li dl dd span{
	font-size:12px;
	display:block;
	margin:15px 0 0 0;
	padding:0;
}
.catcheCopy{
	font-size:11px;
	line-height:13px;
	padding:0 5px;
}
.attention{
	color:#FFF;
	font-size:12px;
	display:block;
	text-align:center;
}

.titleAttention{
	font-size:10px;
	background:#4ec3fc;
	display:block;
	padding:0 10px 10px;
}

#attention{
	position:relative;
}

#attention strong{
	display:block;
	text-align:center;
	width:150px;
	margin:0 auto;
}

#attention strong img{
	display:inline-block;
}


#koushikiBox{
	display:block;
	line-height:14px;
	margin-bottom:10px;
	margin-top:15px;
}


.thermBox{
	overflow:hidden;
	margin:0 auto 20px;
}

.thermBox dl{
	overflow:hidden;
	margin-bottom:15px;
	font-size:14px;
}

.thermBox dl dt{
	background:#ca151d;
	color:#FFF;
	text-align:center;
	padding:5px;
	margin-right:0;
}

.thermBox dl:nth-of-type(2) dt{
	background:#0059ae
}



.thermBox dl dd{
	overflow:hidden;
	line-height:20px;
}

.thermBox dl dd strong{
	display:block;
}

.thermBox dl dd span{
	font-size:14px;
}

.eventCathce{
	text-align:center;
	font-size:13px;
	line-height:18px;
	margin-bottom:10px;
}

.eventCathce br{
	display:none
}

.smallT{
	font-size:10px;
	display:block;
}

.springTermTit{
	background:#ca151d;
	padding:8px;
	font-size:16px;
	color:#FFF;
	text-align:center;
}


.summerTermTit{
	background:#0059ae;
	padding:8px;
	font-size:16px;
	color:#FFF;
	text-align:center;
	margin:10px 0 0 0;
}



/**/

#studentPass{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff9f9+0,ffffff+35,ffffff+100 */
background: #eff9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #eff9f9 0%, #ffffff 35%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff9f9 0%,#ffffff 35%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff9f9 0%,#ffffff 35%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
margin:0 10px;
	padding:10px;
	border-top:8px solid #00ccfe;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}

#studentPass h3{
	font-size:22px;
	text-align:center;
	color:#0085ca;
	margin-bottom:10px;
	font-family: "M PLUS 1p"; 
}

#studentPass > p{
	text-align:center;
	margin-bottom:15px;
}

#studentPass > p img{
}

#studentPass h4{
	font-size:18px;
	text-align:center;
	color:#0085ca;
	text-align:center;
	margin-bottom:15px;
	font-family: "M PLUS 1p"; 
}

#studentPass dl dt{
	font-size:16px;
	text-align:center;
}

#studentPass dl dd{
	font-size:18px;
	text-align:center;
}

.oneL{
	margin-bottom:15px;
}
.oneL strong{
	margin-bottom:10px;
	font-weight:bold;
	display:block;
	color:#F00;
	font-family: "M PLUS 1p"; 
}

#studentPass dl dd span{
	font-size:14px;
	display:block;
	font-weight:normal
}

#studentPass dl dd.twoL{
	font-size:12px;
	text-align:left;
	margin-bottom:20px;
	line-height:20px;
}

.balloon{
  position: relative;
  padding: 10px;
  margin:0 0px 20px;
  background:#fff3ad;
  font-weight:bold;
 -webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
}

/* beforeで三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45%;
  bottom: -10px;
  border-top: 10px solid #fff3ad;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

#studentPass table{
	width:100%;
	margin-bottom:20px;

	border-right:1px solid #CCC;
}

#studentPass table td,#studentPass table th{
	font-size:12px;
	padding:4px 1px;
	text-align:center;
	vertical-align:middle;
}

#studentPass table td{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#studentPass table th{
	border-left:1px solid #1a96d7;
	border-right:1px solid #1a96d7;
	border-bottom:1px solid #1a96d7;
	color:#FFF;
	text-align:center;
	background:#0085ca
}

#studentPass ul li{
	line-height:20px;
	font-size:12px;
}

#studentPass ul li u{
	color:#F00;
	font-weight:bold;
}

#studentPass > span{
	font-size:12px;
}








#offcialBox{
    padding: 10px 0 20px 0;
}



#offcialBox dt {
    position: relative;
    font-size: 20px;
    color: #f4932b;
    font-weight: bold;
}

#offcialBox dd {
    border: 3px solid #f99d2e;
    background: #FFF;
    padding: 10px 5px 0px;
    margin: 0;
}

#offcialBox dd ul {
}

#offcialBox dd ul li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 10px 10px 0;
}


#offcialBox dd ul li a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb349+0,ffb349+50,ffa82e+51,ff9a0c+100 */
	background: #ffb349; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb349 0%, #ffb349 50%, #ffa82e 51%, #ff9a0c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffb349 0%,#ffb349 50%,#ffa82e 51%,#ff9a0c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffb349 0%,#ffb349 50%,#ffa82e 51%,#ff9a0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb349', endColorstr='#ff9a0c',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	padding:8px 15px;
	display:block;
	font-weight:bold;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

#offcialBox dd ul li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
}



.spbtn{
	margin: 0px 0 -6px 0;
}

#offcialBox img{
	position: relative;
	top: 9px;
	left: 0;
	height: 39px;
	padding: 0 6px 2px 6px;
}



.teltext{
	text-align: center;
	font-size: 16px;
	padding: 0px;
	font-weight: 600;
	margin: 0px 0 24px;
}


.telinfo{
	text-align: center;
	font-size: 16px;
	padding: 20px 0;
	font-weight: 600;
	margin: 0px 0 0px;
	border: 1px solid #000000;
}





.btn1{
	width: 98%;
	float: left;
	margin: 0 0 0 4px;
}
.btn1 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
}
.btn2{
	width: 48%;
	float: left;
	margin: 0 0 0 4px;
}
.btn2 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
}


.btn3 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
}


.hotel_price {
	color: #F00;
	font-size: 25px!important;
	font-weight: bold;
	padding: 4px;
	text-align: center;
}

.hotel_price_rei {
	font-size: 12px;
	text-align: center;
}


.hotel_details {
	font-size: 12px;
	text-align: right;
	padding: 6px 5px 5px;
}

.hotel_t1 {
	font-size: 12px;
	text-align: left;
}

.hotel_t2 {
	font-size: 12px;
	text-align: left;
	margin: 10px 25px -15px;
}

.hotelInner_info {
	margin: 0px 0 0;
	padding: 0 5px;
}



/* スライダー用*/

   .slider {
     padding: 0;
   }
   .slider img {
     width: 100%;
     height: auto;
   }
   .slick-slide {
     height: auto;
   }
   .slick-prev {
     left: 10px;
   }
   .slick-next {
     right: 10px;
   }
   .slick-prev, .slick-next {
     z-index: 100;
   }
   .slick-prev::before, .slick-next::before {
     font-size: 24px;
   }

 
 .single img{
  width: 100%;
  }
  .vertical {
    max-width: 600px;
    margin: 20px auto;
  }
  .vertical div {
    width: 100%;
    line-height: 200px;
    text-align: center;
  }
  .vertical div img {
    width: 100%;
}
  .vertical .slick-prev {
    left: calc(50% - 10px);
    top: 10%;
    transform: rotateZ(90deg);
  }
  .vertical .slick-next {
    right: calc(50% - 10px);
    top: 90%;
    transform: rotateZ(90deg);
  }
     

.imgtext {
    position: relative;
        top: -236px;
    color: #fefefe;
    font-size: 14px;
    z-index: 999;
    margin: 0px 6px 0 0px;
    text-align: right;
  }





/* modelcourse
----------------------------------------------- */

.bgGrayArea {
	margin:0 0 15px 0;
	background: #dff6f9;
}


.contInner02{
		padding-bottom:10px!important;
		overflow:hidden;
}

	.contInner02 {
	margin: 0;
	line-height: 1.6;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right:15px;
	width:auto;
	}
	
	.contInner02 h2{
		font-size:28px;
		/*font-weight:bold;*/
		margin:0 0 0 0;
	}
	
	.contInner02 h3{
		font-size:22px;
		font-weight:bold;
		margin:0 0 10px 0;
		clear:both;
	}
	
	.contInner02 span{
		font-size:18px;
	}
	
	.column2Area {
		margin-right: -30px;
		width:auto!important
	}
	.column2Area:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.column2Area {
		min-height: 1px;
		width:950px!important;

	}
	* html .column2Area {
		height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
	}
	.contInner02 .column2Area .section {

	}


.contInner02 h2{
	text-align:center;
	margin-bottom:15px;
}
	



	

.contInner02 .data{
	margin-bottom:5px;
	padding:5px 25px;
	text-align:center;
	color:#610303;
	display:block;
	font-size:32px;
	font-weight:bold
}

	
.contInner02 .data span{
	display:inline-block;
	border-bottom:#cb1755 solid 2px;
	border-top:#cb1755 solid 2px;
	color:#cb1755;
	margin-bottom:5px;
	padding:5px 25px;
	text-align:center;
	font-weight:normal;

}

	.contInner02 .column2Area .section{
		width:auto!important;
		float:none;
	}
	
	
	
	.corse {
		margin:0 0 0 20px;
			}
	

	.itemList4 {
		margin-right: -29px;
	}
	.ie7 .itemList4 {
		padding-bottom: 20px;
		margin-bottom: 0;
	}
		
	.itemList4 li {
		width: 200px;
		float: left;
		position: relative;
		margin-right: 20px;
		margin-bottom: 25px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
		-webkit-box-shadow: 0 1px 0 #afafaf;
		-moz-box-shadow: 0 1px 0 #afafaf;
		box-shadow: 0 1px 0 #afafaf;
	*display:inline;
	opacity: 0.99999;
	filter: alpha(opacity=100);       
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	}
	/*.itemList4 li:hover{ cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);       
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	}*/
	.itemList4 li dl {
		padding: 5px 15px;
		overflow:hidden;
		display:block;
		margin:0;
	}
	.itemList4 li dl dt {
	font-size: 16px;
	margin: 10px 0 10px 0;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #CCC;
	padding:10px 0 10px 10px;
	background-color:#f6e9d4;
	}
	.itemList4 li dl dd span {
		display: block;
		font-size:14px;
	}
	
	.itemList4 li dl dd strong{
		font-weight:bold;
		color:#000;
		font-size:14px;
		display:block;
		margin-bottom:10px
	}
	
	.itemList4 li dl dd strong span{
		color:#F00;
		display:inline;
		font-size:16px!important;
	}
	
	.itemList4 li dl dd span span{
		font-size:10px;
	}
	
	.itemList4 li dl dd a {
		color: #FFF !important;
		text-decoration: none !important;
	}
	.itemList4 li dl dd{
		display:block;
		margin:0;
		padding:0;
	}	
	.itemList4 li dl dd p{
		display:block;
		clear:both;
		margin:10px 0 0 0;
		padding:0;
	}
	
	.itemList4 li .thumb {
		zoom: 1;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
		overflow:hidden;
		width:40%;
		float:left;
		margin:0 0 10px 0;
	}
	
	.itemList4 li .thumb img{
		width:100%;
		height:auto;
	}
	
	.itemList4 li .thumb img{ max-width:100%; *width:100%; height:auto;}
	.itemList4 li .thumb .tag {
		display: block;
		position: absolute;
		font-size:13px;
		top: -9px;
		left: -39px;
		color: #fff;
		font-weight: bold;
		width: 100px;
		height: 22px;
		padding-top: 20px;
		text-align: center;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.ie .itemList4 li .thumb .tag,
	.ie9 .itemList4 li .thumb .tag {
		width: 50px;
		height: auto;
		top: 0;
		left: 0;
		padding-top: 0;
	}
	.kokunai .itemList4 li .thumb .tag {
		background: #dd335d;
	}
	.kaigai .itemList4 li .thumb .tag {
		background: #59b034;
	}
	.itemList4.white li {
	background: #fff;
	padding:0 0 10px 0;
	overflow:hidden;
	height:auto;
	width:930px;
	}
.itemList4 li:hover
{	
/*	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;*/
}
	
	
	.itemList4.gray li {
		background: #f2f2f2;
		padding:0 0 10px 0;
		width:690px;
	}
	
	
	/*ranking*/
	.itemList4 li .thumb .tag.first {
		color: #333;
		background: #d4ba35 !important;
	}
	.itemList4 li .thumb .tag.second {
		color: #333;
		background: #b8b8b8 !important;
	}
	.itemList4 li .thumb .tag.third {
		color: #333;
		background: #d5976d !important;
	}
	.kokunai .itemList4 li .thumb .tag.special {
		background: #df3560;
	}
	.kaigai .itemList4 li .thumb .tag.special {background: #df3560;}
	
	.itemList4 li .thumb .tag.plan {
		color: #fff;
		background: #fb7f12 !important;

	}
	.itemList4 li.rankTtl {
		text-align: center;
	}
	.itemList4 li.rankTtl:hover{
		opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;
	cursor:default;
	}
	.itemList4 li .rankTtlThumb {
		margin-bottom: 10px;
		padding-top: 25px;
	}


	.itemList4 li .thumb {
		zoom: 1;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
		overflow:hidden;
		width:40%;
		float:left;
		margin:0 0 10px 0;
	}
	
	.itemList4 li .thumb img{
		width:100%;
		height:auto;
	}
	
	.itemList4 li .thumb img{ max-width:100%; *width:100%; height:auto;}
	.itemList4 li .thumb .tag {
		display: block;
		position: absolute;
		font-size:13px;
		top: -9px;
		left: -39px;
		color: #fff;
		font-weight: bold;
		width: 100px;
		height: 22px;
		padding-top: 20px;
		text-align: center;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.ie .itemList4 li .thumb .tag,
	.ie9 .itemList4 li .thumb .tag {
		width: 50px;
		height: auto;
		top: 0;
		left: 0;
		padding-top: 0;
	}
	.kokunai .itemList4 li .thumb .tag {
		background: #dd335d;
	}
	.kaigai .itemList4 li .thumb .tag {
		background: #59b034;
	}
	.itemList4.white li {
	background: #fff;
	padding:0 0 10px 0;
	overflow:hidden;
	height:auto;
	width:930px;
	}
.itemList4 li:hover
{	
/*	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;*/
}
	
	
	.itemList4.gray li {
		background: #f2f2f2;
		padding:0 0 10px 0;
		width:690px;
	}
	
	
	/*ranking*/
	.itemList4 li .thumb .tag.first {
		color: #333;
		background: #d4ba35 !important;
	}
	.itemList4 li .thumb .tag.second {
		color: #333;
		background: #b8b8b8 !important;
	}
	.itemList4 li .thumb .tag.third {
		color: #333;
		background: #d5976d !important;
	}
	.kokunai .itemList4 li .thumb .tag.special {
		background: #df3560;
	}
	.kaigai .itemList4 li .thumb .tag.special {background: #df3560;}
	
	.itemList4 li .thumb .tag.plan {
		color: #fff;
		background: #fb7f12 !important;
	}
	.itemList4 li.rankTtl {
		text-align: center;
	}
	.itemList4 li.rankTtl:hover{
		opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;
	cursor:default;
	}
	.itemList4 li .rankTtlThumb {
		margin-bottom: 10px;
		padding-top: 25px;
	}




.spot{
	font-size:20px;
	font-weight:bold;
}

.spot span{
	font-weight:normal;
	margin: 0;
}

.access{
	font-size:18px;
	display:block;
	color:#fc7e03!important;
	font-size:12px!important;
	margin:10px 0 10px 30px!important;
	padding:10px 0 10px 10px;
	border-left:6px solid #fc7e03;
	font-weight:normal;
}

.photo{
	margin: 0 0 10px 0;
}	

.photo img {
    border-radius: 8px;
}


.intro {
	text-align:center;
	font-size:1.2em;
	margin:0 0 10px 0;
}




/*modelcourselist*/


div#modelcourse {
    padding: 10px;
    margin-bottom: 30px;
}

div#modelcourse div {
    overflow: hidden;
    padding: 15px;
    margin: 0 0 0 0;
    background: #FFF;
    float: none !important;
    width: auto !important;
    border-bottom: 1px dashed #CCC;
}

div#modelcourse div p {
    float: left;
    margin: 0 20px 0 0;
    width: 150px;
    height: auto;
}

div#modelcourse div p img{
	width:100%;
	height:auto;
}

#modelcourse div dl {
    overflow: hidden;
    display: block;
    padding: 0 0 0 0;
}

#modelcourse div dl dt {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
	color:#610303;
	font-weight:bold;
}

#modelcourse div dl dd{
	font-size:14px;
	margin:0;
}

#modelcourse div dl dd span{
	font-size:14px;
	color:#F03;
	font-weight:bold;
}








/*option*/


div#option {
    padding: 10px;
    margin-bottom: 30px;
}
#option div h4 {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
	color:#610303;
	font-weight:bold;
}

div#option div {
    overflow: hidden;
    padding: 15px;
    margin: 0 0 0 0;
    background: #FFF;
    float: none !important;
    width: auto !important;
    border-bottom: 1px dashed #CCC;
}

div#option div p {
    float: left;
    margin: 0 20px 0 0;
    width: 150px;
    height: auto;
}

div#option div p img{
	width:100%;
	height:auto;
}

#option div dl {
    /*overflow: hidden;*/
    display: block;
    padding: 0 0 0 0;
	margin-top: 0px;
}

#option div dl dt {
    font-size: 18px;
	line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
	color:#610303;
	font-weight:bold;
}

#option div dl dd{
	font-size:14px;
	margin:0;
}

#option div dl dd .price {
	font-size:14px;
	color:#F03;
	font-weight:bold;
}
#option div dl dd div {
border: none;
padding: 0px;
margin: 0px;
}
#option div dl dd div span {
color: #eb6100;
}

/*dwpass*/

.dwpass {
	padding:16px;
	background:#fcf3e5;
}

.dwpass span{
	font-weight:bold;
	font-size:1.2em;
	color:#F60;
}


/*dwhiking*/

.dwhiking {
	width:950px;
	margin: 10px auto;
	padding:16px;
	background:#fcf3e5;
}

.dwhiking span{
	font-weight:bold;
	font-size:1.2em;
	color:#F60;
}



/* ADD 20190423 */
#Map-block {
background: rgb(223, 246, 249);
padding:20px 0 50px;
}
#Map-block .innerSection {
margin:auto;
width:970px;
position:relative;
}
#Map-block h2 {
width: 320px;
margin: 20px auto 30px;
background: url(../images/icon_spot.png) no-repeat;
-moz-background-size:auto 90%;
background-size:auto 90%;
text-align: center;
}
#Map-block figure {
margin:0;
padding:0;
z-index: 1;
}
#Map-block ul {z-index:2;}
#Map-block li {position:absolute;}
#Map-block li:nth-child(1) {
left:67.73%;
top:33.33%;/*50px加算*/
}
#Map-block li:nth-child(2) {
left:45.05%;
top:48.80%;
}
#Map-block li:nth-child(3) {
left:19.89%;
top:67.85%;
}
#Map-block li:nth-child(4) {
left:63.81%;
top:69.04%;
}
#Map-block li:nth-child(5) {
left:52.16%;
top:84.19%;
}

.h4-coupon {
border:1px solid #35b6c8;
margin-bottom: 10px;
padding: .4em;
text-align: center;
}
#content .ul-Option li {
margin-bottom:12px!important;
padding-left: 1.6em;
text-indent: -1.6em;
}
#content .ul-Option li:first-letter {
background-color:#35b6c8;
color:#fff;
font-size:12px;
line-height: 1;
margin-right: .4em;
padding: .2em .4em;
}
#content .ul-Option li:last-child {margin-bottom:0;}

.couponBox:after,
.optionalBox:after{
clear:both;
content:'';
display: block;
}

.PrefBox,
.couponBox,
.optionalBox {
background-color: #fff;
margin:auto;
max-width:640px;
padding:20px;
width:90%;
position: relative;
}

.PrefBox h3 {
background-color:#35b6c8;
color:#fff;
font-size:16px;
line-height: 36px;
text-align: center;
}
.PrefBox ul {
margin: 0;
padding: 0;
list-style: none;
}
.PrefBox li {
border:1px solid #35b6c8;
border-radius:5px;
margin-bottom:10px;
padding:10px 0;
text-align: center;
box-shadow: 2px 2px 2px gray;
}
.PrefBox li.pref-Plan {
background-color: #fc7e03;
border:1px solid #fc7e03;
font-size:14px;
font-weight: bold;
box-shadow: 2px 2px 2px gray;
}
.PrefBox li.pref-Plan > a {color:#fff;}

.couponBox figure,
.optionalBox figure {
float:left;
margin:0;
padding:0;
width:32%;
position:relative;
}
.couponBox figcaption,
.optionalBox figcaption {
color:#000;
font-size:10px;
margin-top: .3em;
text-align:right;
/*background-color: rgba(0,0,0,.8);
padding: .2em;
text-shadow: 1px 0 1px #000000;
position:absolute;
bottom:0;
right:0;*/
}
.couponBox .cntSummary,
.optionalBox .cntSummary {
float:right;
width: 62%;
}
.couponBox .cntSummary > h4,
.optionalBox .cntSummary > h4 {
color:#35b6c8;
font-size:16px;
margin:0 0 10px;
}
.couponBox .cntSummary > h4:first-letter {
background-color:#35b6c8;
color:#fff;
font-size:16px;
margin-right: .4em;
padding: .2em .4em;
}
.couponBox .cntSummary > p,
.optionalBox .cntSummary > p{line-height:1.8}
.couponBox .btn-txt,
.optionalBox .btn-txt {
clear:both;
padding-top:10px;
text-align: center;
}
.couponBox a.btn,
.optionalBox a.btn {
background-color: #35b6c8;
border-radius:5px;
color:#fff;
display: block;
font-size:16px;
font-weight: bold;
line-height: 30px;
}

.couponBox .tel-Application {
background-color: #eee;
marign-top:10px;
padding:20px;
}
.couponBox .tel-Application p {
margin: 0 0 4px;
text-align: center;
}
.couponBox .tel-Application p strong {
display: block;
margin-bottom: 2px;
}
.couponBox .tel-Application p small {display: block;}
.couponBox .tel-Application a.btn {background-color: #19ac1c;}

.Optional {margin-top:10px; margin-bottom: 15px;}
.Optional a.open-popup-link {
background-color: #fc7e03;
border-radius:4px;
font-size:14px;
padding:10px;
color: #fff;
text-decoration: none;
box-shadow: 2px 2px 2px gray;

}



.syousai{
    padding: 4px 0 0;
    font-size: 10px;
}

.hotel_price span{
    padding: 4px 0 0;
    font-size: 10px;
}

.hotel_text_2{
    font-size: 12px;
    margin: 0 0 4px;
}


.yohaku{

}



.aggregate{
    font-size: 12px;
    margin: 0 3% 10px 0px;
    text-align: right;
	color:#000000;
}


.plan {
    text-align: center;
    font-size: 10px;
    /* padding: 5px 0 10px; */
    margin: -5px 0 10px;
}


.imgtext2 {
	top: 18px;
	left: 175px;
	color: #ffffff;
	position: absolute;
}

.plan2 {
	text-align: center!important;
	font-size: 10px;
	padding: 0px 0 9px!important;
	width: 100%;
}




.selectH.b1{
	background-color:#3691ce!important;
}

.selectH.b2{
	background-color:#389e95!important;
}

.selectH.b3{
	background-color:#d4961c!important;
}





.imgtext2 {
    position: relative;
    top: -210px;
    left: 184px;
    color: #ffffff;
}


.ninkiA img{
	width: 42px;
	margin: 0 0px 0px;
	color: #ffffff;
	position: relative;
	top: 0px;
	left: 4px;
}


.ninkiB img{
	width: 42px;
	margin: 0 0px 0px;
	color: #ffffff;
	position: relative;
	top: -10px;
	left: 4px;
}

.ninkiA {
    width: 58px;
    /* display: table; */
    float: left;
    margin: -12px 0 0 0;
}

.ninkiB {
	width: 58px;
	float: left;
	margin: -2px 0 -16px 0;
}

.ninki_t {
	float: left;
	margin: 6px 0 0;
	width: 79%;
}


.hotel_text_2{
        padding-left: 28px;
	line-height: 24px;
	background: url(../images/151611.png) no-repeat;
	background-size: 23px;
	/* margin: -5px 0px; */
}


@media screen and (min-width:361px) { 
.btn3,
.btn3_B{
	width: 32.06%;
	float: left;
	margin: 0 2px 0 2px;
}





}


@media screen and (max-width:361px) { 
.btn3,
.btn3_B {
	width: 31.8%;
	float: left;
	margin: 0 2px 0 2px;
}



.btnA a{ 
	height: 30px;
	letter-spacing: -2px;
}

}


.wideBox.slick-dots{ 
	margin: -10px 0 0 0!important;
}

.intoroBox2 div {
    /*overflow: hidden;*/
    line-height: 20px;
    margin: 0px 0 0px 0;
    font-size: 12px;
}


.yohaku2 {
    padding: 20px 0 5px;
}

#hotel02 .slick-list{
	height: 143px;
}

#hotel03 .slick-list{
	height: 143px;
}

.h_info{
    height: 25px;
    text-align: center;
    padding: 20px 0;
    line-height: 17px;
}


dl.news{
	clear:both;
	width:80%;
	margin:0 auto;
	padding:20px;
}


dl.news dt{
	font-size:22px;
	text-align:center;
	font-weight:bold;
	margin:0 0 20px 0;
	
}

dl.news dt span{
	color:#db4931;
}

dl.news dd{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:#CCC solid 1px;
	font-size:80%;
}

dl.news dd span{
	display:inline-block;
	padding:5px;
	background:#D9EFFF;
	font-size:12px;
	margin:0 0 10px 0;
	width:95px;
	text-align:center;	
}

dl.news dd strong{
	font-weight:normal;
	margin:0px 0 0px 0;
	overflow:hidden;
	display:block;
	position:relative;
	top:3px;
}


.halloween{
	margin:0 0 30px 0;
	background-color:#FFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}


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


.halloween dl dt{
	width:85%;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	padding:20px 0 10px 0;
	font-weight:bold;

}

.halloween dl dt span{
	font-size:10px;
}

.purple dl dt {
	border-bottom:5px solid #6600b5;

}

.purple dl dd{
	
	border:double 5px #6600b5;
}


.orange dl dt {
	border-bottom:5px solid #ff8a00;

}

.orange dl dd{

	border:double 5px #ff8a00;
}


.halloween dl dd{
	padding:20px;
	margin:20px;
	font-size:14px;
	line-height:34px;	
}


.halloween dl dd span.caution{
	font-size:12px;
	
}

.parkarea{
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	background-color:#FFF;
	/*box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);*/
	overflow:hidden;
	max-width: 894px;
}

.att{
	width:90%;
	margin:0 auto 20px;
}

.parkarea dl{
	width:90%;
	margin:0 auto 20px;
	overflow:hidden;
}


.parkarea dl dt{
	margin:0;
	padding:0;
}

.parkarea dl dt img{
	width:100%;
}

.parkarea dl dd{
	font-size:13px;
	padding:20px 5px;
	margin:20px;
	text-align:left;
	background-color:#FFF;
}

.parkarea dl dd span.cathe{
	font-size:16px;
	color:#9e0000;
	font-weight:bold;
	display: block;
	margin: 0 0 10px 0;
}

.parkarea dl dd span.info{
	font-size:10px;
	display: block;
	margin: 10px 0 0 0;
}

.parkarea dl dd span.kikan{
	ont-size:12px !important;
	color: #000000;
	display: block;
	margin: 10px 0 0px 0;
}
.red{
	background-color:#c40000;
}

.gray{
	background-color: #626262;
}

.blue{
	background-color:#0284c2;
}

.pink{
	background-color: #F475A0;
}

.blue2{
	background-color:#000981;
}
.blue4{
	background-color:#2b376a;
}

.teximini{
	color:#FFF;
	font-weight:bold;
}

.rinji_kyugyo{color:#F00;text-align:center;display: inline-block;}
.rinji_kyugyo.f-bold { font-weight: bold ; text-align: left;}



/* swiper
------------------------------------------ */
#slide_animation.swiper-container {
  width: 100%;
}
#slide_animation.swiper-container .swiper-wrapper {
  width: 100%;
}
#slide_animation.swiper-container .swiper-slide{
  width: 20%;
}
#slide_animation.swiper-container .swiper-slide img{
  width: 100%;
  border: none;
}

.swiper-container{
	width: 100%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
	/*margin-bottom: 20px;*/
}
.swiper-container .swiper-pagination {
	bottom: 15px;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px;
	color: #FFF;
	font-weight: bold;
	opacity: 0.5;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:5px;
	top:48%;
}
.swiper-button-next{
	right:5px;
	top:48%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:5px !important; 
}


/* swiper
------------------------------------------ */
#slide_animation.swiper-container {
  width: 100%;
}
#slide_animation.swiper-container .swiper-wrapper {
  width: 100%;
}
#slide_animation.swiper-container .swiper-slide{
  width: 20%;
}
#slide_animation.swiper-container .swiper-slide img{
  width: 100%;
  border: none;
}

.swiper-container{
	width: 100%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
	/*margin-bottom: 20px;*/
}
.swiper-container .swiper-pagination {
	bottom: 15px;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px !important;
	color: #FFF;
	font-weight: bold;
	opacity: 0.5;
}

.swiper-container1 .swiper-button-prev::after,
.swiper-container1 .swiper-button-next::after{
	color: #006DF0 !important;
}


.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:5px;
	top:48%;
}
.swiper-button-next{
	right:5px;
	top:48%;
}

/*gadget*/
.search_kokunai_map_Bar .serchBox li {
    background: #22a7ed!important;
}
.search_kokunai_map_Bar .serchBox li.select {
    background: #002e79!important;
}



.s_02{
	clear: both;
}

.s_02 .accordion_one .accordion_header {
   
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}

.s_02 .accordion_one .accordion_inner {
    display: none;
   
}

.s_02 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 67%;
    right: 3%;
    width: 20px;
    height: 20px;
    /*border: 1px solid #fff;*/
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
   -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #4b4b4b;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}

.s_02 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.question{
	display: table;
	border: 2px solid #002AB0;
	font-size: 1.3em;
	overflow: hidden;
	width: 99%;
	margin: 20px 0;
	
}

.question p{
	display: table-cell;
	vertical-align: middle;
	
}

.QA1{
	background-color: #002AB0;
	padding: 10px;
	color: #FFFFFF;
	width: 5%;
	font-size: 1.2em !important;
	font-weight: bold;
	
}

.q_txt{
	padding: 10px 40px 10px 10px;
	font-weight: bold;
}

.answer{
	margin: 20px 0 0 0;
	display: table-cell;
	
}

.answer p{
	display: table-cell;
	vertical-align: top;
	
}

.QA2{
	font-size: 24px !important;
	font-weight: bold;
	color:#CF0003;
	padding: 3px 10px 10px;
	margin: 0 0 0 0;
	width: 5%;
	line-height: 24px;
}

.a_txt{
	padding: 0px 0px 20px 5px;
	font-size: 16px !important;
}

/*yuniharu*/
.yuniharu{
	width: 90%;
	margin: 0 auto 20px;
	border: 3px solid #EA9198;
    box-sizing: border-box;
}

.pink{
	background-color: #F475A0;
}

.yuniharu .title{
	text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 6px;
	background-color: #EA9198;
    color: #fff;
}

.yuniharu dl {
	padding: 10px;
}
.yuniharu dt{
	margin: 0 auto 10px;
}
.yuniharu img{
	width: 100%;
}

.yuniharu dd{
	line-height: 1.4;
}

.yuniharu_text{
	font-size: 15px;
}
.yuniharu span.catch{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}

.yuniharu span.kikan{
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7;
    margin-left: 0;
}

.yuniharu span.info{
	font-size: 10px;
	font-weight: normal;	
}

@media screen and (min-width: 300px) and (max-width: 320px) {
	.swiper-slide{
	 height: auto;
}

.swiper-slide dl dt{
	height: 100%;
	 flex-shrink: 0; /* fix IE11 */
}


.swiper-slide dl dd.parktext{
	height: 491px;
	box-sizing: border-box;
}
.swiper-slide dl dd.parktext p.indent{
	padding-left:18px;
    text-indent: -18px;
}

}


@media screen and (min-width: 321px) and (max-width: 480px) {
	.swiper-slide{
	 height: auto;
}

.swiper-slide dl dt{
	height: 100%;
	 flex-shrink: 0; /* fix IE11 */
}


.swiper-slide dl dd.parktext{
	height: 380px;
	box-sizing: border-box;
}
.swiper-slide dl dd.parktext p.indent{
	padding-left:18px;
    text-indent: -18px;
}

}


@media screen and (min-width: 481px) and (max-width: 767px){
	.swiper-slide{
	 height: auto;
}

.swiper-slide dl dt{
	height: 100%;
	 flex-shrink: 0; /* fix IE11 */
}


.swiper-slide dl dd.parktext{
	height: 240px;
	box-sizing: border-box;
}
.swiper-slide dl dd.parktext p.indent{
	padding-left:18px;
    text-indent: -18px;
}

}


.onepiece_logo{
	display: block;
	width: 40%;
	max-width: 100px !important;
}

.onepiece_logo img{
	width: 100%;
}


#navMenuNew100,#navMenuNew100_2{
	background:#999999;
	overflow:hidden!important;
}
#navMenuNew100 *,#navMenuNew100_2 *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#navMenuNew100 ul,#navMenuNew100_2 ul{
	text-align:center;
	margin:0;
	padding:0;
}

#navMenuNew100 ul li,#navMenuNew100_2 ul li{
	font-size:0.70rem;
	font-weight:bold;
	display:block;
	width:50%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0;
	color:#FF6;
	border-left:2px solid #FFF;
	border-bottom:2px solid #FFF;
}

#navMenuNew100 ul li:nth-child(2n+1),
#navMenuNew100_2 ul li:nth-child(2n+1)
{
	font-size:0.70rem;
	font-weight:bold;
	display:block;
	width:50%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0;
	color:#FF6;
	border-left:none;
	border-bottom:2px solid #FFF;
}

#navMenuNew100 ul li:last-child
{
	font-size:0.70rem;
	font-weight:bold;
	display:block;
	width:50%;
	float:left;
	margin:0 0 0 0;
	padding:10px 0px 10px 0;
	color:#FF6;
	border-bottom:none;
}

.hitori01 #navMenuNew100 ul li.tab01 a,.hitori01 #navMenuNew100_2 ul li.tab01 a{
		color:#FFF551!important;
}
.hitori02 #navMenuNew100 ul li.tab02 a,.hitori02 #navMenuNew100_2 ul li.tab02 a{
		color:#FFF551!important;
}
.hitori03 #navMenuNew100 ul li.tab03 a,.hitori03 #navMenuNew100_2 ul li.tab03 a{
		color:#FFF551!important;
}
.hitori04 #navMenuNew100 ul li.tab04 a,.hitori04 #navMenuNew100_2 ul li.tab04 a{
		color:#FFF551!important;
}
.hitori05 #navMenuNew100 ul li.tab05 a,.hitori05 #navMenuNew100_2 ul li.tab05 a{
		color:#FFF551!important;
}
.hitori06 #navMenuNew100 ul li.tab06 a,.hitori06 #navMenuNew100_2 ul li.tab06 a{
		color:#FFF551!important;
}


#navMenuNew100 ul li a,
#navMenuNew100_2 ul li a{
	color:#FFF;
	font-weight:bold;
	font-size:0.70rem;
	display:inline-block;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}
 }

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
h2 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 5px dotted #111;
	margin-bottom: 3%;
	padding-bottom: 5px;
	clear: both;
}

.inner{
	width:950px;
	margin:0 auto;
}	


/******************title***********************************/

#titleBox{
	background:url(../images/bg_title.png) 50% 0;
	background-size:cover;
	position:relative;
	/*height:655px;*/
	height: 258px;
}


#titleBox span#cartain{
	width:100%;
	display:block;
	background:url(../images/im_car.png) repeat 50% 100%;
	height:35px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#titleBoxIn{
	width:950px;
	height:158px;
	/*height: 675px;*/
	margin:0 auto;
	left:0;
	right:0;
	padding:30px 0 0 0;
	z-index:10;
	position:absolute;

}

#titleBoxIn p{
	/*margin:20px 0 40px;*/
	    margin: 9px 0 0px;
}

#titleBoxIn p img{
	/*width:1099px;*/
	height:auto;
	position:relative;
	left:55px;
}

#titleBox:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	/*width: 217px;
    height: 627px;*/
	width:55px;
	height:158px;
	background:url(../images/im_side_c01_2.png) no-repeat;
	z-index:0;
}

#titleBox:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
/*width: 217px;
    height: 627px;*/
	width:55px;
	height:158px;
	background:url(../images/im_side_c02_2.png) no-repeat;
	z-index:0;
}

.shien {
	width: 700px;
	background-color: #fff;
    color: #F00;
	font-size: 16px;
	font-weight: bold;
    padding: 5px;
    display: block;
    text-align: center;
    border: 2px solid #F00;
	margin: 20px auto;
}

#event{
	display:block;
	text-align:center;
	margin-top:-10px;
}

#event li{
	display:inline-block;
	padding:0 20px;
}

.oneT{
	margin:0 0 0 -60px;
}

.oneT li{
	margin:0;
	padding:0
}

.oneT li img{
	margin:0;
	padding:0;
	display:inline-block;
	width:auto;
}

#anker{
	width:100%;
	background:url(../images/bg_anker.png) repeat-x;
	height:100px;
	position:absolute;
	bottom:0;
	z-index:10;
	text-align:center;
	letter-spacing:-0.4em;
}

#anker li{
	display:inline-block;
	padding:25px 8px 0;
	letter-spacing:normal;
}

#anker li a{
	display:block;
	height:55px;
	line-height:55px;
	color:#003489;
	font-size:18px;
	padding:0 40px 0 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:2px solid #FFF;
	/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#fffac6+0,fffac6+51,fff290+51,ffe535+100 */
background: #fffac6; /* Old browsers */
background: -moz-linear-gradient(top,  #fffac6 0%, #fffac6 51%, #fff290 51%, #ffe535 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffac6 0%,#fffac6 51%,#fff290 51%,#ffe535 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffac6 0%,#fffac6 51%,#fff290 51%,#ffe535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffac6', endColorstr='#ffe535',GradientType=0 ); /* IE6-9 */
position:relative;
}

#anker li a:after{
	content:"";
	width:17px;
	height:17px;
	top:20px;
	right:10px;
	display:block;
	position:absolute;
	background:url(../images/im_anker_arrow.png) no-repeat;
	background-size:100% auto;
}

#anker li a span{
	line-height:20px;
}

#anker li a:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	color:#003489;
	text-decoration:none!important;

}

#anker li.select a{
/* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#2f83e1+0,2f83e1+51,215db3+51,112e7a+100 */
background: #2f83e1; /* Old browsers */
background: -moz-linear-gradient(top,  #2f83e1 0%, #2f83e1 51%, #215db3 51%, #112e7a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2f83e1 0%,#2f83e1 51%,#215db3 51%,#112e7a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2f83e1 0%,#2f83e1 51%,#215db3 51%,#112e7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#112e7a',GradientType=0 ); /* IE6-9 */
color:#FFF;

}

#anker li.select a:after{
	content:"";
	width:17px;
	height:17px;
	top:20px;
	right:10px;
	display:block;
	position:absolute;
	background:url(../images/im_anker_arrow2.png) no-repeat;
	background-size:100% auto;
}

#anker li.select a:hover {
	transition: 0 ;
	opacity: 1 ;
	text-decoration:none!important;
	position:relative;
	top:0;
	cursor:default
}

.commonBox{
	padding:5px 0 30px 0;
}

.inner{
	width:950px;
	margin:0 auto;
}

/*subtitle*/

.h2T{
	width:670px;
	height:118px;
	margin:30px auto;
	text-align:center;
	color:#FFF;
	display:block;
}
.title1{
	background:url(../images/im_stitt.png) no-repeat;
}

.title2{
	background:url(../images/im_stitt02.png) no-repeat;
}

.title3{
	background:url(../images/im_stitt03.png) no-repeat;
}

.line1{
	line-height:118px;
	font-size:28px;
}

.line1 img{
	margin:0 15px 0 0;
	vertical-align:middle;
}

.line2{
	line-height:23px;
	font-size:24px;
	padding: 30px 0 0 0;
}

.line2 img{
	margin:0 15px 0 0;
	vertical-align:middle;
	position:relative;
	top:13px;
}

/*bg*/

.bg1{
	background:url(../images/bg01.png) repeat 50% 0;
}

.bg2{
	background:url(../images/bg03.png) repeat 50% 0;
}

.bg3{
	background:url(../images/bg02.png) repeat 50% 0;
	padding:10px 0 80px 0;
	margin-bottom:30px;
}

/*recomand*/

#recomand{
	overflow:hidden;
}

#recomand li.bigBox{
	background:url(../images/bg_reco01_2.png) no-repeat 100% 100%;
	margin-bottom:20px;
}

#recomand li.bigBox dl{
	background:url(../images/bg_reco01.png) no-repeat;
}


#recomand li.bigBox .btnA{
	position:absolute;
	bottom:25px;
	right:25px;
	width:210px;
}

.smallWrap li:nth-child(2n){
	margin:0 0 20px 0;
}

#recomand li.smallBox{
    /* background: url(../images/bg_reco02_2.png) no-repeat 100% 100%; */
    width: 457px;
    float: left;
    border: 4px solid #a89600;
    -webkit-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
    margin: 0 10px 10px;
    background-color: #ffffff;
    padding: 0 0 15px;
}

#recomand .smallWrap li:nth-child(2n){
	margin:0 0 20px 0;
}

#recomand li.smallBox dl{
	/* background:url(../images/bg_reco02.png) no-repeat; */
}

#recomand li.smallBox .btnBox{
	overflow:hidden;
}

/* #recomand li.smallBox .btnBox p{
	width:47%;
	float:left;
	margin:0 0 0 2%
}*/


#recomand li{
	display:block;
}

#recomand li dl{
	padding: 15px 10px 0;
	position:relative;
}

#recomand li dt{
	background:url(../images/ti_reco_tit.png) no-repeat;
	width:232px;
	height:51px;
	text-align:center;
	line-height:51px;
	font-size:18px;
	color:#FFF;
	margin-bottom:8px;
}

#recomand li dd{
	font-size:20px;
	letter-spacing:-0.02em;
}

#recomand li dd strong{
	display:block;
	padding:0 0 10px 10px;
	color:#01255f;
}

#recomand li dd span{

}


/*hotel*********************************************/

/*hotelNavi*/

#hotelNavi{
	display: block;
	/* width: 1000px; */
	margin: 0 auto 30px;
	text-align: center;
	width: 100%;
	z-index: 987;
}
#hotelNavi li{
	width:324px;
	height:82px;
	display:inline-block;
}

#hotelNavi li a{
	font-size:20px;
	color:#FFF;
	display:block;
	line-height:62px;
	width:100%;
	height:100%;
}

#hotelNavi li:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
}


#hotelNavi li a:hover{
	color:#FFF;
	text-decoration:none!important
}

#hotelNavi li:nth-child(1){
	background:url(../images/im_tab01.png) no-repeat;
}

#hotelNavi li:nth-child(2){
	background:url(../images/im_tab02.png) no-repeat;
}

#hotelNavi li:nth-child(3){
	background:url(../images/im_tab03.png) no-repeat;
}

.fixed {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	width: 1000px;
	z-index: 100;
	background-color: #1c37a1;
}


.hotelCommon{
	padding:0 0 0 0;
	position:relative;
	width:1060px;
	margin:0 auto 70px
}

.hotelInner{
	    width: 950px;
    margin: -5px auto 0;
    z-index: 10;
    padding: 0 0 1px 0;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

/*ホテルごと*/
#hotel01{
	display:block;
}

#hotel01:before{
	content:"";
	background:url(../images/bg_bottom01.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel01 .hotelInner{
	background:#e9f4fa
}
/**/
#hotel02{
	display:block;
}

#hotel02:before{
	content:"";
	background:url(../images/bg_bottom02.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel02 .hotelInner{
	background:#e9faf1
}
/**/
#hotel03{
	display:block;
}

#hotel03:before{
	content:"";
	background:url(../images/bg_bottom03.png) no-repeat 50% 100%;
	width:100%;
	height:157px;
	position:absolute;
	bottom:-30px;
	left:-4px;
	z-index:0
}

#hotel03 .hotelInner{
	background:#fffbdf
}

/*h3*/
.hotelCommon h3{
	font-size:22px;
	font-weight:normal;
	text-align:center;
	position:relative;
	height:71px;
	line-height:61px;
	width:860px;
	margin:0 auto;
	padding:0 0 0 100px;
	color:#FFF;
}

.hotelCommon h3 img{
	position:absolute;
	top:-7px;
	left:10px
}

/*ホテルごと*/
#hotel01 h3{
	background:url(../images/ti_bg01_p.png) no-repeat;
}

#hotel02 h3{
	background:url(../images/ti_bg02_p.png) no-repeat;
}

#hotel03 h3{
	background:url(../images/ti_bg03_p.png) no-repeat;
}


.cathce{
	padding:15px 15px 0 125px;
	text-align:center;
	line-height:22px;
	font-size:13px;
	margin:0 0 30px 0;
}

/*ホテルボックス*/
.hotelInner dl{
	width: 446px;
	background: #FFF;
	box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1);
	margin: 0 0 40px 19px;
	padding: 0 0 8px 0;
	/*float: left;*/
	position: relative;
}

.hotelInner dl dt{
	overflow: hidden;
	margin: 0px 0 0px 0;
}

.hotelInner dl dt .areaicon{
	background: #d6ae54;
	color: #FFF;
	font-size: 12px;
	/* -webkit-border-radius: 30px 30px 30px 30px; */
	/* border-radius: 30px 30px 30px 30px; */
	padding: 3px 10px;
	display: inline-block;
	/* margin: 0 0 10px 0; */
	position: absolute;
	bottom: 11px;
	right: 0;
}

.hotelInner dl dt strong{
	font-size: 18px;
	display: block;
	line-height: 18px;
	color: #FFF;
	/*position: relative;
	top: 22%;*/
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	margin: 0 0 20px 20px;
}


.hotelInner dl dt{

}


.hotelneme{
	width: 83%;
	margin: 0 auto;
}




/*ホテルごと*/
#hotel01 .hotelInner dl dt{
	background:url(../images/bg_hotel01.png) #1e9fd7 no-repeat 100% 100%;
	position:relative;
	padding: 30px 0 8px;
}

#hotel02 .hotelInner dl dt{
	background:url(../images/bg_hotel02.png) #009d89 no-repeat 100% 100%;
	position:relative;
	padding: 29px 0 6px;
	background-position: right center;
	background-repeat: no-repeat;
}

#hotel03 .hotelInner dl dt{
	background:url(../images/bg_hotel03.png) #d8951d  no-repeat 100% 100%;
	position:relative;
	padding: 29px 0 6px;
	background-position: right center;
	background-repeat: no-repeat;
}

.hotelInner dl dt:before{
	content:"";
	background:url(../images/im_ami.png) repeat-x;
	width:100%;
	height:11px;
	position:absolute;
	top:0;
	left:0;
	z-index:0
}

.hotelInner dl dt:after{
	content:"";
	background:url(../images/im_ami.png) repeat-x;
	width:100%;
	height:11px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0
}

.hotelInner dl dd{
	display:block;
}

.intoroBox p{
	float:left;
	margin:0 15px 15px 0;
}
.intoroBox div{
    line-height: 20px;
}

.intoroBox div strong{
	font-weight:bold;
	display:block;
}

.btnN li{
	width:48%;
	float:left;
	margin:0 0 10px 0;
	padding:0 1%;
}
.btnN ul li a{
	display:block;
	font-size:14px;
	text-align:center;
	border:1px solid #d6d6d6;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #ebebeb 50%, #e2e2e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#ebebeb 50%,#e2e2e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#ebebeb 50%,#e2e2e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	position:relative;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1);
}



.yadoB a{
	color:#c6005d;
	line-height:45px;
	height:45px;
}
.yadoB a:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	right:10px;
	top:35%;
	background:url(../images/btn_yado_arrow.png) no-repeat;
	background-size:100% auto;
}

.jrB a{
	color:#46987e;
	line-height:17px;
	padding-top:5px;
	height:40px;
}

.jrB a:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	right:10px;
	top:35%;
	background:url(../images/btn_jr_arrow.png) no-repeat;
	background-size:100% auto;
}

.airB a{
	color:#039;
	line-height:17px;
	padding-top:5px;
	height:40px;
}

.airB a:after{
	position:absolute;
	content:"";
	width:12px;
	height:12px;
	right:10px;
	top:35%;
	background:url(../images/im_anker_arrow.png) no-repeat;
	background-size:100% auto;
}

.yadoB a:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	color:#c6005d!important;
	text-decoration:none!important;
}


.jrB a:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	color:#46987e!important;
	text-decoration:none!important;
}


.airB a:hover {
	transition: 0.2s ;
	opacity: 0.6 ;
	color:#039!important;
	text-decoration:none!important;
}

/*thicket***********************************************/

#attention{
	font-size:12px;
	line-height:28px;
	margin-bottom:30px;
}


.tchilet{
	width:950px;
	height:60px;
	background:url(../images/ti_bg_thicket.png) no-repeat;
	text-align:center;
	font-size:20px;
	line-height:60px;
	color:#FFF;
	margin-bottom:40px;
}

.tableO{
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;
	background:#FFF;
	margin-bottom:30px;
	overflow:hidden!important;
	box-shadow: 0 0 10px 1px rgba(166,219,255,0.4);
}

.tiTable th{
	background:#33adee;
	font-size:18px;
	text-align:center;
	border-right:1px solid #75c3ec;
	color:#FFF;
	padding:10px;
}

.tiTable td{
	padding:20px 5px;
	border-bottom:1px solid #d9e8ff;
	border-left:1px solid #d9e8ff;
}

.tiTable th span{
	display:block;
	font-size:12px;
}

.id{
	width:148px;
	border-top:1px solid #75c3ec;
}
.passName{
	font-size:14px;
	color:#002e7d;
	font-weight:bold;
	width:170px;
	text-align:center;
}

.price{
	color:#F00;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

.price span{
	font-size:13px;
	display:block;
}

.add{
	font-size:12px;
}

.add span{
	color:#33adee
}

.tax{
	font-size:16px;
	width:80px;
	text-align:center;
}

/*parkBox***********************************************/

.parkBox{
	background:#004293;
	padding:20px;
	overflow:hidden;
	margin-bottom:40px;
}
.parkInner{
	overflow:hidden;
}

.parkInner:nth-child(2){
	margin-top:25px;
}

.imgR p,.imgL p{
	display:block;
}
.imgR p{
	float:left;
	margin:0 20px 0 0;
}

.imgL p{
	float:left;
	margin:0 0 0 0;
	width:340px;
}

.imgL p img{
	width:100%;
	height:auto
}

.parkInner div{
	overflow:hidden;
}

.imgL div{
	float:left;
	width:542px;
	/*width:602px;*/
}

.parkInner div h3{
	color:#FFF;
	padding:0 0 10px 0;
	line-height:26px;
	font-size:20px;
	background:url(../images/park/bg_park.png) no-repeat 120% 10%
}

.parkInner div h3 span{
	font-size:16px;
	display:block;
}

.parkInner div dl{
	background-image:url(../images/park/im_park_ami.png),url(../images/park/im_park_ami.png);
	background-repeat:repeat-x;
	background-position:0 0,100% 100%;
	background-size:auto 11px;
	background-color:#FFF;
	padding:24px;
}

.parkInner div dl dt{
	font-size:18px;
	color:#004293;
	line-height:24px;
	margin-bottom:15px;
}

.strongF{
	font-weight:bold
}

.parkInner div dl dd{
	font-size:14px;
	line-height:22px;
}

.smallPark{
	background:#FFF;
	margin-bottom:25px;
}

.smallPark strong,.smallPark strong span{
	font-size:18px;
	color:#004293;
	font-weight:bold!important;
	display:block;
	margin-bottom:10px;
	
}
.smallPark span{
	color:#333;
	font-size:16px;
	font-weight:bold
}
.smallPark dl{
	background-image:none!important;
}


/*mapBox***********************************************/

.mapBox{
	margin-top:-50px;
}


/*btnA***********************************************/

.btnA a{
    background: #2f83e1;
	/*
    background: -moz-linear-gradient(top, #2f83e1 0%, #1a7fc3 51%, #005cab 52%, #00398d 100%);
    background: -webkit-linear-gradient(top, #2f83e1 0%,#1a7fc3 51%,#005cab 52%,#00398d 100%);
    background: linear-gradient(to bottom, #2f83e1 0%,#1a7fc3 51%,#005cab 52%,#00398d 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#00398d',GradientType=0 );
    color: #FFF;
    font-size: 14px;
    padding: 14px 15px 14px 3px;
    text-align: center;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
    margin: 0 0 8px 0;
    display: block;
}

.btnA a:after{
    content: "";
    width: 14px;
    height: 14px;
    top: 17px;
    right: 5px;
    display: block;
    position: absolute;
    background: url(../images/im_reco_arrow.png) no-repeat;
    background-size: 100% auto;
}

.btnA a:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	color:#FFF!important;
	text-decoration:none!important;
}






/*btnB***********************************************/

.btnB a{
    background: #2f83e1;
	/*
    background: -moz-linear-gradient(top, #2f83e1 0%, #1a7fc3 51%, #005cab 52%, #00398d 100%);
    background: -webkit-linear-gradient(top, #2f83e1 0%,#1a7fc3 51%,#005cab 52%,#00398d 100%);
    background: linear-gradient(to bottom, #2f83e1 0%,#1a7fc3 51%,#005cab 52%,#00398d 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f83e1', endColorstr='#00398d',GradientType=0 );
    color: #FFF;
    font-size: 14px;
    padding: 14px 15px 14px 3px;
    text-align: center;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
    margin: 0 0 8px 0;
    display: block;
    height: 30px;
}

.btnB a:after{
    content: "";
    width: 14px;
    height: 24px;
    top: 24px;
    right: 5px;
    display: block;
    position: absolute;
    background: url(../images/im_reco_arrow.png) no-repeat;
    background-size: 100% auto;
}

.btnB a:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	color:#FFF!important;
	text-decoration:none!important;
}









.btnAll{
	display:block;
	margin-bottom:15px;
    margin-top:20px;
}

.btnAll a{
	width:611px;
	height:82px;
	line-height:62px;
	display:block;
	background:url(../images/im_all_btn.png) no-repeat;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	color:#FFF;
}


.btnAll a:hover {
	transition: 0.2s ;
	opacity: 0.8 ;
	color:#FFF!important;
	text-decoration:none!important;
}


.smallAtt{
	font-size:10px!important;
	font-weight:normal
}

.attentionBpx{
	color:#FFF;
	font-size:10px;
	line-height:18px
}

.attention{
	margin-bottom:20px;
	position: relative!important;
}

.catche{
	color:#333;
	font-size:16px;
	font-weight:bold;
}

.rightIm{
	margin-left:20px!important;
}



/**/

.bffBox{
	background: #FFFFFF;
	padding: 20px;
	overflow: hidden;
	position: relative;
	margin-bottom: 60px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.bffBox h4{
	background: #0048B8;
	color: #FFFFFF;
	padding: 10px;
	font-size: 18px;
	text-align: center;
	border-left: 15px solid #001473;
	border-right: 15px solid #001473;
}

.bffBox h4 span{

	display: inline-block;
}

.bffBox h4 strong{
	font-size: 22px;
	display: block;
}

.bffBox div{
	font-size: 18px;
	padding: 20px 0 20px 20px;
	line-height: 32px;
	width: 490px;
}

.bffBox > span{
	display: block;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 20px;
	
}

.bffBox p{
	top: 150px;
	right: 20px;
	width: 360px;
	position: absolute
}

.bffBox p img{
	width: 100%;
	height: auto;
}

.attention strong{
	font-size: 16px;
	color: #FF0004;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
.bbf{
border-right: 1px solid #d9e8ff;
	}
	
/*hotelRe*/
.hotelRe{
	padding: 0 8px;
	overflow:hidden;
}

.hotelRe p{
	float:left;
	width:50%;
	margin-right:10px;
	padding: 0 0 5px;
}

.hotelRe p img{
	width:100%;
	height:auto;
}

.hotelRe > span{
	display:block;
	line-height: 19px;
}

.hotelRe_text{
	font-size:14px;
}

.hotelRe > span span{
	display:block;
	font-size:10px;
	margin-bottom:10px;
}

.wideBox{
	width:96%!important;
	float:none;
	position:relative;
}

.wideBox dd.intoroBox,
.wideBox dd.btnN{
	width:42%;
}

.minionBox{
	position:absolute;
	right:-2px;
	top:111px;
	width:440px;
}

.minionBox strong{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#06C;
	margin-bottom:5px;
	text-align:center;
}

.minionBox strong span{
	display:block;
	color:#333;
	font-size:12px;
}

.minionBox p{
	overflow:hidden;
	margin:0 25px;
}

.minionBox p img{
	display:inline-block;
	width:100%;
	height:auto;
}

.minionBox p span{
	font-size:10px;
	display:block;
	margin-top:10px;
}
.f10{
	font-size:10px;
	line-height:16px;
	display:block;
}


/*************/

.btnBoxTable{
	padding:0;
	width:950px;
	margin:0 auto;
}

.btnBoxTable dl{
	display:block;
	text-align:center;
	margin:15px 0 40px
}

.btnBoxTable dl dt{
	font-size:20px;
	margin-bottom:10px;
}

.btnBoxTable dl dd{
	letter-spacing:-0.4em;
	text-align:center;
}

.btnBoxTable dl dd p{
	display:inline-block;
	letter-spacing:normal;
	width:33%;
}

.btnBoxTable dl dd p a{
	display:block;
	font-size:18px;
	padding:10px 0;
	border-bottom:3px solid rgba(0,0,0,0.2);
	margin:0 15px;
	color:#FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	text-decoration:none
}

.btnBoxTable dl dd p a:hover {
	transition: 0.2s ;
	opacity: 0.7;
		}

.btnBoxTable dl dd p:nth-of-type(1) a{
	background:#ff9999
}

.btnBoxTable dl dd p:nth-of-type(2) a{
	background:#66cc99
}
.btnBoxTable dl dd p:nth-of-type(3) a{
	background:#66ccff
}

ul.twoT#event{
	margin:0 0 0 0px;
	padding:0;
	text-align:center;
}

.twoT#event li{
	margin:-21px 0 0 0;
	padding:0;
	display:inline-block;
}


/*.twoT#event img{
	display:inline-block;
	max-width:475px;

}
*/
img{
-webkit-backface-visibility: hidden;
}

.catcheCopy{
	text-align:center;
	font-size:16px;
	margin-top:20px;
	line-height:28px;
}

.jrTit{
	clear:left!important;
	width:100%!important;
	color: #00734e !important;
	font-size:14px;
}

.jrTit:before{
	content:"▼";
}

#coolBox{
	background:url(../images/park/bg_cri.png) no-repeat #f3f1ee;
	padding:28px;
	font-family: "Mplus 1p";
	margin-bottom:30px;
	overflow:hidden;
}

	

#coolBox img{
	max-width:100%;
}

#coolBox h3{
	text-align:center;
	color:#ffcc00;
	margin:-5px -28px 10px -28px;
	padding:0 0 0 0;

	
}
.mainVisual{
	margin:0 auto 20px;
	width:80%;
	border:1px solid #FFF;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.8);
}

#coolBox > dl{
	text-align:center;
	color:#FFF;
	margin:0 0 0 0;
	padding:0
}

#coolBox > dl dt{
	color:#FF6;
	font-weight:600;
	font-size:24px;
	margin-bottom:10px;
}

#coolBox > dl dd{
	margin:0;
	font-size:15px;
	padding:0
}

#coolBox > dl dd span{
	display:block;
	font-size:11px;
	text-align:left;
	margin-top:8px;
}

#coolBox > dl dd b{
	font-size:18px;
}

#coolBox ul{
	margin:0;
	padding:0
}

#coolBox ul li{
	background:#FFF;
	margin:30px 0 0 0;
	padding:20px;
	border:1px solid #FFF;
	overflow:hidden;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}

#coolBox ul li h4{
	margin:-20px -20px 15px -20px;
	padding:15px 15px 0;
	font-size:20px;
	color:#ffcc00;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e3e2ff+0,ffffff+100 */
background: #e3e2ff; /* Old browsers */
background: -moz-linear-gradient(top,  #e3e2ff 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e3e2ff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e3e2ff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e2ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#coolBox ul li h4 strong{
	font-size:26px;
	font-weight:600;
	color:#10135a;
	display:inline-block;
	margin-right:10px
}

#coolBox ul li p{
	width:48%;
	margin-right:4%;
	float:left;
	margin-top:5px;
}

#coolBox ul li dl{
	margin:0;
	padding:0;
}

#coolBox ul li dl dt{
	display:block;
	margin-bottom:15px;
	padding-bottom:10px;
	font-size:17px;
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid #ebebeb
}

#coolBox ul li dl dt strong{
	display:block;
	font-size:24px;
	font-weight:bold;
	color:#ca151d;
	margin-bottom:10px;
}

#coolBox ul li dl dt strong font{
	display:block;
	border-bottom:1px solid #ebebeb;
	padding-bottom:10px;
	margin-bottom:10px;
}

#coolBox ul li dl dd{
	font-size:16px;
	margin:0;
	padding:0;
	line-height:26px;
}
#coolBox ul li dl dd span{
	font-size:14px;
	display:block;
	margin:15px 0 0 0;
	padding:0;
}

.attention{
	color:#FFF;
	font-size:12px;
	display:block;
	text-align:center;
}
/*20181011*/
.titleAttention{
	font-size:10px;
	margin-top:-5px;
	display:block;
	line-height:10px;
}

.hotelInner dl dt strong a{
	color:#FFF;
}

.hotelInner dl dt strong a:hover{
	color:#FFF!important;
}
.attentionXmas{
	font-size:11px;
	display:block;
}

#fireworks{
	background:url(../images/park/bg_count.png) no-repeat;
	padding:30px;
}


#fireworks h2{
	text-align:center;
	margin-bottom:20px;
}

#fireworks h2 + p{
	margin:0 auto 30px;
	text-align:center;
	display:block;
}

#fireworks div{
	color:#FFF;
	text-align:center;
}

#fireworks div h3{
	font-size:24px;
	margin-bottom:10px;
}

#fireworks div h3 + span{
	font-size:17px;
	line-height:150%;
	display:block;
}

#fireworks strong{
	font-size:18px;
	font-weight:bold;
	background:#F69;
	display:block;
	padding:10px;
	margin-top:12px;
	border:2px solid #FFF;
}

.priceAttention{
	font-size:11px;
	color:#333;
	display:block;
	padding-top:5px;
}
.dayTit{
	background:#037ad0;
	color:#FFF;
	padding:10px;
	font-size:18px;
	margin:0;
}
#attention{
	position:relative;
}

#attention strong{
	position:absolute;
	right:0;
	top:0;
	display:block;
	text-align:center;
	width:150px;
}

#attention strong img{
	display:inline-block;
}


#koushikiBox{
	display:block;
	line-height:12px;
	margin-bottom:10px;
}

.eventCathce{
	text-align:center;
	font-size:18px;
	line-height:26px;
	margin-bottom:30px;
}

.springTermTit{
	background:#ca151d;
	padding:10px;
	font-size:22px;
	color:#FFF;
	text-align:center;
}

.summerTermTit{
	background:#0059ae;
	padding:10px;
	font-size:22px;
	color:#FFF;
	text-align:center;
	margin:10px 0 0 0;
}


.thermBox{
	overflow:hidden;
	width:700px;
	margin:0 auto 20px;
}

.thermBox dl{
	overflow:hidden;
	margin-bottom:15px;
	font-size:18px;
}

.thermBox dl dt{
	background:#0059ae;
	color:#FFF;
	width:200px;
	text-align:center;
	padding:10px;
	float:left;
	margin-right:15px;
}


.thermBox dl dd{
	overflow:hidden;
	line-height:20px;
}

.thermBox dl dd strong{
	display:block;
}

.thermBox dl dd span{
	font-size:15px;
}


/**/

#studentPass{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff9f9+0,ffffff+35,ffffff+100 */
background: #eff9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #eff9f9 0%, #ffffff 35%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff9f9 0%,#ffffff 35%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff9f9 0%,#ffffff 35%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	padding:40px;
	border-top:8px solid #00ccfe;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
}

#studentPass h3{
	font-size:32px;
	text-align:center;
	color:#0085ca;
	margin-bottom:30px;
	font-family: "M PLUS 1p"; 
}

#studentPass > p{
	text-align:center;
	margin-bottom:30px;
}

#studentPass > p img{
	width:850px;
}

#studentPass h4{
	font-size:24px;
	text-align:center;
	color:#0085ca;
	margin-bottom:30px;
	font-family: "M PLUS 1p"; 
}

#studentPass dl dt{
	font-size:20px;
	text-align:center;
}

#studentPass dl dd{
	font-size:24px;
	text-align:center;
}

.oneL{
	margin-bottom:30px;
}
.oneL strong{
	margin-bottom:10px;
	font-weight:bold;
	display:block;
	color:#F00;
	font-family: "M PLUS 1p"; 
}

#studentPass dl dd span{
	/*font-size:20px;*/
	display:block;
	font-weight:bold;
	color:#F00;
	font-family: "M PLUS 1p"; 
}

#studentPass dl dd.twoL{
	font-size:14px;
	text-align:left;
	margin-bottom:20px;
	line-height:20px;
}

.balloon{
  position: relative;
  padding: 20px;
  margin:0 200px 20px;
  background:#fff3ad;
  font-weight:bold;
 -webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
}

/* beforeで三角を表現 */
.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 45%;
  bottom: -10px;
  border-top: 10px solid #fff3ad;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

#studentPass table{
	width:100%;
	margin-bottom:20px;
	border-right:1px solid #CCC;
}

#studentPass table td,#studentPass table th{
	font-size:16px;
	padding:8px;
}

#studentPass table td{
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

#studentPass table th{
	border-left:1px solid #1a96d7;
	border-right:1px solid #1a96d7;
	border-bottom:1px solid #1a96d7;
	color:#FFF;
	text-align:center;
	background:#0085ca
}

#studentPass ul li{
	line-height:20px;
}

#studentPass ul li u{
	color:#F00;
	font-weight:bold;
}




/* 20190518 */


/* 上部キャンペーン告知枠用*　SP用も*/
.infoBox{
	display: none;
}

.teltext{
	text-align: center;
	font-size: 21px;
	padding: 0px;
	font-weight: 600;
	margin: 0px 0 24px;
}


.telinfo{
	text-align: center;
	font-size: 21px;
	padding: 30px 0;
	font-weight: 600;
	margin: 30px 0 50px;
	border: 1px solid #000000;
}


.aggregate{
	font-size: 12px;
	color:#000000;
	display: block;
	margin: 0 17px 14px 0;
	clear: both;
	text-align: right;
}


.btn1{
	width: 98%;
	float: left;
	margin: 0 0 0 4px;
}

.btn1 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	padding-top: 6px;
}

.btn2{
	width: 49%;
	float: left;
	margin: 0 0 0 4px;
}

.btn2 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	padding-top: 6px;
}

.btn3{
	width: 32.34%;
	float: left;
	margin: 0 2px 0 2px;
	letter-spacing: -0.02em;
}

.btn3 span{
	display:inline-block;
	vertical-align: middle;
	line-height:normal;
	padding-top: 6px;
}

.btn3_B {
    width: 32.84%;
    float: left;
    margin: 0 2px 0 2px;
    letter-spacing: -0.02em;
}

.hotel_price {
	color: #F00;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding: 10px 0 0px;
}

.hotel_price span{
	font-size: 18px;
}


.hotel_price_rei {
	font-size: 12px;
	text-align: center;
}


.hotel_details {
	font-size: 12px;
	text-align: right;
	padding: 10px
}

.hotel_t1 {
	font-size: 14px;
	text-align: left;
}

.hotel_t2 {
	font-size: 14px;
	text-align: left;
	margin: 14px 72px -26px;
}

.hotelInner_info {
	padding: 12px 20px;
}

.intoroBox{
	padding: 0px 20px 0px;
	margin: 10px 0 0;
}

.intoro2 {
    padding: 0px 20px 0px;
    margin: -20px 0 0px 0;
}

.intoro2 p{
	float:left;
	margin:0 15px 15px 0;
}
.intoro2 div{
    line-height: 20px;
}

.intoro2 div strong{
	font-weight:bold;
	display:block;
}




.btnBox{
	padding: 0;
	clear: both;
}

.btnBox2{
	padding: 0 8px;
	clear: both;
}

.syousai {
	font-size: 12px;
	text-align: left;
}


/* スライダー用*/

   .slider {
	padding: 0;
   }
   .slider img {
	width: 100%;
	height: auto;
   }
   .slick-slide {
	height: auto;
   }
   .slick-prev {
	left: 10px;
   }
   .slick-next {
	right: 10px;
   }
   .slick-prev, .slick-next {
	z-index: 100;
   }
   .slick-prev::before, .slick-next::before {
	font-size: 24px;
   }
   .slick-dots {
	bottom: 18px;
  }
 .single img{
	width: 100%;
  }
  .vertical {
	max-width: 600px;
	margin: 20px auto;
  }
  .vertical div {
	width: 100%;
	line-height: 200px;
	text-align: center;
  }
  .vertical div img {
	width: 100%;
}
  .vertical .slick-prev {
	left: calc(50% - 10px);
	top: 10%;
	transform: rotateZ(90deg);
  }
  .vertical .slick-next {
	right: calc(50% - 10px);
	top: 90%;
	transform: rotateZ(90deg);
  }
     

.imgtext {
	position: relative;
    top: -307px;
    color: #fefefe;
    font-size: 14px;
    z-index: 999;
    margin: 0px 6px 0 0px;
    text-align: right;
  }


/* modelcourse
----------------------------------------------- */

.bgGrayArea {
	margin:0 0 15px 0;
	background: #dff6f9;
}


.contInner02{
		padding-bottom:10px!important;
		overflow:hidden;
}

	.contInner02 {
	margin: 0;
	line-height: 1.6;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-right:15px;
	width:auto;
	}
	
	.contInner02 h2{
		font-size:28px;
		/*font-weight:bold;*/
		margin:0 0 0 0;
	}
	
	.contInner02 h3{
		font-size:22px;
		font-weight:bold;
		margin:0 0 10px 0;
		clear:both;
	}
	
	.contInner02 span{
		font-size:18px;
	}
	
	.column2Area {
		margin-right: -30px;
		width:auto!important
	}
	.column2Area:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.column2Area {
		min-height: 1px;
		width:950px!important;

	}
	* html .column2Area {
		height: 1px; /*＼*//*/ height: auto; overflow: hidden; /**/
	}
	.contInner02 .column2Area .section {

	}


.contInner02 h2{
	text-align:center;
	margin-bottom:15px;
}



.contInner02 .data{
	margin-bottom:5px;
	padding:5px 25px;
	text-align:center;
	color:#610303;
	display:block;
	font-size:32px;
	font-weight:bold
}

	
.contInner02 .data span{
	display:inline-block;
	border-bottom:#cb1755 solid 2px;
	border-top:#cb1755 solid 2px;
	color:#cb1755;
	margin-bottom:5px;
	padding:5px 25px;
	text-align:center;
	font-weight:normal;

}

	.contInner02 .column2Area .section{
		width:auto!important;
		float:none;
	}
	
	
	
	.corse {
		margin:0 0 0 20px;
			}
	

	.itemList4 {
		margin-right: -29px;
	}
	.ie7 .itemList4 {
		padding-bottom: 20px;
		margin-bottom: 0;
	}
		
	.itemList4 li {
		width: 200px;
		float: left;
		position: relative;
		margin-right: 20px;
		margin-bottom: 25px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
		-webkit-box-shadow: 0 1px 0 #afafaf;
		-moz-box-shadow: 0 1px 0 #afafaf;
		box-shadow: 0 1px 0 #afafaf;
	*display:inline;
	opacity: 0.99999;
	filter: alpha(opacity=100);       
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	}
	.itemList4 li dl {
		padding: 5px 15px;
		overflow:hidden;
		display:block;
		margin:0;
	}
	.itemList4 li dl dt {
	font-size: 16px;
	margin: 10px 0 10px 0;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #CCC;
	padding:10px 0 10px 10px;
	background-color:#f6e9d4;
	}
	.itemList4 li dl dd span {
		display: block;
		font-size:14px;
	}
	
	.itemList4 li dl dd strong{
		font-weight:bold;
		color:#000;
		font-size:14px;
		display:block;
		margin-bottom:10px
	}
	
	.itemList4 li dl dd strong span{
		color:#F00;
		display:inline;

		font-size:16px!important;
	}
	
	.itemList4 li dl dd span span{
		font-size:10px;
	}
	
	.itemList4 li dl dd a {
		color: #FFF !important;
		text-decoration: none !important;
	}
	.itemList4 li dl dd{
		display:block;
		margin:0;
		padding:0;
	}	
	.itemList4 li dl dd p{
		display:block;
		clear:both;
		margin:10px 0 0 0;
		padding:0;
	}
	
	.itemList4 li .thumb {
		zoom: 1;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
		overflow:hidden;
		width:40%;
		float:left;
		margin:0 0 10px 0;
	}
	
	.itemList4 li .thumb img{
		width:100%;
		height:auto;
	}
	
	.itemList4 li .thumb img{ max-width:100%; *width:100%; height:auto;}
	.itemList4 li .thumb .tag {
		display: block;
		position: absolute;
		font-size:13px;
		top: -9px;
		left: -39px;
		color: #fff;
		font-weight: bold;
		width: 100px;
		height: 22px;
		padding-top: 20px;
		text-align: center;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.ie .itemList4 li .thumb .tag,
	.ie9 .itemList4 li .thumb .tag {
		width: 50px;
		height: auto;
		top: 0;
		left: 0;
		padding-top: 0;
	}
	.kokunai .itemList4 li .thumb .tag {
		background: #dd335d;
	}
	.kaigai .itemList4 li .thumb .tag {
		background: #59b034;
	}
	.itemList4.white li {
	background: #fff;
	padding:0 0 10px 0;
	overflow:hidden;
	height:auto;
	width:930px;
	}
	
	
	.itemList4.gray li {
		background: #f2f2f2;
		padding:0 0 10px 0;
		width:690px;
	}
	
	
	/*ranking*/
	.itemList4 li .thumb .tag.first {
		color: #333;
		background: #d4ba35 !important;
	}
	.itemList4 li .thumb .tag.second {
		color: #333;
		background: #b8b8b8 !important;
	}
	.itemList4 li .thumb .tag.third {
		color: #333;
		background: #d5976d !important;
	}
	.kokunai .itemList4 li .thumb .tag.special {
		background: #df3560;
	}
	.kaigai .itemList4 li .thumb .tag.special {background: #df3560;}
	
	.itemList4 li .thumb .tag.plan {
		color: #fff;
		background: #fb7f12 !important;
	}
	.itemList4 li.rankTtl {
		text-align: center;
	}
	.itemList4 li.rankTtl:hover{
		opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;
	cursor:default;
	}
	.itemList4 li .rankTtlThumb {
		margin-bottom: 10px;
		padding-top: 25px;
	}


	.itemList4 li .thumb {
		zoom: 1;
		-webkit-border-radius: 5px 0 0 0;
		-moz-border-radius: 5px 0 0 0;
		border-radius: 5px 0 0 0;
		overflow:hidden;
		width:40%;
		float:left;
		margin:0 0 10px 0;
	}
	
	.itemList4 li .thumb img{
		width:100%;
		height:auto;
	}
	
	.itemList4 li .thumb img{ max-width:100%; *width:100%; height:auto;}
	.itemList4 li .thumb .tag {
		display: block;
		position: absolute;
		font-size:13px;
		top: -9px;
		left: -39px;
		color: #fff;
		font-weight: bold;
		width: 100px;
		height: 22px;
		padding-top: 20px;
		text-align: center;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.ie .itemList4 li .thumb .tag,
	.ie9 .itemList4 li .thumb .tag {
		width: 50px;
		height: auto;
		top: 0;
		left: 0;
		padding-top: 0;
	}
	.kokunai .itemList4 li .thumb .tag {
		background: #dd335d;
	}
	.kaigai .itemList4 li .thumb .tag {
		background: #59b034;
	}
	.itemList4.white li {
	background: #fff;
	padding:0 0 10px 0;
	overflow:hidden;
	height:auto;
	width:930px;
	}
.itemList4 li:hover
{	
/*	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	cursor:pointer;*/
}
	
	
	.itemList4.gray li {
		background: #f2f2f2;
		padding:0 0 10px 0;
		width:690px;
	}
	
	
	/*ranking*/
	.itemList4 li .thumb .tag.first {
		color: #333;
		background: #d4ba35 !important;
	}
	.itemList4 li .thumb .tag.second {
		color: #333;
		background: #b8b8b8 !important;
	}
	.itemList4 li .thumb .tag.third {
		color: #333;
		background: #d5976d !important;
	}
	.kokunai .itemList4 li .thumb .tag.special {
		background: #df3560;

	}
	.kaigai .itemList4 li .thumb .tag.special {background: #df3560;}
	
	.itemList4 li .thumb .tag.plan {
		color: #fff;
		background: #fb7f12 !important;
	}
	.itemList4 li.rankTtl {
		text-align: center;
	}
	.itemList4 li.rankTtl:hover{
		opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;
	cursor:default;
	}
	.itemList4 li .rankTtlThumb {
		margin-bottom: 10px;
		padding-top: 25px;
	}




.spot{
	font-size:20px;
	font-weight:bold;
}

.spot span{
	font-weight:normal;
	margin: 0;
}

.access{
	display:block;
	color:#fc7e03!important;
	font-size:12px!important;
	margin:10px 0 10px 30px!important;
	padding:10px 0 10px 10px;
	border-left:6px solid #fc7e03;
	font-weight:normal;
}

.photo{
	margin: 0 0 10px 0;
}	

.photo img {
    border-radius: 8px;
}


.intro {
	text-align:center;
	font-size:1.2em;
	margin:0 0 10px 0;
}




/*modelcourselist*/


div#modelcourse {
	padding: 10px;
	margin-bottom: 30px;
}

div#modelcourse div {
	overflow: hidden;
	padding: 15px;
	margin: 0 0 0 0;
	background: #FFF;
	float: none !important;
	width: auto !important;
	border-bottom: 1px dashed #CCC;
}

div#modelcourse div p {
	float: left;
	margin: 0 20px 0 0;
	width: 150px;
	height: auto;
}

div#modelcourse div p img{
	width:100%;
	height:auto;
}

#modelcourse div dl {
    overflow: hidden;
    display: block;
    padding: 0 0 0 0;
}

#modelcourse div dl dt {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
	color:#610303;
	font-weight:bold;
}

#modelcourse div dl dd{
	font-size:14px;
	margin:0;
}

#modelcourse div dl dd span{
	font-size:14px;
	color:#F03;
	font-weight:bold;
}

.PrefBox,
.couponBox,
.optionalBox {
	background-color: #fff;
	margin:auto;
	max-width:640px;
	padding:20px;
	width:90%;
	position: relative;
}

.plan {
	text-align: center;
	padding: 0px 0 12px;
}

.plan2 {
	text-align: center;
	padding: 5px 0 12px;
	width: 100%;
}

.wideBox_text {
    padding: 0px 0 14px;
}


.imgtext2 {
	position: relative;
    top: -173px;
    left: 265px;
    color: #ffffff;
}


.ninkiA img{
	width: 42px;
	margin: 0 0px 0px;
	color: #ffffff;
	position: relative;
	top: 0px;
	left: 4px;
}


.ninkiB img{
	width: 42px;
	margin: 0 0px 0px;
	color: #ffffff;
	position: relative;
	top: -10px;
	left: 4px;
}

.ninkiA {
	    width: 58px;
    /* display: table; */
    float: left;
    margin:-30px 0px 0 4px;
}

.ninkiB {
	    width: 58px;
    /* display: table; */
    float: left;
    margin: -19px 0px 0 4px;
}

.ninki_t {
	float: left;
	margin: 6px 0 0;
}


.hotel_text_2{
	padding-left: 34px;
	line-height: 30px;
	background: url(../images/151611.png) no-repeat;
	background-size: 28px;
	margin: 0 0px;
}


.intoroBox2 {
	width: 446px;
	padding: 30px 20px 0px;
}


.slick-list{
	height: 230px;
}

.ul-Option{
        margin: 0 10px;
}



.h_info{
    height: 14px;
    text-align: center;
    padding: 30px 0;
}

.r_1{
	padding: 0 0 31px;
}

.r_2{
	padding: 0 0 30px;
}



.sp-layer{
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
}

/*
.sp-buttons {
    top: -30px!important;
}*/

dl.news{
	clear:both;
	width:950px;
	margin:0 auto;
	padding:20px;
}

dl.news dt{
	font-size:22px;
	text-align:center;
	font-weight:bold;
	margin:0 0 20px 0;
	
}

dl.news dt span{
	color:#db4931;
}

dl.news dd{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:#CCC solid 1px;
	font-size:80%;
}

dl.news dd span{
	display:inline-block;
	padding:5px;
	background:#D9EFFF;
	font-size:12px;
	margin-right:10px;
	float:left;
	width:95px;
	text-align:center;	
}

dl.news dd strong{
	font-weight:normal;
	overflow:hidden;
	display:block;
	position:relative;
	top:3px;
}

/*
dl.news dd:last-child{
	border-bottom:none;
}*/


.halloween{
	margin:0 0 30px 0;
	background-color:#FFF;
}


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


.halloween dl dt{
	width:60%;
	margin:0 auto;
	font-size:36px;
	text-align:center;
	padding:20px 0 0 0;
	font-weight:bold;

}

.halloween dl dt span{
	font-size:18px;
}

.purple dl dt {
	border-bottom:5px solid #6600b5;

}

.purple dl dd{
	
	border:double 5px #6600b5;
}


.orange dl dt {
	border-bottom:5px solid #ff8a00;

}

.orange dl dd{

	border:double 5px #ff8a00;
}


.halloween dl dd{
	padding:20px;
	margin:20px;
	font-size:18px;
	line-height:34px;	
}


.halloween dl dd span.caution{
	font-size:14px;
	
}

.parkarea{
	margin:40px auto 20px;
	padding:20px 0 20px 0;
	/*background-color:#fff3c9;*/
	/*box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);*/
	width:894px;
	overflow:hidden;
}

.parkareain{
	margin: 0;
	padding: 0;
}


.parkarea dl{
	width:90%;
	margin:0 auto 20px;
	overflow:hidden;
}


.parkarea dl dt{
	margin:0;
	padding:0;
}

.parkarea dl dt img{
	width:100%;
}


.parkarea dl dd{
	font-size:16px;
	padding:20px;
	margin:20px;
	background-color:#FFF;
	position:relative;
}


.parkarea dl dd p.logo{
	position:absolute;
	top:11px;
	left:453px;
	width:36%;
}

.parkarea dl dd p.logo img{
	width:100%;
}

.parkarea dl dd span.cathe{
	font-size:20px;
	color:#9e0000;
	font-weight:bold;
	display: block;
	margin: 0 0 10px 0;
}

.parkarea dl dd span.info{
	font-size:10px;
	display: block;
	margin: 10px 0 0 0;
}   

.parkarea dl dd span.kikan{
	color: #000000 !important;
	display: block;
	margin: 10px 0 0px 0;
	font-size:16px;
}

span.harry {
    line-height: 17px;
}


.red{
	background-color:#c40000;
}

.gray{
	background-color: #626262;
}

.blue{
	background-color:#0284c2;
}

.blue2{
	background-color:#000981;
}

.blue3{
	background-color:#0070c8;
}
.blue4{
	background-color:#2b376a;
}

.att{
	width: 80%;
	margin: 20px auto;
}

.teximini{
	color:#FFF;
	font-weight:bold;
}

.rinji_kyugyo{color:#F00;text-align:center;display: inline-block;}



/* swiper
------------------------------------------ */
#slide_animation.swiper-container {
  width: 100%;
}
#slide_animation.swiper-container .swiper-wrapper {
  width: 100%;
}
#slide_animation.swiper-container .swiper-slide{
  width: 20%;
}
#slide_animation.swiper-container .swiper-slide img{
  width: 100%;
  border: none;
}

.swiper-container{
	width: 100%;
	margin:0 auto;
}
.swiper-container .swiper-slide{
	text-align: center;
}
.swiper-container .swiper-slide img{
	width: 100%;
}
.swiper-container .swiper-slide p{
	/*margin-bottom: 20px;*/
}
.swiper-container .swiper-pagination {
	bottom: 15px;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.swiper-button-prev:focus,
.swiper-button-next:focus{
  outline: none;
}
.swiper-button-prev::after,
.swiper-button-next::after{
	font-size:20px !important;
	color: #FFF;
	font-weight: bold;
	opacity: 0.5;
}

.swiper-container1 .swiper-button-prev::after,
.swiper-container1 .swiper-button-next::after{
	color: #006DF0 !important;
}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after{
	opacity: 1;
}
.swiper-button-prev{
	left:5px;
	top:48%;
}
.swiper-button-next{
	right:5px;
	top:48%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:0px !important; 
}

@media (max-width:767px){
	.swiper-button-prev::after,
	.swiper-button-next::after{
		font-size:30px;
	}
	.swiper-button-prev{
		left:5px;
		top:46%;
	}
	.swiper-button-next{
		right:5px;
		top:46%;
	}
}

/*gadget*/
.search_kokunai_map_Bar .serchBox li {
    background: #22a7ed!important;
}
.search_kokunai_map_Bar .serchBox li.select {
    background: #002e79!important;
}



.s_02{
	clear: both;
}

.s_02 .accordion_one .accordion_header {
   
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}

.s_02 .accordion_one .accordion_inner {
    display: none;
   
}

.s_02 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 70%;
    right: 3%;
    width: 20px;
    height: 20px;
    /*border: 1px solid #fff;*/
    margin-top: -20px;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
}
.s_02 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
   -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_02 .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.s_02 .accordion_one .accordion_header .i_box .one_i:before, .s_02 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #4b4b4b;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center center;
}

.s_02 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_02 .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.question{
	display: table;
	border: 2px solid #002AB0;
	font-size: 18px;
	overflow: hidden;
	width: 99%;
	margin: 20px 0;
	
}

.question p{
	display: table-cell;
	vertical-align: middle;
	
}

.QA1{
	background-color: #002AB0;
	padding: 10px;
	color: #FFFFFF;
	width: 4.5%;
	font-size: 24px !important;
	font-weight: bold;
}

.q_txt{
	padding: 10px 50px 10px 20px;
	font-weight: bold;
}

.answer{
	margin: 20px 0 0 0;
	display: table-cell;
	
}

.answer p{
	display: table-cell;
	vertical-align: top;
	
}

.QA2{
	font-size: 24px !important;
	font-weight: bold;
	color:#CF0003;
	padding: 0px 10px 10px;
	margin: 0 0 0 0;
	width: 5%;
	line-height: 24px;
}

.a_txt{
	padding: 0px 0px 20px 5px;
	font-size: 16px !important;
}

.swiper-slide{
	 height: auto;
}

.swiper-slide dl dt{
	height: 100%;
	 flex-shrink: 0; /* fix IE11 */
}


.swiper-slide dl dd.parktext{
	height: auto;
	box-sizing: border-box;
	text-align: left;
}

.swiper-slide dl dd.parktext p.indent{
	padding-left:18px;
    text-indent: -18px;
}


.onepiece_logo{
	display: block;
	width: 100%;
	max-width: 100px;
}

.onepiece_logo img{
	width: 100%;
}

/*yuniharu*/
.yuniharu{
	width: 950px;
	margin: 0 auto 20px;
	border: 3px solid #EA9198;
    box-sizing: border-box;
}

.pink{
	background-color: #F475A0;
}

.yuniharu .title{
	text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 6px;
	background-color: #EA9198;
    color: #fff;
	letter-spacing: 0.4em;
}

.yuniharu dl {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
}
.yuniharu dt{
	width: 30%;
	margin: auto;
}
.yuniharu img{
	width: 100%;
}

.yuniharu dd{
	width: 67%;
	margin-left: 10px;
	line-height: 1.4;
}

.yuniharu_text{
	font-size: 15px;
}
.yuniharu span.catch{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}

.yuniharu span.kikan{
    font-size: 15px;
    font-weight: bold;
    line-height: 2;
    margin-left: 0;
}

.yuniharu span.info{
	font-size: 10px;
	font-weight: normal;	
}

/*tab------------------------------------------------------*/

#navMenuNew100,#navMenuNew100_2{
/*	border-top:2px solid #000;
	border-bottom:2px solid #000*/
	background:#999999;

}

#navMenuNew100 ul,#navMenuNew100_2 ul{
		text-align:center;
		margin:0 auto;
		overflow:hidden;
		padding:20px;
}

#navMenuNew100 ul li,#navMenuNew100_2 ul li{
		font-size:16px;
		font-weight:bold;
		display:inline;
		margin:0 0 0 0;
		padding:0 20px 0 20px;
		color:#000;
		border-right:2px solid #FFFFFF;
		cursor:pointer;
}

#navMenuNew100 ul li a,#navMenuNew100_2 ul li a{
		color:#FFFFFF!important;
		font-weight:bold;
		font-size:16px;
		display:inline-block;
}

#navMenuNew100 ul li a:hover,#navMenuNew100_2 ul li a:hover{
		color:#FFFFFF!important;
		font-weight:bold;
		font-size:16px;
		display:inline-block;
}


	
/*選択時*/
.hitori01 #navMenuNew100 ul li.tab01 a,
.hitori01 #navMenuNew100_2 ul li.tab01 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

.hitori02 #navMenuNew100 ul li.tab02 a,
.hitori02 #navMenuNew100_2 ul li.tab02 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

.hitori03 #navMenuNew100 ul li.tab03 a,
.hitori03 #navMenuNew100_2 ul li.tab03 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

.hitori04 #navMenuNew100 ul li.tab04 a,
.hitori04 #navMenuNew100_2 ul li.tab04 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

.hitori05 #navMenuNew100 ul li.tab05 a,
.hitori05 #navMenuNew100_2 ul li.tab05 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

.hitori06 #navMenuNew100 ul li.tab06 a,
.hitori06 #navMenuNew100_2 ul li.tab06 a {
	cursor:default;
	font-size:20px;
	color:#FFF551!important;
}

/*hover時*/
.hitori01 #navMenuNew100 ul li.tab01 a:hover,
.hitori01 #navMenuNew100_2 ul li.tab01 a:hover {
	text-decoration:none!important;
}

.hitori02 #navMenuNew100 ul li.tab02 a:hover,
.hitori02 #navMenuNew100_2 ul li.tab02 a:hover {
	text-decoration:none!important;
}

.hitori03 #navMenuNew100 ul li.tab03 a:hover,
.hitori04 #navMenuNew100_2 ul li.tab03 a:hover {
	text-decoration:none!important;
}

.hitori04 #navMenuNew100 ul li.tab04 a:hover,
.hitori04 #navMenuNew100_2 ul li.tab04 a:hover {
	text-decoration:none!important;
}

.hitori05 #navMenuNew100 ul li.tab05 a:hover,
.hitori05 #navMenuNew100_2 ul li.tab05 a:hover {
	text-decoration:none!important;
}

.hitori06 #navMenuNew100 ul li.tab06 a:hover,
.hitori06 #navMenuNew100_2 ul li.tab06 a:hover {
	text-decoration:none!important;
}

#innderWrap{
	width:950px;
	margin:0 auto;
}

#offcialBox{
	position:relative;
	margin:0 50px 30px;
}

#offcialBox dt{
	position:relative;
	font-size:20px;
	color:#f4932b;
	font-weight:bold;
}
#offcialBox dt img{
	width:20px;
	height:auto;
	position:relative;
	top:-3px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}

#offcialBox dt span{
	display:inline-block;
}


#offcialBox dd{
	border:3px solid #f99d2e;
	background:#FFF;
	padding:15px 30px;
	margin:0;
}

#offcialBox dd ul{
	list-style:none;
	letter-spacing:-0.4em;
	margin:0;
	padding:0;
}

#offcialBox dd ul li{
	display:inline-block;
	letter-spacing:normal;
	margin:0 10px 10px 0;
}
#offcialBox dd ul li a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb349+0,ffb349+50,ffa82e+51,ff9a0c+100 */
	background: #ffb349; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb349 0%, #ffb349 50%, #ffa82e 51%, #ff9a0c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffb349 0%,#ffb349 50%,#ffa82e 51%,#ff9a0c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffb349 0%,#ffb349 50%,#ffa82e 51%,#ff9a0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb349', endColorstr='#ff9a0c',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	font-size:14px;
	text-decoration:none;
	padding:8px 15px;
	display:block;
	font-weight:bold;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

#offcialBox dd ul li a:hover{
	transition: 0.2s ;
	opacity: 0.5 ;
}
	
}