@charset "UTF-8";
/*
-----------------------------------------------
	Base Style
	Version: 21 MAR 2013
----------------------------------------------- */
html { background: #fff;}
@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}
body {
	background:#fff;
	color: #333;
	font-size: 62.5%;
	font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN","メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height	: 1.5;
	min-width: 1080px;
	overflow: hidden;
	 position:relative;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #e0cb68; text-decoration: underline; border: none; }
a:visited	{ color: #e0cb68; text-decoration: underline;}
a:hover		{ color: #e0cb68; text-decoration: none;}
a:active	{ color: #e0cb68; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container{ position:relative;}
.container-inner	{}
.container-inner-inner	{}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width : 100%;
	margin : 0 auto;
	position : relative;
	background: #fff;
}
.header .header-inner {
	width : 1080px;
	height : 100px;
	margin : 0 auto;
	position : relative;
}
.header .logo {
	overflow : hidden;
	height:0;
	background:url(../img/common/logo.png) no-repeat 0 0;
	padding : 60px 0 0 0;
	display : block;
	width:370px;
	margin:0;
	position:absolute;
	top:20px;
	left:0;
}
.header .snav{ position:absolute; top:50%; right:0; margin-top:-20px;}
.header .snav li{ float:right; font-size:1.6em; margin-left:10px;}
.header .snav li a{
	color:#333;
	line-height:40px;
	text-decoration:none;
	background: url(../img/common/arr_common_header.png) no-repeat 0 center;
	padding-left:12px;
} 
.header .snav li a:hover{ text-decoration:underline;}

a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #252021; text-decoration: none;}



/* Language nav */
.langnav {
	position	: absolute;
	right		: 0;
	bottom		: 5px;
	overflow	: hidden;
}
.langnav div {
	padding-right	: 8px;
	padding-left	: 10px;
	background	: url(../img/common/arrow.png) no-repeat left center;
	font-size	: 110%;
	line-height	: 1.32;
	display		: inline;
}
.langnav a	 { color: #524127; text-decoration: underline;}
.langnav a:hover { color: #524127; text-decoration: none;}


/* cnav */
.lnav { font-size:0.9em;}
.lnav ul	  { position: absolute; right: 0; top: 5px;}
.lnav ul li	  { margin-left:15px; width:130px; float: left;}
.lnav ul li a	  { text-decoration: none; display:block; text-align:center; height:30px; line-height:30px; color:#f5efe9; background:#313231;}


/* Font resize */
#fontresize {
	margin		: 0 0 10px 0;
	padding		: 10px 0;
	background	: #e9e6d5;
	border		: 2px solid #766c23;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 120px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(../img/common/fontresize_hd.gif) no-repeat 0 0;
	float		: left;
	overflow	: hidden;
}
#fontresize ol {
	width		: 90px;
	float		: left;
	overflow	: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
	width		: 20px;
	height		: 0;
	padding-top	: 20px;
	display		: block;
	overflow	: hidden;
	cursor		: pointer;
}
#fontresize-small	{ background-image: url(../img/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(../img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(../img/common/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span	{ background-position: 0 20px;}

/*
-----------------------------------------------
	Hotels Nav
----------------------------------------------- */
.nav{
	width : 100%;
	height : 80px;
	margin : 0 0 10px;
	padding : 0;
	overflow : hidden;
	background:#fbea9a;
}
.nav-inner{ width:1080px; margin: 0 auto;}
.nav ul { margin : 0; padding : 0;}
.nav ul li {
	height : 80px;
	margin : 0;
	padding : 0;
	float : left;
}
.nav ul li a {
	width : 180px;
	height : 0;
	margin : 0;
	padding : 80px 0 0;
	background : url(../img/common/nav.png) no-repeat 0 0;
	text-align : center;
	vertical-align	: middle;
	display : block;
	overflow : hidden;
}
.nav ul li a:hover{ color: #f5f0e9;}

/* dropdown */
.nav ul li:last-child a{ border-bottom:none;}
.nav ul li ul.child li a{ background-image:none; background-color:rgba(0,0,0,0.5); transition:.8s;}
.nav ul li ul.child li a:hover{ background-color:rgba(0,0,0,0.8);}
.nav ul li ul.child{
    display: none;
    position: absolute;
    padding: 0;
	z-index:9999;
	font-size:1.4em;
	width: 300px;
	text-align:left;
	
}
.nav ul.child li{ height:50px !important; text-align:left;}
.nav ul.child li a{
	height:50px !important;
	line-height:50px !important;
    display: block;
	width: 240px;
	padding: 0 10px;
	box-sizing:border-box;
    color: #fff;
	text-align:left;
	text-decoration:none;
	border-bottom: 1px solid #555;
}

/* Nav default */
.nav .nav01 a { background-position:    0px 0px;}
.nav .nav02 a { background-position: -180px 0px;}
.nav .nav03 a { background-position: -360px 0px;}
.nav .nav04 a { background-position: -540px 0px;}
.nav .nav05 a { background-position: -720px 0px;}
.nav .nav06 a { background-position: -900px 0px;}

/* Nav hover */
.nav .nav01 a:hover { background-position:    0px -80px;}
.nav .nav02 a:hover { background-position: -180px -80px;}
.nav .nav03 a:hover { background-position: -360px -80px;}
.nav .nav04 a:hover { background-position: -540px -80px;}
.nav .nav05 a:hover { background-position: -720px -80px;}
.nav .nav06 a:hover { background-position: -900px -80px;}

/* Nav active */
#page-sightseeing .nav .nav01 a { background-position: 0px -160px; cursor: default;}
#page-mantencard .nav .nav02 a { background-position: -180px -160px; cursor: default;}
#page-breakfast .nav .nav03 a { background-position: -360px -160px; cursor: default;}
#page-faq .nav .nav04 a { background-position: -540px -160px; cursor: default;}

/*	メイン画像
----------------------------------------------- */
.visual{ overflow:hidden; height:320px;}
#page-home .visual,
#page-detail .visual{ overflow:hidden; height:700px; margin-bottom: 10px;}

#page-home .main-photo,
#page-detail .main-photo{ width:2000px; min-width:1080px; position:relative; left:50%; margin-left:-1000px;}
#page-home .main-photo-inner,
#page-detail .main-photo-inner{ position:relative;}
.slide_home > li { width: auto; position: static; left: 0; margin-left: 0;}
.slide_home > li > img { width: 2000px;}

/*#page-home .wide .main-photo,
#page-detail .wide .main-photo{ width: 100%; position: relative; left: 0; margin-left: 0;}
#page-home .wide .slide_home > li > img,
#page-detail .wide .slide_home > li > img{ width:100%;}*/

/* page */
.slide_page li{ width: auto; position: static; left: 0; margin-left: 0;}
.slide_page > li > img { width: 2000px;}
.wide .slide_page > li > img{ width:100%;}

.main-photo{ margin-bottom:10px; background:#262626;}

/*
--------------------------------------------------
	bxslider Style
-------------------------------------------------- */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index:100;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 100;
}
.bx-pager a {
	background: #eee;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #800D45;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 30px;
	height: 45px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* pagerサムネイル */
.thumb{ text-align:center;}
.thumb a{ border: 3px solid #dddddd; display: inline-block; width:80px; height:40px; margin-right:1px; margin-left:1px;}
.thumb a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50); 
}  
.thumb a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
} 
.thumb a.active{ border-color: #3e3768;} 

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs	   { width: 100%; margin: 10px auto 0; overflow: hidden;}
.breadcrumbs ul	   { color: #f2f0e5; font-size: 1.4em; line-height: 1.32;}
.breadcrumbs ul li { display: inline;}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
/* Contents 3cols left-left/right */
.c-smx          {}
.c-smx .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-smx .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-smx .maincol { width: 480px; float: left;  overflow: hidden; display: inline;}
.c-smx .xcol    { width: 220px; float: right; overflow: hidden; margin-left: 20px; display: inline;}

/* Contents 3cols right-left/right */
.c-xms          {}
.c-xms .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-xms .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px}
.c-xms .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-xms .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols left-left */
.c-sxm          {}
.c-sxm .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-sxm .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols right-right */
.c-mxs          {}
.c-mxs .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-mxs .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px; margin-left:0;}
.c-mxs .maincol { width: 480px; float: left;  overflow: hidden; margin-right: 20px;}
.c-mxs .xcol    { width: 220px; float: right; overflow: hidden; display: inline;}

/* Contents 2cols left */
.c-sm           {}
.c-sm .subcol   { width: 220px; float: left;  overflow: hidden; margin-left:  0;}
.c-sm .wrapper  { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sm .maincol  { width: 720px;  overflow: hidden;}
.c-sm .xcol     { display: none; overflow: hidden;} 

/* Contents 2cols right */
.c-ms           {}
.c-ms .subcol   { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-ms .wrapper  { width: 720px; float: left;  overflow: hidden; margin-right: 20px;}
.c-ms .maincol  { width: 720px;  overflow: hidden;}
.c-ms .xcol     { display: none; overflow: hidden;}

/* Contents 1col */
.c-m            {}
.c-m .subcol    { display: none;}
.c-m .wrapper   { width:100%;  overflow: hidden; margin: 0 auto;}
.c-m .maincol   { width:100%;  overflow: hidden; margin: 0 auto; padding: 0 0 20px;}
.c-m .xcol      { display: none; overflow: hidden;}



.content { width: 100%; margin: 0 auto; padding:0; overflow: hidden;}
.content-inner { background:#12261b url(../img/common/bg_green.jpg) repeat 0 0;}
.c-m .wrapper{ width:1080px; margin: 0 auto;}

#page-home .content-inner {  background:#fff;}
#page-home .c-m .wrapper{ width:100%; margin: 0 auto;}

/* Photos */
.photos		{}
.photos-left	{ margin-right: 20px; float: left;}
.photos-right	{ margin-left: 20px; float: right;}
.photos-center	{ width: 100%; text-align: center; margin-bottom: 5px;}

.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0;}
.photos-conformity-right  { margin: 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { margin: 0 1px 0 0; padding: 0; float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; padding: 0;}

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps { font-size: 100%; line-height: 1.32; padding-top: 2px; display: block;}

/* List */
.column-inner ul { margin: 0; padding: 0;}
.column-inner ol { margin: 0 0 0 2em; padding: 0;}

.column-inner ul li { margin: 0; padding: 0; list-style: none;}
.column-inner ol li { margin: 0; padding: 0; list-style: decimal;}

/* Detail */
.plandetail	  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity	     { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-right { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

/* Arrow */
a.arrow		 { padding-left: 16px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}
a.arrow-external { padding-left: 16px; background: url(../img/common/arrow_external.gif) no-repeat 0 1px;}


/* Box end */
.clear { clear: both; overflow: hidden;}

/*
--------------------------------------------------
	page_scroll
-------------------------------------------------- */
.container .move{
    position: fixed;
    right: 50%;
	bottom: 0;
	z-index:80;
	padding-bottom:0;
	margin-right:-680px;
}
.container .move img{ vertical-align:bottom;}
.container .move a{ display:block; width:80px; height:80px; text-indent:-9999px; overflow:hidden; background:url(../img/common/scroll.png) no-repeat 0 0; margin: 0 auto;}
.container .move a:hover{}

/*
--------------------------------------------------
	modal open
-------------------------------------------------- */
#modal-contents{ z-index: 0; font-size: 16px;}
#modal-open { color: #cc0000;}
#modal-main {
	display: none;
	width: 800px;
	height: 400px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #666666;
	position:fixed;
	z-index:125;
	border-radius:10px;
}
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	z-index:120;
}

/*
--------------------------------------------------
	box_slide
-------------------------------------------------- */
.box_slide {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}
.box_slide div {
	width: 900px;
	height: 480px;
	overflow: hidden;
	position: relative;
}
.box_slide div img {
	top: 0;
	left: 0;
	position: absolute;
}

.box_slide ul {
	width: 900px;
}

.box_slide ul li {
	width:80px;
	float: left;
	display: inline;
	margin-right:5px;
}
.box_slide ul li img{ width:80px;}

.box_slide .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.box_slide ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.box_slide ul {
	display: inline-block;
	overflow: hidden;
}





/*
--------------------------------------------------
	Common Style
-------------------------------------------------- */

.column{ width:1080px; margin: 0 auto 10px; padding:0 0 10px; color:#eee; font-size:1.8em;}
.column:after{ content:""; display: block; clear: both;}
.column-inner { margin: 0; padding: 0; zoom: 1; line-height:1.6;}
.column-inner:after { content:""; display: block; clear: both;}
.column-inner h3 { margin-bottom: 10px; line-height: 1.8; font-size:1.5em;}
.column-inner h4 { line-height: 1.572;}
.column-inner p  { margin: 0 0 10px; padding: 0; line-height:1.5;}
.column-inner span { margin: 0 0 15px; padding: 0; line-height: 1.572;}

.column-inner table {
	margin : 10px 0;
	background : none;
	border : dotted #eee;
	border-width : 1px 0 0 0;
	border-collapse : separate;
	border-spacing : 0;
}
.column-inner table th,
.column-inner table td {
	padding : 10px 10px;
	border : dotted #eee;
	border-width : 0 0 1px 0;
}
.column-inner table th {
	background :none;
	text-align:left;
}


/* リスト */
ul.list{}
ul.list li{ margin-bottom: 5px; list-style:disc; margin-left:20px;}

dl.list02{}
dl.list02 dt{ font-weight:bold; margin-bottom:5px;}
dl.list02 dd{ margin-left:15px; margin-bottom:10px; line-height:1.5;}

/* その他 */
p.note{ clear:both;}
p.read_txt{ font-size:1.4em; margin-bottom: 15px; line-height:1.6;}
hr.separate{ clear:both; border:none; padding:10px 0;}
.mr0{ margin-right:0 !important;}
.left{ float:left; margin-right:20px;}
.right{ float:right; margin-left:20px;}

/* btn */
.btn_over a{ display:block; overflow:hidden; text-align: center; text-decoration: none;}
.btn_over::before,
.btn_over::after { position: absolute; z-index: -1; display: block; content: '';}
.btn_over a,
.btn_over::before,
.btn_over::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}

/*
--------------------------------------------------
	Home
-------------------------------------------------- */
#page-home .c-m .maincol   { width:100%;  overflow: hidden; margin: 0 auto; padding: 0;}
#page-home .nav{ margin-bottom:0;}

/* home 朝食 */
.home_breakfast{ margin-bottom:30px;}
.home_breakfast h2{ overflow:hidden; height:0; background:url(../img/common/hd_home_breakfast.png) no-repeat center 0; padding-top:100px; }
.home_breakfast .inner{ width:1080px; margin: 0 auto;}
.home_breakfast p.caps{ text-align:center; color:#333; margin: 10px 0 15px;}
.home_breakfast .home_bf_list{ margin-bottom:10px;}
.home_breakfast .home_bf_list li{ float:left; width:220px; text-align:center; font-size:0.875em; margin-left:5px;}
.home_breakfast .home_bf_list li a{ border: 2px solid #09311f; display:block; height:50px; line-height:50px; box-sizing:border-box; color:#1a1a1a; text-decoration:none;}
.home_breakfast .home_bf_list li a:hover{ background:#E5E0CA;}

.home_breakfast .home_bf_list li:first-child{ margin-left:0;}
.home_breakfast .home_bf_list li.shd{ width:170px; height:50px; line-height:50px; color:#fff; background:#09311f; margin-right:10px;}

.link_plan{ padding: 0 15px;}
.link_plan:after{ content:""; clear:both; display:block;}
.link_plan li{ color:#fff; font-size:1.8em; text-align:center; width:210px; float:left; }
.link_plan li img{ box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.link_plan li a{ display:block;}

.home_breakfast .ph_home_bf{ position:relative; width:100%; height:400px;}
.home_breakfast .ph_home_bf ul li img{ vertical-align:bottom;}
.home_breakfast .ph_home_bf ul li{ position:absolute;}
.home_breakfast .ph_home_bf ul li.ph001{ top:0; left:0;}
.home_breakfast .ph_home_bf ul li.ph002{ top:200px; left:0;}
.home_breakfast .ph_home_bf ul li.ph003{ top:200px; left:15%;}
.home_breakfast .ph_home_bf ul li.ph004{ top:0; left:35%;}
.home_breakfast .ph_home_bf ul li.ph005{ top:0; left:702px;}
.home_breakfast .ph_home_bf ul li.ph006{ top:200px; left:65%;}

/* home 大浴場 */
.home_spa{ margin-bottom:50px;}
.home_spa h2{ overflow:hidden; height:0; background:url(../img/common/hd_home_spa.png) no-repeat center 0; padding-top:100px;}
.home_spa .inner{ width:1080px; margin: 0 auto;}
.home_spa p.caps{ text-align:center; color:#333; margin: 10px 0 15px;}

.home_spa .home_spa_list{ margin-bottom:10px;}
.home_spa .home_spa_list li{ float:left; width:210px; text-align:center; font-size:1.6em; margin:0 3px;}
.home_spa .home_spa_list li{
	width:210px;
	height:150px;
	position: relative;
}
.home_spa .home_spa_list li a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:3;
  text-decoration:none;
}
.home_spa .home_spa_list li:hover img{ opacity:0.8;}
.home_spa .home_spa_list li h3{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width:100%;
  z-index:2;
  font-size: 0.5em;
  text-align:center;
  padding: 5px 0;
  background: rgba(0,0,0,0.75);
}
/* modal_window */
.home_spa_modal{ width:960px; margin: 20px auto; box-sizing:border-box;}
.home_spa_modal:after{ content:""; clear:both; display:block;}
.home_spa_modal h3{ font-size:2.0em; text-align:center; margin: 0 0 15px;}

.box_slide ul { float: left; width: 50%; margin-top:10px;}
.btn_hotel_info{  width:240px;  float:right; margin-top:10px; text-align:center; font-size:1.4em;}
.btn_hotel_info a{ display:block; background:#800d45; border-radius:5px; height:45px; line-height:45px; text-decoration:none; color:#fff;}
.btn_hotel_info a:hover{ background:#670a37;}

/* home 味覚 */
.home_mikaku{ background:#12261b url(../img/common/bg_green.jpg) repeat 0 0; padding: 0 0 40px; color:#fff; font-size:1.4em;}
.home_mikaku h2{ overflow:hidden; height:0; background:url(../img/common/hd_home_mikaku.png) no-repeat center 0; padding-top:100px;}
.home_mikaku .inner{ width:1080px; margin: 0 auto;}
.home_mikaku .home_areamap{ text-align:center; margin-bottom:20px;}
.home_mikaku .btn_more{  width:360px; margin: 0 auto; text-align:center; font-size:1.2em;}
.home_mikaku .btn_more a{
	display:block;
	background:#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image: -moz-linear-gradient( top, #fff 50%, #ccc);
	height:60px;
	border-radius:5px;
	line-height:60px;
	text-decoration:none;
	color:#09311f;
}


.home_banner{ margin-bottom: 60px;}
.home_banner p{ margin-bottom:10px;}
.home_banner p.s_banner_l{ float:left;}
.home_banner p.s_banner_r{ float:right;}

/* Recommend */
#recommends h2{ margin-bottom:30px; text-align:center;}
#recommends { width:1080px; margin: 0 auto; padding: 0 0 100px;}
#recommends .column{ width: 300px; margin:0 30px 10px; float:left; } 
#recommends .column-inner { margin: 0; padding:0; overflow: hidden; font-size:1.4em;}
#recommends .column-inner h3 {  margin-bottom: 10px; font-weight:normal; margin-top:10px; font-size:1.15em;line-height: 1.6;}
#recommends .column-inner h3 a{ }
#recommends .column-inner p  { margin-bottom: 5px; line-height: 1.42; font-size: 1.2em;}
#recommends hr{ height:0px; border:1px dotted #DDD;}
#recommends .mealtime{ margin-bottom: 5px; padding: 3px 5px;  color: #FFF;  font-size: 80%; background-color: #ad6451; display: inline-block;}
#recommends .mealtime:after{ clear: both;}

.more_plan{ clear:both;}
.more_plan a {
	width: 300px;
	height: 45px;
	margin: 0 auto;
	background-color:#292446;
	color:#fff !important;
	text-decoration:none;
	font-size:16px;
	line-height: 45px;
}
.more_plan a:hover { background-color: #3d3472;}

.box_reserved{ border: 3px double #7b759b; background:url(../img/common/bg_box_reserved.png) repeat 0 0; margin-top:30px; padding: 15px 0; text-align:center; font-size:2.0em;}
.box_reserved strong{ font-size:1.5em; font-weight: normal;}
.box_reserved span{ font-family:helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN","メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.7em;}


/* TOP news */
.topics-col{ width:100%; margin: 0; padding: 20px 0 50px; background:#f3f1e9; border-top:1px solid #d4d2c5; border-bottom:1px solid #d4d2c5;}
.topics-col-inner{ width:1080px; margin: 0 auto;}

/* News */
#page-home h2.hd_news{ overflow:hidden; height:0; background:url(../img/common/hd_home_news.png) no-repeat center 0; padding-top:100px;}
.news h2.hd{ margin-bottom:30px; text-align:center; font-size:2.2em; color:#333; border-bottom: 1px solid #918b73; padding-bottom:10px;}
.news { width:520px;  margin: 0 auto; text-align:left;}
.news:after{ content:""; clear:both; display:block;}
.news .column{ width:520px; color:#333;}
.news .column-inner	{ overflow: hidden; line-height:1.4;}
.news .column-inner	.plandetail{}
.news .column-inner .plandetail h3{ font-size:1.0em; margin-bottom:5px; line-height:1.4; color:#7d103c; font-weight:normal;}


/* more_btn */
.more a{ display:block; overflow:hidden; text-align: center; text-decoration: none;}
.more::before,
.more::after { position: absolute; z-index: -1; display: block; content: '';}
.more a,
.more::before,
.more::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.more{ clear:both;}
.more a {
	width: 360px;
	height: 40px;
	margin: 0 auto;
	background-color:#fff;
	color:#800d45;
	text-decoration:none;
	font-size:1.4em;
	line-height: 40px;
	border:1px solid #800d45;
}
.more a:hover { background-color: #800d45; color:#fff;}

.user_banner,
.common_banner{ width:1080px; margin: 0 auto 30px;}
.user_banner{ margin-top:50px;}
.user_banner ul:after,
.common_banner ul:after{ content:""; clear:both; display:block;}

.user_banner ul li{ width:250px; float:left; margin: 0 10px;}
.common_banner ul li{ width:340px; float:left; margin: 0 10px;}

.sns_col{ margin-bottom:50px;}

.sns_col .sns_left{ float:left; margin-bottom:0; padding-bottom:0; width:500px;}
.sns_col .sns_right{ float:right; width:540px; margin-bottom:0; padding-bottom:0;}
.sns_col .bn_twitter{ float:left; margin-right:20px;}
.sns_col .bn_enquete{ clear:both; margin-top:15px; margin-bottom:10px; vertical-align:bottom;}

/*
--------------------------------------------------
	TOP並列並び  2列
-------------------------------------------------- */
#top_2column		{ margin: 0 0 15px;}
#top_2column:after	{ content:""; display: block; clear: both;}
#top_2column .left	{ width: 580px; margin: 0 10px 0; padding: 10px 0 0; float: left;}
#top_2column .right	{ width: 580px; margin: 0 10px 0; padding: 10px 0 0; float: left;}

/* 見出し */
#top_2column #news h2	{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_news_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
#top_2column #recommends h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_recommends_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
 

#top_2column #restaurant h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_restaurant_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
	
	
 
/*
--------------------------------------------------
	TOP並列並び  3列
-------------------------------------------------- */
#top_3column		{ margin: 0 0 15px;}
#top_3column:after	{ content:""; display: block; clear: both;}
#top_3column .left	{ width: 380px; margin: 0 10px 0; padding: 10px 0 0; float: left;}
#top_3column .right	{ width: 380px; margin: 0 10px 0; padding: 10px 0 0; float: left;}

/* 見出し */
#top_3column #news h2	{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_news_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
#top_3column #recommends h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_recommends_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
 

#top_3column #restaurant h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_restaurant_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}

/*
--------------------------------------------------
	Entries
-------------------------------------------------- */
#entries { margin:0; padding:0; /*background: url(../img/home/tab_bg_footer.png) no-repeat 0 bottom;*/ width: 1200px;}
#entries div.column{ margin:0; padding:0; width: 1200px;}

/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width		: 100%;
	height		: 53px;
	padding		: -53px 0 0 20px;
        background: url(../img/home/tab_bg.png) repeat-x 0 0; 
	overflow	: hidden;
}
ul.ui-tabs-nav li { float: left;}
ul.ui-tabs-nav li a {
	width		: 220px;
	height		: 0;
	margin		: 0 5px 0 0;
	padding-top	: 53px;
	display		: block;
	float		: left;
	overflow	: hidden;
	outline		: none;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a	{ background: url(../img/home/tab_recommend.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-restaurant a	{ background: url(../img/home/tab_restaurant.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-news a	   { background: url(../img/home/tab_news.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-news a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a { background-position: 0 0px;}


/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */
#sitemap {}
#sitemap .column-inner		   { padding: 15px 0 10px; border: none;}
#sitemap .column-inner ul	   { margin-left: 20px;}
#sitemap .column-inner ul li	   { list-style:none; padding-left: 12px; background: url(../img/common/arrow.png) no-repeat 0 5px;}
#sitemap .column-inner ul li span  { color: #aaa;}
#sitemap .column-inner ul li ul    { font-size: 100%; margin: 0 0 10px 15px;}
#sitemap .column-inner ul li ul li { list-style:none; margin-bottom: 3px;}


/*
--------------------------------------------------
	Online service
-------------------------------------------------- */
.home_search{ background:#12261b url(../img/common/bg_green.jpg) repeat 0 0; padding: 10px 0; color:#fff; font-size:1.4em;}
.home_search_inner{ width:1080px; margin: 0 auto; position:relative;}
.home_search_inner:after{ content:""; clear:both; display:block;}
.home_search_inner .booking-inner{ position:absolute; top:0; left:140px; width:720px; }
.home_search_inner .booking-col{ float:left; margin-right:10px;} 
.home_search_inner .booking-col h4{ margin-bottom:0;}
h3.hd_search a{ display:block; overflow:hidden; height:0; background:url(../img/common/hd_search.png) no-repeat 0 0; padding-top:100px; width:100px;}
.home_search select{ height:30px; margin-right:4px; margin-bottom:3px;}

.home_search_inner .search_menu{ position:absolute; top:100px; left:140px;}
.home_search_inner .search_menu li{ float:left; width:240px;}
.home_search_inner .search_menu li a{ display:block; margin-right:10px;}
.home_search_inner .search_menu li#btn_login a{ overflow:hidden; height:0; background:url(../img/common/btn_search_login.png) no-repeat 0 0; padding-top:30px;}
.home_search_inner .search_menu li#btn_cancel a{ overflow:hidden; height:0; background:url(../img/common/btn_search_cancel.png) no-repeat 0 0; padding-top:30px;}
.home_search_inner .search_menu li#btn_members a{ overflow:hidden; height:0; background:url(../img/common/btn_search_members.png) no-repeat 0 0; padding-top:30px; margin-right:0;}

.home_search_inner .bn_search_point{ position:absolute; top:0; right:0;}
.home_search_inner .bn_home_point{ position: static; padding-top:30px;}

.home_search_inner p.btn_search{ float:right;width:110px;}
.home_search_inner .btn_search input{ background: url(../img/common/btn_search.png) no-repeat 0 0; display:block; overflow:hidden; height:0; width:110px; padding-top:60px;margin-top: 20px;} 

/*	Bestrate
-------------------------------------------------- */
.bn_bestrate { width: 100%; background:#292446; text-align:center; padding: 8px 0; color:#fff; font-size: 1.6em;}


/*	Bestrate
-------------------------------------------------- */
.bestrate	{ width: 220px; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.bestrate p	{ text-align: center; padding-bottom: 10px;}
.bestrate ul	{ text-align: center;}
.bestrate ul li { padding-bottom: 5px;}
.bestrate img	{ vertical-align: bottom;}
.bestrate span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Banner
-------------------------------------------------- */
.banner		{ width: 220px; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.banner p	{ text-align: center; padding-bottom: 10px;}
.banner ul	{ text-align: center;}
.banner ul li	{ padding-bottom: 5px;}
.banner img	{ vertical-align: bottom;}
.banner span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Mobile
-------------------------------------------------- */
#mobile		 { width: 220px; margin: 0 auto 10px; overflow: hidden;}
#mobile-inner	 { padding: 10px 5px 0; border: 1px solid #766c23; background: #e9e6d5;}
#mobile p	 { margin: 0 10px 10px; color: #333; font-size: 85%; line-height: 1.32;}
#mobile p#qrcode { text-align: center;}
#mobile p#qrcode img { border: 1px solid #77623c;}


/*
--------------------------------------------------
	Form
-------------------------------------------------- */
form			 {}
select			 { font-size: 13px; cursor: pointer;}
input[type="text"]	 { height: 16px; padding: 2px; color: #333; font-size: 13px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #aaa;}
input[type="text"]:focus { border: 1px solid #cc6600;}
input[type="button"]	 { cursor: pointer;}
input[type="submit"]	 { cursor: pointer;}
textarea		 { width: 98%; padding: 2px; color: #333; font-size: 13px; border: 1px solid #aaa; overflow: auto;}
textarea:focus		 { border: 1px solid #cc6600;}
.inquiry-form .caps	 { margin: 10px 3px 0 3px; color: #FF0000; font-size: 0.8em; display: block;}


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer{
	width: 100%;
	background:#f8f8f8;
	margin: 0;
	padding: 30px 0 0;
	color:#333;
	clear: both;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.5) inset;
}
.footer:after{ content:""; clear:both; display:block; }
.footer-inner{ width:1080px; margin:0 auto;}

.footer_map{ width:600px; float:left; background:url(../img/common/bg_footer_map.png) no-repeat 0 0; min-height:700px; position:relative;}
.footer_map h3{ background: url(../img/common/hd_footer_map.png) no-repeat 0 0; width:310px; overflow:hidden; height:0; padding-top:200px; margin-top:15px;}
.footer_map .footer_map_banner{ position:absolute; bottom:25px;}

/* ホテルリスト
-------------------------------------------------- */
.hotel_list{ width:480px; float:right;}
.hotel_list:after{ content:""; clear: both; display:block;}
.hotel_list_box{
	width:238px;
	height:220px;
	position: relative;
	background:#fff;
	border: 1px solid #626262;
	box-sizing:border-box;
	padding:1px;
	float:left;
	margin-left:2px;
	margin-bottom:2px;
}
.hotel_list_box a{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2;
}
.hotel_list_box img{ opacity:1; transition:.5s;}
.hotel_list_box:hover img{ opacity:0.8;}
.hotel_list_box h3{ position:static; text-align:center; font-size: 2.0em; line-height:105%; margin-top:5px;}
.hotel_list_box h3 span{ font-size:0.75em; display:block;}

.footer_group{ border-top: 1px solid #b5b5b5; clear:both;}
.footer_group .inner{ width:1080px; margin:0 auto; padding: 10px 0; position:relative;}
.footer_group .inner:after{ content:""; clear:both; display:block;}
.footer_group .inner .group_logo{ position:absolute; right:0; top:50%; margin-top:-25px;}
.footer_group h4{ border-bottom: 1px dotted #800d45; color:#800d45; font-size:1.1em; margin-bottom:5px;}
.footer_group table{ font-size:1.2em; float:left; margin-right:15px;}
.footer_group table th{ text-align:left;}
.footer_group table th span{ color:#800d45;}
.footer_group table td{ padding-right:10px;}

/* Copyright */
.copyright { clear:both; width:100%; background: #232323; font-size:1.2em;}
.copyright p { width: 1080px; text-align:center; margin: 0 auto; padding: 15px 0; color:#fff;}

.home_main.footer{box-shadow:none; padding-top:15px;}
.home_main .footer_map{ min-height:680px;}


/*
--------------------------------------------------
	Image Surfing Style
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall {
	width		: 164px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingsmall ul { width: 160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingsmall ul li a {
	width		: 40px;
	height		: 30px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingsmall img {
	width		: auto;
	height		: 120px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingsmall ul li img {
	width		: 39px;
	height		: 29px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Normal-220px */
.imagesurfingnormal {
	width		: 224px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width		: 55px;
	height		: 42px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}

.imagesurfingnormal img {
	width		: auto;
	height		: 165px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingnormal ul li img {
	width		: 54px;
	height		: 41px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #eee;
}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Large-280px */
.imagesurfinglarge {
	width		: 284px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width		: 70px;
	height		: 53px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfinglarge img {
	width		: auto;
	height		: 210px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfinglarge ul li img {
	width		: 69px;
	height		: 52px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/*
--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body .subcol,
	html>/**/body .wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
}

/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	.entry p { _margin-bottom: 0; _padding-bottom: 10px;}
	.information { _margin-bottom: 10px;}
}

/*
--------------------------------------------------
	Common css
-------------------------------------------------- */
ul#tabs_nav{ margin:0; padding:0; list-style:none;}
ul#tabs_nav:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
ul#tabs_nav li { float:left; margin: 0 1px 0 0; list-style:none; background: #ddd; padding:10px;}
ul#tabs_nav li.active{ background:#C02124;}
.tabbox { display:none; padding: 30px 0;}

/* 見出し */
h2{ padding:0; margin:0;}
.content h2{ text-align:center; font-size:3.6em; color:#e5e0ca;}
/* 記事内h2 */
.column-inner h2.hd02{ font-size: 2.0em; line-height:1.4;}
.column-inner h2.hd02 span{ display:block; font-size:0.8em; margin-bottom:0;}

#page-home .content h2{ margin:20px 0;}

.column-inner h3.page_shd{ color:#e5e0ca; text-align:center; font-size: 1.7em;}
.column-inner h3.page_shd span{ font-size:0.5em; display:block;}
.column-inner h3.hd_top{ text-align:center;}

.column-inner h4{ color:#d7aa4a; font-size:1.15em;}

.column-inner .layout_box{ width:520px; float:left; margin: 0 20px 20px 0;}
.column-inner .layout_box.wide{ width:1080px; float:none;}
.column-inner .layout_box h3{ font-size:1.2em;}
.column-inner .layout_box table{ width:100%; margin: 10px 0 20px;}
.column-inner .layout_box table th{ width:30%;}
.column-inner .layout_box h4.mark{ background:#991053; font-size:1.0em; margin:5px 0; color:#eee; padding: 3px 15px; text-align:center; display:inline-block;}

.column-inner .page_intro{ text-align:center;}

.column-inner dl.date_info{ width:500px; margin: 20px auto; text-align:left;}
.column-inner dl.date_info dt{ clear:both; float:left; width:90px;}
.column-inner dl.date_info dd{ margin-left:95px;}

/* layout関連 */
.pt20{ padding-top:20px;}
.mt10{ margin-top:10px;}
/* 装飾関連 */
.yu-min{ font-family :"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.column-inner .border{ border-top: 5px solid #fff; padding-top:15px;}

.column-inner a.btns{
	display:block;
	height:60px;
	line-height:60px;
	background:#be8f18;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#be8f18), color-stop(0.49, #d19f21), color-stop(0.50, #b28516), to(#cd9b23));
	background-image: -moz-linear-gradient( top, #be8f18 0%, #d19f21 49%, #b28516 50%, #cd9b23);
	text-decoration:none;
	padding: 0 10px;
	color:#fff;
	text-shadow:0 0 4px #000;
	border-radius:5px;
	font-size:1.0em;
}
.arr_pdf{ text-align:right;}
.arr_pdf a{ color:#fff; text-decoration:none; background:url(../img/common/icon_pdf.png) no-repeat 0 center; padding: 5px 0 5px 50px;}


/* 
--------------------------------------------------
	北陸周遊観光
-------------------------------------------------- */
#page-sightseeing h2.hd{ margin: 15px 0;}

#page-sightseeing .column-inner h3.shd_guide_route{ margin-bottom:0; background:#09311F; border:1px solid #154f35; border-bottom:none; color:#fff; padding: 5px 0 5px 15px; font-size:1.2em;}
#page-sightseeing .column-inner h3.shd_guide_route span{ border-right:1px dotted #fff; font-size:0.8em; padding: 5px 15px 5px 0; margin-right:15px;}
#page-sightseeing .column-inner .guide_route{ background:#fff; color:#333; padding:15px;}

#page-sightseeing h3.page_shd{ margin-top:30px;}
ul.hotel_sightseeing{}
ul.hotel_sightseeing li{ width:170px; box-sizing:border-box; margin: 0 5px; float:left; text-align:center;}
ul.hotel_sightseeing li a{ display:block; height:50px; line-height:50px; border:1px solid #e0cb68; background:#09311F; text-decoration:none; transition:.5s;}
ul.hotel_sightseeing li a:hover{ background:#114f33;}

/*
--------------------------------------------------
	ポイントカード
-------------------------------------------------- */
#page-mantencard{}
.column-inner .pointcard_info{}
.column-inner .pointcard_info dt{ clear:both; float:left; width:6em; font-size:0.9em; border: 1px solid #ddd; text-align:center; box-sizing:border-box; margin-bottom:15px;}
.column-inner .pointcard_info dd{ margin-left:7em; margin-bottom:15px; overflow:hidden;}
.column-inner .pointcard_info dd ul{ margin-left:20px;}
.column-inner .pointcard_info dd ul li{ list-style:disc;}

.column-inner .btn_download{ width:600px; margin: 0 auto; text-align:center; line-height:1.0;} 
.column-inner .btn_download a{ line-height:1.2; height:auto; padding: 18px 0; background:#E5E0CA; display:block; text-decoration:none; color:#333; border-radius:8px;}
.column-inner .btn_download a span{ display:block; font-size:0.8em; margin:0;}

.column-inner .about_card{ border-bottom:1px dotted #eee; padding-bottom:10px; position:relative;}
.column-inner .about_card dt span{ font-size:1.2em; margin-left:1em;}
.column-inner .about_card dt{ padding-left:3.8em; text-indent:-3.8em; border-top: 1px dotted #eee; margin: 10px 0; padding-top: 10px;}
.column-inner .about_card dt:first-child{ margin-top:0;}
.column-inner .about_card dd{ padding-left:3.8em;}

#page-mantencard .photos-right div{ margin-bottom:10px;} 


/*
--------------------------------------------------
	よくある質問
-------------------------------------------------- */
#page-faq .column{ margin-bottom:0; padding-bottom:0;}
#page-faq .column-inner{ margin-bottom:0; padding-bottom:0;}

.faq_list dt{ margin-bottom:5px; background:url(../img/common/icon_q.png) no-repeat 0 0; padding: 5px 0 5px 45px;}
.faq_list dd{ margin-bottom:15px; background:url(../img/common/icon_a.png) no-repeat 0 0; padding: 5px 0 5px 45px; border-bottom: 1px dotted #fff; padding-bottom:15px;}

/* faq tab */
#page-faq ul#tabs_nav{ margin: 15px 0 0;}
#page-faq ul#tabs_nav li{ width:216px; border: solid #eee; border-width: 1px 1px 1px 0; background:none; box-sizing:border-box; margin:0; text-align:center; padding:0;}
#page-faq ul#tabs_nav li:first-child{ border-left: 1px solid #eee;}
#page-faq ul#tabs_nav li a{ display:block; padding:15px 0; text-decoration:none; color:#eee;}
#page-faq ul#tabs_nav li.active a{ color:#0F2519; background:#FBEA9A;}

#page-faq .column-inner .btn_reserved {
    text-align: center;
    width: 600px;
    margin: 0 auto;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{ position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../js/colorbox/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../js/colorbox/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#cboxOverlay {
    background: #000;
}
#cboxLoadedContent {
    background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
    -moz-box-shadow: 0px 1px 10px #000000;
    -webkit-box-shadow: 0px 1px 10px #000000;
    box-shadow: 0px 1px 10px #000000;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
#inline-content {/* インラインを使用する時のみ */
    margin:0;
}
#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}

/*
--------------------------------------------------
	新着詳細
-------------------------------------------------- */
#page-detail .home_main{ display:none;}
#page-detail .c-m .maincol { padding: 0 0 40px;}
#page-detail .content h2 { margin-bottom: 15px; padding-bottom:20px; margin-top:15px; border-bottom: 1px dotted #ddd;}
#page-detail .column { font-size: 1.6em; border-bottom: 1px dotted #ddd; margin: 0 auto 15px; padding: 0 0 15px;}
#page-detail .column-inner h3 { font-size: 1.2em;}