@charset "UTF-8";
/* ================================
	共通
================================ */
body {
  margin: 0;
}

/* フッター調整用 
-------------------------------- */
#globalFooter table {
  margin: 0 auto;
}
.to_pagetop {
  margin: 10px auto 0 !important;
  width: 960px;
}
/* width調整 */
#wrap {
  width: 100% !important;
}
#wrap > #info {
  margin: 0 auto 4px !important;
}
.contents ul {
  list-style: none;
}
.contents img {
  vertical-align: bottom;
}
img {
  border: 0;
}
.tC {
  text-align: center;
}
.sanSerif {
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

/* clerfix -micro clearfix
-------------------------------- */
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
 *zoom: 1;
}



/* ================================

================================ */
#contents {
  width: 100%;
}
.contents_header {
}
.container {
  width: 100%;
}
.container > .inner_top {
  width: 950px;
  margin: 0px auto 0;
  position: relative;
}
.container > .inner {
  width: 950px;
  margin: 0px auto 0;
  position: relative;
}


/* ================================
top main
================================ */
/*	ttl
---------------------- */
.ttl h2 {
  text-align: center;
  margin-bottom: 15px;
}
.btn-coupon {
  position: absolute;
  top: 330px;
  left: 690px;
}
.btn-coupon a:hover img {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
/*  box-shadow: 3px 3px 6px rgba(0, 0, 0, .6);*/
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  opacity: .80;
  z-index: 100;
}
.spot {
  position: absolute;
  cursor: pointer;
}
.spot_icn01 { top: 244px; left: 703px; }
.spot_icn02 { top: 397px; left: 358px; }
.spot_icn03 { top: 435px; left: 562px; }
.spot_icn04 { top: 451px; left: 237px; }
.spot_icn05 { top: 321px; left: 599px; }
.spot_icn06 { top: 203px; left: 507px; }
.spot_icn07 { top: 287px; left: 177px; }
.spot_icn08 { top: 423px; left: 78px; }

.spot_area {
  position: absolute;
  z-index: 100;
}
.spot_area01 { top: 60px; left: 540px; }
.spot_area02 { top: 210px; left: 300px; }
.spot_area03 { top: 250px; left: 270px; }
.spot_area04 { top: 260px; left: 140px; }
.spot_area05 { top: 135px; left: 340px; }
.spot_area06 { top: 15px; left: 470px; }
.spot_area07 { top: 100px; left: 100px; }
.spot_area08 { top: 240px; left: 40px; }

.spot:hover img {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
/*  box-shadow: 3px 3px 6px rgba(0, 0, 0, .6);*/
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  opacity: .80;
  z-index: 100;
}


/* ================================
     Nav
================================ */
/*	#tabNav
---------------------- */
#tabNav li {
  float: left;
  margin-left: 28px;
}
#tabNav li:first-child {
  margin-left: 0;
}
#tabNav > li:hover {
  filter: alpha(opacity=80);
  -moz-opacity: .80;
  opacity: .80;
  cursor: pointer;
}
.sec-yad.hide {
  display: none;
}

/*	#sideNav
----------------------------------------------------*/
#sideNav2 {
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 9999;
}
#sideNav2 p {
  position: relative;
  left:-20px;
  -webkit-transition: background-position .5s ease;
	-moz-transition: background-position .5s ease;
	-o-transition: background-position .5s ease;
	transition: background-position .5s ease;
  -webkit-transition: 200ms;
  transition: 200ms;
}    
#sideNav2 p:hover {
  left:0px;
}
#sideNav {
	position: fixed;
	top: 272px;
	left: 0;
	z-index: 3;
}
#sideNav h4 {
	font-size:16px;
}
#toPlan ul {
	padding: 0;
}
#toPlan li,
#toPlan a {
	display: block;
	width: 74px;
}
#toPlan li {
	margin: 0 0 2px;
	position: relative;
}
#toPlan a {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
  background-image: url(../images/nav/sideNavi.png);
  background-repeat: no-repeat;
	-webkit-transition: background-position .5s ease;
	-moz-transition: background-position .5s ease;
	-o-transition: background-position .5s ease;
	transition: background-position .5s ease;
}
.area-01 a {
	background-position: -30px 0;
	height: 119px;
}
.area-02 a {
	background-position: -30px -119px;
	height: 119px;
}
.area-03 a {
	background-position: -30px -238px;
	height: 119px;
}
.area-04 a {
	background-position: -30px -357px;
	height: 119px;
}
.area-01 a:hover {
	background-position: -10px 0;
}
.area-02 a:hover {
	background-position: -10px -119px;
}
.area-03 a:hover {
	background-position: -10px -238px;
}
.area-04 a:hover {
	background-position: -10px -357px;
}

/*	#sideNav > .popover
----------------------------------------------------*/
.popover {
	width: 860px;
	padding: 25px 30px 25px;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 80px;
	display: none;
}
/*
#area-02.popover,
#area-03.popover {
  top: -100px;
}
*/
.popover.popover2 {
	width: 900px;
}
.popover h4 {
	margin: 0 0 1em;
	font-size: 12px;
	font-size: 1.2rem;
	padding-left: 6px;
}
#area-01 { border: 3px solid #C83F33; }
#area-02 { border: 3px solid #97A92B; }
#area-03 { border: 3px solid #DA8734; }
#area-04 { border: 3px solid #1C5C82; }
.popover ul {
	margin: 0;
}
.popover li {
	display: table;
	width: 264px;
	/*height: 30px;*/
/*	margin: 10px 0 5px;*/
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.2;
	float: left;
}
.popover li p {
  margin: 10px 0 5px;
}
.thum_menu {
}
.popover ul.tmenu_left {
	width:100%;
	float:left;
	display:inline;
}
.tmenu_right {
	float:right;
	display:inline;
}
#area-01 li p:hover {
	background-color: #FCF5F6;
}
#area-02 li p:hover {
	background: #F5F9F5;
}
#area-03 li p:hover {
	background: #FDF7F2;
}
#area-04 li p:hover {
	background: #F5FAFC;
}
.popover a {
	display: block;
	text-decoration: none; /* for IE6-8 */
	font-size:16px;
}
.popover i, .popover span {
	display: table-cell;
	vertical-align: middle;
     *display: inline;
     *zoom: 1;
}
.popover span {
	padding: 6px 10px 0 5px;
	color: #333;
	font-size: 0.8em;
}


/* thumb
-----------------------------*/
.popover i {
	width: 35px;
	height: 35px;
	overflow: hidden;
	background: url(../images/area/photo_thumb.png) no-repeat 0 0 #eaeaea;
}
.size-L i {
	width: 60px;
	height: 60px;
}

/*sideNav サムネイル画像部分*/
#atami-l_01 i { background-position: 0 0; }
#atami-l_02 i { background-position: 0 -60px; }
#atami-l_03 i { background-position: 0 -120px; }
#atami-l_04 i { background-position: 0 -180px; }
#atami-l_05 i { background-position: 0 -240px; }
#atami-l_06 i { background-position: 0 -300px; }
#atami-l_07 i { background-position: 0 -360px; }
#atami-l_08 i { background-position: 0 -420px; }
#atami-l_09 i { background-position: 0 -480px; }
#atami-l_10 i { background-position: 0 -540px; }
#atami-l_11 i { background-position: 0 -600px; }
#atami-l_12 i { background-position: 0 -660px; }
#atami-l_13 i { background-position: 0 -720px; }
#atami-l_14 i { background-position: 0 -780px; }
#atami-l_15 i { background-position: 0 -840px; } 
#atami-l_16 i { background-position: 0 -900px; } 
#atami-l_17 i { background-position: 0 -960px; }
#atami-l_18 i { background-position: 0 -1020px; }
#atami-l_19 i { background-position: 0 -1080px; }
#atami-l_20 i { background-position: 0 -1140px; }
#atami-l_21 i { background-position: 0 -1200px; }
#atami-l_22 i { background-position: 0 -1260px; }

/*sideNav サムネイル画像部分*/
#shimoda-l_01 i { background-position: 0 -1320px; }
#shimoda-l_02 i { background-position: 0 -1380px; }
#shimoda-l_03 i { background-position: 0 -1440px; }
#shimoda-l_04 i { background-position: 0 -1500px; }
#shimoda-l_05 i { background-position: 0 -1560px; }
#shimoda-l_06 i { background-position: 0 -1620px; }
#shimoda-l_07 i { background-position: 0 -1680px; }
#shimoda-l_08 i { background-position: 0 -1740px; }
#shimoda-l_09 i { background-position: 0 -1800px; }
#shimoda-l_10 i { background-position: 0 -1860px; }
#shimoda-l_11 i { background-position: 0 -1920px; }
#shimoda-l_12 i { background-position: 0 -1980px; }
#shimoda-l_13 i { background-position: 0 -2040px; }
#shimoda-l_14 i { background-position: 0 -2100px; }
#shimoda-l_15 i { background-position: 0 -2160px; }
#shimoda-l_16 i { background-position: 0 -2220px; }
#shimoda-l_17 i { background-position: 0 -2280px; }
#shimoda-l_18 i { background-position: 0 -2340px; }
#shimoda-l_19 i { background-position: 0 -2400px; }
#shimoda-l_20 i { background-position: 0 -2460px; }
#shimoda-l_21 i { background-position: 0 -2520px; }

/*sideNav サムネイル画像部分*/
#higashiizu-l_01 i { background-position: 0 -2580px; }
#higashiizu-l_02 i { background-position: 0 -2640px; }
#higashiizu-l_03 i { background-position: 0 -2700px; }
#higashiizu-l_04 i { background-position: 0 -2760px; }
#higashiizu-l_05 i { background-position: 0 -2820px; }
#higashiizu-l_06 i { background-position: 0 -2880px; }
#higashiizu-l_07 i { background-position: 0 -2940px; }
#higashiizu-l_08 i { background-position: 0 -3000px; }
#higashiizu-l_09 i { background-position: 0 -3060px; }
#higashiizu-l_10 i { background-position: 0 -3120px; }
#higashiizu-l_11 i { background-position: 0 -3180px; }

/*sideNav サムネイル画像部分*/
#ito-l_01 i { background-position: 0 -3240px; }
#ito-l_02 i { background-position: 0 -3300px; }
#ito-l_03 i { background-position: 0 -3360px; }
#ito-l_04 i { background-position: 0 -3420px; }
#ito-l_05 i { background-position: 0 -3480px; }
#ito-l_06 i { background-position: 0 -3540px; }
#ito-l_07 i { background-position: 0 -3600px; }
#ito-l_08 i { background-position: 0 -3660px; }
#ito-l_09 i { background-position: 0 -3720px; }
#ito-l_10 i { background-position: 0 -3780px; }
#ito-l_11 i { background-position: 0 -3840px; }
#ito-l_12 i { background-position: 0 -3900px; }
#ito-l_13 i { background-position: 0 -3960px; }
#ito-l_14 i { background-position: 0 -4020px; }
#ito-l_15 i { background-position: 0 -4080px; }
#ito-l_16 i { background-position: 0 -4140px; }
#ito-l_17 i { background-position: 0 -4200px; }
#ito-l_18 i { background-position: 0 -4260px; }
#ito-l_19 i { background-position: 0 -4320px; }
#ito-l_20 i { background-position: 0 -4380px; }
#ito-l_21 i { background-position: 0 -4440px; }
#ito-l_22 i { background-position: 0 -4500px; }
#ito-l_23 i { background-position: 0 -4560px; }
#ito-l_24 i { background-position: 0 -4620px; }
#ito-l_25 i { background-position: 0 -4680px; }
#ito-l_26 i { background-position: 0 -4740px; }
#ito-l_27 i { background-position: 0 -4800px; }
#ito-l_28 i { background-position: 0 -4860px; }
#ito-l_29 i { background-position: 0 -4920px; }
#ito-l_30 i { background-position: 0 -4980px; }




/* ================================
 contents
================================ */
/*	sec
---------------------- */
.content-yad {
  background: url(../images/bg.png) repeat;
}
.sec-yad {
  padding: 40px 0;
}
.sec-yad li {
  float: left;
  position: relative;
  margin-left: 12px;
  margin-bottom: 12px;
}
.sec-yad ul.yad-s li {
  margin-left: 14px;
}
.sec-yad ul.yad-l li:nth-child(odd),
.sec-yad ul.yad-m li:nth-child(odd),
.sec-yad ul.yad-s li:nth-child(4n+1) {
  margin-left: 0;
}
.sec-yad ul.yad-l li:first-child,
.sec-yad ul.yad-l > *:first-child+*+*,
.sec-yad ul.yad-l > *:first-child+*+*+*+*,
.sec-yad ul.yad-l > *:first-child+*+*+*+*+*+*,
.sec-yad ul.yad-l > *:first-child+*+*+*+*+*+*+*+*,
.sec-yad ul.yad-l > *:first-child+*+*+*+*+*+*+*+*+*+* {
  margin-left: 0;
}
.sec-yad ul.yad-m li:first-child,
.sec-yad ul.yad-m > *:first-child+*+*,
.sec-yad ul.yad-m > *:first-child+*+*+*+*,
.sec-yad ul.yad-m > *:first-child+*+*+*+*+*+*,
.sec-yad ul.yad-m > *:first-child+*+*+*+*+*+*+*+* {
  margin-left: 0;
}
.sec-yad ul.yad-s li:first-child,
.sec-yad ul.yad-s > *:first-child+*+*+*+*,
.sec-yad ul.yad-s > *:first-child+*+*+*+*+*+*+*+* {
  margin-left: 0;
}
.sec-yad ul.yad-l li .yad_ttl {
  position: absolute;
  top: 17px;
  left: 17px;
}
.sec-yad ul.yad-l li .btn_res {
  position: absolute;
  top: 283px;
  left: 288px;
}
.sec-yad ul.yad-l li .btn_plan {
  position: absolute;
  top: 322px;
  left: 288px;
}
.sec-yad ul.yad-m li .yad_ttl {
  position: absolute;
  top: 13px;
  left: 15px;
}
.sec-yad ul.yad-m li .btn_res {
  position: absolute;
  top: 157px;
  left: 207px;
}
.sec-yad ul.yad-m li .btn_plan {
  position: absolute;
  top: 157px;
  left: 332px;
}
.sec-yad ul.yad-s li .yad_ttl {
  position: absolute;
  top: 157px;
  left: 16px;
}
.sec-yad ul.yad-s li .yad_cnt {
  position: absolute;
  top: 200px;
  left: 15px;
}
.sec-yad ul.yad-s li .btn_plan {
  position: absolute;
  top: 260px;
  left: 15px;
}
.sec-yad ul li a:hover img {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, .6);
  z-index: 100;
}