@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*--------------------------------------------------------------*/

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	
*/

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */
.dl-back,
.sp {
	display:none;
}
* html body {     
    background:url(null) fixed;
	height:100%;
}  

body#top {
	min-height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
html {
	height:100%;
} 

.img_left {
	float:left;
	margin:0 15px 15px 0;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}
/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:underline;
}
a:active {
	color:#333;
	text-decoration:none;
}
a:link.blue {
	color:#0000dd;
	text-decoration:none;
}
a:visited.blue {
	color:#0000dd;
	text-decoration:none;
}
a:hover.blue {
	color:#0000dd;
	text-decoration:underline;
}
a:active.blue {
	color:#0000dd;
	text-decoration:none;
}
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
	height:100%;
	clear:both;
	overflow:hidden;
}
.bg{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width:210px;
  height:100%;
  background:url(../img/side-bg.gif) repeat-y;
  z-index: 2;
}
#container {
}
#copyright {
	position:fixed;
	left:0;
	bottom:0;
	z-index:99;
}
/* ------------------------------------------------------------ */
/* backgroundimage */
/* ------------------------------------------------------------ */

#arrow_right {
	position:fixed;
	top:35%;
	right:90px;
	z-index:3;
	opacity:0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#arrow_left {
	position:fixed;
	top:35%;
	left:300px;
	z-index:3;
	opacity:0.6;
	-webkit-transition: all .5s;
	transition: all .5s;	
}
#maincatch {
	position:fixed;
	top:35%;
	text-align:center;
	color:#fff;
	z-index:2;
	width:100%;
}
#maincatch h2 {
	padding:0 0 0 210px;
	font-size:32px;
}
#arrow_left:hover,
#arrow_right:hover {
	opacity:1;
}
/*I want to style my pager*/
#cycle-nav {
	position:fixed;
	top:30px;
	right:30px;
	z-index:9999;
}
#cycle-nav ul {
    list-style-type:none;
}
#cycle-nav ul a {
	display:block;
	text-indent:-9999px;
	border:solid 1px #fff;
	width:10px;
	height:10px;
	float:left;
	margin:0 8px 0 0;
	border-radius: 5px; /* CSS3草案 */ 
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px; /* Firefox用 */
}
#cycle-nav ul a.activeSlide {
		background:#fff;
}


/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
#header {
	height:100%;
}


/* ------------------------------------------------------------ */
/* サイドナビ */
/* ------------------------------------------------------------ */
#sideBar {
	width:210px;
	position:relative;
	z-index:3;
	height:100%;
	min-height:1000px;
	background:url(../img/side-bg.gif) repeat-y 0 0;
}
#topBttom {
	background:url(../img/bg_topBttom.png) repeat;
	padding:30px 0 30px 18%;
	width:82%;
	position:fixed;
	bottom:60px;
}
#topBttom li {
	float:left;
}
#topBttom img {
	max-width:100%;
}
#topBttom .btn {
	width:66%;
	float:left;
	margin:0 0 0 2%;
}
#topBttom .btn li {
	width:47.5%;
	margin:0 0 0 2.5%;
}
#topBttom .bn {
	width:24%;
	float:left;
	margin:0 0 0 0.7%;
}
#topBttom .bn li {
	width:44.8%;
	margin:0 0 0 5.2%;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	z-index:999999;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 0;
	left: 210px;
	z-index: 99;
}
.sf-menu ul li {
	position:relative;
	z-index:101;
}
.sf-menu ul .navbg {
	position: absolute;
	z-index:100;
	top:-265px;
	overflow:hidden;
}
.sf-menu ul .navbg img {
}
.sf-menu > li {
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul.navBg01 {
	height:100%;
	background:#fff;
}
.sf-menu li {
	background: #BDD2FF;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu li a#nav01 {
	height:66px;
	width:210px;
	background:url(../img/nav01.gif) no-repeat 0 0;
}
.sf-menu li.sfHover a#nav01 {
	background:url(../img/nav01.gif) no-repeat -210px 0;
}

.sf-menu li a#nav02 {
	height:66px;
	width:210px;
	background:url(../img/nav02.gif) no-repeat 0 0;
}
.sf-menu li.sfHover a#nav02 {
	background:url(../img/nav02.gif) no-repeat -210px 0;
}


.sf-menu ul li {
	background: #f6f6f6;
	width:210px;
	height:65px;
	line-height:66px;
	border-top:solid 1px #000000;
}
.sf-menu ul li a {
	display:block;
	width:200px;
	height:65px;
	padding:0 0 0 10px;
	background:url(../img/nav_icon_arrow_off.gif) no-repeat 190px 30px !important;
	font-weight:bold;
}
.sf-menu ul li a:hover {
	background: #e3e3e3 url(../img/nav_icon_arrow_on.gif) no-repeat 190px 30px !important;
	text-decoration:none;
	color:#005a78;
}
.sf-menu ul ul {
	background:#e3e3e3 ;
	width:690px;
	padding:30px;
}
.sf-menu ul ul li {
	width:230px;
	height:auto !important;
	margin:0 0 15px;
	line-height:1.5em !important;
	background:#e3e3e3 ;
	border:none !important;
}
.sf-menu ul ul div {
	float:left;
	width:230px;
}
.sf-menu ul ul li a {
	background-image:none !important;
	font-weight:normal;
	font-size:90%;
	width:200px;
	height:auto;
	padding:0;
}
.sf-menu ul ul li a:hover {
	background-image:none !important;
}
.sf-menu ul ul li a h4 {
	color:#005a78;
	font-weight:bold;
	font-size:107%;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

#main.sfHover a.sf-with-ul {
	background: #e3e3e3 url(../img/nav_icon_arrow_on.gif) no-repeat 190px 30px;
	text-decoration:none;
	color:#005a78;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
.snsBtn {
	clear:both;
	overflow:hidden;
	position:absolute;
	top:480px;
	left:20px;
}
.snsBtn a {
	display:block;
	width:25px;
	margin:0 5px 0 0;
	float:left;
}
#serchBox {
	position:absolute;
	top:510px ;
}
#otherLink {
	clear:both;
	position:absolute;
	top:580px;
	left:25px;
}
#otherLink li {
	margin:0 0 10px;
}
#otherLink li a {
	color:#757575;
	background:url(../img/pc_other_icon.gif) no-repeat 0 4px;
	padding:0 0 0 13px;
}
#otherLink li a:hover {
	color:#fff;
	text-decoration:none;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
#footer {
	height:60px;
	background:#fff;
	line-height:60px;
	color:#474747;
	position:fixed;
	bottom:0;
	width:100%;
}
#footer .box {
	width:80%;
	height:60px;
	margin:0 0 0 18%;
	float:left;
	background:url(../img/f_logo.svg) no-repeat right 18px;
	background-size:125px 18px;
}
#footer .info {
	font-size:90%;
	margin:0 0 0 4%;
	max-width:80%;
	line-height:1.3em;
	padding:21px 0 0;
}
#footer .logo {
	position:absolute;
	right:0;
}
/* ------------------------------------------------------------ */
/* googleカスタム検索 */
/* ------------------------------------------------------------ */

.gsc-control-cse {
    font-family: Arial, sans-serif;
    border: none !important;
    background: none !important;
}
input.gsc-search-button-v2 {
    width: 13px;
    height: 13px;
    padding: 7px 6px 7px !important;
    min-width: 13px;
    margin-top: 4px !important;
    margin-left: 0 !important;
/*	border:none !important;
	background:#fff !important;
*/    border-radius:0 !important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}
input.gsc-search-button {
	border:none !important;
}
/* ------------------------------------------------------------ */
/* 下層共通 */
/* ------------------------------------------------------------ */
#sub #footer {
  height: 60px;
  line-height: 60px;
  color: #474747;
  position:fixed;
  bottom: 0;
  width: 100%;
  background:#ececec url(../img/side-bg.gif) repeat-y 0 0;
}
#sub #header {
	height:100%;
  width: 210px;
  float:left;
}
#sub #wrapper {
	height:100%;
	position:relative;
}
#sub #content {
	position:absolute;
	top:0;
	width:100%;
	background:url(../img/side-bg.gif) repeat-y left top;
}
#sub #content .section {
	padding:0 0 150px 210px;
}
#sub #content h2 {
	height:100px;
	line-height:100px;
	color:#000;
	text-align:center;
	font-size:24px;
	width:100%;
}
/*
#sub #content h2 {
	background:url(../img/bg-sub-title.png) repeat center top;
	height:132px;
	line-height:132px;
	color:#fff;
	text-align:center;
	font-size:24px;
	width:100%;
	margin:0 0 20px;
}
*/
/* ------------------------------------------------------------ */
/* 早割リフト */
/* ------------------------------------------------------------ */
#listcontainer .hakuba h3 { background:#0080e2 !important; }
#listcontainer .hakuba { border: 1px solid #0080e2 !important; }
#listcontainer .hakuba li li a { color:#0080e2 !important; }

#listcontainer .shiga h3 { background:#e641b6 !important; }
#listcontainer .shiga { border: 1px solid #e641b6 !important; }
#listcontainer .shiga li li a { color:#e641b6 !important; }

#listcontainer .chuoh h3 { background:#ffc000 !important; }
#listcontainer .chuoh { border: 1px solid #ffc000 !important; }
#listcontainer .chuoh li li a { color:#ffc000 !important; }

#listcontainer .yuzawa h3 { background:#31a6c7 !important; }
#listcontainer .yuzawa { border: 1px solid #31a6c7 !important; }
#listcontainer .yuzawa li li a { color:#31a6c7 !important; }

#listcontainer .hokushin h3 { background:#bb5900 !important; }
#listcontainer .hokushin { border: 1px solid #bb5900 !important; }
#listcontainer .hokushin li li a { color:#bb5900 !important; }

#listcontainer .tohshin h3 { background:#87b243 !important; }
#listcontainer .tohshin { border: 1px solid #87b243 !important; }
#listcontainer .tohshin li li a { color:#87b243 !important; }

#listcontainer .myoko h3 { background:#e60000 !important; }
#listcontainer .myoko { border: 1px solid #e60000 !important; }
#listcontainer .myoko li li a { color:#e60000 !important; }

#listcontainer .hokuriku h3 { background:#9b4a67 !important; }
#listcontainer .hokuriku { border: 1px solid #9b4a67 !important; }
#listcontainer .hokuriku li li a { color:#9b4a67 !important; }

#listcontainer .tohoku h3 { background:#d9ae00 !important; }
#listcontainer .tohoku { border: 1px solid #d9ae00 !important; }
#listcontainer .tohoku li li a { color:#d9ae00 !important; }

#listcontainer .okumino h3 { background:#bb1600 !important; }
#listcontainer .okumino { border: 1px solid #bb1600 !important; }
#listcontainer .okumino li li a { color:#bb1600 !important; }

#listcontainer .kansai h3 { background:#ff9000 !important; }
#listcontainer .kansai { border: 1px solid #ff9000 !important; }
#listcontainer .kansai li li a { color:#ff9000 !important; }

#listcontainer .hokkaido h3 { background:#3d982e !important; }
#listcontainer .hokkaido { border: 1px solid #3d982e !important; }
#listcontainer .hokkaido li li a { color:#3d982e !important; }

#listcontainer {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#sub .item {
  /*margin: 0 10px;*/
  width: 250px;
  border: 1px solid #eee;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#sub .item h3 {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background:#ccc;
	font-size:122%;
}
#sub .item p {
	text-align:left;
	font-weight:bold;
	color:#333;
}
#sub .item ul {
	padding:20px;
}
#sub .item ul ul {
	padding:0px !important;
}

#sub .item li {
	margin:0 0 20px;
}
#sub .item li li {
	margin:0  !important;
}
.item img {
  width: 100%;
  display:block;
}
/* fillEmptySpace を設定した場合に追加される要素  */
#sub .wookmark-placeholder {
  background-color: #fff;
}


/* ------------------------------------------------------------ */
/* 詳細ページ */
/* ------------------------------------------------------------ */
#singleBox {
	padding:20px 0 0;
	width:80%;
	margin:0 auto;
}
#singleBox h2 {
	height:50px !important;
	line-height:50px !important;
	padding: 5px 0 5px 15px !important;
	margin:0 0 30px;
	color:#fff !important;
	font-size:159% !important;
}
#singleBox h2.other {
	color:#333 !important;
}

#singleBox h4 {
	height:30px !important;
	line-height:30px !important;
	margin:0 0 10px;
	color:#fff !important;
	font-size:159% !important;
}
#singleBox h4.other2 {
	color:#333 !important;
        text-align:center;
}

#singleBox h3.other {
	color:#fff !important;
	font-size:107%;
	background: #333;
	margin:0 0 20px;
	padding:5px 10px;
	clear:both;
}
#singleBox h5.other {
	height:50px !important;
	line-height:50px !important;
	/* padding: 5px 0 5px 15px !important; */
	margin:0 0 15px;
	color:#333 !important;
	font-size:107% !important;
}

#singleBox .comNav {
	text-align:center;
	margin:0 0 30px;
}
#singleBox h3#link04 {
	margin:0 0 40px !important;
}
#singleBox table th {
	border:solid 1px #666;
	background:#ccc;
	text-align:left;
}
#singleBox .btn {
	padding:20px 0 0;
}
#singleBox .box {
	clear:both;
	margin:0 0 50px;
	overflow:hidden;
}
#singleBox .btn a {
	display:block;
	background:#0C73A8;
	padding:5px;
	color:#fff;
	width:30%;
	text-align:center;
}
#singleBox .btn a:hover {
	background:#000;
	text-decoration:none;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#singleBox .caption {
	margin:0 0 30px;
	line-height:2.0em;
	font-size:107%;
}
#singleBox .print {
	width:85%;
	margin:0 auto 40px;
	clear:both;
	overflow:hidden;
}
#singleBox .print .cupon {
	width:60%;
	float:left;
	margin:0 5% 0 0;
}
#singleBox .print .cupon img {
	max-width:100%;
}
#singleBox .print .btn a {
	width:190px;
	height:190px;
	background:#ccc;
	border-radius: 95px; /* CSS3草案 */ 
	-webkit-border-radius: 95px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 95px; /* Firefox用 */
	position:relative;
	display:block;
	float:left;
}
#singleBox .print .btn img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#singleBox dl {
	clear:both;
	margin:0 0 40px;
	width:100%;
}
#singleBox dl.other {
	clear:both;
	margin:0 0 40px 15px;
	width:100%;
}
#singleBox dl dt {
	border-bottom: solid 1px #ccc;
	font-weight:bold;
	margin:0 0 10px;
}
#singleBox dl .red {
	color:#f00;
}

/* ------------------------------------------------------------ */
/* 詳細ページ用色分け */
/* ------------------------------------------------------------ */
#singleBox.hakuba dl dt { border-bottom: solid 1px #0080e2 !important; color:#0080e2 !important; }
#singleBox.hakuba h2 {background:#0080e2 !important; }
#singleBox.hakuba .print .btn a {background:#0080e2 !important; }

#singleBox.shiga dl dt { border-bottom: solid 1px #e641b6 !important; color:#e641b6 !important; }
#singleBox.shiga h2 {background:#e641b6 !important; }
#singleBox.shiga .print .btn a {background:#e641b6 !important; }

#singleBox.chuoh dl dt { border-bottom: solid 1px #ffc000 !important; color:#ffc000 !important; }
#singleBox.chuoh h2 {background:#ffc000 !important; }
#singleBox.chuoh .print .btn a {background:#ffc000 !important; }

#singleBox.yuzawa dl dt { border-bottom: solid 1px #31a6c7 !important; color:#31a6c7 !important; }
#singleBox.yuzawa h2 {background:#31a6c7 !important; }
#singleBox.yuzawa .print .btn a {background:#31a6c7 !important; }

#singleBox.hokushin dl dt { border-bottom: solid 1px #bb5900 !important; color:#bb5900 !important; }
#singleBox.hokushin h2 {background:#bb5900 !important; }
#singleBox.hokushin .print .btn a {background:#bb5900 !important; }

#singleBox.tohshin dl dt { border-bottom: solid 1px #87b243 !important; color:#87b243 !important; }
#singleBox.tohshin h2 {background:#87b243 !important; }
#singleBox.tohshin .print .btn a {background:#87b243 !important; }

#singleBox.myoko dl dt { border-bottom: solid 1px #e60000 !important; color:#e60000 !important; }
#singleBox.myoko h2 {background:#e60000 !important; }
#singleBox.myoko .print .btn a {background:#e60000 !important; }

#singleBox.hokuriku dl dt { border-bottom: solid 1px #9b4a67 !important; color:#9b4a67 !important; }
#singleBox.hokuriku h2 {background:#9b4a67 !important; }
#singleBox.hokuriku .print .btn a {background:#9b4a67 !important; }

#singleBox.tohoku dl dt { border-bottom: solid 1px #d9ae00 !important; color:#d9ae00 !important; }
#singleBox.tohoku h2 {background:#d9ae00 !important; }
#singleBox.tohoku .print .btn a {background:#d9ae00 !important; }

#singleBox.okumino dl dt { border-bottom: solid 1px #bb1600 !important; color:#bb1600 !important; }
#singleBox.okumino h2 {background:#bb1600 !important; }
#singleBox.okumino .print .btn a {background:#bb1600 !important; }

#singleBox.kansai dl dt { border-bottom: solid 1px #ff9000 !important; color:#ff9000 !important; }
#singleBox.kansai h2 {background:#ff9000 !important; }
#singleBox.kansai .print .btn a {background:#ff9000 !important; }

#singleBox.hokkaido dl dt { border-bottom: solid 1px #3d982e !important; color:#3d982e !important; }
#singleBox.hokkaido h2 {background:#3d982e !important; }
#singleBox.hokkaido .print .btn a {background:#3d982e !important; }


@media screen and (max-width: 1100px){
#singleBox .print .btn a {
	width:150px !important;
	height:150px !important;
	border-radius: 75px; /* CSS3草案 */ 
	-webkit-border-radius: 75px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 75px; /* Firefox用 */
}

}
@media screen and (max-width: 1000px){
#singleBox .print .btn a {
	width:120px !important;
	height:120px !important;
	border-radius: 60px; /* CSS3草案 */ 
	-webkit-border-radius: 60px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 60px; /* Firefox用 */
}

}

/* ------------------------------------------------------------ */
/* お問い合わせ */
/* ------------------------------------------------------------ */
#contact textarea {
	max-width:80%;
}

/* ------------------------------------------------------------ */
/* pc only */
/* ------------------------------------------------------------ */
.pc-only {
	display:block;
}
.sp-only {
	display:none;
}