@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoonff0b.eot?d7fjf7');
	src: url('../fonts/icomoonff0b.eot?d7fjf7#iefix') format('embedded-opentype'),  url('../fonts/icomoonff0b.ttf?d7fjf7') format('truetype'),  url('../fonts/icomoonff0b.woff?d7fjf7') format('woff'),  url('../fonts/icomoonff0b.svg?d7fjf7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/snowicoff0b.html?d7fjf7');
	src: url('../fonts/snowicoff0b.html?d7fjf7#iefix') format('embedded-opentype'),  url('../fonts/snowicoff0b.ttf?d7fjf7') format('truetype'),  url('../fonts/snowicoff0b.woff?d7fjf7') format('woff'),  url('../fonts/snowicoff0b.svg?d7fjf7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-blank:before {
	content: "\e901";
}
.icon-arrow01_t:before {
	content: "\e900";
}
.icon-circle:before {
	content: "\e903";
}
.icon-reserve:before {
	content: "\e902";
}
.icon-arrow_c:before {
	content: "\e906";
}
.icon-arrow_top:before {
	content: "\e907";
}
.icon-arrow01:before {
	content: "\e908";
}
.icon-arrow02:before {
	content: "\e909";
}
.icon-arrow022:before {
	content: "\e904";
}
.icon-icosnow:before {
	content: "\e910";
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	display: block;
	vertical-align: bottom;
	font-size: 0;
	line-height: 0;
	-ms-interpolation-mode: bicubic;
}
html {
	overflow-y: scroll;
}
:focus {
	outline: none;
}
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px;
}
/* clearfix */

.cf {
 *zoom: 1;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.cf:before {
	content: "";
	display: table;
}
.only_pc, .pc {
	display: block;
}
.only_sp, .sp {
	display: none;
}
.swtext{
display: none;
}
@media screen and (max-width: 768px) {
.only_pc, .pc {
	display: none;
}
.only_sp, .sp  {
	display: block;
}
}
.only_pc2 {
	display: block;
}
.only_sp2 {
	display: none;

}

@media screen and (max-width: 414px) {
.only_pc2 {
	display: none;
}
.only_sp2 {
	display: block;
}
}
/***************************/
/* base */
/***************************/

body {
	color: #666;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	background-color: #f4f7f6;
	position: relative;
	overflow-wrap: break-word;
	word-wrap: break-word;

}
a:link, a:visited {
	color: #4c91b8;
}
a:hover, a:active {
	color: #383838;
}
.coution {
	font-weight: bold;

}
#local li:nth-of-type(odd) a:link, #local li:nth-of-type(odd) a:visited {
	background-color: #4c91b8;
}
#local li:nth-of-type(even) a:link, #local li:nth-of-type(even) a:visited {
	background-color: #62a2c6;
}
/* icon */

.ico_ex, .ico_pdf, .link {
	margin-top: 0px;
	display: inline-block;
}
.ico_pdf a {
	padding-right: 42px;
	background: url(../images/ico_pdf.png) right center no-repeat;
}
.link:before {
	content: "\e906";
	font-family: "icomoon", sans-serif;
	text-decoration: none;
	color: #4c91b8;
}
.blank:before {
	content: "\e901";
	font-family: "icomoon", sans-serif;
	text-decoration: none;
	color: #4c91b8;
}
.supp {
	font-size: 12px;
}
.mgt10 {
	margin-top: 10px;
}
.red {
	color: #C7282B;
}
.headfix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9990;
}
/***************************/
/* header */
/***************************/
header {
	width: 100%;
	background: url(../images/header_bg.png) repeat-x left top;
}
.emergency {
	width: 1000px;
	margin: 34px auto 0px;
	text-align: center;
	clear: both;
	border: #d00505 solid 2px;
	box-sizing: border-box;
	background: #d00505;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}
.emergency .emergencyTitle {
	padding: 10px;
	float: left;
	width: 12%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
}
.emergency .emergencyDetail {
	float: right;
	width: 88%;
	font-size: 14px;
	line-height: 1.8;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
	max-height: 150px;
    overflow-y: scroll;
}
.emergency .emergencyDetail:after {
	clear: both;
}

.only_pc header {
	position: relative;
	min-width: 1050px;
	z-index: 10;
	height: 150px;
}
#seasonSelect {
	position: absolute;
	top: 0px;
	right: 0px;
}
#seasonSelect li {
	color: #fff;
	text-align: center;
	font-size: 11px;
	line-height: 1.2;
	float: left;
	font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
}
#seasonSelect li.winter {
	padding-top: 14px;
	padding-right: 6px;
}
#seasonSelect li.summer a {
	background: url(../images/season_bg.png) no-repeat;
	padding-top: 14px;
	width: 100px;
	height: 40px;
	color: #fff;
	text-decoration: none;
	display: block;
}
#seasonSelect li.summer a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* ie lt 8 */
}
#seasonSelect li.summer a:after {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	top: 22px;
	right: 5px;
	color: #fff;
	font-size: 6px;
	position: absolute;
}
#header_container {
	width: 100%;
	margin: 0 auto;
}
.header_wrap {
       width: 96%;
    margin: 0 auto;
    height: 52px;
}
.header_wrap:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
	zoom: 1;
}
#siteid {
	width: 260px;
	padding-top: 17px;
	float: left;
	overflow: hidden;
}
/* primary
-------------------------- */

#primary {
	    float: right;
    padding-right: 100px;
}
/* lang */

#lang {
	width: 114px;
	height: 24px;
	margin-top: 15px;
	background: #3F3F3F;
	float: left;
	position: relative;
}
#lang .select:before {
	content: "\e904";
	font-family: "icomoon", sans-serif;
	float: left;
	color: #fff;
	text-align: right;
}
#lang .select {
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 7px 4px;
	font-size: 69%;
}
#lang .select .bline {
	padding: 0px 6px 0px 2px;
	color: #aaaaaa;
}
#lang ul {
	width: 114px;
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	z-index: 1000;
}
#lang ul li {
	width: 114px;
	background-color: #333;
	border-top: 1px solid #666;
	font-size: 62%;
}
#lang ul li a {
	color: #fff;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}
#global_wrap_layer {
	width: 100% !important;
	background: #4c91b8;
	position: relative;
}
#global {
	height: 56px;
	margin: 0 auto;
	width: 1160px;
}
@media screen and (max-width: 1200px) {
  
  #global {
	width: 1000px;
}
  
}
/* Season */

/* primarynav */

#primarynav {
	padding-top: 21px;
	float: right;
}
#primarynav li {
	margin-left: 10px;
	float: left;
	font-size: 75%;
	font-family: source-han-sans-cjk-ja, sans-serif;
}
#primarynav li:before {
	content: "\e909";
	font-family: "icomoon", sans-serif;
	color: #fff;
	padding-top: 2px;
}
#primarynav li a {
	color: rgba(255,255,255,1.00);
	text-decoration: none;
}
/* global
-------------------------- */

#global {
	height: 52px;
}
#global ul li {
	cursor: pointer;
	z-index: 99;
  width: 12.5%;
}
#dropmenu {
	height: 52px;
  display: flex;
  justify-content: space-between;
}
#dropmenu li a {
    font-size: 14px;
   font-family: source-han-sans-cjk-ja, sans-serif;
    -webkit-font-feature-settings: 'palt' 1;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    display: block;
    padding: 19px 0 0;
    height: 52px;
    display: block;
    box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  
#dropmenu li a {
    font-size: 13px;
}
  
}
_::-webkit-full-page-media, _:future, :root #dropmenu li a {
   letter-spacing: -0.05em;
padding: 19px 20px 0;
}
#dropmenu li a{
  padding: 19px 20px 0\9; /* IE10以下 */
}

@media all and (-ms-high-contrast: none){
#dropmenu li a{
    padding: 19px 20px 0; /* IE10以上 */
  }
}
@supports (-ms-ime-align:auto) {
#dropmenu li a {
    padding: 19px 20px 0;
  }
}

@-moz-document url-prefix(){
   #dropmenu li a {
    padding: 19px 20px 0;
    }
}

#dropmenu li a:hover {
	background: #62a2c6 !important;
}
#dropmenu li:before {
	content: "|";
	color: #5c9ec3;
	float: left;
	display: table-cell;
	vertical-align: middle;
	padding-top: 18px;
	margin-left: -3px;
}
#dropmenu li:first-child:before {
	content : none;
}
#dropmenu {
	width: 1160px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 1200px) {
  
#dropmenu {
	width: 1000px;
}
  
}
.panel {
	display: none;
	position: absolute;
	top: 52px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 1000;
	width: 100%;
	height: 400px;
	padding: 20px;
	background: #d9e8ef;
	box-sizing: border-box;
	box-shadow: 0px 3px 9px -2px rgba(64,63,63,0.36);
	-moz-box-shadow: 0px 3px 9px -2px rgba(64,63,63,0.36);
	-webkit-box-shadow: 0px 3px 9px -2px rgba(64,63,63,0.36);
}
.paneltitle {
	font-size: 23px;
	font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	color: #4c91b8;
	padding-top: 10px;
	height: 50px;
	margin-bottom: 30px;
	border-bottom: #4c91b8 solid 1px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.bgchanged {
	background: #333;
	color: #226f8b;
}
.panelinner {
	width: 1020px;
	margin: 0 auto;
}
.panelinner_ski {
	width: 770px;
	float: left;
	opacity: 1;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.panelinner_activity {
	width: 220px;
	float: right;
	opacity: 0.5;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
.panelinner_activity .paneltitle {
	font-size: 18px
}
.panelinner_activity:hover {
	opacity: 1;
}
.panelinner_activity:hover > .paneltitle {
	font-size: 23px
}
.panelinner_activity:hover + .panelinner_ski {
	opacity: 0.5;
}
.panelinner_activity:hover + .panelinner_ski .paneltitle {
	font-size: 18px
}
.panelinner_ski2 {
	width: 770px;
	float: right;
	opacity: 0.5;
}
.panelinner_activity2 {
	width: 200px;
	float: left;
}
.panelinner_ski2:hover {
	opacity: 1;
}
.panelinner_ski2:hover + .panelinner_activity2 {
	opacity: 0.5;
}

.panelinner_ski2 .paneltitle {
	font-size: 18px
}
.panelinner_ski2:hover > .paneltitle {
	font-size: 23px
}
.panelinner_ski2:hover + .panelinner_activity2 .paneltitle {
	font-size: 18px
}
.innertitle {
	font-size: 15px;
	font-family: source-han-sans-cjk-ja, sans-serif;
	color: #4c91b8;
	padding-bottom: 15px;
}
#global ul li ul li {
	float: none;
	font-size: 13px;
	padding-bottom: 0px;

}
#global ul li dl dt {
	float: none;
	font-size: 13px;
	padding-bottom: 12px;
}
#global ul li dl dd {
	float: none;
	font-size: 13px;
	padding-bottom: 12px;
	margin-left: 10px;
}
#global ul li dl {
	margin-bottom: 0px;
}
#dropmenu li ul li a {
    line-height: 1.9;
				    box-sizing: border-box;
	font-size: 13px;
font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0em;
	color: #4c91b8;
	display: block;
	padding: 0px;
	height: auto;
	position: relative;
	padding-left: 18px;
}
#dropmenu li dl a {
	font-size: 13px;
font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-weight: 400;
	text-align: left;
	text-decoration: none;
	letter-spacing: 0em;
	color: #4c91b8;
	display: block;
	padding: 0px;
	height: auto;
	position: relative;
	padding-left: 18px;
}
#dropmenu li ul li a:hover {
	background: none !important;
	text-decoration: underline;
}
#dropmenu li dl a:hover {
	background: none !important;
	text-decoration: underline;
}
#dropmenu li ul li a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	top: 2px;
	left: 0px;
	color: #4c91b8;
	font-size: 6px;
	position: absolute;
}
#dropmenu li dl a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	top: 2px;
	left: 0px;
	color: #4c91b8;
	font-size: 6px;
	position: absolute;
}
#dropmenu li ul li:before {
	content: none;
}
#dropmenu li dl:before {
	content: none;
}
#dropmenu li ul li .linkblank:after {
	content: "\e901";
	font-size: 12px;
	padding-left: 4px;
	font-family: "icomoon", sans-serif;
	color: #4c91b8;
}
.innner01 {
	width: 220px;
	float: left;
}
.innner02 {
	width: 180px;
	float: left;
}
.innner03 {
	width: 190px;
	float: left;
}
.innner04 {
	width: 170px;
	float: left;
}
/* accomonav
-------------------------- */

#accomonav {
	height: 52px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 2px 6px -3px rgba(9, 10, 9, 0.35);
	-moz-box-shadow: 0px 2px 6px -3px rgba(9, 10, 9, 0.35);
	-webkit-box-shadow: 0px 2px 6px -3px rgba(9, 10, 9, 0.35);
}
#accomonav_wrap {
	width: 1020px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#accomonav dt {
    width: 110px;
    float: left;
    font-weight: 700;
    display: block;
    margin: 18px 0 14px;
    position: relative;
    padding-left: 5px;
    color: #4d4c4c;
}
.br-link {
    position: absolute;
    top: 9px;
}
.br-ico {
    width: 30px;
    position: absolute;
    left: 6px;
    top: 2px;
}
.br-ico img {
    width: 100%;
}

.br-link a {
    position: absolute;
    width: 140px;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    color: #f47e01;
    top: 8px;
    left: 47px;
}
.br-link p {
    position: absolute;
    top: 12px;
    left: 135px;
    width: 360px;
    font-size: 12px;
}
.br-link p strong {
    font-size: 13px;
    font-weight: 600;
    padding-right: 10px;
}

.dp-link {
    position: absolute;
    top: 9px;
	  left: 500px;
}
.dp-ico {
    width: 30px;
    position: absolute;
    top: 2px;
}
.dp-ico img {
    width: 100%;
}
.dp-link a {
    position: absolute;
    width: 200px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    color: #2384e1;
    top: 10px;
    left: 45px;
}

.member-link {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 11px;
    line-height: 1.4;
    width: 250px;
}

.member-link li {

    padding-right: 0px;
}
.member-link li:before {
    content: "\e909";
    font-family: "icomoon", sans-serif;
    color: #22a47e;
}


.bestrate a {
    text-decoration: none;
    color: #4d4c4c;
}

.bestrate-ico {
    position: absolute;
    top: -46px;
    right: -28px;
	    width: 70px;
}
.bestrate-ico img {
	    width: 100%;
}
.bestrate-txt {
    position: absolute;
    top: 12px;
    right: -30px;
}
.bestrate-title {
    font-size: 14px;
    font-weight: 600;
    color: #f47e01;
    padding-bottom: 5px;
}
.bestrate-copy {
    font-size: 11px;
}
#accomonav dt a:hover, #accomonav dt:before:hover {
color:#419d8a
}
#accomonav dt a {
	font-size: 16px;
	font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	text-decoration: none;
	color: #4d4c4c;
	padding-top: 2px;
	padding-left: 5px
}
#accomonav dt a:before {
	content: "\e909";
	font-family: icomoon, sans-serif;
	color: #419d8a
}
#accomonav dd {
	float: left;
	font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-size: 88%
}
#accomonav dd.resonare, #accomonav dd.tower {
font-family: source-han-sans-cjk-ja, sans-serif;
	-webkit-font-feature-settings: 'palt' 1
}
#accomonav dd a {
	text-decoration: none;
	color: #4d4c4c
}
#accomonav dd a:hover {
	color: #419d8a
}
#accomonav dd .sap {
	font-size: 11px;
	padding-bottom: 3px;
	font-weight: 700;
	margin-right: 5px
}
/***************************/
/* main */
/***************************/

#container {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 80px;
	height: 100%;
	position: relative;
	min-height: 1100px;
}
#main {
	width: 760px;
	position: relative;
}
#content {
	min-height: 1150px;
	padding-bottom: 80px;
	background: #fff;
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.12) 12px 12px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.12) 12px 12px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.12) 12px 12px 0px 1px;
	z-index: 1;
	position: relative;
}
#content strong {
	color: #red;
}
article {
	width: 672px;
	margin: 0 auto;
	clear: both
}
article p {
	font-size: 94%;
	line-height: 1.8em;
	padding-bottom: 24px;
}
article h3 {
 letter-spacing: 0.04em;
   font-feature-settings: "palt";
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 500;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	margin-bottom: 32px;
	padding: 12px 16px;
	background: #4c91b8;
	color: #fff;
	font-weight: nomal;
	font-size: 107%;
}
article h4 {
	margin-bottom: 18px;
font-family: source-han-sans-cjk-ja, sans-serif;
font-weight: 500;
  letter-spacing: 0.04em;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	color: #4c91b8;
	font-weight: nomal;
	font-size: 113%;
	line-height: 1.4;
}
article h4:before {
	content: "\e903";
	font-family: "icomoon", sans-serif;
}
article .sec_content {
	width: 664px;
	margin: 0 auto;
	margin-bottom: 70px;
}
articlet section:last-of-type .sec_content {
	margin-bottom: 0;
}
article .sec_content .lead {
	margin-bottom: 24px;
	color: #4c91b8;
	font-size: 113% !important;
	line-height: 1.8 !important;
}
article .sec_content figure {
	width: 240px;
	float: left;
}
article .sec_content .sec_inner {
	width: 392px;
	float: right;
}
article .sec_content .sec_inner p {
	margin-bottom: 24px;
	color: #666;
	font-size: 88%;
	line-height: 1.8;
}
/* index_map */

#index_map {
	margin-bottom: 54px;
}
/* breadcrumb */

#breadcrumb {
	margin: 26px 0 22px;
	font-size: 68%;
}
#breadcrumb ul li {
	display: inline;
}
#breadcrumb ul li:after {
	padding-left: 5px;
	content: "＞";
	font-size: 87.5%;
}
#breadcrumb ul li.current:after {
	padding-left: 0;
	content: "";
}
/* anchor */


/* catch */

#catch {
	margin-bottom: 46px;
	position: relative;
	z-index: 5;
}
#catch .catch_wrap {
	width: 664px;
	margin: 0 auto;
}
#catch h2 {
	font-family: "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic" , "メイリオ", sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	font-size: 170%;
	padding: 44px 0px 20px 0px;
	color: #4c91b8;
	font-weight: 600;
}
#catch p {
	color: #666;
	font-size: 94%;
	line-height: 1.8;
}
#catch .level {
	margin-bottom: 20px;
	padding: 8px 10px 8px 10px;
	border: 1px solid #4c91b8;
	color: #4c91b8;
	display: inline-block;
	font-size: 82%;
	line-height: 1.0;
}
#catch .lead {
	font-family: "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic" , "メイリオ", sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	margin-bottom: 18px;
	color: #4c91b8;
	font-size: 113%;
	line-height: 1.5;
	font-weight: 600;
}
#catch .key img {
	width: 100%;
}
/* notice */

.notice {
	margin-top: 30px;
	padding: 30px;
	background: none repeat scroll 0 0 #f0f9f7;
	overflow: hidden;
}
.notice h3 {
	margin-bottom: 16px;
	color: #4c91b8;
	font-size: 113%;
	font-weight: bold;
}
.notice ol, .notice ul, .notice p, .notice dl {
	font-size: 82%;
	line-height: 1.6;
}
.notice ol, .notice ul {
	margin-left: 20px;
}
.notice ol {
	list-style: outside none decimal;
}
.notice ul {
	list-style: outside none disc;
}
.notice li {
	margin-bottom: 8px;
}
.notice li:last-of-type {
	margin-bottom: 0;
}
/* attention */

.attention {
	margin: 20px auto;
	padding: 30px;
	background: #f6f2d8;
}
.attention strong {
	color: #cc0000;
}
.attention p {
	color: #dd0505;
	text-align: center;
	padding: 0px;
	font-size: 100%;
	line-height: 1.6;
}
.attention a {
	
}
.attention a:link, .attention a:visited {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100); /* ie lt 8 */
}
.attention a:hover, .attention a:active {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* ie lt 8 */
}
#location {
	margin-bottom: 40px;
}
#location img {
	width: 100%;
}
/* mainnav */

#mainnav .level {
	margin-bottom: 12px;
	color: #4c91b8;
	font-size: 75%;
	line-height: 1.2;
}
#mainnav ul {
	width: 664px;
}
#mainnav ul:after {
	content: "";
	clear: both;
	display: block;
	zoom: 1;
}
#mainnav .topics_ttl {
	height: 40px;
	margin-bottom: 36px;
	padding: 0 16px;
	background: #0a85db;
	color: #fff;
	font-weight: nomal;
	font-size: 100%;
	line-height: 41px;
}
#mainnav ul li {
	width: 198px;
	margin: 0 32px 32px 0;
	float: left;
}
#mainnav ul li img {
	width: 198px;
    height: 125px;
    object-fit: cover;
}
#mainnav ul figure a:hover img {
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 0px 1px;
}
#mainnav ul li:nth-child(3n) {
	margin-right: 0;
}
#mainnav li figure {
	margin-bottom: 22px;
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.1) 8px 8px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 8px 8px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 8px 8px 0px 1px;
}
article #mainnav h4 {
height: auto;
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
}
article #mainnav h4:before {
	content: "\e906";
	font-family: "icomoon", sans-serif;
	color: #4c91b8;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 6px;
	display: block;
	float: left;
}
#mainnav p {
	font-size: 75%;
	line-height: 1.5;
}
/* booking */

#booking {
	padding: 30px;
	background: #eef8f6;
	text-align: center;
}
#booking img {
	display: inline;
}
#booking h3 {
	height: auto;
	margin: 0 0 22px 0;
	padding: 0;
	background: none;
	line-height: 24px;
	text-align: center;
}
#booking .start {
	margin-bottom: 12px;
	font-size: 91%;
}
#booking .tel_num {
	font-size: 82%;
}
#booking .tel_num img {
	margin-bottom: 10px;
}
#booking strong, #reserve strong {
	color: #c40;
}
/* cnt_lead */

.cnt_lead {
	margin-bottom: 30px;
	color: #4c91b8;
	font-weight: nomal;
	font-size: 107% !important;
}
/* info_dl */

dl.info_dl {
	display: block;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 20px 0px 20px 0px;
	color: #666;
	font-size: 88%;
	line-height: 1.6;
	clear: both;
}
dl.info_dl dt {
	width: 7em;
	padding: 12px 0 10px 8px;
	float: left;
	clear: left;
}
dl.info_dl dd {
	padding: 12px 8px 10px 8em;
	border-bottom: 1px solid #ccc;
}

/* info_tbr */

.info_tbr {
	width: 100%;
	font-size: 82%;
}
.info_tbr th, .info_tbr td {
	padding: 12px 15px;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	vertical-align: middle;
}
.info_tbr thead th, .info_tbr td {
	border-left: 1px dotted #999;
}
.info_tbr thead th, .info_tbr thead td {
	background: #9ecdc5;
	border-top: 1px solid #999;
	text-align: center;
}
.info_tbr thead th:first-of-type {
	border-left: 0;
	text-align: left;
}
.info_tbr tbody th {
	background: #dceeeb;
	text-align: left;
}
.info_tbr tbody td {
	text-align: center;
}
/* soon */

.soon {
	width: 660px;
	margin: 50px auto;
	padding: 40px 0;
	background: #f3f3f3;
	text-align: center;
}
.soon img {
	display: inline;
}
/* bnr */

.bnr {
	margin-top: 50px;
}
.bnr:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80); /* ie lt 8 */
}
/* reserve */

.reserve {
	margin-top: 20px;
	background: #fff;
	border: 3px dotted #e71021;
	padding: 15px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
.reserve img {
	display: inline;
}
/* btn_link */

.btn_link {
	text-align: center;
}
.btn_link a {
	padding: 12px 60px 10px 60px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	color: #fff !important;
	display: inline-block;
	font-size: 100%;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
	position: relative;
}
.btn_link a:link, .btn_link a:visited {
	background-color: #f99800;
}
/* button */

.button {
	text-align: center;
}
.btn {
	width: 220px;
	height: 40px;
	padding-left: 14px;
	border: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #4c91b8;
	color: #fff;
	display: inline-block;
	font-size: 91%;
	line-height: 40px;
	position: relative;
}
.reset {
	border: 0;
	background: #fff;
	font-size: 88%;
	text-decoration: underline;
	cursor: pointer;
}
#formback {
	border: 0;
	background: #fff;
	font-size: 88%;
	text-decoration: underline;
	cursor: pointer;
}
.btn:hover {
	background: #383838;
	cursor: pointer;
}
#submit {
	margin-right: 10px;
	font-weight: bold;
}
#confirm {
	margin-right: 10px;
	font-weight: bold;
	font-size: 15px;
}
section.rental_num {
	margin-top: 60px;
}
.remarks p {
	margin-bottom: 10px;
}
.picup {
	border: #dd0505;
	text-align: center;
	padding: 20px;
	font-weight: bold;
	font-size: 82%;
	color: #dd0505;
	margin-top: 20px;
}
/* reserve */
.reserveWrap .btn_link {
	padding-top: 20px;
}
.reserveWrap p {
	text-align: center;
	padding-bottom: 0px;
}
.reserveWrap {
	background: #ebf3f9;
	padding: 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: #1b94e9 solid 1px;
	margin-bottom: 30px;
}
.reserveWrap p strong {
	font-size: 113%;
	color: #4c91b8;
	font-weight: bold;
}
.reserveStart {
	font-size: 113%;
	text-align: center;
	padding: 15px;
	color: rgba(204,0,3,1.00);
	border: rgba(204,0,3,1.00) dotted 1px;
	background: #fff;
	line-height: 1.4;
}
#cat .reserveStart, #bc .reserveStart {
	margin-bottom: 0px;
}
.reserveWrap ul {
	margin-top: 20px;
}
.reserveWrap li {
	font-size: 82%;
	line-height: 1.6em;
}
/* btn_link */
.bookingWrap {
	padding: 30px 0;
	text-align: center;
}
.btnPrice {
	display: inline-block;
	margin: 0 10px;
}
.btnReserve {
	display: inline-block;
}
.btnPrice a {
	text-align: center;
	display: inline-block;
	width: 250px;
	border: #4c91b8 solid 2px;
	padding: 10px;
	margin-bottom: 20px;
	color: #4c91b8;
	font-size: 100%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
}
.btnPrice a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
.btnReserve a {
	text-align: center;
	display: inline-block;
	width: 250px;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 100%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
	background: #4c91b8;
}
.btnReserve a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
.btnPrice a:hover {
	background: #303030;
	border: #303030 solid 2px;
	color: #fff;
}
.btnReserve a:hover {
	background-color: #303030;
}
.attentionLight {
	color: #cc0003;
}
/***************************/
/* side */
/***************************/

#side {
	width: 240px;
	margin-top: 30px;
	position: absolute;
	/* top:0; */
	right: 0px;
	top: 0px;
	height: 100%;
}
/* utility
-------------------------- */

#utility {
	width: 200px;
	float: right;
}
#utility .utility_wrap {
	margin-bottom: 12px;
}
#utility .utility_wrap:after, #utility:after, #sns:after, #sns ul:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
	zoom: 1;
}
#search, #print, #sns li {
	/* box-shadow */
	box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 0px 1px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 0px 1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 6px 6px 0px 1px;
}
/* search */

#search {
	width: 160px;
	margin-right: 10px;
	float: left;
}
#search div {
	position: relative;
}
#search .screen-reader-text, #search .google_logo {
	display: none;
}
#search #s {
	width: 130px;
	height: 22px;
	background: #e7e4e4;
	border: 0;
	padding: 4px 12px;
	color: #333;
}
#searchsubmit {
	width: 30px;
	height: 30px;
	background: url(../images/utility_search.html) no-repeat top left;
	border: 0;
	position: absolute;
	top: 0;
	_top: 1px;
	right: 0;
	text-indent: -9999px;
}
*:first-child + html #searchsubmit {
	top: 1px;
}
#searchsubmit:hover {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75); /* ie lt 8 */
	cursor: pointer;
}
/* print */

#print {
	width: 30px;
	height: 30px;
	float: right;
}
/* sns */

#sns {
	width: 150px;
	float: right;
}
#sns li {
	margin-left: 10px;
	float: left;
}
#sns li.tw {
	margin-left: 0;
}
#sns li img {
	width: 30px;
	height: 30px;
}

#topicsgallery .gallery-cell {
    width:194px;
text-align: center;
font-size: 13px;
}
#topicsgallery .gallery-cell a {
 
}
#topicsgallery .gallery-cell img {
    width:100%;
margin-bottom: 10px;
}



/* local
-------------------------- */
#local {
	width: 240px;
	margin-bottom: 30px;
padding-top: 60px;
	clear: both;
	z-index: -1;
}
#local h1 {
	font-family: "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic" , "メイリオ", sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	height: 36px;
	padding-top: 24px;
	background: #383838;
	text-align: center;
	color: #fff;
}
#local h1 a {
	text-decoration: none;
	color: #fff;
}

#local li a {
    padding: 12px 12px 12px 20px;
    color: #fff;
    display: block;
    line-height: 1.4;
    font-size: 75%;
    text-decoration: none;
    position: relative;
}
#local li a:before {
    content: "\e908";
    font-size: 10px;
    height: 30px;
    left: 10px;
    top: 13px;
    position: absolute;
    display:none;
    padding-right: 8px;


}
#local li.local_ex a:after {
	content: "\e901";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
/* side_right
-------------------------- */

#side_right {
	width: 240px;
}
#side_right h2 {
	font-size: 75%;
	margin-bottom: 15px;
	color: rgba(48,48,48,1.00);
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
}
#side_reservation h2 {
}
#side_right ul li {
	margin-bottom: 8px;
}
#side_right section, #side_right nav {
	width: 200px;
	padding: 0 15px 0 25px;
	margin-bottom: 30px;
}
#side_right a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
}
.side_content {
	padding: 20px 15px 20px 25px !important;
}
/* sidenav */

#sidenav ul li {
	margin-top: 8px;
}
/* kids */

#side_kids {
	background: #f7eee5;
}
#side_kids ul li {
	margin-top: 8px;
}
/* reservation */

#side_reservation {
	background: #ebf0ef;
}
#side_reservation img {
	margin-bottom: 10px;
	width: 100%;
}
#side_reservation p {
	font-size: 75%;
	text-align: center;
}
/* bus */

#side_right ul {
	width: 194px;
	margin: 20px 0 0 0;
}
#side_right ul li img {
	max-width: 100%;
	margin-bottom: 0;
}
/* link */

#side_link {
	margin-bottom: 0;
}
#side_link li {
	width: 200px;
	margin-top: 8px;
}
#side_link li img {
	max-width: 100%;
}

/***************************/
/* footer */
/***************************/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	width: 100px;
	padding: 30px 0;
}
#page-top a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
}
footer {
	position: relative;
}
/* footer_head
-------------------------- */

#footer_head {
	width: 100%;
	padding: 24px 0 50px 0;
}
#footer_head .footer_pagetop {
	width: 30px;
	position: absolute;
	left: 970px;
	top: 4px;
}
/* footenav */

#footernav {
	width: 1000px;
	margin: 0 auto 22px auto;
	font-size: 75%;
	position: relative;
}
#footernav ul {
	font-size: 100%;
}
#footernav ul li {
	padding-left: 10px;
	display: inline;
}
#footernav ul li:before {
	content: "\e909";
	font-family: "icomoon", sans-serif;
	color: #4c91b8;
}
/* link */

#link {
	width: 1000px;
	margin: 0 auto;
  padding-bottom: 80px;
}
#link ul:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
	zoom: 1;
}
#link ul {
	width: 980px;
	padding: 10px 10px 0 10px;
}
#link ul li {
	width: 188px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#link ul li img {
	max-width: 100%;
}
#link ul li:nth-child(5n) {
	margin-right: 0;
}
#link li a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
}
/* footer_center
-------------------------- */

#footer_center {
	height: 59px;
	background: #4c91b8;
}
#footer_center .center_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 17px 0 15px 8px;
	position: relative;
}
#footer_center .center_wrap:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
	zoom: 1;
}
#footer_center h1, #footer_center h1 img, #footer_center address {
	display: inline;
}
#footer_center h1 {
	margin: 0 22px 0 8px;
}
#footer_center address {
	font-size: 75%;
	position: relative;
	top: -2px;
	color: #fff;
}
/* footer_foot
-------------------------- */
#footer_center ul.btn_area {
	width: 380px;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
#footer_center ul.btn_area li {
	width: 190px;
	height: 59px;
	float: left;
	position: relative;
}
#footer_center ul.btn_area li:before {
	width: 6px;
	height: 6px;
	margin-top: -3px;
	content: "";
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	display: block;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 20px;
}
#footer_center ul.btn_area li a {
	width: 190px;
	height: 59px;
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	color: #fff;
	display: block;
	font-size: 100%;
	line-height: 59px;
	text-align: center;
	text-decoration: none;
}
#footer_center ul.btn_area li.btn_access a {
	background: linear-gradient(top, #43568c 0%, #43568c 50%, #2e437f 50%, #2e437f);
	background: -moz-linear-gradient(top, #43568c 0%, #43568c 50%, #2e437f 50%, #2e437f);
	background: -webkit-gradient(linear, left top, left bottom, from(#43568c), color-stop(0.5, #43568c), color-stop(0.5, #2e437f), to(#2e437f));
}
#footer_center ul.btn_area li.btn_reserve a {
	background: linear-gradient(top, #fc7b25 0%, #fc7b25 50%, #ff6600 50%, #ff6600);
	background: -moz-linear-gradient(top, #fc7b25 0%, #fc7b25 50%, #ff6600 50%, #ff6600);
	background: -webkit-gradient(linear, left top, left bottom, from(#fc7b25), color-stop(0.5, #fc7b25), color-stop(0.5, #ff6600), to(#ff6600));
}
#footer_center ul.btn_area li.btn_access:hover a {
	background: linear-gradient(top, #586999 0%, #586999 50%, #2e437f 50%, #2e437f);
	background: -moz-linear-gradient(top, #586999 0%, #586999 50%, #2e437f 50%, #2e437f);
	background: -webkit-gradient(linear, left top, left bottom, from(#586999), color-stop(0.5, #586999), color-stop(0.5, #2e437f), to(#2e437f));
}
#footer_center ul.btn_area li.btn_reserve:hover a {
	background: linear-gradient(top, #fe8b3e 0%, #fe8b3e 50%, #ff6600 50%, #ff6600);
	background: -moz-linear-gradient(top, #fe8b3e 0%, #fe8b3e 50%, #ff6600 50%, #ff6600);
	background: -webkit-gradient(linear, left top, left bottom, from(#fe8b3e), color-stop(0.5, #fe8b3e), color-stop(0.5, #ff6600), to(#ff6600));
}
#footer_foot {
	width: 100%;
	background: #0f0f0f;
}
.footer_wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 32px 0 20px;
}
.footer_wrap:after, .footer_main:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
	zoom: 1;
}
/* footer_logo */

.footer_logo {
	width: 190px;
	float: left;
}
.footer_logo .hoshino {
	margin-left: 10px;
}
/* footer_main */

.footer_main {
	width: 760px;
	float: right;
}
.footer_main p, .footer_main h2, .footer_main ul {
	color: #a7a7a7;
}
.footer_main a:link, .footer_main a:visited {
	color: #a7a7a7;
}
.footer_main a:hover, .footer_main a:active {
	color: #fff;
}
.footer_main .link_ttl {
	margin-bottom: 36px;
	font-size: 88%;
	font-weight: bold;
}
.footer_main h2 {
    margin-bottom: 16px;
    font-size: 82%;
    font-weight: bold;
					color: #fff;
}

.footer_main h2.other_ttl {
	margin-top: 40px;
}

.footer_main section {
	margin-right: 75px;
	float: left;
}
#hoshinoya ul {
	margin-bottom: 40px;
}

.footer_main section:last-of-type {
	margin-right: 0px;
}
#footer_foot .copyright {
	text-align: center;
	padding-bottom: 30px;
}
#footer_foot .copyright p {
	font-size: 75%;
	color: #A7A7A7;
}
.footer_main ul li {
	padding-left: 0px;
	font-size: 69%;
	line-height: 1.8;
}
.footer_main ul li:before {
	content: "\e909";
	font-family: "icomoon", sans-serif;
}
#environment {
	width: 1000px;
	padding: 20px 20px 27px 20px;
	margin: 20px auto;
	border: #555555 dotted 1px;
	color: #A7A7A7;
}
#environment h2 {
	width: 16%;
	float: left;
	font-size: 13px;
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
}
#environment dl {
	font-size: 11px;
	width: 84%;
	float: right;
}
#environment dl dt {
	float: left;
	font-weight: bold;
	padding: 0 6px 0 15px;
}
#environment dl dd {
	float: left;
}
/* 404 */

#notfound{

}
#notfound img{
width: 100%;
}
#notfound .notfound-lead{
width: 100%;
position: relative;
background:url(../images/notfound_pic.html) no-repeat;
background-size:cover;
height: 640px;
}

#notfound .notfound-text-wrap{
max-width: 1100px;
margin: 0 auto;
position: absolute;
top: 30px;
left:0;
right: 0;
text-align: center;
}
#notfound .notfound-logo{
width: 250px;
margin: 0 auto 90px;
}
#notfound h1{
font-family:'Roboto','Helvetica Neue','Helvetica','Arial','Verdana','Roboto', 'MS PGothic',sans-serif;
    -webkit-font-feature-settings: 'palt' 1;
    font-weight: 700;
font-size: 72px;
margin-bottom: 20px;
color: #fff;

}
#notfound h2{
font-family: "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic" ,  "メイリオ", sans-serif;
    -webkit-font-feature-settings: 'palt' 1;
    font-weight: 600;
font-size: 20px;
margin-bottom: 20px;
color: #fff;

}
#notfound p{
font-size:14px;
line-height: 2.0;
color: #fff;

}
.notfound-sitelink {
    max-width: 1100px;
				    padding: 0 60px;
    margin: 80px auto ;
}

.notfound-summer {
width: 48%;
float: left;
margin-bottom: 60px;
}
.notfound-winter {
width: 48%;
    float: right;
				margin-bottom: 60px;
}
.notfound-sitelink h3 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    color: #333;
				line-height: 1.6;
				font-size: 16px;
}
.notfound-sitelink h3 span {
  font-size: 13px;
		font-weight: 500;
		display: block;
}
.notfound-sitelink li:first-child {
    border-top: #e2e2e2 solid 1px;
	}

.notfound-sitelink a {
position: relative;
    padding: 14px;
    display: block;
    border-bottom: #e2e2e2 solid 1px;
				text-decoration: none;
}
.notfound-sitelink a:after {
    content: "\e908";
    font-family: "icomoon", sans-serif;
    top: 18px;
    right: 8px;
    font-size: 10px;
    position: absolute;
}
.notfound-sitelink-en {
    max-width: 1100px;
				padding: 0 60px;
    margin: 80px auto;
				clear: both;
}


.notfound-sitelink-en h3 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
    color: #333;
				line-height: 1.6;
				font-size: 16px;
}

.notfound-en {
width: 48%;
float: left;
height: 160px;
}
.notfound-cn {
width: 48%;
    float: right;
    height: 160px;
}
.notfound-zh {
width: 48%;
float: left;
height: 190px;
}
.notfound-ko {
width: 48%;
    float: right;
    height: 190px;
}
.notfound-sitelink-en li:first-child {
    border-top: #e2e2e2 solid 1px;
	}

.notfound-sitelink-en a {
position: relative;
    padding: 14px;
    display: block;
    border-bottom: #e2e2e2 solid 1px;
				text-decoration: none;
}
.notfound-sitelink-en a:after {
    content: "\e908";
    font-family: "icomoon", sans-serif;
    top: 18px;
    right: 8px;
    font-size: 10px;
    position: absolute;
}

@media screen and (max-width: 414px) {
#catch h2 {
    font-size: 140%;
}
#notfound .notfound-lead{
background:url(../images/notfound_pic_sp.html) no-repeat;
background-size:cover;
height: 560px;
}

#notfound .notfound-text-wrap{
max-width: 100%;
top: 30px;
}
#notfound .notfound-logo{
width: 200px;
margin: 0 auto 90px;
}
#notfound h1{
font-size: 50px;
margin-bottom: 20px;
}
#notfound h2{
font-size: 18px;
margin-bottom: 20px;
color: #fff;
}
#notfound p{
    font-size: 13px;
    line-height: 2.0;
    padding: 0 20px;
}
.notfound-sitelink {
 max-width: 100%;
	padding: 0 20px;
 margin: 60px auto ;
}

.notfound-summer {
width: 100%;
float: none;
margin-bottom: 30px;
}
.notfound-winter {
width: 100%;
float: none;
margin-bottom: 30px;
}
.notfound-sitelink h3 {
    margin-bottom: 20px;
				line-height: 1.6;
				font-size: 16px;
}
.notfound-sitelink h3 span {
  font-size: 13px;
		font-weight: 500;
		display: block;
}


.notfound-sitelink a {
    padding: 14px;
}
.notfound-sitelink a:after {
    top: 18px;
    right: 8px;
    font-size: 10px;

}
.notfound-sitelink-en {
    max-width: 100%;
				padding: 0 20px;
    margin: 60px auto;
				clear: both;
}


.notfound-sitelink-en h3 {
    margin-bottom: 18px;
    text-align: center;
    font-weight: 600;
    color: #333;
				line-height: 1.6;
				font-size: 16px;
}

.notfound-en {
width: 100%;
float: none;
margin-bottom: 30px;
height: auto;
}
.notfound-cn {
width: 100%;
float: none;
margin-bottom: 30px;
height: auto;
}
.notfound-zh {
width: 100%;
float: none;
margin-bottom: 30px;
height: auto;
}
.notfound-ko {
width: 100%;
float: none;
margin-bottom: 30px;
height: auto;
}


.notfound-sitelink-en a {
    padding: 14px;
}
.notfound-sitelink-en a:after {
    top: 18px;
    right: 8px;
    font-size: 10px;

}
}

@media screen and (max-width: 375px) {
#notfound .notfound-lead {
    height: 500px;
}
#notfound .notfound-logo {
    width: 200px;
    margin: 0 auto 70px;
}
}

@media screen and (max-width: 320px) {
#notfound .notfound-lead {
    height: 460px;
}
#notfound .notfound-logo {
    width: 200px;
    margin: 0 auto 50px;
}
#notfound h1 {
    font-size: 40px;
    margin-bottom: 20px;
}
#notfound h2 {
    font-size: 15px;
    margin-bottom: 20px;
    color: #fff;
}
#notfound p {
    font-size: 12px;
    line-height: 2.0;
    padding: 0 20px;
}

}


.translation {
	display: none;
}
.btn_link a:hover, .btn_link a:active {
	background-color: #383838;
}
#local li:nth-of-type(odd) a:hover, #local li:nth-of-type(odd) a:active, #local li:nth-of-type(even) a:hover, #local li:nth-of-type(even) a:active{
	background-color: #383838;
}

@media screen and (max-width: 768px) {
	
	.bestrate-ico {
    position: absolute;
    top: 10px;
    width: 30px;
    right: auto;
    left: 12px;
}
	
	.bestrate-title {
    font-weight: 600;
    color: #f47e01;
    padding-bottom: 5px;
    position: absolute;
    font-size: 11px;
    left: 50px;
    top: 10px;
}
	
	
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}

.mean-container a.meanmenu-reveal span {

    display: block;
    background: #fff;
    height: 2px;
    margin-top: 4px;
}
.spnv_bttom {
margin-bottom: 30px;
}
.meanmenu-reveal{
cursor: pointer;
}
.mean-bar{
cursor: pointer;
}
.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: fixed;
    background: none;
				    background: #4c91b8;
    padding: 0;
    min-height: 48px;
    z-index: 999;
    margin-bottom: 15px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.bar-height {
height: 100%;
}
.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 13px;
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 300;
    background: #4c91b8;
    z-index: 999!important;
}
.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #4c91b8;
    margin-top: 46px;

}
.mean-container .mean-nav ul li a {
    font-size: 13px;
    display: block;
    float: left;
    width: 100%;
    padding: 13px;
    margin: 0;
    text-align: left;
    color: #fff;
    border-top: 1px solid #383838;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    text-decoration: none;
    text-transform: uppercase;
				box-sizing: border-box;
}
.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 1px;
    text-align: right;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 2;
    font-weight: 700;
    background: none;
    border: 0!important;
    border-left: none;
    border-bottom: none;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
}


.mean-container .mean-nav ul li li a {
    width: 100%;
    padding: 1em 10%;
    border-top: 1px solid #f1f1f1;
    border-top: 1px solid rgba(255,255,255,.25);
    opacity: .75;
    filter: alpha(opacity=75);
    text-shadow: none!important;
    visibility: visible;
    background: #3d7ea2;
    box-sizing: border-box;
}
.mean-container .mean-nav ul li li li a {
    width: 100%;
    padding: 1em 15%;
    box-sizing: border-box;
    background: #22526d;
}

.mean-container .mean-nav ul .allow:after {
    content: "\e908";
    font-family: "icomoon", sans-serif;
    top: 17px;
    right: 10px;
    color: #fff;
    font-size: 8px;
    position: absolute;
}
.mean-container .mean-nav ul .linkblank:after {
    content: "\e901";
    font-family: "icomoon", sans-serif;
    top: 17px;
    right: 10px;
    color: #fff;
    font-size: 8px;
    position: absolute;
}
.emergency {
	width: 100%;
	margin: 0 auto;
	top: 98px;
	font-size: 14px;
	text-align: left;
	position: relative;
	line-height: 1.2;
	clear: both;
	border: #d00505 solid 2px;
	padding: 2px;
	box-sizing: border-box;
}
.emergency .emergencyTitle {
	display: none;
}
.emergency .emergencyDetail {
	float: right;
	width: 100%;
	font-size: 13px;
	line-height: 1.4;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
}

#primary_sp {
    margin: 30px 20px;
    height: 110px;
}
.mean-container .mean-nav ul li #primary_sp a {
    width: 49%;
    padding: 13px;
    margin-right: 2%; 
				position: relative;
}
.mean-container .mean-nav ul li #primary_sp a:nth-child(2n) {
    margin-right: 0%; 
}


#header_container {
	width: 100%;
}
header {
	width: 100%;
	background: none;
	min-width: auto;
}
.header_wrap {
	height: auto;
}
#siteid {
    width: 120px;
    position: absolute;
    overflow: hidden;
    top: 12px;
    left: 14px;
    padding-top: 0px;
    padding-left: 0px;
}
#siteid img {
	width: 90px;
}





/* primary
-------------------------- */

/* lang */




#lang {
    width: 88px;
    height: 26px;
    margin-top: 12px;
    background: #2a2a2b;
    position: absolute;
    top: 0px;
    right: 95px;
}
#lang .select:before {
	content: "\e904";
	font-family: "icomoon", sans-serif;
	float: left;
	color: #fff;
	text-align: right;
}
#lang .select {
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 8px 4px 7px 4px;
	font-size: 69%;
}
#lang ul {
	width: 88px;
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	z-index: 1000;
}
#lang ul li {
	width: 88px;
	background-color: #333;
	border-top: 1px solid #666;
	font-size: 62%;
}
#lang ul li a {
	color: #fff;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}
#seasonSelect {
width: 76px;
    height: 26px;
    margin-top: 12px;
    background: #2a2a2b;
    position: absolute;
    top: 0px;
    right: 12px;
}
#seasonSelect .select:before {
	content: "\e904";
	font-family: "icomoon", sans-serif;
	float: left;
	color: #fff;
	text-align: right;
}
#seasonSelect .select {
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 8px 4px 7px 4px;
	font-size: 69%;
}
#seasonSelect ul {
	width: 76px;
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	z-index: 1000;
}
#seasonSelect ul li {
	width: 76px;
	background-color: #333;
	border-top: 1px solid #666;
	font-size: 62%;
}
#seasonSelect ul li a {
	color: #fff;
	display: block;
	padding: 10px 10px;
	text-decoration: none;
}
/* accomonav
-------------------------- */

#accomonav_wrap li.bestrate-wrap {
    padding: 5px 0;
    text-align: center;
    background: #f47e01;
    color: #fff;
}
	.bestrate-ico-b img {
    width: 100%;
}
	
	
.bestrate-ico-b {
    width: 75px;
    margin: 0 auto 20px;
}
	.bestrate-copy-b {
    font-size: 14px;
}
	#accomonav_wrap li.dp-wrap {
    padding: 5px 0;
    text-align: center;
    background: #2384e1;
    color: #fff;
}
	
#accomonav_sp {
	height: 51px;
	width: 100%;
	position: relative;
}
#accomonav_sp .select {
	color: #333;
	height: 50px;
	cursor: pointer;
	display: block;
	padding: 17px 4px 0 32px;
	font-size: 100%;
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 2px 6px -3px #090a09;
	-moz-box-shadow: 0px 2px 6px -3px #090a09;
	-webkit-box-shadow: 0px 2px 6px -3px #090a09;
	z-index: 100;
}

#accomonav_sp .select:after {
	content: "\e904";
	font-family: "icomoon", sans-serif;
	color: #4d4c4c;
	font-size: 12px;
	padding-left: 4px;
}
#accomonav_wrap {
	width: 100%;
	background: #4d4c4c;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}
#accomonav_wrap ul {
	width: 100%;
	display: none;
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 1000;
}
#accomonav_wrap li {
	background-color: #4d4c4c;
}
#accomonav_wrap li:nth-child(even) {
	background: #444343;
}
#accomonav_wrap li a {
	font-size: 82%;
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	text-decoration: none;
	color: #fff;
	padding: 16px 10px 16px 16px;
	display: block;
}
#accomonav_wrap li a:after {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
	float: right;
	font-size: 8px;
}
#primarynav_sp {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
}
#primarynav_sp li {
	float: left;
	width: 50px;
}
#primarynav_sp li img {
	width: 100%;
}
/***************************/
/* main */
/***************************/

#container {
	width: 100%;
	padding-bottom: 0px;
	height: 100%;
	position: relative;
	min-height: auto;
}
#main {
	width: 100%;
	position: relative;
}
#content {
	width: 100%;
	min-height: auto;
	padding-bottom: 30px;
	/* box-shadow */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	z-index: 100;
	position: relative;
	top: 98px;
}
article {
	width: 92%;
	margin: 0 auto;
	clear: both
}
article p {
	font-size: 82%;
	line-height: 1.8em;
	padding-bottom: 18px;
}
article h3 {
    margin-bottom: 32px;
    padding: 12px 16px;
    font-size: 100%;
    line-height: 1.3;
}
article h4 {
	margin-bottom: 18px;
	font-weight: nomal;
	font-size: 100%;
	line-height: 1.4;
	font-weight: 600;
}
article h4:before {
	content: "\e903";
	font-family: "icomoon", sans-serif;
}
article .sec_content {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 70px;
}
articlet section:last-of-type .sec_content {
	margin-bottom: 0;
}
article .sec_content .lead {
	margin-bottom: 24px;
	font-size: 113% !important;
	line-height: 1.8 !important;
}
article .sec_content figure {
	width: 30%;
	float: left;
}
article .sec_content .sec_inner {
	width: 60%;
	float: right;
}
article .sec_content .sec_inner p {
	margin-bottom: 24px;
	font-size: 88%;
	line-height: 1.8;
}
/* index_map */

#index_map {
	margin-bottom: 54px;
}
/* breadcrumb */

#breadcrumb {
	display: none;
}
/* catch */

#catch {
	margin-bottom: 46px;
	position: relative;
	z-index: 5;
}
#catch .catch_wrap {
	width: 92%;
	margin: 0 auto;
}
#catch h2 {
	font-weight: bold;
	font-size: 160%;
	padding: 30px 0px 20px 0px;
}
#catch p {
	font-size: 88%;
	line-height: 1.8;
}
#catch .level {
	margin-bottom: 20px;
	padding: 8px 10px 8px 10px;
	border: 1px solid #4c91b8;
	color: #4c91b8;
	display: inline-block;
	font-size: 82%;
	line-height: 1.0;
}
#catch .lead {
	margin-bottom: 18px;
	font-size: 100%;
	line-height: 1.5;
}
/* mainnav */

#mainnav .level {
	margin-bottom: 12px;
	font-size: 75%;
	line-height: 1.2;
}
#mainnav ul {
	width: 100%;
}
#mainnav .topics_ttl {
	height: auto;
	margin-bottom: 36px;
	padding: 0 16px;
	background: #0a85db;
	color: #fff;
	font-weight: nomal;
	font-size: 100%;
	line-height: 41px;
}
#mainnav ul li {
	width: 48%;
	margin: 0 10px 10px 0;
	float: left;
}
#mainnav ul li img {
	width: 100%;
	height: auto;
}
#mainnav ul figure a:hover img {
	/* box-shadow */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#mainnav ul li:nth-child(3n) {
	margin-right: 10px;
}
#mainnav ul li:nth-child(2n) {
	margin-right: 0;
}
#mainnav li figure {
	margin-bottom: 10px;
	/* box-shadow */
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
article #mainnav h4 {
	height: auto;
	margin: 0 0 8px 0;
	font-size: 82%;
	line-height: 1.4;
}
article #mainnav h4:before {
	content: "\e906";
	font-family: "icomoon", sans-serif;
	padding-top: 2px;
}
#mainnav p {
	font-size: 75%;
	line-height: 1.5;
}
/* info_dl */

dl.info_dl {
	display: block;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: 20px 0px 20px 0px;
	color: #666;
	font-size: 82%;
	line-height: 1.6;
	clear: both;
}
dl.info_dl dt {
	width: 6em;
	padding: 12px 0 10px 8px;
	float: left;
	clear: left;
}
dl.info_dl dd {
	padding: 12px 8px 10px 8em;
	border-bottom: 1px solid #ccc;
}
dl.info_dl dd:last-of-type {
	
}
/* info_tbr */

.info_tbr {
	width: 100%;
	font-size: 82%;
}
.info_tbr th, .info_tbr td {
	padding: 12px 15px;
	border-bottom: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	vertical-align: middle;
}
.info_tbr thead th, .info_tbr td {
	border-left: 1px dotted #999;
}
.info_tbr thead th, .info_tbr thead td {
	background: #9ecdc5;
	border-top: 1px solid #999;
	text-align: center;
}
.info_tbr thead th:first-of-type {
	border-left: 0;
	text-align: left;
}
.info_tbr tbody th {
	background: #dceeeb;
	text-align: left;
}
.info_tbr tbody td {
	text-align: center;
}
/* soon */

.soon {
	width: 100%;
	margin: 50px auto;
	padding: 40px 0;
	background: #f3f3f3;
	text-align: center;
}
.soon img {
	display: inline;
}
/* bnr */

.bnr {
	margin-top: 50px;
}
/* reserve */

.reserve {
	margin-top: 20px;
	background: #fff;
	border: 3px dotted #e71021;
	padding: 15px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
.reserve img {
	display: inline;
}
/* btn_link */

.btn_link {
	text-align: center;
}
.btn_link a {
	padding: 10px 60px 8px 60px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	color: #fff !important;
	display: inline-block;
	font-size: 100%;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
	position: relative;
}
/* button */

.button {
	text-align: center;
}
.btn {
	width: 220px;
	height: 40px;
	padding-left: 14px;
	border: 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #4c91b8;
	color: #fff;
	display: inline-block;
	font-size: 91%;
	line-height: 40px;
	position: relative;
}
/* reserve */
.reserveWrap .btn_link {
	padding-top: 20px;
}
.reserveWrap p {
	text-align: center;
	padding-bottom: 0px;
}
.reserveWrap {
	background: #ebf3f9;
	padding: 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: #1b94e9 solid 1px;
	margin-bottom: 30px;
}
.reserveWrap p strong {
	font-size: 113%;
	color: #4c91b8;
	font-weight: bold;
}
.reserveStart {
	font-size: 113%;
	text-align: center;
	padding: 15px;
	color: rgba(204,0,3,1.00);
	border: rgba(204,0,3,1.00) dotted 1px;
	background: #fff;
}
#cat .reserveStart, #bc .reserveStart {
	margin-bottom: 0px;
}
.reserveWrap ul {
	margin-top: 20px;
}
.reserveWrap li {
	font-size: 82%;
	line-height: 1.6em;
}
/* btn_link */
.bookingWrap {
	padding: 30px 0;
	text-align: center;
}
.btnPrice {
	display: inline-block;
	margin: 0 10px;
}
.btnReserve {
	display: inline-block;
}
.btnPrice a {
	text-align: center;
	display: inline-block;
	width: 250px;
	border: #4c91b8 solid 2px;
	padding: 10px;
	margin-bottom: 20px;
	color: #4c91b8;
	font-size: 100%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
}
.btnPrice a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
.btnReserve a {
	text-align: center;
	display: inline-block;
	width: 250px;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	font-size: 100%;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
 *display: inline;
 *zoom: 1;
}
.btnReserve a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
.btnPrice a:hover {
	background: #303030;
	border: #303030 solid 2px;
	color: #fff;
}
.btnReserve a:hover {
	background-color: #303030;
}
.attentionLight {
	color: #cc0003;
}

/***************************/
/* footer */
/***************************/
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
}
#page-top a {
	width: 60px;
	padding: 0px 0;
}
#page-top img {
	width: 100%;
}
#page-top a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity = 70);
}
footer {
	position: relative;
}
/* footer_head
-------------------------- */

#footer_head {
	width: 100%;
	background: rgba(204, 204, 204, 0.1);
	padding: 24px 0 20px 0;
}
#footer_head .footer_pagetop {
	width: 30px;
	position: absolute;
	left: 970px;
	top: 4px;
}
/* footenav */

#footernav {
	width: 100%;
	margin: 0 auto 10px auto;
	font-size: 75%;
	position: relative;
}
#footernav ul li {
	width: 50%;
	padding-left: 10px;
	line-height: 1.8;
	box-sizing: border-box;
	display: inline-block;
	float: left;
}
/* link */

#link {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
#link ul {
	width: 100%;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
}
#link ul li {
	width: 32%;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
#link ul li img {
	max-width: 100%;
}
#link ul li:nth-child(3n) {
	margin-right: 0;
}
#link ul li:nth-child(5n) {
	margin-right: 3px;
}
/* footer_center
-------------------------- */

#footer_center {
	height: auto;
	background: #0f0f0f;
}
#footer_center .center_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 70px 0 0px 0px;
	position: relative;
	text-align: center;
}
#footer_center h1 {
	margin: 60px 22px 0 8px;
	display: inline;
}
#footer_center h1 img {
	width: 36%;
	padding-bottom: 10px;
}
#footer_center address {
	font-size: 75%;
	position: relative;
	top: -2px;
	color: #fff;
	display: block;
	padding-bottom: 18px;
}
/* footer_foot
-------------------------- */
#footer_center ul.btn_area {
	width: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}
#sns {
	width: 140px;
	float: none;
	margin: 0 auto;
}
#sns li {
	width: 40px;
	height: 40px;
	margin-left: 10px;
	float: left;
}
#sns li img {
	width: 100%;
	height: 100%;
}
#footer_center ul.btn_area li {
	width: 50%;
	height: 46px;
	float: left;
	position: relative;
}
#footer_center ul.btn_area li a {
	width: 100%;
	height: 46px;
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	font-weight: normal;
	font-size: 88%;
	line-height: 46px;
}
#footer_foot {
	width: 100%;
	background: #0f0f0f;
}
.footer_wrap {
	width: 100%;
	margin: 0 auto;
	padding: 32px 0 20px;
	display: none;
}
/* footer_logo */

.footer_logo {
	width: 190px;
	float: left;
}
.footer_logo .hoshino {
	margin-left: 10px;
}
/* footer_main */

.footer_main {
	display: none;
}
#footer_foot .copyright {
	text-align: center;
	padding-bottom: 30px;
}
#footer_foot .copyright p {
	font-size: 69%;
	color: #A7A7A7;
}
.footer_main ul li {
	padding-left: 14px;
	font-size: 69%;
	line-height: 1.8;
}
.footer_main ul li:before {
	content: "\e909";
	font-family: "icomoon", sans-serif;
}
#environment {
	width: 90%;
	padding: 10px;
    margin: 0px auto 15px;
	border: #555555 dotted 1px;
	color: #A7A7A7;
	box-sizing: border-box;
}
#environment h2 {
	width: 100%;
	margin-bottom: 8px;
	float: none;
	font-weight: bold;
	font-size: 12px;
}
#environment dl {
	font-size: 11px;
	width: 100%;
	float: none;
}
#environment dl dt {
	float: left;
	font-weight: bold;
	padding: 0 6px 0 0px;
	line-height: 1.4;
	clear: left;
}
#environment dl dd {
	float: left;
	line-height: 1.4;
}

.translation {
	display: none;
}
.local_sp {
	padding-top: 40px;
	border-top: #C7C7C7 solid 1px;
}
#side {
	width: 100%;
	margin-top: 100px;
	position: relative;
	/* top:0; */
	right: 0px;
	top: auto;
	height: auto;
}
/* local
-------------------------- */
#local {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 0px;
	clear: both;
	z-index: 9000;
}
#local h1 {
	font-family: Hiragino Kaku Gothic W6 JIS2004;
	height: 32px;
	padding-top: 18px;
	background: #383838;
	padding-left: 15px;
	text-align: left;
	color: #fff;
}
#local li a {
	padding: 12px 12px 12px 14px;
	color: #fff;
	display: block;
	line-height: 1.2;
	font-size: 75%;
	text-decoration: none;
	position: relative;
}
#local li a:before {
	content: "\e908";
	font-family: "icomoon", sans-serif;
	color: #fff;
	font-size: 10px;
	padding-right: 8px;
}
#local li.local_ex a:after {
	content: "\e90b";
	font-family: "icomoon", sans-serif;
	color: #fff;
}
}


@media screen and (max-width: 768px) {
/* #menu is the original menu */


a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#head_wrap {
    height: 48px;
    position: fixed;
    z-index: 9990;
    background: #1a1a1b;
				width:94%;

}
#mobile-menu {
	display: block;
	position: fixed;
	width: 100%;
	z-index: 1000;
}
#accomonav_sp .select {
    -webkit-font-feature-settings: 'palt' 1;
    //: ;
    for Android 4.4 font-feature-settings: 'palt' 1;
    color: #333;
    height: 50px;
    font-size: 13px;
    font-size: ;
    display: block;
    padding: 24px 4px 0 50px;
    font-size: 14px;
    font-family: Hiragino Kaku Gothic W6 JIS2004;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 2px 6px -3px #090a09;
    -moz-box-shadow: 0 2px 6px -3px #090a09;
    -webkit-box-shadow: 0 2px 6px -3px #090a09;
    z-index: 100;
}
#accomonav_sp {
	height: 51px;
	width: 100%;
	position: fixed;
	z-index: 800;
	top: 48px;

}
	#accomonav_wrap li.dp-wrap {
    padding: 5px 0;
    text-align: center;
    background: #2384e1;
    color: #fff;
}
}

@media screen and (max-width: 600px) {

#head_wrap {
    width: 92%;
}
}


@media screen and (max-width: 414px) {
.swtext {
	display: block;
	font-size: 12px;
	color: #E30003;
	padding-bottom: 10px;
}
#accomonav_sp .linkblank:after {
	content: "\e901";
	font-size: 12px;
	padding-left: 4px;
	font-family: "icomoon", sans-serif;
	color: #fff;
}
#head_wrap {
    width: 88%;
}
}

@media screen and (max-width: 375px) {
#head_wrap {
    width: 87%;
}
}

@media screen and (max-width: 360px) {

#head_wrap {
    width: 86%;
}
}




@media screen and (max-width: 320px) {
#siteid {
	width: 64px;
	position: absolute;
	overflow: hidden;
	top: 12px;
	left: 14px;
	padding-top: 0px;
}
#siteid img {
	width: 100%;
}
#lang {
	width: 90px;
	height: 26px;
	left: 90px;
}
#seasonSelect {
	width: 70px;
	left: 190px;
}
#seasonSelect .select {
	font-size: 10px;
}
#lang .select {
	font-size: 10px;
}
#head_wrap {
    width: 85%;
}
}
/*! Flickity v1.1.2
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:0;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}

.flickity-page-dots {
	margin-top:10px;i
}
.flickity-page-dots .dot{
	width:6px;
	height:6px;
	margin:0 4px;
}
.flickity-page-dots .dot.is-selected{
	width:8px;
	height:8px;
}






.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.btn-link a {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    color: #776767;
    display: inline-block;
    height: 40px;
    line-height: 40px;
  transition: 0.4s;
}
.btn-link a:after{

  
}
.btn-link a:after{
  content: "";
  position: absolute;
right: -32px;
   top: 15px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #776767;
    border-right: 1px solid #776767;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  z-index: 2;
  transition: 0.4s;
}
.btn-link a:hover:after{
border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.btn-link a:before{
    content: "";
    position: absolute;
    right: -36px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #eeeeea;
    z-index: 1;
    transition: 0.4s;
}
.btn-link a:hover:before{
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
   background: #776767;
  transition: 0.4s;
}
.btn-link a:hover{

}

footer {
  position: relative;
    text-align: center;
    padding: 24px 0 40px;
      background: #fff;
}
.footer-siteid{
  width: 300px;
  margin: 0 auto 12px;
}
footer p {
    font-size: 15px;
    padding-bottom: 80px;
  line-height: 2;
}
.foot-nav {
    position: absolute;
    top: 24px;
    left: 40px;
    font-size: 13px;
}
.foot-nav li {
   display: inline-block;
 
}
.foot-nav li a {
  transition: 0.4s;
  color: #333;
 
}
.foot-nav li a:hover {
   text-decoration: underline;
  transition: 0.4s;
 
}
.foot-nav li:after {
  content: "/";
   padding:0  8px;
}
.foot-nav li:last-child:after {
  display: none;
}
.copyright {
    font-size: 12px;
    padding-top: 24px;
}
.hoshino-groop{
width: 460px;
    margin: 0 auto;
}
.hoshino-groop li {
    width: calc(16.666% - 16px);
    position: relative;
}
.hoshino-groop li img {
	vertical-align: bottom;
	display: inline-block;
}
.hoshino-groop li.png img {
  width: 100%;
}
.hoshino-groop ul{
align-items: center;
}
.foot-reserve-wrap-sp {
    position: fixed;
    bottom: 0px;
    width: 100%;
    transition: 0.5s;
  z-index: 4;
}
.foot-reserve-wrap-inner {
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
    position: fixed;
    width: 100%;
}
footer {
    text-align: center;
    padding: 120px 0 80px;
      background: #fff;
}
.hoshino-groop-reserve a{
    font-size: 14px;
    font-weight: 600;
}
.hoshino-groop-reserve.btn-link a{
       color: #161616;
}
.btn-link a:after {
    border-top: 1px solid #161616;
    border-right: 1px solid #161616;

}
.hoshino-groop-reserve.btn-link a:before{
    content: "";
    position: absolute;
    right: -36px;
    top: 14px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
    transition: 0.4s;
}
.hoshino-groop-reserve.btn-link a:hover:before{
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    -ms-transform: scale(4);
    transform: scale(4);
   background: #161616;
  transition: 0.4s;
}

.foot-reserve-wrap-sp a {
  color: #fff;
}
.foot-reserve-wrap-sp #dp {
width: 50%;
    background: #4e5399;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    transition: 0.5s;
    position: relative;
  text-align: center;
}
.foot-reserve-wrap-sp #br {
    width: 50%;
    background: #f36319;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    transition: 0.5s;
  text-align: center;
}



.ico-stay {
    width: 17px;
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
}
.ico-plane {
    display: block;
    position: absolute;
    width: 20px;
    top: 13px;
    left: 10px;
}
.foot-reserve-wrap-sp #br .ico-stay {
    width: 18px;
    display: block;
    position: absolute;
    top: 19px;
    left: 20px;
}

.foot-reserve-wrap-sp #dp .ico-plane {
    display: block;
    position: absolute;
    width: 22px;
    top: 24px;
    left: 15px;
}
  @media screen and (max-width:640px){
    .hoshino-groop {
    width: 80%;
    margin: 0 auto;
}
    .hoshino-groop li img {
    width: 100%;
}
    
      .footer-siteid {
    width: 180px;
    margin: 0 auto 12px;
}
    footer p {
    font-size: 13px;
    padding-bottom: 80px;
}
    .btn-link a {
    font-size: 14px;
    }
    .foot-nav {
    position: absolute;
    top: 24px;
    left: 0;
    font-size: 12px;


    text-align: center;
    width: 100%;
}
    
   .foot-nav ul {
    display: inline;
} 
}