@charset "UTF-8";

/* リセット */
#stvl div,#stvl p,#stvl h1,#stvl h2,#stvl h3,#stvl h4,#stvl h5,#stvl h6,#stvl ul,#stvl ol,#stvl li,#stvl dl,#stvl dt,#stvl dd,#stvl table,#stvl caption,#stvl tr,#stvl td,#stvl th,#stvl address {margin:0; padding:0;}
#stvl div,#stvl p,#stvl blockquote,#stvl h1,#stvl h2,#stvl h3,#stvl h4,#stvl h5,#stvl h6,#stvl ul,#stvl ol,#stvl li,#stvl dl,#stvl dt,#stvl dd,#stvl address {display:block;}
#stvl ul,#stvl ol {list-style-type:none;}


/*body {
	color:#333;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:13px;
	line-height:1.4;
}
body p {
	line-height:1.8;
}
*/

.content-sidebar #content-sidebar-wrap, .full-width-content #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap {width:auto;float:none;}
.full-width-content #content {padding:0;width:auto;}
.wrap {width:auto;}
#content {float:none;}
.archive-page ul li, .entry-content ul li{margin:0;list-style-type:none;}
.entry-content img {margin:0!important;}
.entry-content h2 {border-bottom:none;}
.page h2 span.h2spn {
    border-left: none;
    position: relative;
    margin: 0;
    line-height: 2em;
    font-size: 20px;
    color: #3498db;
}
.entry-content h3 {border-bottom:none;}
#content .page {padding:0!important;    margin: 0px!important;}
.entry-title {
    display:none!important;
}

/* -------------------------------------
common
------------------------------------- */
body {
	background-color:#f2f2f2;
}
.cf:after {
	content:"";
	clear:both;
	display:block;
}
#stvl {
    background-color:#f2f2f2;
}
#stvl .page_w {
	width:1440px;
	margin:0 auto;
}
#stvl .page_s {
	width:1060px;
	margin:0 auto;
}

.travelmenu {
	max-width:1120px;
	margin:0 auto;
}

#stvl .blkttl {
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#3498db;
	letter-spacing:0.1em;
	margin:0 0 30px 0;
	padding-top:8.5%;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
#stvl #qa .blkttl {
	padding-top:7%;
	margin-bottom:40px;
}

#stvl .pcimg {
	display:block;
}
#stvl .spimg {
	display:none;
}
#stvl .apper_fade {
	opacity:1;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:2.0s;
	-moz-transition-duration:2.0s;
	-o-transition-duration:2.0s;
	transition-duration:2.0s;
}
#stvl .apper_fade.in {
	opacity:1.0;
}
#stvl #skiing .blkttl,
#stvl #search .blkttl,
#stvl #colum .blkttl {
	background-image:url(../img/bg1.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#stvl #stay .blkttl,
#stvl #qa .blkttl {
	background-image:url(../img/bg2.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#stvl #model .blkttl{
	background-image:url(https://hokkaido-labo.com/wp-content/uploads/2018/04/b_simple_21_5L-1.png);
	background-repeat: no-repeat;
	background-size: contain;
}


/* -------------------------------------
mainimg
------------------------------------- */
#stvl #mainimg {
	padding:15px 0 10px 0;
	margin:10px 0 15px 0;
	background-image:url(../img/mainimg_bdr_top.png), url(../img/mainimg_bdr_btm.png);
	background-position:left 5px, left bottom;
	background-repeat:repeat-x, repeat-x;
	position:relative;
}

#stvl #mainimg .page_s {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#stvl #mainimg .page_s #ttl {
	width: 51.8%;
    background-color: rgba(255,255,255,0.85);
    box-sizing: border-box;
    box-shadow: 0px 0px 0px 13px rgba(255,255,255,0.85);
    border: dashed 1px #8bd8e7;
    padding: 2.1em 1.5em;
}
#stvl #mainimg .page_s #ttl h1 {
    margin-bottom: 5px;
    color: #3498db;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
}
#stvl #mainimg .page_s #ttl p {
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

#stvl #mainimg ul {
	float:left;
}
#stvl #mainimg ul.left {
	width:42.7%;
	margin-right:0.2%;
}
#stvl #mainimg ul.cen {
	width:28.4%;
	margin-right:0.2%;
}
#stvl #mainimg ul.right {
	width:28.4%;
}
#stvl #mainimg li {
	float:left;
	box-sizing:border-box;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:2.0s;
	-moz-transition-duration:2.0s;
	-o-transition-duration:2.0s;
	transition-duration:2.0s;
}
#stvl #mainimg li.delay02 {
	-webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
#stvl #mainimg li.delay03 {
	-webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
#stvl #mainimg li.delay04 {
	-webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
#stvl #mainimg li.delay05 {
	-webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
#stvl #mainimg li.delay06 {
	-webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
}
#stvl #mainimg .apper li {
	opacity:1.0;
}
#stvl #mainimg .apper.in li {
	opacity:1.0;
}






#stvl #mainimg ul.left li {
	width:33%;
}
#stvl #mainimg ul.left li:nth-child(1) {
	margin-bottom:0.5%;
}
#stvl #mainimg ul.left li:nth-child(2) {
	width:66.6%;
	margin-bottom:0.4%;
}
#stvl #mainimg ul.left li:nth-child(2), #stvl #mainimg ul.left li:nth-child(4), #stvl #mainimg ul.left li:nth-child(5) {
	float:right;
}
#stvl #mainimg ul.left li:nth-child(4), #stvl #mainimg ul.left li:nth-child(5) {
	width:32.9%;
}
#stvl #mainimg ul.left li:nth-child(5) {
	margin-right:0.7%;
}

#stvl #mainimg ul.cen li {
	width:49.6%;
}
#stvl #mainimg ul.cen li:nth-child(2) {
	float:right;
}
#stvl #mainimg ul.cen li:nth-child(3) {
	width:100%;
	margin-top:0.6%;
}


#stvl #mainimg ul.right li {
	width:49.6%;
}
#stvl #mainimg ul.right li:nth-child(1) {
	width:100%;
	margin-bottom:0.6%;
}
#stvl #mainimg ul.right li:nth-child(2), #stvl #mainimg ul.right li:nth-child(3) {
	margin-bottom:0.6%;
}
#stvl #mainimg ul.right li:nth-child(3), #stvl #mainimg ul.right li:nth-child(5) {
	float:right;
}


#stvl #mainimg li img {
	width:100%;
	height:auto;
	vertical-align:middle;
}


/* -------------------------------------
pagenavi
------------------------------------- */
#stvl #pagenavi {
	margin-bottom:30px;
	background-color:#34bedd;
}
#stvl #pagenavi li {
	width:25%;
	float:left;
}
#stvl #pagenavi li:nth-child(1) {
	background-color:#ff7d99;
}
#stvl #pagenavi li:nth-child(2) {
	background-color:#28ac9f;
}
#stvl #pagenavi li:nth-child(3) {
	background-color:#ffb045;
}
#stvl #pagenavi li:nth-child(4) {
	background-color:#00a7ff;
}
#stvl #pagenavi li:nth-child(5) {
	background-color:#b075cb;
}
#stvl #pagenavi li a {
	font-size:17px;
	font-weight:bold;
	color:#fff!important;
	line-height:1.2;
	text-align:center;
	display:block;
	padding:25px 10px;
	box-sizing:border-box;
}
#stvl #pagenavi li a img {
	vertical-align:-3px;
	display:inline-block;
	margin-right:5px!important;
}
/* -------------------------------------
skiing
------------------------------------- */
#stvl #skiing {
    padding: 45px 0;
    margin-bottom: 40px;
    background: url(../img/about_bg.png) repeat center top;
}
#stvl .skispot {
	margin-bottom: 40px;
	background: #fff;
	padding: 2%;
}

#stvl .skiheader {
    position: relative;
}
#stvl .niseko {
}
#stvl .tomamu {
}
#stvl .rusutsu {
}
#stvl .skispotname {
    position: absolute;
    font-size: 36px;
    font-weight: bold;
    color: #3498db;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    text-shadow: 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff;
    top: 15%;
    left: 5%;
}
#stvl .description {
    width: 50%;
    line-height: 1.3em;
    font-weight: bold;
    color: #333;
    position: absolute;
    top: 36%;
    left: 5%;
    text-shadow: 0px 0px 6px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff;
}

#stvl .txt {
    padding: 20px 15px;
    border: 1px solid #e6e6e6;
    margin: 10px 0;
    line-height: 1.5;
    font-size: 14px;
}
#stvl .skiinfo dl {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 25px 9%;
}
#stvl .skiinfo dl:last-child {
    margin-right: 0;
    margin-left: 0;
}
#stvl .skiinfo dl dt {
    background: #f05986;
    color: #fff;
    padding: 5px;
    width: 29%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
#stvl .skiinfo dl dd {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
}
#stvl .btn_ptn01 a {
    display: block;
    background-color: #3498db;
    padding: 12px 0px 11px;
    color: #fff!important;
    border-radius: 5px;
    width: 80%;
    border: none;
    text-align: center;
    font-size: 20px;
    margin: 40px auto 20px;
    cursor: pointer;
}
#stvl .btn_ptn01 a:before {
    font-family: FontAwesome;
    content: "\f18e";
    padding-right: 5px;
}
#stvl .skilist {
    text-align: center;
}
#stvl .departure {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 0 10px 6px;
    display: block;
}
#stvl .ski_dpinner {
    width: 48%;
    display: inline-block;
    border-right: 1px dashed #ccc;
}
#stvl .ski_dpinner:nth-child(even) {
	border-right: none;
}
/* -------------------------------------
about
------------------------------------- */
#stvl #about {
	padding:45px 0;
	margin-bottom:40px;
	background:url(../img/about_bg.png) repeat center top;
}
#stvl #about .maincap {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
#stvl #about .maincap img {
	width:39.7%;
	min-width:280px;
	height:auto;
	display:block;
	margin:0 auto 20px auto!important;
}
#stvl #about h2 {
	font-size:24px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding-left:15px;
	border-left:3px solid #34bedd;
	box-sizing:border-box;
}
#stvl #about ul {
	padding:0 10px;
	box-sizing:border-box;
}
#about li {
	width:45.9%;
	float:left;
	margin:0 0 35px 0;
}
#stvl #about li:nth-child(even) {
	float:right;
}
#stvl #about li h3 {
	margin:0 0 25px 0;
}
#stvl #about li h3 img {
	width:100%;
	height:auto;
}
#stvl #about li p {
	font-size:15px;
	font-weight:bold;
	line-height:1.8;
}
#stvl #about li p span {
	font-size:18px;
	text-align:right;
	display:block;
	padding-top:5px;
}



/* -------------------------------------
qa
------------------------------------- */
#stvl #qa {
	margin-bottom:90px;
}
#stvl #qa ul {
	padding:0 15px;
	box-sizing:border-box;
}
#stvl #qa ul li {
	margin:0;
	padding:25px 0 15px 0;
	border-bottom:2px dotted #cccccc;
}
#stvl #qa ul li:nth-child(1) {
	padding-top:0;
}
#stvl #qa dl {
	margin:0;
	padding:0;
}
#stvl #qa dl dt, #stvl #qa dl dd {
	font-weight:bold;
	padding:0 0 0 40px;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:28px auto;
}
#stvl #qa dl dt {
	font-size:18px;
	margin:0 0 15px 0;
	background-image:url(../img/icon_q.png);
	background-position:left center;
}
#stvl #qa dl dd {
	font-weight:bold;
	line-height:1.8;
	margin:0;
	padding-bottom:10px;
	background-image:url(../img/icon_a.png);
}


/* -------------------------------------
scenery
------------------------------------- */

#stvl #scenery li {
	width:25%;
	float:left;
	margin:0 0 40px 0;
}
#stvl #scenery li img {
	width:100%;
	height:auto;
	display:block;
}
#stvl #scenery li h3 {
	font-size:15px;
	font-weight:normal;
	text-align:center;
	line-height:1.3;
	color:#fff;
	width:-webkit-calc(100% - 30px);
	width:calc(100% - 30px);
	padding:8px 0;
	margin:0 auto -6px auto;
	box-sizing:border-box;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	top:-18px;
}
#stvl #scenery li h3 span {
	padding:0 20px;
	display:block;
	box-sizing:border-box;
}
#stvl #scenery li:nth-child(1) h3 {
	background-image:url(../img/scenery_ttlbg1.png);
}
#stvl #scenery li:nth-child(2) h3 {
	background-image:url(../img/scenery_ttlbg2.png);
}
#stvl #scenery li:nth-child(3) h3 {
	background-image:url(../img/scenery_ttlbg3.png);
}
#stvl #scenery li:nth-child(4) h3 {
	background-image:url(../img/scenery_ttlbg4.png);
}
#stvl #scenery li:nth-child(5) h3 {
	background-image:url(../img/scenery_ttlbg5.png);
}
#stvl #scenery li:nth-child(6) h3 {
	background-image:url(../img/scenery_ttlbg6.png);
}
#stvl #scenery li:nth-child(7) h3 {
	background-image:url(../img/scenery_ttlbg7.png);
}
#stvl #scenery li:nth-child(8) h3 {
	background-image:url(../img/scenery_ttlbg8.png);
}
#stvl #scenery li p {
	font-size:12px;
	padding:0 15px;
	box-sizing:border-box;
}


/* -------------------------------------
stay
------------------------------------- */
#stvl #stay {
	margin-bottom:50px;
}

#stvl #stay .stayblk,
#stvl #skiing .stayblk {
	margin-bottom:30px;
}
#stvl #stay .stayblk:last-child {
	margin-bottom:0;
}
#stvl #stay .stayblk h3 {
	width:26.8%;
	min-height:190px;
	float:left;
	display:table;
	padding:20px;
	margin:0;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
	box-sizing:border-box;
	position:relative;
}
#stvl #stay .stayblk:nth-child(2) h3 {
	background-color:#f05180;
}
#stvl #stay .stayblk:nth-child(3) h3 {
	background-color:#34bedd;
}
#stvl #stay .stayblk:nth-child(4) h3 {
	background-color:#ff9a6a;
}
#stvl #stay .stayblk:nth-child(5) h3 {
	background-color:#46d4b2;
}
#stvl #stay .stayblk h3:after {
	content:"";
	width:31px;
	height:36px;
	display:block;
	position:absolute;
	top:50%;
	left:100%;
	z-index:1;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
#stvl #stay .stayblk:nth-child(2) h3:after {
	background:url(../img/stay_arrow1.png) no-repeat center center;
	background-size:100% 100%;
}
#stvl #stay .stayblk:nth-child(3) h3:after {
	background:url(../img/stay_arrow2.png) no-repeat center center;
	background-size:100% 100%;
}
#stvl #stay .stayblk:nth-child(4) h3:after {
	background:url(../img/stay_arrow3.png) no-repeat center center;
	background-size:100% 100%;
}
#stvl #stay .stayblk:nth-child(5) h3:after {
	background:url(../img/stay_arrow4.png) no-repeat center center;
	background-size:100% 100%;
}
#stvl #stay .stayblk h3 span {
	line-height:1.4;
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
}
#stvl #stay .stayblk h3 span.stayttl_lft {
	width:23%;
}
#stvl #stay .stayblk h3 span.stayttl_rgt {
	padding-left:15px;
}
#stvl #stay .stayblk h3 span img {
	width:100%;
	height:auto;
}
#stvl #stay .stayblk h3 span {
	font-size:17px;
	font-weight:bold;
	color:#fff;
}
#stvl #stay .hotllist {
	width:66.9%;
	float:right;
}
#stvl #stay .hotllist > li,
#stvl .skilist > li {
	width:32.3%;
	float:left;
	padding:10px 10px 30px 10px;
	margin-right:1.5%;
	background-color:#fff;
	border:1px solid #e6e6e6;
	box-sizing:border-box;
}
#stvl #stay .hotllist > li:nth-child(3n),
#stvl #skiing .skilist > li:nth-child(3n) {
	margin-right:0;
}
#stvl #stay .hotllist > li img,
#stvl #skiing .skilist > li img {
	width:100%;
	height:auto;
	display:block;
	margin-bottom:12px!important;
}
#stvl #stay .hotllist li h4,
#stvl #skiing .skilist li h4 {
	margin:0 0 14px 0;
}
#stvl #stay .hotllist > li h4 a,
#stvl #skiing .skilist > li h4 a {
	font-size:14px;
	font-weight:bold;
	line-height:1.4
	color:#3498db;
	text-decoration:underline;
	vertical-align:top;
	display:block;
}
#stvl #skiing .skilist > li h4 a {
	font-size: 17px;
}
#stvl #stay .hotllist > li ul {
	margin:0;
	padding:0;
}
#stvl #stay .hotllist > li ul li {
	margin-bottom:10px;
}
#stvl #stay .hotllist > li ul li:last-child {
	margin-bottom:0;
}
#stvl #stay .hotllist > li ul li dl {
	display:table;
	margin:0;
	border-left:4px solid #3498db;
	box-sizing:border-box;
}
#stvl #stay .hotllist > li ul li dl dt, #stvl #stay .hotllist > li ul li dl dd {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	vertical-align:middle;
	display:table-cell;
	padding:0 0 0 8px;
	box-sizing:border-box;
}
#stvl #stay .hotllist > li ul li dl dd span {
	font-size:18px;
}


/* -------------------------------------
search
------------------------------------- */
#stvl #search {
	margin-bottom:90px;
}
#stvl .tab {
    font-size: 0;
    text-align: center;
    border-bottom: 3px solid #19058a;
}
#stvl .tab li {
	width: 150px;
    display: inline-block;
    margin-right: 20px;
	border-top: 1px solid #19050a;
    border-left: 1px solid #19058a;
    border-right: 1px solid #19058a;
}
#stvl .tab li:last-child {
	margin-right:0;
}
#stvl .tab li a {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#E7064C;
	display:block;
	padding:10px;
	box-sizing:border-box;
}
#stvl .tab li.select a {
	color:#fff!important;
	background-color:#E7064C;
}
#stvl .tab li a:hover {
	text-decoration:none!important;
}

#stvl .side-search {
    padding: 30px;
    background-color: #fff;
    box-sizing: border-box;
    border-left: 3px solid #19058a;
    border-right: 3px solid #19058a;
    border-bottom: 3px solid #19058a;
}
#stvl .side-search li {
	float:left;
	margin-right:25px;
	margin-bottom:20px;
}
#stvl .side-search li.btn-search {
    margin-bottom:0!important;
}
#stvl .side-search li label {
	display:inline-block;
	margin-right:10px;
}
#stvl .side-search li input[type=text], #stvl .side-search li select, #stvl .side-search li textarea {
	line-height:14px!important;
	height:40px!important;
	margin:0!important;
	display:inline-block;
	box-sizing:border-box;
    border:1px solid #b4b4b4!important;
}

#stvl .side-search li input#datepicker {
	width:150px;
}
#stvl .side-search li.hakuForm span {
	padding:0 10px;
}
#stvl input[type="button"],#stvl input[type="submit"] {
    -webkit-appearance: none;
}
#stvl .wd100 table {
	width:100%;
}
#stvl .side-search li.btn-search label {
	width:160px;
	display:block!important;
	margin:0 auto!important;
	cursor:pointer;
}
#stvl #btn-side-search {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:6px 10px;
	background-color:#3498db;
	border:none;
	border-radius:6px;
	box-sizing:border-box;
	outline:none;
}
button#btn-side-search:hover {
    cursor: pointer;
}
#stvl #btn-side-search img {
	display:inline-block;
	vertical-align:-2px;
	margin-right:6px!important;
}
li #datepicker {
    background: #FFF url(../img/icon-calendar.png) no-repeat;
    background-position: 98% center;
}

/* レンタカー */
#stvl #rentacar_search #datepicker1, #stvl #rentacar_search  #datepicker2 {
	margin-right:10px!important;
}
#stvl .side-search .selectList li {
	margin-bottom:0;
}
#stvl #rentacar_search .pB05 li {
	margin-bottom:0!important;
}
#stvl #rentacar_search .wd100 {
	margin-bottom:20px;
}
#stvl #rentacar_search #sec1, #stvl #rentacar_search #route3 {
	margin-right:10px;
}
#stvl #rentacar_search .btn-search {
	width:160px;
	display:block!important;
	margin:20px auto 0 auto!important;
	cursor:pointer;
}
#stvl #rentacar_search .btn-search button {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:6px 10px;
	background-color:#E7064C;
	border:none;
	border-radius:6px;
	box-sizing:border-box;
	outline:none;
}
#stvl #rentacar_search img {
	display:inline-block;
	vertical-align:-2px;
	margin-right:6px!important;
}

/* 航空券 */
#stvl #flight_search .flight_round {
	margin-bottom:20px;
}
#stvl #flight_search .flight_round label {
	font-size:14px;
}
#stvl #flight_search select {
	width:auto;
}
#stvl #flight_search .col2 span {
	padding-left:10px;
}
#stvl #flight_search .search_btn {
	width:160px;
	display:block!important;
	margin:0 auto 0 auto!important;
	cursor:pointer;
}
#stvl #flight_search .search_btn button {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:6px 10px;
	background-color:#E7064C;
	border:none;
	border-radius:6px;
	box-sizing:border-box;
	outline:none;
}
#stvl #flight_search .search_btn img {
	display:inline-block;
	vertical-align:-2px;
	margin-right:6px!important;
}

/* 現地体験 */
#stvl #option_search .year1, #stvl #option_search .month1 {
	margin-right:10px!important;
}
#stvl #option_search .search_btn {
	width:160px;
	display:block!important;
	margin:0 auto 0 auto!important;
	cursor:pointer;
}
#stvl #option_search .search_btn button {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	width:100%;
	padding:6px 10px;
	background-color:#E7064C;
	border:none;
	border-radius:6px;
	box-sizing:border-box;
	outline:none;
}
#stvl #option_search .search_btn img {
	display:inline-block;
	vertical-align:-2px;
	margin-right:6px!important;
}


/* -------------------------------------
colum
------------------------------------- */
#stvl #colum {
    padding-bottom:50px!important;
}
#stvl #colum li {
    width:31.3%;
    float:left;
    margin-right:3%;
    margin-bottom:25px;
    background-color:#fff;
}
#stvl #colum li:nth-child(3n) {
    margin-right:0;
}
#stvl #colum li .colum_img a {
    display:block;
    transition: opacity 0.8s; -webkit-transition: opacity 0.8s; -ms-transition: opacity 0.8s; -o-transition: opacity 0.8s;
}
#stvl #colum li .colum_img a img {
    width:100%;
    height:auto;
}
#stvl #colum li .colum_img a:hover {
    opacity:0.7;
}
#stvl #colum .colum_text {
    padding:15px 20px;
    box-sizing:border-box;
}
#stvl #colum .colum_text p.colum_area {
    font-size:12px!important;
    margin-bottom:8px;
}
#stvl #colum .colum_text p.colum_area a {
    font-size:12px!important;
    color:#FA558D;
    display:inline-block;
    box-sizing:border-box;
}
#stvl #colum .colum_text h3 {
    margin-bottom:8px;
}
#stvl #colum .colum_text h3 a {
    font-size:14px!important;
    font-weight:bold;
    line-height:1.6;
    color:#000!important;
    display:inline-block;
}
#stvl #colum .colum_text p.colum_cat a {
    font-size:12px;
    line-height:1.2;
    color:#fff!important;
    display:inline-block;
    padding:5px 10px;
    border-radius:6px;
    box-sizing:border-box;
}
#stvl #colum .colum_text p.colum_cat.stay a {
    background-color:#bbdd00;
}
#stvl #colum .colum_text p.colum_cat.play a {
    background-color:#00ca69;
}
#stvl #colum .colum_text p.colum_cat.sightseeing a {
    background-color:#3F7EC1;
}
#stvl #colum .colum_text p.colum_cat.knowledge a {
    background-color:#A35FC4;
}
#stvl #colum .colum_text p.colum_cat.gourmet a {
    background-color:#ED6001;
}
#stvl #colum .colum_text p.colum_cat.buy a {
    background-color:#EEBE00;
}
#stvl #colum .colum_area:before {
    font-family: FontAwesome;
    content: "\f041";
    padding-right: 5px;
    color: #0D47A1;
}
	
/* -------------------------------------
footer
------------------------------------- */




@media screen and (max-width:1440px) {
	#stvl .page_w {
		width:100%;
	}
}
@media screen and (max-width:1100px) {
	/* -------------------------------------
	common
	------------------------------------- */
	#stvl .page_s {
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
	}
	#stvl .blkttl {
		font-size:32px;
		margin:0 0 45px 0;
	}
	#stvl #qa .blkttl {
		margin-bottom:35px;
	}
	
	
	/* -------------------------------------
	mainimg
	------------------------------------- */
	#stvl #mainimg .page_s #ttl {
		width:45%;
		padding:25px;
	}
	#stvl #mainimg .page_s #ttl p br {
		display:none;
	}
	
	
	/* -------------------------------------
	pagenavi
	------------------------------------- */
	#stvl #pagenavi .page_s {
		padding:0;
	}
	#stvl #pagenavi li a {
		font-size:17px;
		padding:20px 10px;
	}
	#stvl #pagenavi li a img {
		width:17px;
		height:auto;
	}
	
	
	
	/* -------------------------------------
	about
	------------------------------------- */
	#stvl #about {
		padding:40px 0;
		margin-bottom:35px;
	}
	#stvl #about .maincap {
		font-size:17px;
	}
	#stvl #about h2 {
		font-size:22px;
	}
	#stvl #about ul {
		padding:0;
	}
	#stvl #about li {
		margin:0 0 30px 0;
	}
	#stvl #about li p {
		font-size:14px;
	}
	#stvl #about li p span {
		font-size:17px;
	}
	
	
	/* -------------------------------------
	qa
	------------------------------------- */
	#stvl #qa ul {
		padding:0;
	}
	#stvl #qa dl dt, #stvl #qa dl dd {
		padding:0 0 0 38px;
		background-size:26px auto;
	}
	#stvl #qa dl dt {
		font-size:17px;
	}
	
	
	/* -------------------------------------
	scenery
	------------------------------------- */
	#stvl #scenery li {
		width:33.3%;
		margin:0 0 35px 0;
	}
	
	
	/* -------------------------------------
	stay
	------------------------------------- */
	#stvl #stay .stayblk h3 {
		padding:15px;
	}
	#stvl #stay .stayblk h3 span.stayttl_lft {
		width:21%;
	}
	#stvl #stay .stayblk h3 span {
		font-size:16px;
	}
	#stvl #stay .hotllist > li ul li dl dd span {
		font-size:17px;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	#stvl .tab li {
		width:140px;
		margin-right:15px;
	}
	#stvl .tab li a {
		font-size:17px;
		padding:8px;
	}
    #stvl .side-search {
        padding:25px;
    }
    
    
    /* -------------------------------------
	colum
	------------------------------------- */
	
}
@media screen and (max-width:768px) {
	/* -------------------------------------
	common
	------------------------------------- */
	body {
		-webkit-text-size-adjust:100%;
	}
	#stvl .pcimg {
		display:none;
	}
	#stvl .spimg {
		display:block;
	}
	#stvl .blkttl {
		font-size:29px;
		margin:0 0 40px 0;
	}
	#stvl #qa .blkttl {
		margin-bottom:30px;
	}
	
	
	/* -------------------------------------
	mainimg
	------------------------------------- */
	#stvl #mainimg ul.left {
		width:59.8%;
		margin-right:0.3%;
	}
	#stvl #mainimg ul.cen {
		width:39.8%;
		margin-right:0;
	}
	#stvl #mainimg span {
		display:block;
	}
	#stvl #mainimg ul.right {
		width:100%;
		float:none;
	}
	#stvl #mainimg ul.right li {
		width:100%!important;
		display:none;
		margin:0.3% 0 0 0;
	}
	#stvl #mainimg ul.right li:nth-child(1) {
		display:block;
	}
	
	
	/* -------------------------------------
	pagenavi
	------------------------------------- */
	#stvl #pagenavi li {
		width:50%;
	}
	#stvl #pagenavi li a {
		font-size:16px;
		padding:15px 10px;
	}
	#stvl #pagenavi li a img {
		width:16px;
	}
	/* -------------------------------------
	skiing
	------------------------------------- */
	#stvl #skiing {
    padding: 10px 0;
	}
	.page h2 span.h2spn {
    line-height: 1.3em;
    font-size: 13px;
	}
	#stvl .skispotname {
    font-size: 22px;
    margin-bottom: 7px;
	}
	#stvl .description {
	    font-size: 12px;
	}
	#stvl .txt {
    padding: 5px;
    border: none;
    margin: 5px 0;
    font-size: 13px;
	}
	#stvl #skiing .skilist > li {
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	#stvl #skiing .skilist > li img {
    width: 80%;
    margin: 0 auto 12px!important;
	}
	#stvl #skiing .skilist > li .right {
    max-width: 100%;
    margin: 10px;
	}
	#stvl .skiinfo dl {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0 25px 2%;
    font-size: 12px;
	}
	#stvl .skiinfo dl dt {
    width: 50%;
	}
	#stvl .skiinfo dl dd {
	    margin-top: 5px;
	    display: block;
	}
	#stvl .btn_ptn01 a {
    width: 90%;
    font-size: 14px;
    margin: 15px auto 15px;
	}
	#stvl .skilist > li {
		padding-bottom: 10px;
	}
	/* -------------------------------------
	about
	------------------------------------- */
	#stvl #about {
		padding:35px 0;
		margin-bottom:30px;
	}
	#stvl #about .maincap {
		font-size:16px;
	}
	#stvl #about h2 {
		font-size:20px;
	}
	#stvl #about li {
		width:48%;
		float:left;
		margin:0 0 25px 0;
	}
	#stvl #about li p {
		font-size:13px;
	}
	#stvl #about li p span {
		font-size:16px;
	}
	
	
	/* -------------------------------------
	qa
	------------------------------------- */
	#stvl #qa ul li {
		padding:20px 0 20px 0;
	}
	#stvl #qa dl dt, #qa dl dd {
		padding:0 0 0 35px;
		background-size:23px auto;
	}
	#stvl #qa dl dt {
		font-size:16px;
		margin:0 0 10px 0;
	}
	#stvl #qa dl dd {
		font-size:13px;
		line-height:1.6;
	}
	
	
	/* -------------------------------------
	scenery
	------------------------------------- */
	#stvl #scenery li {
		margin:0 0 30px 0;
	}
	#stvl #scenery li h3 {
		font-size:14px;
	}
	
	
	/* -------------------------------------
	stay
	------------------------------------- */
	#stvl #stay .stayblk h3 {
		width:100%;
		min-height:initial;
		min-height:auto;
		float:none;
		display:block;
		margin-bottom:40px;
		border-bottom-right-radius:0px;
		border-top-right-radius:0px;
		border-bottom-right-radius:15px;
		border-bottom-left-radius:15px;
	}
	#stvl #stay .stayblk h3:after {
		width:26px;
		height:23px;
		margin:0 auto;
		top:99%;
		left:0;
		right:0;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
	#stvl #stay .stayblk h3 br {
		display:none;
	}
	#stvl #stay .stayblk:nth-child(2) h3:after {
		background:url(../img/stay_arrow5.png) no-repeat center center;
	}
	#stvl #stay .stayblk:nth-child(3) h3:after {
		background:url(../img/stay_arrow6.png) no-repeat center center;
	}
	#stvl #stay .stayblk:nth-child(4) h3:after {
		background:url(../img/stay_arrow7.png) no-repeat center center;
	}
	#stvl #stay .stayblk:nth-child(5) h3:after {
		background:url(../img/stay_arrow8.png) no-repeat center center;
	}
	#stvl #stay .stayblk h3 span {
		font-size:15px;
		text-align:center;
		display:block;
	}
	#stvl #stay .stayblk h3 span.stayttl_lft {
		width:100%;
	}
	#stvl #stay .stayblk h3 span img {
		width:31px;
		display:block;
		margin:0 auto 10px auto!important;
	}
	#stvl #stay .stayblk h3 span br {
		display:none;
	}
	#stvl #stay .hotllist {
		width:100%;
		float:none;
	}
	#stvl #stay .hotllist > li ul li dl dd span {
		font-size:16px;
	}
	#stvl #stay .hotllist > li h4 a {
		font-size:13px;
	}
	#stvl #stay .hotllist > li ul li dl dt, #stvl #stay .hotllist > li ul li dl dd {
		font-size:13px;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	#stvl .tab li {
		width:120px;
		margin-right:13px;
	}
	#stvl .tab li a {
		font-size:16px;
		padding:6px;
	}
    #stvl .side-search {
        padding:20px;
    }
    
    
    /* -------------------------------------
	colum
	------------------------------------- */
    #stvl #colum li .colum_text {
        padding:12px 15px;
    }
    #stvl #colum .colum_text h3 a {
        font-size:13px!important;
    }
}
@media screen and (max-width:640px) {
	/* -------------------------------------
	common
	------------------------------------- */
	#stvl .blkttl {
		font-size:25px;
		margin:0 0 30px 0;
	}
	
	/* -------------------------------------
	mainimg
	------------------------------------- */
	#stvl #mainimg .page_s #ttl {
		width:100%;
		padding:25px 15px;
	}
	#stvl #mainimg .page_s #ttl h1 {
		max-width:350px;
		margin:0 auto 5px auto;
	}
	
	
	/* -------------------------------------
	pagenavi
	------------------------------------- */
	#stvl #pagenavi li a {
		font-size:12px;
	}
	#stvl #pagenavi li a img {
		width:15px;
	}
	
	
	/* -------------------------------------
	about
	------------------------------------- */
	#stvl #about {
		padding:30px 0;
		margin-bottom:25px;
	}
	#stvl #about .maincap {
		font-size:15px;
	}
	#stvl #about h2 {
		font-size:19px;
	}
	#stvl #about li {
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	#stvl #about li:nth-child(even) {
		float:none;
	}
	#stvl #about li h3 {
		width:280px;
	}
	#stvl #about li p {
		height:auto!important;
	}
	#stvl #about li p span {
		font-size:15px;
	}
	
	
	/* -------------------------------------
	qa
	------------------------------------- */
	#stvl #qa dl dt, #stvl #qa dl dd {
		padding:0 0 0 33px;
		background-size:21px auto;
	}
	
	
	/* -------------------------------------
	scenery
	------------------------------------- */
	#stvl #scenery li {
		width:50%;
	}
	#stvl #stay .hotllist > li ul li dl dd span {
		font-size:15px;
	}
	#stvl #stay .hotllist > li h4 a {
		font-size:12px;
	}
	#stvl #stay .hotllist > li ul li dl dt, #stvl #stay .hotllist > li ul li dl dd {
		font-size:12px;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	#stvl .tab li {
		width:95px;
		margin-right:10px;
	}
	#stvl .tab li a {
		font-size:15px;
		padding:5px;
	}
	#stvl .side-search li label {
		display:block!important;
		margin-bottom:5px!important;
	}
    #stvl .side-search {
        padding:15px;
    }
	
	
	/* -------------------------------------
	colum
	------------------------------------- */
    #stvl #colum li .colum_text {
        padding:10px 10px;
    }
}
@media screen and (max-width:480px) {
	/* -------------------------------------
	common
	------------------------------------- */
	#stvl .blkttl {
		font-size:20px;
		padding-top:12%;
	}
	#stvl #qa .blkttl {
		padding-top:11%;	
	}
	
	
	/* -------------------------------------
	mainimg
	------------------------------------- */
	#stvl #mainimg .page_s #ttl p {
		font-size:12px;
	}
	/* -------------------------------------
	skiing
	------------------------------------- */
	#stvl .heightLine-box01 {
		height: auto!important;
	}
		#stvl .description {
	    width: 92%;
	    top: 47%;
	    left: 4%;
	    line-height: 1;
	}
	/* -------------------------------------
	qa
	------------------------------------- */
	#stvl #qa dl dt, #stvl #qa dl dd {
		padding:0 0 0 32px;
		background-size:20px auto;
	}
	#stvl #qa dl dt {
		font-size:15px;
	}
	
	
	/* -------------------------------------
	stay
	------------------------------------- */
	#stvl #stay .hotllist > li {
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	#stvl #stay .hotllist > li img {
		width:114px;
		float:left;
	}
	#stvl #stay .hotllist > li .right {
		width:-webkit-calc(100% - 125px);
		width:calc(100% - 125px);
		float:right;
	}
	#stvl #stay .hotllist li h4,
	#stvl #skiing .skilist li h4 {
		height:auto!important;
	}
	#stvl #stay .hotllist li h4 a br,
	#stvl #skiing .skilist li h4 a br {
		display:none;
	}
	
	
	/* -------------------------------------
	search
	------------------------------------- */
	#stvl .tab li {
		width:50%;
		float:left;
		display:block;
		margin-right:0;
		box-sizing:border-box;
	}
	#stvl .tab li a {
		font-size:14px;
	}
	
	#stvl .side-search li {
		width:100%;
		float:none;
	}
	#stvl .side-search li {
		width:100%;
	}
	#stvl .side-search li input#datepicker {
		width:100%;
	}
	#stvl .side-search li input[type=text], #stvl .side-search li select, #stvl .side-search li textarea {
		width:100%;
	}
	#stvl #flight_search select {
		width:100%;
	}
	#stvl #option_search .year1, #stvl #option_search .month1 {
		margin:0 0 10px 0!important;
	}
	#stvl #flight_search .col2 span {
		padding-left:0;
		padding-top:5px;
		display:block;
	}
	#stvl #rentacar_search #datepicker1, #stvl #rentacar_search  #datepicker2 {
		margin:0 0 10px 0!important;
	}
	#stvl .side-search li.hakuForm span {
		padding-left:0;
		padding-top:5px;
		margin-bottom:5px;
		display:block;
	}
    
    
    /* -------------------------------------
	colum
	------------------------------------- */
    #stvl #colum li {
        width:100%;
        height:auto!important;
        float:none;
        margin:0 0 15px 0!important;
    }
    #stvl #colum li:nth-child(3n) {
        margin:0 0 15px 0!important;
    }
}
@media screen and (max-width:320px) {
	/* -------------------------------------
	common
	------------------------------------- */
	#stvl .blkttl {
		font-size:20px;
	}
	
	
	/* -------------------------------------
	pagenavi
	------------------------------------- */
	#stvl #pagenavi li {
		width:100%;
		float:none;
	}
	
	
	/* -------------------------------------
	qa
	------------------------------------- */
	#stvl #qa dl dt, #stvl #qa dl dd {
		padding:0 0 0 30px;
		background-size:18px auto;
	}
	#stvl #qa dl dt {
		font-size:14px;
	}
	
	
	/* -------------------------------------
	scenery
	------------------------------------- */
	#stvl #scenery li {
		width:100%;
		float:none;
	}
	
	
	/* -------------------------------------
	stay
	------------------------------------- */

}
@media screen and (min-width:769px) {
	
}