@charset "UTF-8";
@import url(base.css);
@import url(form.css);
.colDRed { color: #89130c; }

.colRed { color: #c43027; }

.colLRed { color: #f9ebea; }

.colYellow { color: #f9e14b; }

.colLYellow { color: #fdfdd5; }

.bgRed { background-color: #c43027; color: #FFF; }

.sizeL { font-size: 5vw; }

.sizeM { font-size: 4vw; }

.sizeN { font-size: 3.6vw; }

.sizeS { font-size: 3.2vw; }

.sizeSS { font-size: 3vw; }

.img100 { width: 100%; height: auto; }

.btn { text-align: center; margin: 3vw auto; }
.btn a, .btn input { position: relative; display: inline-block; text-align: center; line-height: 1.6em; transition: 0.2s; font-size: 4vw; background: #db655e; background: -moz-linear-gradient(top, #db655e 1%, #cf3128 49%, #db655e 100%); background: -webkit-linear-gradient(top, #db655e 1%, #cf3128 49%, #db655e 100%); background: linear-gradient(to bottom, #db655e 1%, #cf3128 49%, #db655e 100%); border-bottom: 3px solid #89130c; border-radius: 5px; color: #FFF; margin: 0 auto; padding: 2vw 8vw; text-decoration: none !important; }
.btn a:after, .btn input:after { content: ''; width: 3vw; height: 3vw; border: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 3.2vw; right: 3vw; border-top: solid 2px #FFF; border-right: solid 2px #FFF; }
.btn.s a { border-radius: 5px; font-size: 3.2vw; padding: 5px 40px; }
.btn.an a:after { border: 0; }
.btn.gray a, .btn.gray input { background: #CCC; background: -webkit-linear-gradient(top, #F2F2F2 0%, #CCC 45%, #CCC 55%, #F2F2F2 100%); background: linear-gradient(to bottom, #F2F2F2 0%, #CCC 45%, #CCC 55%, #F2F2F2 100%); color: #666; border-bottom: 3px solid #999; }

/*-------------------------------------------------
	++ BASE
-------------------------------------------------*/
body { font-size: 3.6vw; }

.pc { display: none; }

.ftL.pcft, .ftR.pcft { float: none !important; }

.sp60 { width: 60%; }

#container { margin: 0 auto; text-align: center; position: relative; min-width: 100%; overflow-x: hidden; padding-top: 14.5vw; }

#contents { background: url(../img/cbg_sp.png) center bottom repeat-x; background-size: 100% auto; padding: 3vw; }

.cInner { display: block; clear: both; width: 100%; margin: 0 auto; text-align: center; position: relative; }

/*-------------------------------------------------
	++ HEAD
-------------------------------------------------*/
#header { width: 100%; position: relative; position: fixed; background-color: #c43027; top: 0; left: 0; z-index: 9999; }
#header #mainHeader { border-bottom: 2px solid #89130c; min-height: 14.5vw; }
#header #mainHeader h1 { width: 35%; z-index: 10; min-height: 10vw; margin: 2vw; background: url("../img/logo_w.png") center center no-repeat; background-size: 100% auto; }
#header #mainHeader h1 img { display: block; opacity: 0; width: 100%; height: auto; }
#header #menu { background-color: #c43027; }
#header #menu .menuBtn { background: url("../img/burger.png") center center no-repeat; background-size: 100% auto; height: 10vw; width: 10vw; position: absolute; top: -12vw; right: 2vw; }
#header #menu .menuBtn.current { background: url("../img/burger_close.png") center center no-repeat; background-size: 100% auto; }
#header #menu ul { display: none; }
#header #menu ul > li { background-color: #c43027; border-bottom: 1px solid #FFF; position: relative; }
#header #menu ul > li .smenu { position: absolute; top: 2vw; right: 2vw; width: 10vw; height: 10vw; z-index: 1; background: url("../img/burger_plus.png") center center no-repeat; background-size: 100% auto; }
#header #menu ul > li .smenu.current { background: url("../img/burger_minus.png") center center no-repeat; background-size: 100% auto; }
#header #menu ul > li ul { display: none; background: #c43027; border-top: 1px solid #FFF; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.5) inset; }
#header #menu ul > li ul li { background-color: #f9ebea; border-bottom: 1px dotted #c43027; }
#header #menu ul > li ul li:nth-last-of-type(1) { border-bottom: 0; }
#header #menu ul > li ul li a { display: block; padding: 3vw 5vw 3vw 5vw; color: #c43027; }
#header #menu ul > li > a { display: block; width: 100%; font-size: 4vw; line-height: 1; padding: 3vw 5vw 3vw 5vw; text-decoration: none; text-align: left; color: #FFF; }
#header #menu ul > li > a img { vertical-align: middle; margin-right: 3vw; }

#main { position: relative; overflow-y: hidden; padding-bottom: 7vw; }

/*
.slick-prev {
	padding:0;
	background-size:6vw auto!important;
	left:0!important;
	width: 7vw!important; margin-top: -6vw!important; height: 12vw!important;
}
.slick-next {
	padding:0;
	background-size:6vw auto!important;
	right:0!important;
	width: 7vw!important; margin-top: -6vw!important; height: 12vw!important;
}*/
.slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; }
.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots li button { background-color: rgba(0, 0, 0, 0.3); border: 1px solid #CCC !important; border: 0; width: 10vw; height: 1vw; border-radius: 0; padding: 0; text-indent: -9999px; }
.slick-dots li.slick-active button { background-color: black; }

#submain { position: relative; overflow-y: hidden; padding-top: 9vw; background: url(../img/mainsub_bg.jpg) center bottom repeat-x; background-size: auto 40vw; min-height: 40vw; }
#submain .icon { width: 16vw; height: 16vw; margin: 0 auto; text-align: center; padding: 3vw; background: url(../img/subtitle_badge.png) center top no-repeat; background-size: 16vw 16vw; }
#submain .icon img { width: 10vw; height: 10vw; }
#submain .title { color: #c43027; margin-top: 3vw; font-size: 6vw; }

/*-------------------------------------------------
	++ COMMON
-------------------------------------------------*/
.indent1 li { margin-left: 3.2vw; text-indent: -3.2vw; }

.indent2 { text-align: left; }
.indent2 li { margin-left: 7vw; text-indent: -7vw; margin-bottom: 1vw; }

.indent3 { text-align: left; }
.indent3 li { margin-left: 10vw; text-indent: -10vw; margin-bottom: 1vw; }

.hxStarW { background-color: #c43027; color: #FFF; font-weight: normal; font-size: 5vw; }
.hxStarW span { color: #f9e14b; font-size: 3.2vw; }

.hxStarS { background-color: #c43027; color: #FFF; position: relative; text-align: left; padding: 1vw; margin-bottom: 3vw; }
.hxStarS:before { display: inline-block; content: "★"; color: #f9e14b; margin: 0 1vw; }

.hxHoo { margin: 3vw auto; text-align: center; font-size: 5vw; color: #c43027; position: relative; padding: 0 7vw; }
.hxHoo:before { display: block; position: absolute; top: 50%; left: 0; width: 7vw; height: 7vw; content: "＼"; margin-top: -3.5vw; }
.hxHoo:after { display: block; position: absolute; top: 50%; right: 0; width: 7vw; height: 7vw; content: "／"; margin-top: -3.5vw; }

.hcSq { font-weight: bold; font-size: 4vw; text-align: left; margin-bottom: 3vw; color: #333; }
.hcSq:before { display: inline-block; content: ""; background: url("../img/hx_sqare.png") left top no-repeat; background-size: 5vw 5vw; width: 5vw; height: 5vw; margin-right: 1vw; vertical-align: middle; }

.attText { font-size: 3.2vw; }

.centerImg { margin: 3vw auto; text-align: center; }

/*-------------------------------------------------
	++ HOME
-------------------------------------------------*/
.homeSection { margin-bottom: 7vw; }

#topInfo .topContents .topCondition { padding: 3vw; background-color: #c43027; color: #FFF; }
#topInfo .topContents .topCondition h2 { margin-bottom: 3vw; }
#topInfo .topContents .topCondition .postBox { background-color: #FFF; border-radius: 5px; color: #c43027; padding: 2vw; }
#topInfo .topContents .topCondition .postBox h4 { padding: 2vw 0 0 0; }
#topInfo .topContents .topCondition .postBox .text { margin-top: 3vw; }
#topInfo .topContents .topCondition .postBox .text .postText { font-size: 8vw; line-height: 1; }
#topInfo .topContents .topCondition .postBox .text .unit { font-size: 3.2vw; }
#topInfo .topContents .topCondition .todayCondition .weather { width: 70%; float: left; margin-right: 3%; min-height: 26vw; }
#topInfo .topContents .topCondition .todayCondition .weather ul li { display: inline-block; vertical-align: middle; padding: 0 2vw; width: 30%; }
#topInfo .topContents .topCondition .todayCondition .weather ul li img { width: 100%; height: auto; }
#topInfo .topContents .topCondition .todayCondition .temperature { width: 27%; float: left; min-height: 26vw; }
#topInfo .topContents .topCondition .topSlope { margin-top: 3vw; }
#topInfo .topContents .topCondition .topSlope h3 { background: url("../img/svg/icon07.svg") left center no-repeat; background-size: 10vw 10vw; min-height: 10vw; text-align: left; padding: 2vw 0 0 13vw; font-size: 4vw; }
#topInfo .topContents .topCondition .topSlope .postBox { width: 31.6%; min-height: 26vw; float: left; margin-right: 2.5%; }
#topInfo .topContents .topCondition .topSlope .postBox:nth-last-of-type(1) { margin-right: 0; }
#topInfo .topContents .topCondition .topSlope .postBox:nth-last-of-type(1) .text .postText { font-size: 5.4vw; }
#topInfo .topContents .topCondition .road { margin-top: 3vw; }
#topInfo .topContents .topCondition .road h3 { background: url("../img/svg/icon08.svg") left center no-repeat; background-size: 10vw 10vw; min-height: 10vw; text-align: left; padding: 2vw 0 0 13vw; font-size: 4vw; width: 50%; float: left; }
#topInfo .topContents .topCondition .road .text { width: 50%; float: left; }
#topInfo .topContents .topCondition .road .text .postText { font-size: 5vw; }
#topInfo .topContents .topCondition .livecamera { margin-top: 3vw; }
#topInfo .topContents .topCondition .livecamera .text { width: 50%; float: left; text-align: left; padding-right: 2vw; }
#topInfo .topContents .topCondition .livecamera .text h3 { background: url("../img/svg/icon09.svg") left center no-repeat; background-size: 10vw 10vw; min-height: 10vw; text-align: left; padding: 2vw 0 0 13vw; font-size: 4vw; }
#topInfo .topContents .topCondition .livecamera .text p { font-size: 3vw; }
#topInfo .topContents .topCondition .livecamera .text .link { text-align: right; }
#topInfo .topContents .topCondition .livecamera .text .link a { display: inline-block; background-color: #FFF; font-size: 3vw; color: #c43027; border-radius: 5vw; padding: 0 3vw; }
#topInfo .topContents .topCondition .livecamera .img { width: 50%; float: left; }
#topInfo .topContents .topCondition .livecamera .img img { width: 100%; height: auto; }
#topInfo .topContents .topCondition .weatherNewsLink { background: #FFF; border-radius: 5px; padding: 5px; margin-top: 10px; font-size: 4vw; }
#topInfo .topContents .topCondition .weatherNewsLink img { margin: 0 auto; text-align: center; width: 40%; }
#topInfo .topContents .topCondition .weatherNewsLink span { display: inline-block; vertical-align: sub; }

#topBnr .bnrList > li { width: 50%; float: left; padding: 1vw; }
#topBnr .bnrList > li.tourBnr { width: 100%; border: 1px solid #c43027; padding: 3vw; }
#topBnr .bnrList > li.tourBnr .bnrInner ul li { margin-bottom: 3vw; }
#topBnr .bnrList > li.tourBnr .bnrInner ul li:nth-last-of-type(1) { margin-bottom: 0; }
#topBnr .bnrList > li.tourBnr .bnrInner ul li a { display: block; }
#topBnr .bnrList > li.tourBnr .bnrInner ul li a img { display: block; }

#topTopics { background: url(../img/top_topics.png) center top no-repeat; position: relative; padding: 10vw 3vw 14vw 3vw; }
#topTopics .hxStarS { margin-bottom: 0; }
#topTopics:before { content: ""; display: block; width: 100%; background: url(../img/snow_top.png) center top repeat-x; background-size: auto 7vw; height: 7vw; position: absolute; top: 0; left: 0; }
#topTopics:after { content: ""; display: block; width: 100%; background: url(../img/snow_bottom.png) center bottom repeat-x; background-size: auto 10vw; height: 10vw; position: absolute; bottom: 0; left: 0; }
#topTopics .secHeader { color: #FFF; }
#topTopics .secHeader h2 { font-size: 5vw; }
#topTopics .secHeader .icon { width: 10%; margin: 0 auto; text-align: center; }
#topTopics .topicsBox { background: rgba(255, 255, 255, 0.9); }
#topTopics .topicsBox .topicList { padding: 3vw; }
#topTopics .topicsBox .topicList li { text-align: left; border-bottom: 1px solid #c43027; position: relative; padding: 3vw 0 0 0; position: relative; padding: 2vw 7vw 2vw 2vw; }
#topTopics .topicsBox .topicList li:after { content: ''; width: 8px; height: 8px; border: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 44%; right: 10px; border-top: solid 2px #c43027; border-right: solid 2px #c43027; }
#topTopics .topicsBox .topicList li a { display: block; font-size: 4vw; }
#topTopics .topicsBox .topicList li:after { border-top: solid 2px #CCC; border-right: solid 2px #CCC; }
#topTopics .topicsBox .topicList li .date { display: block; }

#topSns .snsBox { text-align: left; margin-bottom: 5vw; }
#topSns .snsBox h2 { font-size: 3.6vw; color: #FFF; padding: 2vw; }
#topSns .snsBox h2 img { vertical-align: middle; margin: 0 2vw; height: 5vw; width: auto; }
#topSns .snsBox.facebook h2 { background-color: #415898; }
#topSns .snsBox.instagram h2 { background-color: #9c9c9c; }
#topSns .snsBox.instagram ul li { width: 33.3333%; float: left; padding: 0.5vw; }
#topSns .snsBox.instagram ul li img { width: 100%; height: auto; display: block; }

.facebookLink { border: 2px solid #1877f2; border-radius: 5px; }
.facebookLink .name { font-size: 18px; background-color: #1877f2; color: #FFF; margin-bottom: 10px; line-height: 120%; padding: 5px; }
.facebookLink .icon img { display: block; margin: 0 auto; text-align: center; }
.facebookLink .btn { margin: 5px auto; }
.facebookLink .btn a { line-height: 140%; }
.facebookLink .btn a:after { top: 50%; margin-top: -1.5vw; }

/*-------------------------------------------------
	++ SUB
-------------------------------------------------*/
#pageLink { margin: 5vw 0; }
#pageLink ul { letter-spacing: -.4em; text-align: left; }
#pageLink ul li { display: inline-block; letter-spacing: normal; vertical-align: top; }
#pageLink ul li { margin-right: 1vw; margin-bottom: 1vw; }
#pageLink ul li:nth-last-of-type(1) { margin-right: 0; }
#pageLink ul li a { display: block; border: 1px solid #c43027; font-size: 3vw; padding: 1vw 3vw 1vw 5vw; background: #FFF url("../img/arrow_red.png") 1vw center no-repeat; background-size: 3vw auto; border-radius: 1vw; }
#pageLink ul li a:hover { background: #c43027 url("../img/arrow_white.png") 1vw center no-repeat; background-size: 3vw auto; color: #FFF; opacity: 1; }

.section { margin-bottom: 7vw; position: relative; }
.section .secHeader { margin-bottom: 3vw; }
.section .secHeader .secTitle { background: url("../img/hx_stripe.png") top center repeat; text-align: left; border-bottom: 1vw solid #c43027; color: #c43027; font-size: 5vw; position: relative; padding: 2vw 0 2vw 10vw; }
.section .secHeader .secTitle:before { display: inline-block; width: 8vw; height: 8vw; position: absolute; top: 2vw; left: 1vw; content: ""; background: url("../img/svg/snow.svg") top center repeat; background-size: 8vw 8vw; vertical-align: middle; }
.section .secBlock { position: relative; *zoom: 1; margin-bottom: 5vw; }
.section .secBlock:before, .section .secBlock:after { content: " "; display: table; }
.section .secBlock:after { clear: both; }

.routeList dl { margin-bottom: 3vw; }
.routeList dl dt { width: 100%; background-color: #f9ebea; color: #c43027; padding: 2vw 0; font-weight: bold; margin-bottom: 2vw; }
.routeList dl dd img { display: block; }

.infoBox { padding: 3vw; }
.infoBox .inner { text-align: left; font-size: 3.6vw; }
.infoBox.boxYellow { background-color: #fdfdd5; }
.infoBox.boxGray { background-color: #F3F3F3; }
.infoBox.parkInfo h3 { color: #c43027; text-align: center; }
.infoBox.parkInfo h3 img { width: 8vw; display: block; margin: 0 auto; text-align: center; margin-bottom: 3vw; }

.tblWrap { margin-bottom: 3vw; }
.tblWrap table { width: 100%; border: 1px solid #CCC; }
.tblWrap table .splt10 { width: 10%; }
.tblWrap table .splt12 { width: 12%; }
.tblWrap table .splt12h { width: 12.5%; }
.tblWrap table .splt20 { width: 20%; }
.tblWrap table .splt25 { width: 25%; }
.tblWrap table .splt30 { width: 30%; }
.tblWrap table .splt40 { width: 40%; }
.tblWrap table .splt50 { width: 50%; }
.tblWrap table .splt70 { width: 70%; }
.tblWrap table .splt80 { width: 80%; }
.tblWrap table .type1 { background-color: #D9EFFC; }
.tblWrap table .type1h { background-color: #f5fbfe; }
.tblWrap table .type2 { background-color: #FDE7E7; }
.tblWrap table .type2h { background-color: #fef9f9; }
.tblWrap table tr th, .tblWrap table tr td { border: 1px solid #CCC; padding: 1vw; font-size: 3.6vw; }
.tblWrap table thead tr th { background-color: #F3F3F3; }
.tblWrap table tbody tr th { background: #F3F3F3; }

.courseArea { padding-top: 5vw; }
.courseArea .areaWrap { position: relative; width: 90%; margin: 0 auto 5vw auto; text-align: center; padding: 3vw 3vw 3vw 3vw; background-color: #EFF1C6; }
.courseArea .areaWrap .chara { display: block; position: absolute; top: -3vw; left: 0; width: 25%; text-align: right; }
.courseArea .areaWrap .badge { width: 25%; margin: 0 auto; text-align: center; position: relative; }
.courseArea .areaWrap .badge:after { display: block; content: ""; background: url("../img/information/courseline01.png") left center no-repeat; background-size: 4vw auto; width: 4vw; height: 30vw; transform: rotate(-90deg); position: absolute; bottom: -18vw; left: 8vw; }
.courseArea .areaWrap .title { padding-top: 6vw; }
.courseArea .areaWrap .title h3 { font-size: 5vw; color: #3f8a4d; }
.courseArea .areaWrap .title .catch { font-size: 3.6vw; font-weight: bold; }
.courseArea .areaWrap .coursTbl { margin-top: 3vw; }
.courseArea .areaWrap .coursTbl table { width: 100%; }
.courseArea .areaWrap .coursTbl table tr { border-bottom: 1px dotted #CCC; }
.courseArea .areaWrap .coursTbl table tr th, .courseArea .areaWrap .coursTbl table tr td { font-size: 3vw; text-align: left; padding: 1vw; }
.courseArea .areaWrap .coursTbl table tr th { width: 46%; }
.courseArea .areaWrap .coursTbl table tr td { text-align: center; width: 17%; }
.courseArea .areaWrap .coursTbl table tr td:nth-last-of-type(1) { text-align-last: right; }
.courseArea .areaWrap.a2 { background-color: #f2e6ee; margin-bottom: 5vw; }
.courseArea .areaWrap.a2 .badge:after { background: url("../img/information/courseline02.png") left center no-repeat; background-size: 4vw auto; }
.courseArea .areaWrap.a2 .title h3 { color: #b32525; }
.courseArea .areaWrap.a3 { background-color: #e5e5e5; }
.courseArea .areaWrap.a3 .badge:after { background: url("../img/information/courseline03.png") left center no-repeat; background-size: 4vw auto; }
.courseArea .areaWrap.a3 .title h3 { color: #241e1c; }
.courseArea .areaWrap.a4 { background-color: #deecf9; }
.courseArea .areaWrap.a4 .badge:after { background-image: none; }
.courseArea .areaWrap.a4 .title h3 { color: #275098; }
.courseArea .areaWrap.a5 { background-color: #fbf050; padding: 3vw; border-radius: 3vw; margin-bottom: 5vw; text-align: left; }
.courseArea .areaWrap.a5 h3 { text-align: center; color: #c43027; font-size: 4vw; }
.courseArea .areaWrap.a5 h3 span { font-size: 5vw; }
.courseArea .areaWrap.a5 .coursTbl { min-height: auto; }

.block3List ul li { width: 100%; margin-bottom: 3vw; }

.cowbellMark { position: absolute; top: -4vw; right: 0; width: 30%; }

.scTbl { margin-bottom: 3vw; }
.scTbl dl dt, .scTbl dl dd { width: 12vw; height: 15vw; padding: 2vw; float: left; border: 1px solid #CCC; margin-right: 1vw; text-align: center; margin-bottom: 1vw; }
.scTbl dl dt { background-color: #F2F2F2; padding-top: 5vw; }

.openhours { color: #c43027; font-size: 6vw; font-weight: bold; margin: 0 auto; text-align: center; background-color: #f9ebea; padding: 5vw; }

.courseCondition .courseImg .imgBox { position: relative; }
.courseCondition .courseImg .imgBox img { width: 100%; height: auto; position: absolute; top: 0; left: 0; }
.courseCondition .courseImg .imgBox img.base { position: relative; top: auto; left: auto; }
.courseCondition .courseImg .itemText p { margin-bottom: 15px; }
.courseCondition .courseList .tblWrap { margin-bottom: 0; font-size: 3.2vw; }
.courseCondition .courseList .tblWrap h3 { color: #FFF; }
.courseCondition .courseList .tblWrap td img { vertical-align: sub; display: inline-block; margin-left: 3px; }
.courseCondition .courseList .tblWrap.ctbl01 h3 { background-color: #2851AB; }
.courseCondition .courseList .tblWrap.ctbl01 th { background-color: #AEBFE3; color: #2851AB; }
.courseCondition .courseList .tblWrap.ctbl02 h3 { background-color: #B21B1D; }
.courseCondition .courseList .tblWrap.ctbl02 th { background-color: #FFEEEF; color: #B21B1D; }
.courseCondition .courseList .tblWrap.ctbl03 h3 { background-color: #058948; }
.courseCondition .courseList .tblWrap.ctbl03 th { background-color: #EEFFF4; color: #058948; }
.courseCondition .courseList .tblWrap.ctbl04 h3 { background-color: #c7a345; }
.courseCondition .courseList .tblWrap.ctbl04 th { background-color: #f1e8d0; color: #c7a345; }
.courseCondition .courseList .tblWrap.ctbl05 h3 { background-color: #479cc1; }
.courseCondition .courseList .tblWrap.ctbl05 th { background-color: #d1e6ef; color: #479cc1; }
.courseCondition .courseList .tblWrap.ctbl06 h3 { background-color: #894bc7; }
.courseCondition .courseList .tblWrap.ctbl06 th { background-color: #e1d2f1; color: #894bc7; }
.courseCondition .courseList .tblWrap.ctbl07 h3 { background-color: #c25523; }
.courseCondition .courseList .tblWrap.ctbl07 th { background-color: #f0d4c8; color: #c25523; }

/*-------------------------------------------------
	++ Q AND A
-------------------------------------------------*/
.qaTypeContent { margin-bottom: 3vw; }
.qaTypeContent .qaList dl { margin-bottom: 1vw; }
.qaTypeContent .qaList dl dt { position: relative; border: 1px solid #d0d0d0; text-align: left; padding: 3vw 10vw; cursor: pointer; background: #FFF url(/images/arrow/arrow_gray02.png) right 1vw center no-repeat; background-size: 4vw auto; }
.qaTypeContent .qaList dl dt.current { background: url(/images/arrow/arrow_gray03.png) right 1vw center no-repeat; background-size: 4vw auto; }
.qaTypeContent .qaList dl dt:before { display: block; content: "Q."; font-size: 112%; font-weight: bold; color: #fcb800; margin-right: 5px; position: absolute; top: 10px; left: 10px; }
.qaTypeContent .qaList dl dd { position: relative; background-color: #fafaf5; text-align: left; padding: 3vw 3vw 5vw 10vw; }
.qaTypeContent .qaList dl dd:before { display: block; content: "A."; font-size: 112%; font-weight: bold; color: #ff5a00; margin-right: 5px; position: absolute; top: 10px; left: 10px; }

/*-------------------------------------------------
	++ POST
-------------------------------------------------*/
.entry .entryBlock { text-align: left; margin-bottom: 10vw; }
.entry .entryBlock .entryHeader { margin-bottom: 5vw; }
.entry .entryBlock .entryText { line-height: 180%; }
.entry .entryBlock p { margin-bottom: 3vw; }

/*-------------------------------------------------
	++ PAGENAVI
-------------------------------------------------*/
.pageNavi { margin: 0 auto; text-align: center; }
.pageNavi ul li { display: inline-block; }
.pageNavi ul li a, .pageNavi ul li span { padding: 6px 12px; line-height: 100%; text-decoration: none; }
.pageNavi ul li.next a, .pageNavi ul li.last a, .pageNavi ul li.previous a, .pageNavi ul li.first a { border: 0; }

/*-------------------------------------------------
	++  CONTACT and WP CONTACT 7
-------------------------------------------------*/
.formBox { margin-bottom: 50px; padding: 3vw; }
.formBox .formWrap { margin-bottom: 30px; }
.formBox .formWrap h3 { font-size: 4vw; }
.formBox .formWrap h3 span { font-size: 3.2vw; }
.formBox .formWrap .formTbl { width: 100%; border-collapse: separate; border-spacing: 1px 2px; }
.formBox .formWrap .formTbl tr th, .formBox .formWrap .formTbl tr td { display: block; padding: 2vw; }
.formBox .formWrap .formTbl tr th { text-align: left; width: 100%; font-size: 4vw; padding-top: 2vw; background-color: #F2F2F2; }
.formBox .formWrap .formTbl tr td { text-align: left; width: 100%; padding-bottom: 3vw; font-size: 4vw; }
.formBox .formWrap .formTbl tr td input.quarter { width: 35%; }
.formBox .formWrap .formTbl tr td input.half, .formBox .formWrap .formTbl tr td input.full { width: 100%; }
.formBox .formWrap .formTbl tr td input.spauto { width: 80%; margin-left: 12%; }
.formBox .formThanks { margin: 0 auto; text-align: center; padding: 30px; }
.formBox .formThanks h3 { margin-bottom: 30px; }

.wpcf7c-conf { background-color: #f9ebea !important; border: none !important; }

.custom-wpcf7c-confirmed .selectWrap { border: none !important; }

.use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute !important; top: auto !important; bottom: -24px !important; left: auto !important; z-index: 100; border: 0 !important; background-color: transparent !important; padding: 0 !important; width: 230px !important; font-size: 12px !important; }

.wpcf7-form-control.wpcf7-confirm.wpcf7c-elm-step1.wpcf7c-btn-confirm, .wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back, .wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2 { display: inline-block; padding: 3vw 7vw; font-size: 4vw; color: #FFF; letter-spacing: 1px; background-color: #c43027; text-decoration: none; position: relative; border-radius: 5px; border-bottom: 3px solid #bf5e00; cursor: pointer; }

.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back { background-color: #999; background: -webkit-linear-gradient(top, #999 0%, #666 45%, #666 55%, #999 100%); background: linear-gradient(to bottom, #999 0%, #666 45%, #666 55%, #999 100%); border-bottom: 3px solid #666; }

div.wpcf7-response-output { margin: 1em 0.5em 1em !important; }

select { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 20px 5px 5px; background: #f2f2ed; background: url(shared/img/select_arrow.png) 94% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #f2f2ed 100%); background: url(shared/img/select_arrow.png) 94% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #f2f2ed 100%); background-size: 10px 10px, 100% 100%; }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#pageTop { position: fixed; bottom: 22vw; right: 3vw; width: 10vw; height: 10vw; background-color: #c43027; }
#pageTop img { display: block; }

#footerBnr ul { letter-spacing: -.4em; }
#footerBnr ul li { display: inline-block; letter-spacing: normal; margin: 0 1%; width: 31%; }

#footerCard { padding: 37vw 0 13vw 0; }
#footerCard .card { padding: 0 18vw; }

#spCover { display: none; }

#footer { position: relative; }
#footer .footerContents { background-color: #eee; }
#footer .footerContents .footerLink { padding: 5vw 0; }
#footer .footerContents .footerLink ul { letter-spacing: -.4em; }
#footer .footerContents .footerLink ul li { letter-spacing: normal; display: inline-block; font-size: 3.2vw; }
#footer .footerContents .footerLink ul li a { padding: 0 2vw; color: #333; }
#footer .footerContents .footerLink ul li:after { content: "|"; }
#footer .footerContents .footerLink ul li:nth-last-of-type(1):after { content: ""; }
#footer .footerCredit { background: #c43027; color: #FFF; padding: 3vw 0; }
#footer .footerCredit .companyInfo .footerLogo { display: block; width: 50%; margin: 0 auto; text-align: center; }
#footer .footerCredit .companyInfo .companyAdd { text-align: center; padding: 2vw 0; font-size: 3vw; }
#footer .footerCredit .copyright { font-size: 3vw; }

@media print { .pnone { display: none; } }
/*-------------------------------------------------
	++ COURSE LIFT 211014
-------------------------------------------------*/
.calenderWrap { width: 100%; display: flex; flex-wrap: wrap; }
.calenderWrap .calBox { width: 50%; padding: 2px; }
.calenderWrap .calBox table { width: 100%; border: 1px solid #CCC; }
.calenderWrap .calBox table caption { border: 1px solid #CCC; border-bottom: 0; }
.calenderWrap .calBox table .col6:not([colspan]) { background-color: #dee6fe; }
.calenderWrap .calBox table .col7:not([colspan]) { background-color: #fee0ec; }
.calenderWrap .calBox table tr th, .calenderWrap .calBox table tr td { border: 1px solid #CCC; }
.calenderWrap .calBox table tr td.pad { background-color: #FFF; }
.calenderWrap .calBox table tr td a.cptlink { display: block; text-decoration: underline !important; font-weight: bold; }
.calenderWrap .calBox table tr td a.cptlink.current { background-color: #c43027; color: #FFF; text-decoration: none !important; }

#courseframe { width: 100%; height: 280vw; }

#main { position: relative; padding-top: 0; height: auto; }

#headerCondition { background: rgba(0, 0, 0, 0.75); color: #FFF; width: 100%; padding: 3vw; }
#headerCondition .hcHead { border-bottom: 1px solid #000; display: flex; flex-wrap: wrap; justify-content: space-between; }
#headerCondition .hcHead h2 { font-size: 3.2vw; font-weight: normal; line-height: 2; }
#headerCondition .hcHead .dateTitle { font-weight: bold; }
#headerCondition .hcHead .dateTitle .year { font-size: 3.2vw; }
#headerCondition .hcHead .dateTitle .monthday { font-size: 6vw; }
#headerCondition .todayCondition { padding: 3vw 0; border-bottom: 1px solid #000; }
#headerCondition .todayCondition ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#headerCondition .todayCondition ul li { padding: 0 1vw; text-align: center; }
#headerCondition .todayCondition ul li dl dt { font-size: 3.2vw; }
#headerCondition .todayCondition ul li dl dd .num { font-size: 4vw; font-weight: bold; }
#headerCondition .todayCondition ul li dl dd .value { font-size: 3vw; }
#headerCondition .todayCondition ul li dl dd .unit { display: inline-block; margin-top: 3vw; font-size: 3vw; }
#headerCondition .todayCondition ul li.weather img { width: 6vw; vertical-align: middle; margin: 0 3px; }
#headerCondition .todayCondition ul li.weather .unit { font-size: 2.6vw; margin-top: 0; }
#headerCondition .weatherNewsLink { padding: 3vw 0 0 0; }
#headerCondition .weatherNewsLink > a { display: inline-block; width: 25%; vertical-align: middle; margin-right: 1vw; }
#headerCondition .weatherNewsLink img { vertical-align: top; }
#headerCondition .weatherNewsLink .text { display: inline-block; vertical-align: middle; font-size: 3vw; }
#headerCondition .weatherNewsLink .text .fas { margin-left: 3px; }
#headerCondition .weatherNewsLink .text a { color: #FFF; }

.link { margin: 5vw  auto 5vw auto; text-align: center; }
.link a { display: inline-block; background: #FFF url("../img/arrow_red.png") right 5px center no-repeat; padding: 5px 25px; color: #c43027; border-radius: 5px; border: 1px solid #c43027; font-size: 3.2vw; }
.link a:hover { opacity: 1; background: #c43027 url("../img/arrow_white.png") right 5px center no-repeat; color: #FFF; }
.link a.sizeM { font-size: 4vw; }

#topInfo #coursecondition h2 { background-color: #c43027; color: #FFF; font-size: 4vw; font-weight: normal; margin-bottom: 3vw; }
#topInfo #coursecondition .link { width: 100%; }
#topInfo #coursecondition .courseCondition { position: relative; }
#topInfo #coursecondition .courseCondition .courseList { width: 100%; }
#topInfo #coursecondition .courseCondition .courseList .courseWrap { width: 100%; }
#topInfo #coursecondition .courseCondition .courseList .courseWrap .tblWrap table tr th, #topInfo #coursecondition .courseCondition .courseList .courseWrap .tblWrap table tr td { font-size: 3vw; padding: 2px; }
#topInfo #coursecondition .livecamera { position: relative; }
#topInfo #coursecondition .livecamera h2 img { width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; }
#topInfo #coursecondition .livecamera .img img { width: 100%; height: auto; }
#topInfo #coursecondition .livecamera .text { text-align: left; font-size: 3.2vw; }

.termsBox dl { margin: 5vw 0; }
.termsBox dl dt { margin-bottom: 3vw; font-weight: bold; font-size: 3.6vw; }
.termsBox dl dd { margin-bottom: 5vw; padding-left: 5vw; }

.btn a.next.disabled { background-color: #CCC; color: #999; background-image: none; pointer-events: none; border: none; }
.btn a.next.disabled:after { border: none; }