@charset "UTF-8";
/*
-----------------------------------------------
	Base Style
	Version: 21 MAR 2013
----------------------------------------------- */
html { background: #faf3d7;}
body {
	background	: #faf3d7;
	color		: #333;
	font-family	: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size	: small;
	line-height	: 1.4;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #c9a02f; text-decoration: none; border:none;}
a:visited	{ color: #c9a02f; text-decoration: underline;}
a:hover	{ color: #c9a02f; text-decoration: underline;}
a:active	{ color: #c9a02f; text-decoration: underline;}
strong	{ font-weight: bold;}
em		{ font-style: italic;}

.column-inner p.statement_link { margin-top: 5px; padding-left:20px; background: url(../img/common/link_mark.png) no-repeat  left 5px center ; font-weight:bold;}
/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container		{ width: 100%;}
.container-inner	{ background: url(../img/common/bg_base02.png) repeat-x left bottom;}
.container-inner-inner	{}

/*
--------------------------------------------------
	Header
-------------------------------------------------- */
.header {
	width		: 100%;
	height		: 100px;
	margin		: 0;
	background	: #0d1b13;
	background	: url(../img/common/header_bg.gif) repeat-x left center;
}
.header-inner{
	width		: 960px;
	height		: 100px;
	margin		: 0 auto;
	position	: relative;
	overflow	: hidden;
	background	: url(../img/common/header_inner_bg.gif) no-repeat left center;
}
/* Logo */
.logo {
height : 50px;
width : 295px;
	/*padding		: 10px 15px;*/
	color		: #FFF;
	font-size	: 24px;
	text-decoration	: none;
	text-indent: -9999px;
	display		: block;
	position	: absolute;
	left		: 0;
	top		: 30px;
	overflow	: hidden;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #FFF; text-decoration: none;}


/* Language nav */
.langnav {
	position	: absolute;
	right		: 0px;
	top		: 7px;
	width: 263px;
	height: 19px;
}

.langnav div { float: left;}

#langnav01 {
	width: 65px;
	height: 19px;
	margin-right	: 1px;
	background	: url(../img/common/langnav_img01.gif) no-repeat left top;
}

#langnav02 {
	width: 65px;
	height: 19px;
	margin-right	: 1px;
	background	: url(../img/common/langnav_img02.gif) no-repeat left top;
}

#langnav03 {
	width: 65px;
	height: 19px;
	margin-right	: 1px;
	background	: url(../img/common/langnav_img03.gif) no-repeat left top;
}

#langnav04 {
	width: 65px;
	height: 19px;
	margin-right	: 0px;
	background	: url(../img/common/langnav_img04.gif) no-repeat left top;
}

.langnav a	 { 
	display		: block;
	width: 65px;
	height: 19px;
	text-indent: -9999px;
}

/* cnav */
.cnav		  {}
.cnav ul	  { position: absolute; right: 0; top: 35px;}
.cnav ul li	  { margin-left: 5px; float: left;}
.cnav ul li a	  { text-decoration: none;}
.cnav ul li a img { vertical-align: bottom;}


/* Font resize */
#fontresize {
	width		: 100%;
	height		: 22px;
	margin		: 10px auto 10px;
	padding		: 10px 0;
	background	: #011308;
}
#fontresize-hd {
	width		: 115px;
	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		: 100px;
	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;}


/*
-----------------------------------------------
	Nav
----------------------------------------------- */
.nav {
	width		: 100%;
	height		: 60px;
	margin		: 0;
	padding		: 0;
	background	: url(../img/common/nav_base.gif) repeat-x center top;
	overflow	: hidden;
}
.nav ul {
	width		: 961px;
	height		: 60px;
	margin		: 0 auto;
	padding		: 0;
	font-size	: 93%;
	line-height	: 60px;
}
.nav ul li {
	height		: 60px;
	margin		: 0;
	padding		: 0;
	float		: left;
}
.nav ul li a {
	width		: 120px;
	height		: 60px;
	margin		: 0;
	padding		: 0;
	background	: url(../img/common/nav_bg.gif) no-repeat 0 0;
	color		: #fff;
	font-size	: 12px;
	font-weight	: bold;
	text-decoration	: none;
	text-align	: center;
	text-indent: -9999px;
	line-height	: 60px;
	vertical-align	: middle;
	display		: block;
	overflow	: hidden;
}
.nav ul li a:hover{ text-decoration	: none;}

/* Nav default */
.nav .nav01 a { background-position:    0px 0px;}
.nav .nav02 a { background-position: -120px 0px;}
.nav .nav03 a { background-position: -240px 0px;}
.nav .nav04 a { background-position: -360px 0px;}
.nav .nav05 a { background-position: -480px 0px;}
.nav .nav06 a { background-position: -600px 0px;}
.nav .nav07 a { background-position: -720px 0px;}
.nav .nav08 a { background-position: -840px 0px;}

/* Nav hover */
.nav .nav01 a:hover { background-position:    0px -60px;}
.nav .nav02 a:hover { background-position: -120px -60px;}
.nav .nav03 a:hover { background-position: -240px -60px;}
.nav .nav04 a:hover { background-position: -360px -60px;}
.nav .nav05 a:hover { background-position: -480px -60px;}
.nav .nav06 a:hover { background-position: -600px -60px;}
.nav .nav07 a:hover { background-position: -720px -60px;}
.nav .nav08 a:hover { background-position: -840px -60px;}

/* Nav active */
#page-home	 .nav .nav01 a { background-position:    0px 0px; cursor: default; color:#fff;}
#page-contents01 .nav .nav02 a { background-position: -120px 0px; cursor: default; color:#fff;}
#page-contents02 .nav .nav03 a { background-position: -240px 0px; cursor: default; color:#fff;}
#page-contents03 .nav .nav04 a { background-position: -360px 0px; cursor: default; color:#fff;}
#page-contents04 .nav .nav05 a { background-position: -480px 0px; cursor: default; color:#fff;}
#page-contents05 .nav .nav06 a { background-position: -600px 0px; cursor: default; color:#fff;}
#page-contents06 .nav .nav07 a { background-position: -720px 0px; cursor: default; color:#fff;}
#page-access	 .nav .nav08 a { background-position: -840px 0px; cursor: default; color:#fff;}

/*
--------------------------------------------------
	Main Image
-------------------------------------------------- */
.main-photo	  { width: 100%; height: 320px; margin: 0 auto; background: url(../img/common/mainphoto_bg.gif) repeat-x 0 0; text-align: center; overflow: hidden; border-bottom:#FFF 2px solid;}
.main-photo img	  { width: 960px; margin: 0 auto; vertical-align: bottom; border-bottom: 1px solid #101a14;}
.main-photo .show { width: 960px; height: 320px; margin: 0 auto; border-bottom: 1px solid #101a14; overflow: hidden;}

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

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content	{ width: 960px; margin: 0 auto; padding: 25px 0 0; }
.content-inner	{}

.content h2 {
	height		: 40px;
	padding		: 5px 0 0 15px;
	background	: url(../img/common/hd.gif) no-repeat 0 0;
	color		: #ffffff;
	font-size	: 130%;
	font-weight	: bold;
	line-height	: 31px;
	font-family:
	"ヒラギノ明朝 ProN W6",
	"HiraMinProN-W6",
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	serif;
	font-weight: normal;
}

/* 3column */
.c-smx h2,
.c-xms h2,
.c-sxm h2,
.c-mxs h2 {
	background	: url(../img/common/hd.gif) no-repeat 0 0;
}

/* 1column */
.c-m h2 { background: url(../img/common/hd_wide.png) no-repeat 0 0;}

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

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

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

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

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

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

/* Contents 1col */
.c-m            {}
.c-m .subcol    { display: none;}
.c-m .wrapper   { width: 960px; overflow: hidden;}
.c-m .maincol   { width: 960px;  overflow: hidden; margin-top: 10px;}
.c-m .xcol      { display: none; overflow: hidden; margin-top: 10px;}


.column				 { width: 100%; margin: 0; padding: 0; clear: both;}
.column-inner		 { margin: 0 0 15px; padding: 0 0 15px; zoom: 1;}
.column-inner:after	 { content: ""; display: block; clear: both;}
.column-inner h3	 { margin-bottom: 5px; color: #555; font-size: 112%; font-weight: bold; line-height: 1.572;}
.column-inner p		 { margin: 0; padding: 0; line-height: 1.572;}
.column-inner span	 { margin: 0 0 0; padding: 0; line-height: 1.572;}



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

.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0; float: left;}
.photos-conformity-right  { margin: 0; float: right;}
.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: 2px;}

.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 0 0 0; padding: 0;}
.column-inner ol { margin: 0 0 0 2em; padding: 0;}

.column-inner ul li { margin: 0; padding: 0; list-style: disc;}
.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(https://www.hotel-wellness.jp/inabaji/test/common/hmiwellness/img/common/arrow_external.gif) no-repeat 0 1px;}

/* Move */
.move				{ width: 100%; margin: 10px auto; clear: both;}
.move ul			{ font-size: 85%; line-height: 1.32; text-align: right;}
.move ul li			{ display: inline;}
.move ul li a		{ color: #6e5c3f; text-decoration: underline; padding-left: 16px; background: url(../img/common/arrow_totop.gif) no-repeat left center;}
.move ul li a:hover	{ color: #6e5c3f; text-decoration: none;}


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


/*
--------------------------------------------------
	Side Menu
-------------------------------------------------- */
#submenu					 { width: 100%; margin: 0 0 15px; padding: 0;}
#submenu ul li.submenu-title { padding: 5px; background: #0d1b13; color: #FFF; font-size: 110%; font-weight: bold; text-align: center;}

#submenu ul				  { width: 100%;}
#submenu ul li			  { margin: 0; padding: 0; border: 1px solid #0d1b13; border-bottom: none; background: #043015; color: #FFF;}
#submenu ul li:last-child { border-bottom: 1px solid #0d1b13;}
#submenu ul li a		  { margin: 0; padding: 5px 5px 5px 15px; text-decoration: none; color: #FFF; display: block;}
#submenu ul li a:hover	  { background: #32543e; color: #EEE;}

#submenu ul li ul.sub	 { width: 100%;}
#submenu ul li ul.sub li { margin: 0; padding: 0; border: none; background: #316a38; color: #FFF;}
#submenu ul li ul.sub li a		 { margin: 0; padding: 5px 5px 5px 25px; text-decoration: none; color: #FFF; display: block;}
#submenu ul li ul.sub li a:hover { background: #32543e; color: #EEE;}


/*
--------------------------------------------------
	Home
-------------------------------------------------- */
/* Recommend */
#recommends					 { padding: 0 0 20px;}
#recommends .column-inner	 { margin-bottom: 0; padding: 10px; border-bottom: 1px dotted #aaa; overflow: hidden;}
#recommends .column-inner h3 { margin-bottom: 5px; line-height: 1.42;}
#recommends .column-inner p	 { margin-bottom: 5px; line-height: 1.42;}
#recommends hr				 { height: 0px; border: 1px dotted #DDD;}
#recommends .mealtime		 { margin-bottom: 5px; padding: 3px 5px; color: #FFF; font-size: 80%; background-color: #0c5526; display: inline-block;}
#recommends .mealtime:after	 { clear: both;}

/* News */
#news					 { padding: 0 0 20px;}
#news .column-inner		 { margin-bottom: 0; padding: 10px; border-bottom: 1px dotted #aaa; overflow: hidden;}
#news .column-inner h3	 { margin-bottom: 5px; font-weight: bold; line-height: 1.42;}
#news .column-inner p	 { margin-bottom: 5px; line-height: 1.42;}
#news hr				 { height: 0px; border: 1px dotted #DDD;}

/* Restaurant */
#restaurant					 { padding: 10px 0 20px;}
#restaurant .column-inner	 { margin-bottom: 0; padding: 10px; border-bottom: 1px dotted #aaa; overflow: hidden;}
#restaurant .column-inner h3 { margin-bottom: 5px; line-height: 1.42;}
#restaurant .column-inner p	 { margin-bottom: 5px; line-height: 1.42;}
#restaurant hr				 { height: 0px; border: 1px dotted #DDD;}
#restaurant .mealtime		 { margin-bottom: 5px; padding: 3px 5px; color: #FFF; font-size: 80%; background-color: #0c5526; display: inline-block;}
#restaurant .mealtime:after	 { clear: both;}

.more			{ font-size: 80%; line-height: 1.32; clear: both;}
.more a			{ width: 12em; margin: 10px 0; padding: 5px; background: #f0a617; color: #fff; text-decoration: none; text-align: center; display: block; float: right;}
.more a:hover	{ background: #0b2e19;}
.more:after		{ content: ""; display: block; clear: both;}


/*
--------------------------------------------------
	Entries
-------------------------------------------------- */
#entries { margin: 0; padding: 0;}
#entries div.column{ margin: 0; padding: 0;}

/* 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		: 40px;
	padding		: 0 0 0 10px;
	background	: url(../img/home/tab_bg.gif) repeat-x 0 0;
	overflow	: hidden;
}
ul.ui-tabs-nav li { float: left;}
ul.ui-tabs-nav li a {
	width		: 150px;
	height		: 0;
	margin		: 0 2px 0 0;
	padding-top	: 40px;
	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.gif) no-repeat 0 0;}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { background-position: 0 -40px;}
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a { background-position: 0 -80px;}


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


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


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

/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */


#page-sitemap ul#sitemap { float:left; width: 680px; margin-bottom: 20px; }

#page-sitemap ul#sitemap li.siteList {
	float: left;
	width: 190px;
	padding-right: 10px;
	margin-bottom: 30px;
}

#page-sitemap ul#sitemap li h3 { border-bottom: 1px solid #999; }

#page-sitemap ul#sitemap li.siteList ul { margin-left: 10px; }

.siteList a:link,.siteList a:visited {
	color: #015f22;
	text-decoration: underline;
}

.siteList a:hover,.siteList a:active {
	color: #015f22;
	text-decoration: none;
}


/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Online service
-------------------------------------------------- */
.onlineservice		 { width: 220px; margin: 0 0 15px 0; padding: 0 0 20px 0; background: url(../img/common/search_bg_footer.gif) no-repeat 0 bottom; line-height:1.75;}
.onlineservice-inner { width: 220px; padding-top: 0px; background: url(../img/common/search_bg.gif) repeat-y center top;}

.onlineservice h3#hd_search	{ height: 60px; background: url(../img/common/hd_search.gif) no-repeat 0 0; text-indent: -9999px;}
.onlineservice h3#hd_search_rest{ height: 60px; background: url(../img/common/hd_search_rest.gif) no-repeat 0 0; text-indent: -9999px;}
.onlineservice h4#shd_search	{ height: 25px; background: url(https://www.hotel-wellness.jp/inabaji/test/common/hmiwellness/img/common/shd_search.gif) no-repeat 9px 0; text-indent: -9999px;}

.booking-search		{ width: 170px; margin: 0 auto 10px; padding: 15px 0 0 ; }
.booking-search .btns	{ width: 100%; margin: 5px auto; text-align: center;}
.booking-search .button { width: 100%;}
.booking-search input,
.booking-search select	{ margin: 0 0 5px;}
.booking-search select.selectbox { margin-left: 5px;}

.booking-search .sept	{ float: right;}

.booking-buttons ul,
.booking-links ul { margin-left: 20px; margin-top: 10px; clear: both;}

.booking-buttons ul li	 {margin-bottom: 5px;}
.booking-buttons ul li a { width: 180px; height: 30px; margin-bottom: 1px; overflow: hidden; display: block; text-indent: -9999px;}

.booking-links ul li a	 { padding-left: 9px; background: url(../img/common/arrow02.gif) no-repeat left center; color: #f0a617;}

#booking_btn_plan a	 { background: url(../img/common/btn_search01.gif) no-repeat 0 0;}
#booking_btn_available a { background: url(../img/common/btn_search02.gif) no-repeat 0 0;}

#booking_btn_plan a:hover	{ background-position: 0 -30px;}
#booking_btn_available a:hover	{ background-position: 0 -30px;}

/* 横長ver */
.onlineserviceY		  { width: 960px; margin: 5px auto; padding: 0 0 10px; background: url(../img/common/searchY_bg_footer.png) no-repeat 0 bottom; line-height:1.75;}
.onlineserviceY-inner { width: 960px; padding: 5px 0; background: url(../img/common/searchY_bg.png) repeat-y 0 0;}

.onlineserviceY h3#hd_search	  { height: 0px; padding-top: 35px; background: url(../img/common/hd_searchY.png) no-repeat 0 0; display: block; overflow: hidden;}
.onlineserviceY h3#hd_search_rest { height: 0px; padding-top: 35px; background: url(../img/common/hd_searchY_rest.png) no-repeat 0 0; display: block; overflow: hidden;}

.booking-searchY		 { width: 920px; margin: 0 auto;}
.booking-searchY .btns	 { margin: 5px auto; text-align: center;}
.booking-searchY .button { width: 190px; margin-bottom: 5px;}
.booking-searchY input,
.booking-searchY select	 { margin-right: 5px;}
.booking-searchY select.selectbox {}


/*	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 5px; overflow: hidden; text-align: center;}
.banner p	{ text-align: center; padding-bottom: 5px;}
.banner ul	{ text-align: center;}
.banner ul li	{ padding-bottom: 5px;}
.banner ul li.last	{ padding-bottom: 0;}
.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: 5px 5px 0; border: 1px solid #c9c9c9; background: #f5f5f5;}
#mobile p	 { margin: 0 0 10px; font-size: 85%; line-height: 1.32;}
#mobile p#qrcode { text-align: center;}


/*
--------------------------------------------------
	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%; margin: 0; padding: 0; color: #000; font-size: 100%; text-align: center; solid #448658; clear: both;  background: #083c26 url(../img/common/footer_bg.gif) repeat-x 0 0}
.footer-inner	{ }

/* Information */
.information		{ width: 960px; margin: 0 auto; color: #fff; text-align: left; overflow: hidden;}
.information h3		{ margin-bottom: 5px; font-weight: bold; line-height: 1.572;}
.information h4		{ margin-bottom: 5px; font-weight: bold; line-height: 1.32;}
.information p		{ line-height: 1.42;}
.information ul		{ line-height: 1.42;}
.information ul li	{ margin-bottom: 1px; padding-left: 13px; background: url(../img/common/arrow.gif) no-repeat left center;}
.information div.information-photo	{ padding: 10px; float: left;}
.information div.information-access	{ padding: 10px 10px 0px ; float: left;}
.information div.information-access p	{ margin-bottom: 5px;}
.information div.information-read	{ padding: 10px; overflow: hidden;}
.information div.information-read p	{ margin-bottom: 5px;}

/* fnav */
.fnav		{ width: 100%;  background: url(../img/common/fnav_bg.gif) repeat-x 0 0}
.fnav-inner	{ width: 960px; margin: 0 auto; padding: 10px 0 10px;}
.fnav ul	{ padding: 5px 0 0 0;}
.fnav ul li	{ padding: 0 10px; border-right: 1px solid #eae0c3; display: inline;}
.fnav ul li a		{ color: #fff;}
.fnav ul li a:hover	{ color: #eae0c3;}
.fnav ul li#fnav08,
.fnav ul li#fnav17,
.fnav ul li:last-child	{ border: none;}

/* Copyright */
.copyright		{ width: 100%;  background: #00180e;}
.copyright p		{ width: 960px; margin: 0 auto; padding: 10px 0; color: #fff;}
.copyright a		{ color: #EEEEEE;}
.copyright a:hover	{ color: #EEEEEE;}



/*
--------------------------------------------------
	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;}
}


/*
--------------------------------------------------
　　　　　　　　HMIグループ様用　追記
-------------------------------------------------- */

/*　column	 */
.column			 { width: 100%; margin: 0; padding: 0; clear: both;　background:#ffffff;}
.column-inner		 { margin: 0 0 20px; padding: 10px; zoom: 1; background:#ffffff;}

a:hover img{
	/*modern_browser*/
	opacity:0.8;
	/*IE7*/
	filter:alpha(opacity=80);
	/*IE8*/
	-ms-filter:"alpha(opacity=80)";
}

.pagetop { 	
        width: 720px;
	height: 15px;
        border-top: #4f4741 1px solid;
}
.pagetop a {
	padding :10px 25px 0 0 ;
        float: right;
}

h5 	{
 	height		: 35px;
 	margin		: 0 0 15px;
	padding		: 0 0 0 15px;
	background	: url(../img/common/h5.png) no-repeat 0 0;
	font-size	: 125%;
	font-weight	: bold;
	line-height	: 35px;
	font-family:
	"ヒラギノ明朝 ProN W6",
	"HiraMinProN-W6",
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	serif;
	font-weight: normal;
}

h6	{
 	height		: 35px;
 	margin		: 0 0 15px;
	padding		: 0 0 0 15px;
	background	: url(../img/common/h6.png) no-repeat 0 0;
	font-size	: 125%;
	font-weight	: bold;
	line-height	: 30px;
	color: #ffffff;
	font-family:
	"ヒラギノ明朝 ProN W6",
	"HiraMinProN-W6",
	"HG明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	"MS 明朝",
	serif;
	font-weight: normal;
}

h6#all { background: url(../img/common/h6_season_all.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}
h6#spring { background: url(../img/common/h6_season01.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}
h6#summer { background: url(../img/common/h6_season02.png) no-repeat;
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}
h6#autumn { background: url(../img/common/h6_season03.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}
h6#winter { background: url(../img/common/h6_season04.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}

h6#autumn_winter { background: url(../img/common/h6_season03_04.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}
h6#spring_summer { background: url(../img/common/h6_season01_02.png) no-repeat; 
padding: 0 0 0 45px; color: #555;  font-size: 170%;	line-height	: 35px;}


.small { font-size	: 85%;}

a:hover img {
  opacity: 0.9;
  filter: (opacity=90);
  -ms-filter: "(opacity=90)";
}

/*  hr    */
hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: dotted; /* 線種 */
   border-color: #999999; /* 線色 */
   height: 0.5px; /* 高さ */
}

/* HOME  */
#top_banner	{
 	float:left;
	height: auto;
	margin-bottom: 10px;
	}
#banner { width: 720px; height: auto; margin: 0 0 20px 0;}
#banner li { float:left; padding: 0 7px 2px 0;}
#banner li.br_last{ float:left; padding: 0 0 2px 0;}

#plan_banner { width: 720px; height: auto; margin: 0 0 10px 0;}
#plan_banner li { float:left; margin: 0 6px 0 0;}
#plan_banner li.br_last{ float:left; margin: 0 0 0 0;}

/* 宿泊プラン  */
#page-stay .photos-left	{ margin:0 20px 0 20px; float:left;}
#page-stay .plandetail-left { overflow: hidden; margin: 0 20px 0 20px; }

#page-stay .column-inner .plandetail-left table{border	: none;}
#page-stay .column-inner .plandetail-left table th{border	: none;}
#page-stay .column-inner .plandetail-left table td{border	: none;}

#page-stay #all_plan_btn {
	float: right;
	margin: 20px 0;
}

#page-stay h5 { margin: 0 0 10px; }
#page-stay h6 { margin: 0; }

.plan_left { float: left;}
	
.plan_right { float: right;}

#page-stay #plan_category .column-inner table {
	margin-bottom	: 0;
	border		: 0;
	border-width	: 0;
	border-collapse	: separate;
	border-spacing	: 0;
}
#page-stay #plan_category .column-inner table th,{
	padding		: 0;
	border		: 0;
	border-width	: 0;
}

#page-stay #plan_category table {
	margin:0 0 -10px;
}

#page-stay #plan_category table td {
	margin:0 0 10px;
	padding: 9px;
	border: #cccccb 1px solid;
	background-color: #faf3d7;
}
#page-stay #plan_category table a:link { color: #ffffff; text-decoration: none; border:none;}
#page-stay #plan_category table td:after { clear: both;}
#page-stay #plan_category table h6 a:hover { color: #f0a617; text-decoration: none;}
#page-stay #plan_category table h6 a:link { color: #ffffff; text-decoration: none;}
#page-stay #plan_category table h6 a:visited	{ color: #ffffff; text-decoration: none;}


/* 客室  */
#page-room .photos-top	{ margin:0 0 10px; float: left;}
#page-room .plandetail-top {/* overflow: hidden; */  width: 100%; margin: 0 0 0 0; padding: 0; float: left;}
#page-room .content h2 { margin: 0 0 20px;}
#page-room .column table th {
	margin:0 0 10px;
	padding: 9px;
	border: #cccccb 1px solid;
	background-color: #faf3d7;
}
#page-room .column table td {
	margin:0 0 10px;
	padding: 9px;
	border: #cccccb 1px solid;
	background-color: #eeeeee;
}

/* お料理  */
#page-dishes .photos-right	{ margin:0 0 0 0; padding: 10px; float:right;}
#page-dishes .plandetail-right { overflow: hidden; margin: 0 0 0 0; padding: 10px; }
#page-dishes .photos-left	{ margin:0 10px 0; padding: 10px; float:left;}
#page-dishes .plandetail-left { overflow: hidden; margin: 0 0 0 0; padding: 10px; }
#page-dishes .content h2 { margin: 0 0 20px;}
#page-dishes .column { margin: 0 0 0;}
#page-dishes .column-inner { padding: 0;}
#page-dishes .column-inner h2 { margin: 0 0 0;}
#page-dishes h6 { margin: 0 0 0;}


/* 施設案内  */
#page-facilities .photos-top img { margin: 0 0 10px; float: left;}
#page-facilities .plandetail-top { width: 100%; /* overflow: hidden; */margin: 0 0 0 0; padding: 0 0 0 0; float: left;}
#page-facilities .content h2 { margin: 0 0 20px;}
#page-facilities h5 { width: 100%; margin: 0 0 10px; float: left;}

#page-facilities table.outline{width:100%; border:1px solid #333; line-height:1.6; text-align:left;}
#page-facilities table.outline tr{border-bottom:1px solid #333;}
#page-facilities table.outline th{width:10em; padding:1%; border-right:1px solid #333; background:#f3ffd8; color:#333; text-align:left;}
#page-facilities table.outline td{padding:1%;}




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

/*宴会・ご法要のご案内 */
#page-banquet #banner { width: 720px; height: auto; margin: 0 0 0 0;}

/* 宿泊約款 */
#page-stipulation h3 {
border-bottom: 1px solid #015f22;
color: #015f22;
font-weight: bold;
}
#page-stipulation li  {list-style-type: none;}
#page-stipulation ol {margin:0 0 0 20px;}
#page-stipulation .plandetail-left p {margin:0 0 0 10px;}
#page-stipulation column-inner table { margin: 10px; }

#page-stipulation .column-inner table th {
    background: #0d7331 none repeat scroll 0 0;
}
#page-stipulation .column-inner table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #44a466;
    border-image: none;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    font-size: 93%;
    line-height: 1.42;
}
#page-stipulation .column-inner table th, #page-stipulation .column-inner table td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #44a466;
    border-image: none;
    border-spacing: 0;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 8px;
    color:#be9944;
}


/* FAQ */
/*質問項目  -------------------------------*/

#page-faq .column-inner  { margin: 0px;}
#page-faq .column-inner ul { margin: 0 0 0 0; padding: 0;}
ul#cont li.faqItem { float: left; width: 700px; margin-bottom: 20px; margin-left: 15px; list-style-type: none;}


ul#cont li.faqItem p { padding-bottom: 15px;}
ul#cont li.faqItem ul { float: left;/*width: 500px;*/}
ul#cont li.faqItem ul li { float: left; width: 205px; padding-left: 15px; background: url(../img/common/faqItem_mark.png) no-repeat 0 50%; margin-left:0px; list-style-type: none; }
ul#cont li.faqItem ul li a{ text-decoration: underline ; }

/*2-2.Q&A項目共通-------------------------------*/
ul#cont li.faqList { float: left; width: 700px; padding-bottom: 10px; }
ul#cont li.faqList dl { float: left; width: 700px; padding: 10px 10px 15px 10px; background-color: #FFFFFF; }
ul#cont li.faqList dl dt { float: left; width: 630px; padding: 5px 0 0 40px; margin:0 0 5px; background: url(../img/common/q_bg.png) no-repeat; }		
ul#cont li.faqList dl dd { float: left; width: 620px; padding: 5px 0 5px 40px; background: url(../img/common/a_bg.png) no-repeat;}
ul#cont li.faqList { float:left; padding:0 0 10px; margin-left:0px; list-style-type: none; }
ul#cont li.faqList ol { padding:0 15px; }



/*共通-------------------------------*/

.text { width: auto; height: auto; padding:0 10px 5px; font-weight:bold; }
#page-access .column-inner table th { border:#063 1px solid; padding: 5px 10px; background-color:#B5E2B1; }
#page-access .column-inner table td { border:#063 1px solid; padding: 5px 10px; }

div#reserveconts { float: left; width: 720px; margin: 30px 0; }
div#reserveconts ul#inner { position: relative; width: 530px; height: 82px; background: url(../img/common/reserveconts_bg.png) no-repeat; margin: 0 95px; }
div#reserveconts ul#inner li.net { position: absolute; top: 10px; right: 34px; width: 232px; }
div#reserveconts ul#inner li.inquiry { position: absolute; top: 44px; right: 34px; width: 232px; }
span.re { position: absolute; font-size: 1%; left: -9999px; }

/*追加　おしながき-------------------------------*/

#page-dishes .photos-top,
#page-dishes .plandetail-top { padding: 10px 15px;}

table.food_list {
	border-collapse: collapse;
	border-spacing: 0;
	width: 688px;
	margin-bottom: 30px;
	margin: 20px auto;
}

table.food_list th	{
	padding: 10px 15px;
	color: #5f5f5f;
	background-color: #fce1cc;
	border-bottom: 1px solid #e1b99a;
	vertical-align: top;
	white-space: nowrap;
	letter-spacing:5px;
}

table.food_list td	{
	padding: 10px;
	color: #5f5f5f;
	background-color: #f2f2f2;
	border-bottom: 1px solid #b5b5b5;
	vertical-align: top;
	letter-spacing:2px;
}

/*追加　フロートクリア-------------------------------*/

.cl {  
    display: inline-block;  
}  
.cl:after {  
    content: "";  
    display: block;  
    clear: both;  
}

/*wifi-------------------------------*/
#page-facilities dl#net{float:left; overflow:hidden; margin:0;}
#page-facilities dl#net dd.img{list-style:none; float:left; width:280px; padding:0 10px 0 0;}
#page-facilities dl#net dd.wifi_txt{list-style:none; float:left; width:380px;}

#page-facilities dl#net dd.att_btn{list-style:none; float:right; width:30%; padding:1%; margin:0 10px 0 0; background:#660000; border:1px solid #333; text-align:center; }
#page-facilities dl#net dd.att_btn a{display:block; width:100%; color:#fff;}

/*~のプランはこちらから-------------------------------*/
#reservation_btn{
	width:94.5%;
	padding: 20px;
	font-size:140%;
	color:#FFF;
	background-color:#0C3;
	font-weight:bold;
	text-align:center;
}
#reservation_btn a.reservation:link,a.reservation:visited {
	color:#FFF;
	text-decoration: none;
	}

#reservation_btn a.reservation:hover,a.reservation:active {
	color:#ccc;
	text-decoration: none;
	}

/*　■ ゲスト予約 */
div.guest_reserve{width:100%; margin:0 auto 25px; }
div.guest_reserve p{text-align:center; font-size:140%; font-weight:bold; border:1px solid #cc9900; border-radius: 8px;
background:linear-gradient(#990033 ,#d30202);
}
div.guest_reserve p a{display:block; width:100%; padding:0.5em 0 0.4em; color:#fff;}

/*　20180124追加 */
.news_title { font-size:112%; font-weight:bold; color:#555;}

/*プランのご予約はこちらから*/
.plan_btn {
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-size: 150%;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8b07+0,ff8b07+50,ff7c00+51,ff7f04+100 */
background: #ff8b07; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8b07 0%, #ff8b07 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff8b07 0%,#ff8b07 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff8b07 0%,#ff8b07 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8b07', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	}
	
.plan_btn a  { /* ボタン全体をクリッカブルにする */
	display: block;
	width: 100%;
	height: 100%; 
	overflow:hidden;
	color:#FFF;
}

.plan_btn a:link, .plan_btn a:visited {
	color: #FFF;
	text-decoration: none;
	}

.plan_btn a:hover, .plan_btn a:active {
	text-decoration: underline;
	}

/*　■各種乗車券×宿泊プランのご紹介*/
div #dp_title { margin-top:10px;}
ul.big_bnr_area { width: 100%; margin:0; }
ul.big_bnr_area li { list-style-type:none; width:48.5%; float:left; margin: 3% 0 3% 3%; }
ul.big_bnr_area li:first-child { margin-left: 0; }
ul.big_bnr_area .b { font-weight:bold; font-size:110%; }

/*　リンクボタン*/
#link_bnr {
	margin-top: 2%;
	padding: 1%;
	background-color:#093;
	border-radius: 20px;
	font-size: 120%;
	text-align:center;
	font-weight:bold;
	}
	
#link_bnr a:link, #link_bnr a:visited {
	color: #FFF;
	text-decoration: none;
	}

#link_bnr a:hover, #link_bnr a:active {
	text-decoration: underline;
	}

/*　夏休みイベント*/
#page-summer_vacation .column-inner {
    margin: 0 0 0;
    padding: 10px;
    zoom: 1;
    background: #ffffff;
}
.summer_event dt{
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
	text-shadow: 0 0 5px white;
	padding: 0.5em 0.4em;
}

.summer_event dd{
	font-size:110%;
	padding-left: 10px;
}

.summer_event #title01 {
	color: #d53338;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe3e4 3px, #ffe3e4 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe3e4 3px, #ffe3e4 7px);
}

.summer_event #title02 {
	color: #1f61bb;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#d8e8fe 3px, #d8e8fe 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#d8e8fe 3px, #d8e8fe 7px);
}

.summer_event #title03 {
	color: #f67c11;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe7d3 3px, #ffe7d3 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe7d3 3px, #ffe7d3 7px);
}

.summer_event #title04 {
	color: #a55b19;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe1c7 3px, #ffe1c7 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#ffe1c7 3px, #ffe1c7 7px);
}

.summer_event #title05 {
	color: #46ad00;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#e3efd2 3px, #e3efd2 7px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#e3efd2 3px, #e3efd2 7px);
}

/*　お正月イベント*/

#page-newyear_event .column-inner {
    margin: 0 0 0;
    padding: 10px;
    zoom: 1;
    background: #FFF8EA;
}

.newyear_event dt{
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
	padding: 0.5em 0.4em;
}

.newyear_event dd{
	font-size:110%;
	padding-left: 10px;
}

.newyear_event #title01 {
  position: relative;
  padding: 0.6em;
  background: #ffe3e4;
  color: #d53338;
}

.newyear_event #title01:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffe3e4;
width: 0;
height: 0;
}

.newyear_event #title02 {
  position: relative;
  padding: 0.6em;
  background: #ffe7d3;
  color: #f67c11;
}

.newyear_event #title02:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffe7d3;
width: 0;
height: 0;
}

.newyear_event #title03 {
  position: relative;
  padding: 0.6em;
  background: #ffe1c7;
  color: #a55b19;
}

.newyear_event #title03:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffe1c7;
width: 0;
height: 0;
}

.newyear_event #title04 {
  position: relative;
  padding: 0.6em;
  background: #e3efd2;
  color: #46ad00;
}

.newyear_event #title04:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e3efd2;
width: 0;
height: 0;
}

/*　新着バックナンバー*/
.backnumber_btn, .news_btn { float:right; display:block; background-color:#090; margin: 15px 0 15px 15px; padding: 5px 30px; font-weight:bold; color:#FFF; }
.backnumber_btn a, .news_btn a { color:#FFF; }
.backnumber_btn:hover, .news_btn:hover { opacity: 0.7; }
.backnumber_btn a:visited, .news_btn a:visited { color:#FFF; }
.backnumber_btn:after, .news_btn:after { clear:both; }
.top_news_btn .news_btn { margin: -10px 0 30px 15px; background-color:#f0a617; font-size: 85%; font-weight:100;}

#newsconts_back { width:700px;}
#newsconts_back dt {
	width:685px;
	height:26px;
	background-color: #999;
	color:#fff;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:10px 0 0 15px;
	margin-bottom:20px;
	}
#newsconts_back li { float:left; width:50px; height:38px; margin: 0 0 10px 10px; list-style:none;}
#newsconts_back li img { width:100%; height:100%;}
#newsconts_back dd { width:685px;}

/*　アクセスページ*/
.access_box { margin-bottom:20px;}
.access_box table td { width:100%;}
.access_box table td p { float:left; width:50%; text-align:center;}
.access_minititle { font-size:120%; font-weight:bold; margin: 0 0 5px 5px; }
.column-inner ul.access_list { margin-left:15px;}

/*20180913追加分*/
/*宿泊ページ*/
#stay_top dt {font-size:110%; font-weight:bold;}

/*蕎麦ページ*/
#soba {
	background-image:url(../../../../img/soba_bg.jpg)}
	
#soba dt {
	margin: 3% 0;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size:240%;
	text-align:center;
	}
	
#soba dd.soba_subtitle {
	margin: 0 0 3%;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-size:180%;
	text-align:center;
	}
	
#soba dd {margin: 2% 0 2%;  line-height: 150% !important;}

#soba p.soba_text { padding: 0 15px;}

#soba span.sub_subtitle { font-weight:bold;}

#soba dd.soba_text_last { margin: 2% 0 0; padding: 0 15px 2%;}

/*ウェルネス因幡路はこんな宿*/
#page-connayado .column-inner { margin: 0;}
	
.connayado_title {
	width: 700px;
	height:150px;
	margin-top: 10px;
	font-size: 220%;
	font-weight:bold;
	color:#FFF;
	}
	
.connayado_subtitle {
	width: 700px;
	height:100px;
	font-size: 150%;
	font-weight:bold;
	color:#666;
	}
	
#connayado01 {
	background-image:url(../../../../img/connayado_img01.jpg);
	}
	
#connayado01 p {
	padding: 40px 150px 20px 20px;
	}
	
#connayado02 {
	background-image:url(../../../../img/connayado_img02.jpg);
	}
	
#connayado02 p {
	padding: 10px 130px 20px 20px;
	}
	
#connayado03 {
	background-image:url(../../../../img/connayado_img03.jpg);
	}
	
#connayado03 p {
	padding: 40px 170px 20px 20px;
	}
	
#connayado04 {
	background-image:url(../../../../img/connayado_img04.jpg);
	}
	
#connayado04 p {
	padding: 10px 170px 20px 20px;
	}
	
#connayado05 {
	background-image:url(../../../../img/connayado_img05.jpg);
	}
	
#connayado05 p {
	padding: 20px 170px 20px 20px;
	}
	
.connayado-hr { border-bottom:#efe6bd 10px dotted;}

/*宴会場の表*/
.conference_spec { width: 100%; margin-top: 20px; 
 border-right:#333 1px solid; border-top:#333 1px solid; border-left:#333 1px solid;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
  }
.conference_spec dt { float:left; width: 50%; padding:5px; border-right:#333 1px solid; border-bottom:#333 1px solid; background-color:#FFF0DD; box-sizing: border-box;}
.conference_spec dd { float:left; width: 50%; padding:5px; box-sizing: border-box; border-bottom:#333 1px solid;}

#page-newyear_event .column-inner {
	background-color: #fff;}

/*タイムセールバナー*/
.time_sale { 
position: absolute;
top: 45%;
right: 4%;
z-index: 9999;}

/*ウイルスバナー*/
.virus_bnr {
position: absolute;
top: 35%;
right: 4%;
z-index: 9999;}

.yoyakukaishi_bnr {
position: absolute;
top: 235px;
  left: 29%;
  margin: auto;
z-index: 9998;}

/*各種割引・クーポン情報*/
#goto_cont { width:90%; padding: 10% 5% 5%; background-color:#FFF; color:#333;}
.goto_box { width:100%; padding: 0 0 5%;}
.goto_box p.goto_title { font-size:150%; margin: 0 0 3% 2%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:700; }
.goto_box dl { width: 90%; margin: 0 auto; display:flex; }
.goto_box dl dt { flex: 30%; border-bottom: #2c200a solid 1px;}
.goto_box dl dd { flex: 70%; border-bottom: #d5010f solid 1px; padding-bottom: 2%}
.goto_box dl dd a { color: #c3a34e;}
.goto_box dl dd ul li { list-style:none;}

/*PDFはこちら　のボタン*/
.link_btn_box { width:100%;}
.link_btn { width: 50%; height:auto; margin: 3% auto !important; padding: 2% !important; background: #000; text-align:center; font-size: 110%; font-weight:500; color:#FFF; border-radius: 30px;}
.link_btn a { display: inline-block; text-decoration:none; color:#FFF;}

/*コカ・コーラの所のタイトル*/
.sub_title {
	margin: 10px 0 0;
	padding: 0.25em 0.5em 0;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #FF0000;/*左線*/
	font-size: 180%;
	font-weight:bold;
}

/*記事間のマージンを無くしたりパディングを広くしたり*/
#page-cocacola_sportspark .column-inner { margin: 0; padding:20px;}
#page-banquet .column-inner { margin: 0;}

/*テーブル用*/
.table { width: 100%; border:#666666 1px solid; box-sizing:border-box; display:flex; margin-top: -1px;}
.table dt { padding: 2%; border-right: 1px #666666 solid; flex:auto;}
.table dd { padding: 2%; flex:auto;}

/*豆腐ページ*/
#page-tofu .column-inner { margin: 0;}

#page-tofu .tofu_title { font-size:150%; margin: 2% 0 ; padding: 0 2%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:400; }

#page-tofu .tofu_text { font-size:120%; margin: 1% 0 ; padding: 2%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-weight:400; }

.tofu_text p::first-letter{ 
font-size:180%;
color:#C90;}

/*日帰りプランの表*/
#page-spa .column-inner table th { border:#063 1px solid; padding: 5px 10px; background-color:#d0f4cd; }
#page-spa .column-inner table td { border:#063 1px solid; padding: 5px 10px; }
.higaeri_plan_a , .higaeri_plan_b { padding: 10px;}
.higaeri_plan_a div.cont_inner , .higaeri_plan_b div.cont_inner { display:flex; margin: 10px 0 10px; border: 1px #999999 solid; }
.higaeri_plan_a div.item , .higaeri_plan_b div.item  { flex: 0 0 150px; padding: 2%;}
.higaeri_plan_a div.item_a { background-color:#FFF0DD; border-right: 1px #999999 solid; }
.higaeri_plan_b div.item_a { background-color: #FFE8FF; border-right: 1px #999999 solid; }
.higaeri_plan_a div.item_b , .higaeri_plan_b div.item_b  { flex: 1; }
.higaeri_plan_a .menu , .higaeri_plan_b .menu  { font-weight:bold;}
.higaeri_others { padding: 10px;}
.higaeri_text_box { margin-top: 20px;}
.higaeri_plan_box { margin-top: 30px; padding-top: 20px; border-top: dotted 10px #faf3d7;}


/* 観光情報  */
#page-sightseeing iframe { margin:0 0 0; }
#page-sightseeing .column-inner { padding: 10px; margin: 0px;}
#page-sightseeing .photos-left	{ margin:0 20px 0 20px; float:left;}
#page-sightseeing .plandetail-left { overflow: hidden; margin: 0; }

.sightseeing_box { display:flex; justify-content:space-between; width:700px;}
.sightseeing_box .item { flex: 0 0 315px; margin-bottom: 15px; padding:15px; background-color: #faf3d7; position: relative;}

_:lang(x)+_:-webkit-full-screen-document, .sightseeing_box { display:flex; justify-content:space-between; width:700px;}

_:lang(x)+_:-webkit-full-screen-document, .sightseeing_box .item { flex: 0 0 315px; margin-bottom: 15px; padding:15px; background-color: #faf3d7; position: relative;}

#page-sightseeing h6 { margin: 0px; padding: 0 0 0 15px ;}

#page-sightseeing .gmap_description { min-height: 90px; padding: 10px 0 10px;}
#page-sightseeing .gmap_info { padding: 10px 0 50px; border-top: #FFF 2px solid;}

.hp_link { height: 50px; position:absolute; bottom: 0; width: 315px; text-align:center;}
.hp_link_btn {
	background-color: #ffffff;
	margin: 0 0 15px;
	padding: 5px 0 5px;
	border: #cccccb 1px solid;
	text-align:center;
	color: #666;
	font-size	: 115%;
}

#page-sightseeing .column a:link		{ color: #868686; text-decoration: none; border:none;}
#page-sightseeing .column a:visited	{ color: #868686; text-decoration: underline;}
#page-sightseeing .column a:hover		{ color: #C6AC87; text-decoration: underline;}
#page-sightseeing .column a:active	{ color: #C6AC87; text-decoration: underline;}

/*----clearfix----*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/*----新着情報テーブル----*/
#page-news .column-inner table { margin: 5px 0; background: #fff; line-height: 1.42; border: solid #8d9c6d; border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0;}
#page-news .column-inner table th,
#page-news .column-inner table td { padding: 8px; border: solid #8d9c6d; border-width: 0 1px 1px 0;}
#page-news .column-inner table th { background	: #f3ffd8;}

.column-inner p.statement_link { float:right; margin-bottom: 10px;}

/*TOPページ　プランリスト*/
.top-planlist { width: 100%; margin: 0 auto 3%;}
.top-planlist ul { display: flex; width: 99%; margin: 0 auto 0 !important;}
.top-planlist li { width: 24.25%; list-style: none !important; margin:0 0.5% 2%;}
.top-planlist li:first-child { margin-left: 0%;}
.top-planlist li:last-child { margin-right: 0%;}
.top-planlist li img { width: 100%; border-radius: 20px;}
.top-planlist li a:hover { opacity:0.8;}

/*pdfボタン*/
.pdf_btn {
float:right;
margin-top: 1%;
padding: 1% 3%;
background-color: #093;
font-weight:bold;
}

.pdf_btn a { color:#FFF;}

.yoyakukaishi_bnr {
position: absolute;
top: 200px;
left: 35%;
  margin: auto;
z-index: 9998;}