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


/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');
@import url('/css/library/colorbox.css');
@import url('/css/library/animate.min.css');


/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* footer
---------------------------------------------------------------------- */

#footerArea {
	width: 830px;
	margin: 0 auto;
	background-image:none; background-color:#f6f6f6;
	-webkit-border-radius: 5px;  /* Safari,Google Chrome */
	-moz-border-radius: 5px;      /* Firefox12まで */
	border-radius: 5px;           /* Firefox13以降 */
}

.btnList{ margin: 0 auto; }

/* ------------------------------------------- */

/*　0705 海開き
------------------------------------------- */

/*全体-----------------------------------*/


#townWrapper170705_01{
	position: relative;
	background: url(../../../image/event/july2017/sea/bg_all.png) repeat-x center -30px #ede9d9;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
}

#townWrapper170705_02{
	position: relative;
	background: url(../../../image/event/july2017/sea/bg_bigwave.png) repeat-x center 1570px;
	background-size: 100%;
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
}

#townWrapper170705_01 .bx-pager {
	display: none;	
}

#townWrapper170705_01 .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}
#townWrapper170705_01 .bx-prev {
	left: 40px;
	background: url(/image/regist/lp/20170524/controller_50.png) no-repeat 0 -50px;/*prev用画像*/
}
#townWrapper170705_01 .bx-next {
	right: 40px;
	background: url(/image/regist/lp/20170524/controller_50.png) no-repeat -50px -50px;/*next用画像*/
}

#townWrapper170705_01 .bx-prev:hover {
	background-position: 0 0;
}

#townWrapper170705_01 .bx-next:hover {
	background-position: -50px 0;
}

#townWrapper170705_01 .bx-controls-direction a {
	position: absolute;
	margin-top: -320px;
	width: 50px;/*使用画像に応じて指定*/
	height: 50px;/*使用画像に応じて指定*/
	text-indent: -9999px;/*画像置換のためテキストを押しやる*/
	z-index: 9999;
	border:none;
}

#townWrapper170705_01 #leftSideImage{
background: url(../../../image/event/july2017/sea/img_left.png) left top no-repeat;
width: 408px;
height: 442px;
position: absolute;
left: 0;
top: 360px;
}

#townWrapper170705_01 #rightSideImage{
background: url(../../../image/event/july2017/sea/img_right.png) right top no-repeat;
width: 387px;
height: 476px;
position: absolute;
right: 0;
top: 340px;
}

#townWrapper170705_01 #eventHeader170705{	
	position:relative;
	width: 1014px;
	height:240px;
	margin:0 auto;
	overflow:hidden;
	z-index: 999;
}

#townWrapper170705_01 h2.eventTit{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto ;
	width:1014px;
	height:170px;
	background:url(../../../image/event/july2017/sea/title.png) no-repeat center bottom;
	position: relative;
	z-index: 20;
	zoom :1;
}


/*-- メニュー*/

#townWrapper170705_01 ul.eventMenu{
	position:relative;
	width:840px;
	height: 60px;
	z-index: 500;
	margin: 0 auto 0;
}


#townWrapper170705_01 ul.eventMenu li img{
	position: absolute;
	bottom: 0px;
	padding: 0px;
}

#townWrapper170705_01 ul.eventMenu li.nav01 img{
	left: 0px;
	width: 234px;
	height: 47px;
}

#townWrapper170705_01 ul.eventMenu li.nav02 img{
	left: 280px;
	width: 280px;
	height: 47px;
}

#townWrapper170705_01 ul.eventMenu li.nav03 img{
	right: 0px;
	width: 234px;
	height: 68px;
}

#townWrapper170705_01 ul.eventMenu li.nav03 a img{
	right: 0px;
	width: 234px;
	height: 47px;
}


/* ページトップへ戻る */
#townWrapper170608_01 .pageTop170608,
#townWrapper170608_01 .pageEvent170621 {
	position: relative;
    width: 100%;
    max-width: 850px;
    height: 0;
    margin: 0 auto;
}
#townWrapper170608_01 .pageTop170608 a {
	left: auto;
	display: block;	
	margin-left: 820px;
	padding:1em 0 0 2px;
	z-index:800;
}


/*遊び方-----------------------------------*/


#townWrapper170705_01 .entryArea01{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_hawto01.png) no-repeat center top;
	width: 100%;
	min-width: 1000px;
	height: 753px;
	margin: -80px auto 0;
}

#townWrapper170705_01 .entryArea01 .gotoitem{
	position: relative;
	width: 1000px;
	height: 640px;
	margin: 0 auto;
}

#townWrapper170705_01 .entryArea01 .gotoitem img{
	position: absolute;
	bottom :10px;
	left: 200px;
	width: 296px;
	height: 23px;
}

#townWrapper170705_01 .beachArea02{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_hawto02.png) no-repeat center top;
	width: 1000px;
	height: 1533px;
	margin: -100px auto 0;
}

#townWrapper170705_01 .beachArea02 .gotoitem img{
	position: absolute;
	bottom: 90px;
	left: 210px;
	width: 585px;
	height: 72px;
}

#townWrapper170705_01 .open0719{
	background:url(../../../image/event/july2017/sea/bg_hawto02_0719.png) no-repeat center top;
	height: 1636px;
}

#townWrapper170705_01 .beachArea02 .gotoOpensea1 img{
	position: absolute;
	top: 930px;
	left: 50px;
	width: 416px;
	height: 69px;
}

#townWrapper170705_01 .beachArea02 .gotoOpensea2 img{
	position: absolute;
	top: 930px;
	right: 50px;
	width: 416px;
	height: 69px;
}

#townWrapper170705_01 .beachArea02 .gotoitem img{
	bottom: 110px;
}

#townWrapper170705_01 .beachArea03{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_hawto03.png) no-repeat center top;
	width: 1000px;
	height: 660px;
	margin: 0 auto;
}

#townWrapper170705_01 .beachArea03 .gotochurch{
	position: absolute;
	bottom: 30px;
	left: 60px;
}

#townWrapper170705_01 .beachArea03 .gotobeach{
	position: absolute;
	bottom: 30px;
	right: 60px;
}

#townWrapper170705_01 .beachArea03 img{
	width: 416px;
	height: 69px;
}

/*水着-----------------------------------*/


#townWrapper170705_01 .beachwearArea01{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_item01.png) no-repeat center top;
	width: 100%;
	height: 680px;
	margin: 0px auto 0;
}

#townWrapper170705_01 .beachwearArea01_slider{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_item01_txt.png) no-repeat center 610px;
	width: 100%;
	height: 680px;
	margin: 0px auto 0;
	text-align: center;
}


#townWrapper170705_01 .beachwearArea01_slider ul {
	width: 100%;
	max-width: 1200px;
	position: relative;
	text-align: center;
}
#townWrapper170705_02 .beachwearArea01_slider ul .slider04{
	background:url(../../../image/event/july2017/sea/img_slide4.png) no-repeat center top;
	height: 591px;
	width: 100%;
}

#townWrapper170705_02 .beachwearArea01_slider ul .slider03{
	background:url(../../../image/event/july2017/sea/img_slide3.png) no-repeat center top;
	height: 591px;
	width: 100%;
}

#townWrapper170705_02 .beachwearArea01_slider ul .slider02{
	background:url(../../../image/event/july2017/sea/img_slide2.png) no-repeat center top;
	height: 591px;
	width: 100%;
}

#townWrapper170705_02 .beachwearArea01_slider ul .slider01{
	background:url(../../../image/event/july2017/sea/img_slide1.png) no-repeat center top;
	height: 591px;
	width: 100%;
}

#townWrapper170705_02 .beachwearArea01_slider li{
	top: 0;
	left: 0;
}

#townWrapper170705_01 .beachwearArea02{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_item02.png) no-repeat center top;
	width: 1000px;
	height: 780px;
	margin: 0 auto;
}

#townWrapper170705_01 .date0712{
	background:url(../../../image/event/july2017/sea/bg_item02_0712.png) no-repeat center top;
}

#townWrapper170705_01 .beachwearArea02 .gotoCshop{
	position: absolute;
	top : 480px;
	left: 30px;
}

#townWrapper170705_01 .beachwearArea02 .gotoCshop img{
	width: 249px;
	height: 60px;
}

#townWrapper170705_01 .beachwearArea02 .gotoPshop1{
	position: absolute;
	top : 340px;
	left: 420px;
}

#townWrapper170705_01 .beachwearArea02 .gotoPshop1 img{
	width: 467px;
	height: 60px;
}


#townWrapper170705_01 .beachwearArea02 .gotoPshop2{
	position: absolute;
	top : 700px;
	left: 420px;
}

#townWrapper170705_01 .beachwearArea03{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_item03.png) no-repeat center top;
	width: 1000px;
	height: 440px;
	margin: 0 auto;
}

#townWrapper170705_01 .beachwearArea03 .gotoPshop1{
	position: absolute;
	top : 150px;
	left: 143px;
}

#townWrapper170705_01 .beachwearArea03 .gotoPshop2{
	position: absolute;
	top : 150px;
	right: 143px;
}


/*追加エリア-----------------------------------*/


#townWrapper170705_01 .plusArea01{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_plus01_0720.png) no-repeat center top;
	width: 1000px;
	height: 860px;
	margin: 20px auto;
}

#townWrapper170705_01 .plusArea01 .gotohelp{
	position: absolute;
	top : 725px;
	left : 400px;
	text-decoration: underline;
}

#townWrapper170705_01 .plusArea01 .gotoitem{
	position: absolute;
	top : 780px;
	left: 208px;
}

#townWrapper170705_01 .plusArea02{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_plus02.png) no-repeat center top;
	width: 1000px;
	height: 454px;
	margin: 20px auto;
}

#townWrapper170705_01 .plusArea02 .gotoCshop{
	position: absolute;
	top : 340px;
	left: 620px;
}

#townWrapper170705_01 .plusArea03{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_plus03.png) no-repeat center top;
	width: 1000px;
	height: 560px;
	margin: 20px auto;
}

#townWrapper170705_01 .plusArea03 div{
	position: absolute;
	top : 480px;
}

#townWrapper170705_01 .plusArea03 .gotoSeaweed{
	left:60px;
}

#townWrapper170705_01 .plusArea03 .gotoPshop{
	right:60px;
}

#townWrapper170705_01 .plusArea03 .seaweed_anim{
	position: absolute;
	background:url(../../../image/event/july2017/sea/img_seaweed.gif) no-repeat center top;
	width: 385px;
	height: 248px;
	top: 201px;
	left: 72px;
}

#townWrapper170705_01 .plusArea04{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_plus04.png) no-repeat center top;
	width: 1000px;
	height: 630px;
	margin: 20px auto 0px;
}

#townWrapper170705_01 .plusArea05{
	position: relative;
	background:url(../../../image/event/july2017/sea/bg_plus05.png) no-repeat center top;
	width: 1000px;
	height: 660px;
	margin: 0px auto;
}


#townWrapper170705_01 .plusArea05 .gotopet{
	position: absolute;
	bottom: 40px;
	left: 60px;
}

#townWrapper170705_01 .plusArea05 .gotobeach{
	position: absolute;
	bottom: 40px;
	right: 60px;
}