@charset "utf-8";
/* ====================================================

	common CSS

==================================================== */

/****************************************
		0. 全体の設定
*****************************************/
html body { color:#000;}

#breadcrumb #body {
	padding: 0;
	width: 960px;
}
#breadcrumb {
	font: 13px/1.231 sans-serif;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
#breadcrumb a {
	text-decoration: underline;
}
#breadcrumb a:hover {
	opacity: 1;
}
/*#socialBox {
	right: 0;
}
*/
p {
	margin: 1em 0;
}
img {
	vertical-align: baseline;
}

/* Gナビ
-------------------------------------------------*/
a:hover{
	texr-decoration:none!important;
}
#g-nav{
	border-bottom:solid 1px #EEE;
	background:#FFF;
}
.nav {
	padding: 0;
	margin: 0 auto;
	width: 960px;
	background: #FFF;
	color:#555;
	font-weight:bold;
}
.nav li:first-child {
	background:url(../img/nav_bg.gif) no-repeat left center;
}
.nav li {
	list-style: none;
	float: left;
	display: block;
	width:159px;
	text-align:center;
	margin-right:1px;
	background:url(../img/nav_bg.gif) no-repeat right center;
}
.nav li:nth-child(2){
	background:
	url(../img/nav_bg.gif) no-repeat right center,
	url(../img/nav_bg.gif) no-repeat left center;
}
.nav li a {
	text-decoration: none;
	color:#555;
	padding: 25px 0 0 0;
	display: block;
	border-bottom:solid 4px #555;
	height:64px;
	font-size:14px;
}
.nav li:last-child{
	margin-right:0px;
	width:125px;
}
.nav li:nth-child(6){
	width:160px;
	font-size:14px;
}
.nav li a:hover {
	color: #4E69B2;
	border-bottom:solid 4px #4E69B2;
}
.nav li a:before {
	content: url(../img/arrow_icon3.png);
	display: inline-block;
	padding-right: 10px;
}
.nav li a:hover:before {
	content: url(../img/arrow_icon3_on.png);
}
.fixed {
	position: fixed;
	top: 0;
	padding-left: 50%;
	width: 100%;
	margin-left: -490px;
	display:block!important;
	z-index:10000;
}
	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.nav:after {
			clear: both;
			content: url(../img/blank.gif);
			display: block;
			height: 0px;
		}

		.nav {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .nav {height: 1px;}
		.nav {display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

/* パンくず
-------------------------------------------------*/
.l-pan-list{
	width: 100%;
	padding: 7px 0 10px;
	background-color: #FFF;
	border-bottom:1px solid #EEE;
	border-top:1px solid #EEE;
}
.pan-box{
	width: 960px;
	height: 20px;
	margin: 0 auto;
}
.pan{
	width: 70%;
	height: 20px;
	margin: 0;
	float: left;
	padding-left: 10px;
}
.pan li{
	float: left;
	padding: 2px 5px 2px 0;
	font-size: 12px;
	line-height: 20px;
	color: #FF5760;
	list-style:none;
}
.pan li:last-child{
	font-weight: bold;
	float: left;
	padding: 2px 5px 2px 0;
	font-size: 13px;
	line-height: 20px;
}
.pan li img{
	width: 8px;
	height: 10px;
	padding: 4px 4px 2px 3px;
}
.pan li a{
	text-decoration: underline;
	color: #666;
}
.pan li a:hover{
	text-decoration: none;
}
.pan-sns{
	width: 30%;
	height: 20px;
	float: right;
	top: -32px;
	position: relative;
}
.pan-sns li{
	list-style:none;
}
.pan-facebook{
	float: right;
	width: 100px;
	height: 20px;
	margin: 0 0;
}
.pan-twitter{
	float: right;
	width: 80px;
	height: 20px;
	margin: 0 5px 0 10px;
}

#wrap{
	width:100%;
	/*background:url(../img/main.jpg) no-repeat center 0;*/
	padding-top:0px;
}
.bg01{
	background:#EFEFEF;
}

.section{
	width:100%;
	padding: 0 0 80px 0;
}
.section-inner{
	width:960px;
	padding:0;
	margin:0 auto;
}
.inner-bottom{
	width:880px;
	padding:60px;
	margin:0 auto;
	border:solid 1px #CCC;
	border-top:none;
	background-color:#FFF;
	background-image:none;
}
.section-ttl{
	font-size:28px;
	color:#000;
	text-align:center;
}
.section-sub-ttl{
	font-size:14px;
	color:#000;
	text-align:center;
	margin:0;
	padding-bottom:10px;
}
.section-inner dl{
	width:280px;
	float:left;
	margin-right:18px;
}
.section-inner dl:nth-child(3),
.section-inner dl:nth-child(6){
	margin-right:0px;
}
.section-inner dd{
	margin-left:0;
	font-size:12px;
	line-height:140%;
}
.section-inner dd strong{
	display:block;
	text-align:center;
}
.section-inner dt h4{
	width:280px;
	font-size:16px;
	font-weight:bold;
	color:#196CAB;
	margin:5px 0;
}

	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.section-inner:after {
			clear: both;
			content: url(../img/blank.gif);
			display: block;
			height: 0px;
		}

		.section-inner {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .section-inner {height: 1px;}
		.section-inner {display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/*メインビジュアル*/
#main-visual{
	background:url(../img/main_bg.png) no-repeat center center;
	height: 600px;
	position: relative;
	z-index: 10000;
	min-width: 960px;
	box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);
}

#main-visual h2 span{
	visibility:hidden;
}

.section-ttl{
	margin-bottom:25px;
}

/*お知らせ*/
.news{
	width:660px;
	margin-top:490px;
	background:#f7f6f6;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:7px;
	line-height:130%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .news:not(:target) {
	margin-top:370px;
  }
}
@-moz-document url-prefix() {
	.news {
	margin-top:370px;
	}
}
.news span{
	background:#CC0000;
	padding:2px 12px;
	display:inline-block;
	color:#FFF;
	margin-right:10px;
	font-size:12px;
}
.news a{
	text-decoration:underline;
	color:#004bb0;
}
.news a:hover{
	text-decoration:none;
}
/*メッセージ*/
#section01{
	background-image:
	    url("../img/bg-line.gif"), /* 最前面の背景レイヤーの背景画像 */
	    url("../img/bg-line.gif"),
	    url("../img/bg-info.jpg");
	background-repeat:
		repeat-x, /* 最前面の背景レイヤーに対応 */
		repeat-x,
		repeat;
	background-position:
		bottom center, /* 最前面の背景レイヤーに対応 */
		top center,
		top center;
	padding-top:40px;
}
.pt00{
	padding-top:0;
}
.section-inner{
	border:none;
	background:none;
}
#section01 .section-inner.sq {
	margin-top: 30px;
}

#logo01{
	position:absolute;
	top:10px;
	left:10px;
}
#logo02{
	position:absolute;
	bottom:10px;
	right:10px;
}

/*Youtube*/
.area-movie{
	width:100%;
}
.youtube iframe{
	width:540px;
	height:303px;
	margin:20px 20px 0px 20px;
}
.youtube{
	width:600px;
	float:left;
}
.movie-txt{
	padding-right:20px;
	padding-left: 20px;
	font-size:15px;
	padding-top:40px;
}
.youtube + .movie-txt{
	width:342px;
	float:right;
	padding-left: 0;
}
.movie-txt ul{
	border-left:solid 2px #CCC;
	padding-left:10px;
}
.movie-txt li{
	list-style:none;
	font-size:12px;
	font-weight:bold;
	padding-left: 1em;
	text-indent: -1em;
}
.movie-txt li img{
	width:1em;
	position:relative;
	top:3px;
	margin-right:5px;
}

	/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.area-movie:after {
			clear: both;
			content: url(../img/blank.gif);
			display: block;
			height: 0px;
		}

		.area-movie {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .area-movie {height: 1px;}
		.area-movie {display: block;}
		/* */
		/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */


/*朝食*/
#area01{
	background:url(../img/area01_bg.jpg) no-repeat center -20px;
	padding-top:60px;
	min-width: 960px;
}
#area01 .youtube{
	width: 540px;
	margin-top:30px;
	margin-left:20px;
}
#area01 .section-main-ttl{
	text-align:left;
	width:960px;
	margin:0 auto 70px auto;
}
#area01 .section-main-ttl h2{
	text-align:left;
	margin-bottom:15px;
	font-size:30px;
	color:#000;
	/*text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;*/
}
#area01 .section-main-ttl p{
	font-size:15px;
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
#area01 .section-sub-ttl{
	width:960px;
	margin:0 auto 0;
	padding-bottom:0;
	height:126px;
}
#area01 h3{
	margin-bottom:0;
	padding-bottom:0;
}
#area01 .section-inner{
	border-left:solid 9px #00A33E;
	border-right:solid 9px #00A33E;
	border-bottom:solid 9px #00A33E;
	background:#FFF;
	width:960px;
	margin-top:0;
	box-sizing: border-box;
}
#area01 .movie-txt ul{
	border-left:solid 2px #00A33E;
}
#area01 .movie-txt ul li{
	color:#00A33E;
}
#area01 .section-img {
	padding: 30px 20px 3px;
}
.section-img p{
	margin-bottom:0;
	padding-bottom:0;
}



/*キングスパーク*/
#area02{
	background:url(../img/area02_bg.jpg) no-repeat center -145px;
	padding-top:75px;
	min-width: 960px;
}
#area02 .section-main-ttl{
	text-align:left;
	width:960px;
	margin:0 auto 0px auto;
}
#area02 .section-main-ttl h2{
	text-align:left;
	margin-bottom:15px;
	font-size:30px;
	color:#000;
	/*text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;*/
	padding-left:550px;
}
#area02 .section-main-ttl p{
	font-size:17px;
	text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	padding-left:550px;
	margin-bottom:0;
}
#area02 .section-sub-ttl{
	width:960px;
	margin:0 auto 0;
	padding-bottom:0;
	height:118px;
}
#area02 h3{
	margin-bottom:0;
	padding-bottom:0;
}
#area02 .section-inner{
	border-left:solid 9px #F4A000;
	border-right:solid 9px #F4A000;
	border-bottom:solid 9px #F4A000;
	background:#FFF;
	width:960px;
	margin-top:0;
	box-sizing: border-box;
}
#area02 .movie-txt ul{
	border-left:solid 2px #F4A000;
}
#area02 .movie-txt ul li{
	color:#F4A000;
}
#area02 .section-img {
	padding: 30px 20px 30px;
}

#area02 .youtube {
	width: 560px;
}

/*パースナイト*/
#area04{
	background:url(../img/area04_bg.jpg) no-repeat center 0 #FDF5E8;
	padding-top:85px;
	border-top:solid 5px #FFF;
	min-width: 960px;
}
#area04 .section-inner{
	background:#FFF;
	padding:30px 20px 0px 20px;
	box-sizing: border-box;
}
#area04 .youtube {
	width: 540px;
}
#area04 .youtube iframe{
	margin:0;
	border: solid 7px #CF1E11;
	width: 528px;
	height:304px;
	box-sizing: border-box;
}
#area04 .area-movie{
	background:url(../img/area04_bg02.jpg) no-repeat 570px bottom;
}
#area04 .movie-txt {
	padding-top:0;
	padding-right:20px;
	width:340px;
}
#area04 h3 {
	width:313px;
	margin-top:10px;
	margin-left: 0px
}

#area04 .movie-txt ul {
    border-left: solid 2px #00958A;
}
#area04 .movie-txt ul li {
    color: #00958A;
}
#area04 .section-inner dl {
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-top:0px;
	margin-bottom:30px;
	background: #fff;
	padding: 10px;
	/*border:solid 1px #E5DABE*/
	background: #FDF5E8;
	min-height:350px;
}
#area04 .section-inner dl:nth-child(3) {
	margin-right: 0;
}
#area04 .section-inner dd {
	font-size:14px;
}
#area04 .section-inner h4 {
	font-weight:bold;
	color:#CF1E11;
	font-size:17px;
	border-bottom:dotted 2px #CF1E11;
	padding-bottom:3px;
	margin-bottom:8px;
}
#area04 .section-inner h5 {
	font-weight:bold;
	margin-bottom:5px;
	font-size:15px;
	line-height:100%;
}

#area04 .section-inner h5 small {
	font-weight:normal;
	display:block;
	font-size:9px;
}
/*スワンバレー*/
#area05{
	background:url(../img/area05_bg.jpg) no-repeat center 0 #D8EDE6;
	padding-top:85px;
	border-top:solid 5px #FFF;
	min-width: 960px;
}
#area05 .section-inner{
	background:#FFF;
	padding:30px 20px 0px 20px;
	box-sizing: border-box;
}
#area05 .youtube {
	width: 540px;
}
#area05 .youtube iframe{
	margin:0;
	border: solid 7px #00958A;
	width: 528px;
	height:303px;
	box-sizing: border-box;
}
#area05 .movie-txt ul {
    border-left: solid 2px #00958A;
}
#area05 .movie-txt ul li {
    color: #00958A;
}
#area05 .section-inner dl {
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-top:0px;
	margin-bottom:25px;
	background: #fff;
	padding: 10px;
	/*border:solid 1px #E5DABE*/
	background: #E6F5F0;
	min-height:350px;
}
#area05 .section-inner dl:nth-child(3) {
	margin-right: 0;
}
#area05 .section-inner dd {
	font-size:14px;
}
#area05 .section-inner h4 {
	font-weight:bold;
	color:#00958A;
	font-size:17px;
	border-bottom:dotted 2px #6CABA6;
	padding-bottom:3px;
	margin-bottom:8px;
}
#area05 .section-inner h5 {
	font-weight:bold;
	margin-bottom:5px;
	font-size:15px;
	line-height:100%;
}
#area05 .section-inner h5 small {
	font-weight:normal;
	display:block;
	font-size:9px;
}
#area05 .movie-txt {
	padding-top:0;
}
#area05 .youtube + .movie-txt {
	padding-right:0;
	width:362px;
}
#area05 .one-item-btn a{
	background: #006a62;
	border-bottom: solid 2px #003833!important;
	font-size:14px;
	padding: 7px 22px;
	text-decoration:none;
}
#area05 .one-item-btn a:hover{
	color:#FFF;
}
#area05 .optional{
	margin:0 0 30px 0;
	text-align:center;
	clear:both;
	width:930px;
}
/*ピナクルズ*/
#area06{
	background:url(../img/area06_bg.jpg) no-repeat center 0 #3A1944;
	padding-top:165px;
	border-top:solid 5px #FFF;
	padding-bottom:140px;
	min-width: 960px;
}
#area06 .section-inner{
	background:#FFF;
	padding:30px 20px 0px 20px;
	box-sizing: border-box;
}
#area06 .youtube {
	width: 540px;
}
#area06 .youtube iframe{
	margin:0;
	border: solid 7px #755888;
	width: 528px;
	height:303px;
	box-sizing: border-box;
}
#area06 .movie-txt {
	padding-top:0;
}
#area06 .youtube + .movie-txt{
	padding-right:0;
	width:345px;
}
#area06 .movie-txt h3{
	margin-top:40px;
	margin-bottom:10px;
}
#area06 .movie-txt ul {
    border-left: solid 2px #3C1943;
}
#area06 .movie-txt ul li {
    color: #3C1943;
}
#area06 .movie-txt p {
    line-height: 170%;
}
#area06 .section-inner dl {
	width: 455px;
	float: left;
	margin-right: 10px;
	margin-top:0px;
	margin-bottom:30px;
	padding: 12px;
	/*border:solid 1px #E5DABE*/
	background: #F5EFF7;
	min-height:470px;
}
#area06 .section-inner dl:nth-child(2) {
	margin-right: 0;
}
#area06 .section-inner dt img {
	width: 430px;
	margin-bottom:10px;
}
#area06 .section-inner dd {
	font-size:13px;
	width: 430px;
}
#area06 .section-inner dd p.op-txt{
	height:95px;
}
#area06 .section-inner h4 {
	font-weight:bold;
	color:#3A1944;
	font-size:20px;
	border-bottom:dotted 2px #8D7B92;
	padding-bottom:3px;
	margin-bottom:12px;
	width: 430px;
}
#area06 .section-inner h4 span {
	background:#3A1944;
	color:#FFF;
	font-size:12px;
	padding:2px 6px;
	border-radius:3px;
	margin-right:5px;
	position:relative;
	top:-3px;
}
#area06 .section-inner h5 {
	font-weight:bold;
	width: 430px;
	font-size:15px;
}
#area06 .section-inner h5 span{
	font-weight:normal;
	margin-bottom:2px;
	display:block;
	font-size:13px;
}
#area06 .one-item-btn a{
	background: #002C68;
	border-bottom: solid 2px #000!important;
}
/*ロットネスト島*/

#area07{
	background:url(../img/area07_bg.jpg) no-repeat center 0 #D8EDE6;
	padding-top:85px;
	border-top:solid 5px #FFF;
	min-width: 960px;
}
#area07 h2{
	color:#FFFF00;
	font-size:36px;
	text-shadow: 0 1px 0 #519bcc, 1px 0 0 #519bcc, 0 -1px 0 #519bcc, -1px 0 0 #519bcc, -1px -1px 0 #519bcc, 1px -1px 0 #519bcc, -1px 1px 0 #519bcc, 1px 1px 0 #519bcc;
	min-width: 1000px;
}
#area07 .section-inner{
	background:#FFF;
	padding:30px 20px 0px 20px;
	box-sizing: border-box;
}
#area07 .section-inner.pt00{
	background:url(../img/area07_bg2.jpg) no-repeat right bottom #FFF;
}
#area07 .youtube {
	width: 540px;
}
#area07 .youtube iframe{
	margin:0;
	border: solid 7px #07aada;
	width: 528px;
	height:303px;
	box-sizing: border-box;
}
#area07 .movie-txt ul {
    border-left: solid 2px #07aada;
}
#area07 .movie-txt ul li {
    color: #07aada;
}
#area07 .section-inner dl {
	width: 220px;
	float: left;
	margin-right: 13px;
	margin-top:0px;
}
#area07 .section-inner #bearch{
	margin-bottom:30px;
}
#area07 .section-inner #bearch dl:last-child {
	margin-right: 0;
}
#area07 .section-inner dt img{
	width:220px;
}
#area07 .section-inner dd {
	font-size:14px;
}
#area07 .section-inner #bearch h4 {
	font-weight:bold;
	color:#07aada;
	font-size:16px;
	border-bottom:solid 1px #07aada;
	border-top:solid 1px #07aada;
	margin-bottom:15px;
	width:896px;
	padding:12px 12px 7px 12px;
}
#area07 .section-inner #bearch h4 strong {
	font-size:38px;
	display:block;
	float:left;
	margin-top:8px;
	margin-right:15px;
}

#area07 .section-inner #bearch h4 span {
	display:block;
	float:left;
	margin-top:5px;
	margin-right:15px;
}
#area07 .section-inner #bearch h4 small {
	font-size:15px;
	color:#000;
	font-weight:normal;
	display:block;
	float:left;
	width:370px;
	line-height:120%;
}
#area07 .section-inner #bearch dt {
	height:145px;
	overflow: hidden;
	margin-bottom:10px;
}
#area07 .section-inner h5 {
	font-weight:bold;
	margin-bottom:5px;
}
#area07 .movie-txt {
	padding-top:0;
}
#area07 .youtube + .movie-txt {
	padding-right:0;
	width:340px;
}
#area07 .section-inner #activity{
	clear:both;
}
#area07 .section-inner #activity dl{
	width:180px;
}
#area07 .section-inner #activity dt img{
	width:170px;
}

#area07 .section-inner #activity h4 {
	font-weight:bold;
	color:#07aada;
	font-size:16px;
	border-bottom:solid 1px #07aada;
	border-top:solid 1px #07aada;
	margin-bottom:15px;
	width:896px;
	padding:12px;
}
#area07 .section-inner #activity h4 strong {
	font-size:38px;
	display:block;
	float:left;
	margin-top:8px;
	margin-right:25px;
}

#area07 .section-inner #activity h4 span {
	display:block;
	float:left;
	margin-top:5px;
}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		#area07 .section-inner h4:after {
			clear: both;
			content: url(../img/blank.gif);
			display: block;
			height: 0px;
		}

		#area07 .section-inner h4 {display: inline-table;}
		/* Mac IE には適用させない \*/
		* html #area07 .section-inner h4 {height: 1px;}
		#area07 .section-inner h4 {display: block;}
		/* */
/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

/*商品*/

#perth .tour_item_box {
	display: flex;
}
#perth .product__list--item {
	width: 314px;
	background:#FFF;
	margin-top: 0;
	margin-right:9px;
	border-radius:5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#perth .product__list--item:nth-child(3) {
    margin-right: 0;
}
#perth .product__list--data {
    height: 100%;
}
#perth .product__list--inner {
    flex-direction: column;
	height: 100%;
}
#perth .product__list--image {
	width: 314px;
	height: 208px;
	border-radius: 5px 5px 0 0;
}
#perth .product__list--text-wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: inherit;
	height: 100%;
    padding: 10px;
	margin-left: 0;
}
#perth .product__list--title {
    color: #004BB0;
	font-size: 18px;
	line-height: 1.4;
} 
#perth .product__list--detail {
    font-size: 12px;
}
#perth #wrap a span {
    visibility: visible;
}
#perth .product__list--price {
	margin-top: auto;
}
#perth .product__list--minmax {
    text-align: right;
}
#perth .product__list--dep, #perth .product__list--notes {
	margin: 0;
	text-align: right;
}
.product__list--item:hover{
	transition: all 0.2s ease;
	-webkit-transform: scale(1.02);
	opacity:0.9;
}

#oneItem{
	width:100%;
	background-image:url("../img/bg-line.gif"), url("../img/bg-info.jpg");
	background-repeat: repeat-x,repeat;
    background-position: bottom center,top center;
}

#oneItem #oneItem-inner{
	width: 960px;
	margin:0 auto;
	padding:50px 0;
}

#oneItem h3{
	position: relative;
	background: #6c452c;
	margin-bottom: 35px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 0.7em;
	text-align: center;
}
#oneItem h3:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(108, 69, 44, 0);
	border-top-color: #6c452c;
	border-width: 12px;
	margin-left: -12px;
}

.one-item-box{
	width:314px;
	height:320px;
	margin-bottom:10px;
	float:left;
	background:#FFF;
	margin-right:9px;
	border-radius:5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
.one-item-box:hover{
	transition: all 0.2s ease;
	-webkit-transform: scale(1.02);
	opacity:0.9;
}
.mr0{
	margin-right:0px;
}
.one-item-box h4{
	font-size: 13px;
	padding:7px;
	background:#000;
	color:#FFF;
	text-align:center;
	border-radius:5px 5px 0 0;
	margin-bottom: 0px;
}
.one-item-box img{
	float:left;
	width:157px;
}
.one-item-pic{
	margin-top:0;
}
.one-item-btn a {
	display: inline-block;
	background: #004BB0;
	font-weight: bold;
	padding: 8px 35px;
	border-bottom: solid 2px #002C68!important;
	border-radius: 5em;
	color:#FFF;
}
.one-item-btn a:hover{
	opacity:0.7;
}
.one-item-btn a img{
	width:15px;
	top:1px;
	position: relative;
}
.one-item-btn{
	width:100%;
	text-align:center;
	margin: 14px 0;
}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
#oneItem:after {
  clear: both;
  content: url(../img/blank.gif);
  display: block;
  height: 0px;
}
#oneItem{
	display: inline-table;
}
/* Mac IE には適用させない \*/
* html #oneItem{
  height: 1px;
}
#oneItem{
  display: block;
}
/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */

.one-item-ttl{
	color:#004BB0;
	font-weight:bold;
	font-size:18px;
	padding:5px 10px 3px 10px;
	margin:0;
}
.one-item-price{
	color:red;
	font-weight:bold;
	font-size:16px;
	text-align:right;
	padding:0px 15px 10px 15px;
}
#wrap a .one-item-price span{
	visibility:visible;
}
.one-item-txt{
	padding:0 10px;
	margin:0;
	height:40px;
	font-size:12px;

}
.one-item-box:hover{

}
.tokuten {
	width:960px;
}

/*ホテル*/
#area-hotel{
	background:url(../img/bg-hotel.gif) repeat-x 0 top #A18270;
}
#area-hotel .section-main-ttl h2{
	position:relative;
	top:-70px;
	margin:0 auto -70px auto;
	display:block;
	width:960px;
	text-align:center;
}
#area-hotel .section-inner{
	padding-left:10px;
}
#area-hotel .section-sub-ttl{
	color:#FFF;
	margin-bottom: 20px;
	min-width: 960px;
}
.hotel_wrap{
	width:455px;
	float:left;
	background:#FFF5EE;
	padding:0 15px 15px 15px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.hotel_wrap h5{
	font-weight:bold;
	font-size:22px;
	margin: 14px 0;
}
.hotel_wrap h5 small{
	font-weight:bold;
	display:block;
	font-size:16px;
	color:#A18270;
}
.hotel-pic {
	margin-bottom: 14px;
}
.hotel-pic img{
	width:50%;
}
.hotel_class{
	background:#000;
	color:#FFF;
	width:150px;
	text-align:center;
	margin-top:0;
	margin-left:-15px;
	padding:3px 5px;
}

.hotel_wrap .one-item-btn a {
	background: #002D65;
	border-bottom: solid 2px #000!important;
	padding:8px 18px;
}

/*その他共通部分*/

#oneItem .bt_area a {
	display: block;
	background: #004BB0;
	font-weight: bold;
	padding: 15px 50px;
	color:#FFF;
	border-bottom: solid 2px #002C68!important;
	font-size:1.2em;
	border-radius:2em;
	margin:0 auto;
	width:285px;
}
#oneItem .bt_area a:hover {
	transition: all 0.2s ease;
	-webkit-transform: scale(1.05);
	background:#196FE3;
}
.bt_area a img{
	width:1em;
	top: 1px;
	position: relative;
	margin-right:5px;
}

.bt_area--op {
	clear: both;
	padding: 25px 0 35px;
	width: 560px;
	text-align: center;
}
.bt_area--op a {
	display: inline-block;
	background: #004BB0;
	font-weight: bold;
	padding: 15px 50px;
	color:#FFF;
	border-bottom: solid 2px #002C68!important;
	font-size:1.2em;
	border-radius:2em;
}
.bt_area--op a:hover {
	transition: all 0.2s ease;
	-webkit-transform: scale(1.05);
	background:#196FE3;
}
.bt_area--op a img{
	width:1em;
	top: 1px;
	position: relative;
	margin-right:5px;
}

#bnr-area{
	width:100%;
	background:url(../img/section02_bg2.png) repeat 0 0;
	padding:30px 0 15px 0;
}
#bnr-area a{
	margin:0 auto;
	width:682px;
	height:184px;
	display:block;
}
#bnr-area a:hover{
    transition: all 0.2s ease;
    -webkit-transform: scale(1.05);
}
/*お問い合わせ枠*/
#contact-box{
	width:960px;
	margin:0 auto;
}
#inquiry{
	margin:20px 0;
}
/*モーダル*/
#other-movie{
	width:100%;
	background:url(../img/section02_bg2.png) repeat top center;
	padding:70px 0 140px 0;
}

#other-movie-inner{
    background: url(../img/movie_bg.png)no-repeat 0 0;
    width: 920px;
    margin: 0 auto;
    padding-top: 161px;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 56px;
}
#other-movie-inner dl{
	float:left;
	width:220px;
	margin-right:10px;
}
#other-movie-inner a img:hover{
    transition: all 0.2s ease;
    -webkit-transform: scale(1.05);
}
#other-movie-inner dd{
	text-align:left;
	-webkit-margin-start: 0px;
	margin-start: 0px;
	font-weight:bold;
	font-size:15px;
	margin-top:5px;
}
#other-movie-inner dd a{
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}
#other-movie-inner dd a:hover{
	text-decoration:none;
}
#other-movie-inner dd a img{
	height:1em;
	display:inline-block:
	margin-right:3px;
}
/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
#other-movie-inner:after {
  clear: both;
  content: url(../img/blank.gif);
  display: block;
  height: 0px;
}
#other-movie-inner{
	display: inline-table;
}
/* Mac IE には適用させない \*/
* html #other-movie-inner{
  height: 1px;
}
#other-movie-inner{
  display: block;
}
/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */
.modal_inner{
	outline:none;
	padding:40px;
	background:#fff;
	border:solid 6px #CCC;
}
#cboxClose {
    top: -604px;
    left: 911px;
    position: relative;
    cursor: pointer;
}
#cboxClose:hover {
	opacity:0.7;
}

.modal-content {
    position:fixed;
    display:none;
    z-index:10001;
    width:870px;
    height:600px;
    margin:0;
    padding:20px 30px;
    border:6px solid #EEE;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:10000;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-content h5 {
	font-size: 28px;
	font-weight:bold;
	margin-bottom:-25px;
	padding-left: 0;
	color: #222;
	background-size: 27px;
}
.modal-content h5 img{
	height:1em;
	vertical-align: baseline;
}
.modal-content .modal-close {
	position: relative;
	left: 850px;
	top: -10px;
	margin-bottom:10px;
}
.modal-content .modal-close:hover {
    cursor:pointer;
    color:#f00;
}