@charset "UTF-8";
/*
Theme Name: エーデルワイススキーリゾート 2020
Description:エーデルワイススキーリゾート 2020
Theme URI: 
Author: MS
Author URI: http://2019.edelsnow.com/
Version: 1
*/
@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; }

.sizeB { font-size: 34px; }

.sizeLL { font-size: 27px; }

.sizeL { font-size: 25px; }

.sizeM { font-size: 20px; }

.sizeN { font-size: 18px; }

.sizeD { font-size: 16px; }

.sizeS { font-size: 14px; }

.sizeSS { font-size: 13px; }

.sizeXS { font-size: 11px; }

.btn { text-align: center; margin: 20px auto; }
.btn a, .btn input { position: relative; display: inline-block; line-height: 1.6em; font-size: 20px; background-color: #89130c; background: -webkit-linear-gradient(top, #F14A4E 0%, #cf3128 45%, #cf3128 55%, #F14A4E 100%); background: linear-gradient(to bottom, #F14A4E 0%, #cf3128 45%, #cf3128 55%, #F14A4E 100%); font-weight: bold; border-bottom: 3px solid #89130c; border-radius: 10px; color: #FFF; margin: 0 auto; text-align: center; padding: 10px 40px; text-decoration: none !important; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; cursor: pointer; }
.btn a:after, .btn input:after { content: ''; width: 10px; height: 10px; border: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 41%; right: 15px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; }
.btn a:hover, .btn input:hover { background-color: #c43027; background: -webkit-linear-gradient(top, #c43027 0%, #c43027 45%, #c43027 55%, #c43027 100%); background: linear-gradient(to bottom, #c43027 0%, #c43027 45%, #c43027 55%, #c43027 100%); border-bottom: 3px solid #c43027; opacity: 1; }
.btn.s a { border-radius: 5px; font-size: 14px; 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; }
.btn.gray a:hover, .btn.gray input:hover { background: -webkit-linear-gradient(top, #999 0%, #999 45%, #999 55%, #999 100%); background: linear-gradient(to bottom, #999 0%, #999 45%, #999 55%, #999 100%); background-color: #999; }

/*-------------------------------------------------
	++ BASE
-------------------------------------------------*/
.sp { display: none !important; }

#container { margin: 0 auto; text-align: center; position: relative; min-width: 1000px; overflow-x: hidden; }

#contents { background: url(../img/cbg.png) center bottom repeat-x; padding-top: 50px; }

.contentsInner { display: block; clear: both; width: 1000px; margin: 0 auto; text-align: center; position: relative; }

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

/*-------------------------------------------------
	++ HEAD
-------------------------------------------------*/
#header { width: 100%; position: relative; z-index: 999; }
#header #mainHeader { height: 85px; border-bottom: 2px solid #89130c; }
#header #mainHeader h1 { float: left; padding-top: 5px; }
#header #mainHeader h1 img { display: block; }
#header #menu { background: #c43027; height: 80px; }
#header #menu ul { letter-spacing: -.4em; height: 80px; }
#header #menu ul li { display: inline-block; letter-spacing: normal; vertical-align: top; }
#header #menu ul > li { vertical-align: top; width: 165px; margin-right: 2px; padding: 10px 0 5px 0; position: relative; }
#header #menu ul > li:nth-last-of-type(1) { margin-right: 0; }
#header #menu ul > li .smenu { display: none; }
#header #menu ul > li ul { display: none; background: #c43027; position: absolute; top: 80px; height: auto; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.5) inset; }
#header #menu ul > li ul li { text-align: left; border-bottom: 1px dotted #f9ebea; margin-right: 0; }
#header #menu ul > li ul li a { display: block; padding: 2px 5px; }
#header #menu ul > li ul li:hover { background-color: #f9ebea; }
#header #menu ul > li ul li:hover a { color: #c43027; }
#header #menu ul > li > a { display: block; color: #FFF; font-size: 15px; line-height: 1; text-decoration: none; }
#header #menu ul > li > a > img { display: block; margin: 0 auto; text-align: center; }
#header #menu ul > li > a > span { display: block; padding: 10px 0; margin-top: 5px; }
#header #menu ul > li > a > span.line2 { padding: 2px 0; }

#main { position: relative; overflow-y: hidden; padding-top: 50px; background: url(../img/main_bg.jpg) center top repeat-x; background-size: auto 100%; }

.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: 50px; height: 5px; 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: 50px; background: url(../img/mainsub_bg.jpg) center bottom repeat-x; min-height: 240px; }
#submain .icon { width: 70px; height: 70px; background-color: #c43027; margin: 0 auto 10px auto; text-align: center; padding: 15px; border-radius: 5px; background: url(../img/subtitle_badge.png) center top no-repeat; background-size: 70px 70px; }
#submain .icon img { width: 40px; height: 40px; }
#submain .title { color: #c43027; font-weight: normal; }

/*-------------------------------------------------
	++ COMMON
-------------------------------------------------*/
.indent1 { text-align: left; }
.indent1 li { margin-left: 14px; text-indent: -14px; }

.indent2 { text-align: left; }
.indent2 li { margin-left: 30px; text-indent: -30px; margin-bottom: 5px; }

.indent3 { text-align: left; }
.indent3 li { margin-left: 45px; text-indent: -45px; margin-bottom: 5px; }

.modalBody { background: #FFF; }
.modalBody .modalInner { padding: 20px; width: 100%; }

.hxStarW { background-color: #c43027; color: #FFF; font-weight: normal; font-size: 20px; }
.hxStarW span { color: #f9e14b; font-size: 14px; }

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

.hxHoo { margin: 30px auto; text-align: center; font-size: 27px; color: #c43027; }
.hxHoo:before { content: "＼"; }
.hxHoo:after { content: "／"; }

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

.attText { font-size: 13px; }

.centerImg { margin: 20px auto; text-align: center; }

/*-------------------------------------------------
	++ HOME
-------------------------------------------------*/
#topInfo { padding: 0 0 50px 0; }
#topInfo .topContents .courseInfo { width: 586px; float: left; margin-right: 20px; }
#topInfo .topContents .topCondition { width: 392px; float: left; padding: 10px; background-color: #c43027; color: #FFF; }
#topInfo .topContents .topCondition h2 { margin-bottom: 10px; }
#topInfo .topContents .topCondition .postBox { background-color: #FFF; border-radius: 5px; color: #c43027; padding: 5px; }
#topInfo .topContents .topCondition .postBox h4 { padding: 10px 0 0 0; }
#topInfo .topContents .topCondition .postBox .text { margin-top: 10px; letter-spacing: -1px; }
#topInfo .topContents .topCondition .postBox .text .postText { font-size: 30px; line-height: 1; }
#topInfo .topContents .topCondition .postBox .text .unit { font-size: 14px; }
#topInfo .topContents .topCondition .todayCondition .weather { width: 274px; height: 100px; float: left; margin-right: 6px; }
#topInfo .topContents .topCondition .todayCondition .weather ul li { display: inline-block; vertical-align: middle; padding: 0 5px; }
#topInfo .topContents .topCondition .todayCondition .temperature { width: 88px; height: 100px; float: left; }
#topInfo .topContents .topCondition .topSlope { margin-top: 10px; }
#topInfo .topContents .topCondition .topSlope h3 { background: url("../img/svg/icon07.svg") left center no-repeat; background-size: 50px 50px; min-height: 50px; text-align: left; padding: 10px 0 0 55px; }
#topInfo .topContents .topCondition .topSlope .postBox { width: 120px; height: 100px; float: left; margin-right: 6px; }
#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 { letter-spacing: -2px; font-size: 27px; }
#topInfo .topContents .topCondition .road { margin-top: 10px; }
#topInfo .topContents .topCondition .road h3 { background: url("../img/svg/icon08.svg") left center no-repeat; background-size: 50px 50px; min-height: 50px; text-align: left; padding: 10px 0 0 55px; width: 50%; float: left; }
#topInfo .topContents .topCondition .road .text { margin-top: 10px; width: 50%; float: left; }
#topInfo .topContents .topCondition .road .text .postText { font-size: 18px; }
#topInfo .topContents .topCondition .livecamera { margin-top: 20px; }
#topInfo .topContents .topCondition .livecamera .text { width: 50%; float: left; text-align: left; padding-right: 10px; }
#topInfo .topContents .topCondition .livecamera .text h3 { background: url("../img/svg/icon09.svg") left center no-repeat; background-size: 50px 50px; min-height: 50px; text-align: left; padding: 10px 0 0 55px; }
#topInfo .topContents .topCondition .livecamera .text p { font-size: 13px; }
#topInfo .topContents .topCondition .livecamera .text .link { text-align: right; }
#topInfo .topContents .topCondition .livecamera .text .link a { display: inline-block; background-color: #FFF; font-size: 13px; color: #c43027; border-radius: 20px; padding: 0 10px; }
#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: 14px; }
#topInfo .topContents .topCondition .weatherNewsLink img { vertical-align: middle; }
#topInfo .topContents .topCondition .weatherNewsLink span { display: inline-block; vertical-align: sub; }

#topBnr { padding: 80px 0 0 0; }
#topBnr .infoList li { width: 290px; display: inline-block; margin-right: 15px; vertical-align: top; }
#topBnr .bnrBlock { margin-top: 20px; }
#topBnr .bnrBlock ul { letter-spacing: -.4em; }
#topBnr .bnrBlock ul li { letter-spacing: normal; display: inline-block; vertical-align: top; margin: 0 3px; }
#topBnr .bnrBlock ul li a { display: block; }
#topBnr .bnrBlock ul li a img { display: block; }

#topTopics { background: url(../img/top_topics.png) center top no-repeat; background-size: 100% auto; position: relative; padding: 60px 0 120px 0; }
#topTopics .hxStarS { margin-bottom: 0; }
#topTopics:before { content: ""; display: block; width: 100%; background: url(../img/snow_top.png) center top repeat-x; height: 40px; position: absolute; top: 0; left: 0; }
#topTopics:after { content: ""; display: block; width: 100%; background: url(../img/snow_bottom.png) center bottom repeat-x; height: 100px; position: absolute; bottom: 0; left: 0; }
#topTopics .secHeader { color: #FFF; }
#topTopics .topicsBox { background: rgba(255, 255, 255, 0.9); }
#topTopics .topicsBox .topicList { padding: 20px; }
#topTopics .topicsBox .topicList li { text-align: left; padding: 10px 10px 10px 120px; border-bottom: 1px solid #c43027; position: relative; padding-right: 20px; position: relative; }
#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:after { border-top: solid 2px #CCC; border-right: solid 2px #CCC; }
#topTopics .topicsBox .topicList li .date { position: absolute; top: 10px; left: 10px; }

#topSns { padding: 80px 0; }
#topSns .snsBox { width: 480px; float: left; text-align: left; }
#topSns .snsBox h2 { font-size: 18px; color: #FFF; padding: 5px; }
#topSns .snsBox h2 img { vertical-align: middle; margin: 0 5px; }
#topSns .snsBox.facebook { margin-right: 40px; }
#topSns .snsBox.facebook h2 { background-color: #415898; }
#topSns .snsBox.instagram h2 { background-color: #9c9c9c; }
#topSns .snsBox.instagram .snsWrap ul { margin-top: 5px; }
#topSns .snsBox.instagram .snsWrap ul li { width: 33%; float: left; margin-right: 0.5%; margin-bottom: 1px; }
#topSns .snsBox.instagram .snsWrap ul li:nth-of-type(3n) { margin-right: 0; }
#topSns .snsBox.instagram .snsWrap ul li img { display: block; width: 100%; height: auto; }
#topSns .snsBox.wide { width: 100% !important; float: none !important; }

.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%; }

/*-------------------------------------------------
	++ SUB
-------------------------------------------------*/
#pageLink { margin-bottom: 50px; }
#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: 5px; margin-bottom: 5px; }
#pageLink ul li:nth-last-of-type(1) { margin-right: 0; }
#pageLink ul li a { display: block; border: 1px solid #c43027; padding: 10px 25px; background: #FFF url("../img/arrow_red.png") 5px center no-repeat; border-radius: 5px; }
#pageLink ul li a:hover { background: #c43027 url("../img/arrow_white.png") 5px center no-repeat; color: #FFF; opacity: 1; }
#pageLink ul li.current a { background: #c43027 url("../img/arrow_white.png") 5px center no-repeat; color: #FFF; }

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

.routeList dl { margin-bottom: 30px; }
.routeList dl dt { float: left; width: 170px; height: 100px; background-color: #f9ebea; color: #c43027; padding: 40px 0; font-weight: bold; }
.routeList dl dd { float: left; margin-left: 10px; }
.routeList dl dd img { display: block; }

.infoBox { width: 90%; margin: 0 auto; text-align: center; padding: 10px; }
.infoBox .inner { text-align: left; }
.infoBox.boxYellow { background-color: #fdfdd5; }
.infoBox.boxGray { background-color: #F3F3F3; }
.infoBox.parkInfo h3 { color: #c43027; }
.infoBox.parkInfo h3 img { display: inline-block; vertical-align: middle; margin-right: 5px; }

.tblWrap { margin-bottom: 30px; }
.tblWrap table { width: 100%; }
.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: 5px; }
.tblWrap table thead tr th { background-color: #F3F3F3; }
.tblWrap table tbody tr th { background: #F3F3F3; }
.tblWrap table.lastLeft tr td:nth-last-of-type(1) { text-align: left; }
.tblWrap table.stayTbl tbody tr td:nth-of-type(1) { text-align: left; }
.tblWrap table.linkList th img { display: block; margin: 0 auto; text-align: center; }

.courseArea { padding-top: 50px; }
.courseArea .areaWrap { position: relative; width: 90%; margin: 0 auto 50px auto; text-align: center; padding: 10px 10px 10px 120px; background-color: #EFF1C6; }
.courseArea .areaWrap .chara { display: block; position: absolute; bottom: -20px; left: -100px; width: 200px; text-align: right; }
.courseArea .areaWrap .badge { float: left; width: 75px; margin-right: 20px; padding-top: 20px; }
.courseArea .areaWrap .title { float: left; width: 320px; text-align: left; padding-top: 20px; }
.courseArea .areaWrap .title h3 { font-size: 25px; color: #3f8a4d; }
.courseArea .areaWrap .title .catch { font-size: 18px; font-weight: bold; }
.courseArea .areaWrap .coursTbl { float: left; width: 355px; padding-left: 20px; min-height: 120px; background: url("../img/information/courseline01.png") left center no-repeat; background-size: 14px auto; }
.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: 13px; text-align: left; padding: 3px; }
.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: 20px; }
.courseArea .areaWrap.a2 .title h3 { color: #b32525; }
.courseArea .areaWrap.a2 .coursTbl { background: url("../img/information/courseline02.png") left center no-repeat; background-size: 14px auto; }
.courseArea .areaWrap.a3 { background-color: #e5e5e5; }
.courseArea .areaWrap.a3 .title h3 { color: #241e1c; }
.courseArea .areaWrap.a3 .coursTbl { background: url("../img/information/courseline03.png") left center no-repeat; background-size: 14px auto; }
.courseArea .areaWrap.a4 { background-color: #deecf9; }
.courseArea .areaWrap.a4 .title h3 { color: #275098; }
.courseArea .areaWrap.a4 .coursTbl { background-image: none; }
.courseArea .areaWrap.a5 { background-color: #fbf050; padding: 5px; border-radius: 10px; width: 60%; margin-bottom: 20px; }
.courseArea .areaWrap.a5 h3 { color: #c43027; font-size: 20px; }
.courseArea .areaWrap.a5 h3 span { font-size: 25px; }
.courseArea .areaWrap.a5 .coursTbl { min-height: auto; background-image: none; }

.block3List ul li { width: 320px; float: left; margin-right: 20px; margin-bottom: 20px; }
.block3List ul li:nth-of-type(3n) { margin-right: 0; }

.cowbellMark { position: absolute; top: -20px; right: 0; }

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

.openhours { width: 50%; color: #c43027; font-size: 27px; font-weight: bold; margin: 0 auto; text-align: center; background-color: #f9ebea; padding: 20px; }

.courseCondition .courseImg { width: 648px; margin-right: 20px; }
.courseCondition .courseImg .imgBox { position: relative; }
.courseCondition .courseImg .imgBox img { width: 648px; 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 { width: 332px; }
.courseCondition .courseList .tblWrap { margin-bottom: 0; font-size: 14px; }
.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: 50px; }
.qaTypeContent .qaList dl { margin-bottom: 3px; }
.qaTypeContent .qaList dl dt { position: relative; border: 1px solid #d0d0d0; text-align: left; padding: 10px 40px; cursor: pointer; background: url(/images/arrow/arrow_gray02.png) right 5px center no-repeat; }
.qaTypeContent .qaList dl dt.current { background: url(/images/arrow/arrow_gray03.png) right 5px center no-repeat; }
.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: 10px 40px 20px 40px; }
.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: 100px; }
.entry .entryBlock .entryHeader { margin-bottom: 15px; }
.entry .entryBlock .entryText { line-height: 180%; }
.entry .entryBlock p { margin-bottom: 15px; }

/*-------------------------------------------------
	++ 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 { background-color: #FFF; position: relative; margin-bottom: 50px; text-align: left; padding: 20px; color: #333; }
.formBox .formWrap { margin-bottom: 30px; }
.formBox .formWrap .formTbl { width: 100%; border-collapse: separate; border-spacing: 1px 2px; }
.formBox .formWrap .formTbl tr th, .formBox .formWrap .formTbl tr td { padding: 10px; vertical-align: top; }
.formBox .formWrap .formTbl tr th .ex, .formBox .formWrap .formTbl tr td .ex { font-weight: normal; color: #666; }
.formBox .formWrap .formTbl tr th { text-align: right; width: 30%; background: #F2F2F2; padding-top: 12px; }
.formBox .formWrap .formTbl tr th .req { font-size: 14px; color: #c43027; }
.formBox .formWrap .formTbl tr td { text-align: left; width: 70%; }
.formBox .formThanks { margin: 0 auto; text-align: center; padding: 30px; }
.formBox .formThanks h3 { margin-bottom: 30px; }

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

.custom-wpcf7c-confirmed .selectWrap { border: 0; }

.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: 10px 50px; font-size: 20px; 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; }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footerBnr { padding: 80px 0; }
#footerBnr ul { letter-spacing: -.4em; }
#footerBnr ul li { display: inline-block; letter-spacing: normal; vertical-align: top; }
#footerBnr ul li { margin: 0 2px; }

#footerCard { padding: 120px 0 60px 0; background: url(../img/footer_lift.png) center bottom 50px no-repeat; }

#pageTop { position: fixed; bottom: 40px; right: 40px; width: 40px; height: 40px; background-color: #c43027; }
#pageTop img { display: block; }

#spCover { display: none; }

#footer { position: relative; }
#footer .footerContents { background-color: #eee; }
#footer .footerContents .footerLink { padding: 30px 0; }
#footer .footerContents .footerLink ul { letter-spacing: -.4em; }
#footer .footerContents .footerLink ul li { display: inline-block; letter-spacing: normal; vertical-align: top; }
#footer .footerContents .footerLink ul li { font-size: 14px; }
#footer .footerContents .footerLink ul li a { padding: 0 10px; 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: 20px 0; }
#footer .footerCredit .companyInfo .footerLogo { float: left; }
#footer .footerCredit .companyInfo .companyAdd { float: left; text-align: left; padding: 10px 0 0 10px; font-size: 13px; }
#footer .footerCredit .copyright { margin-top: 10px; font-size: 13px; }

@media print { .pnone { display: none; } }
/*-------------------------------------------------
	++ COURSE LIFT 211014
-------------------------------------------------*/
.calenderWrap { width: 100%; display: flex; flex-wrap: wrap; }
.calenderWrap .calBox { width: 25%; 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; }
.calenderWrap.col5 .calBox { width: 20%; }

#courseframe { width: 100%; height: 900px; }

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

#headerCondition { background: rgba(0, 0, 0, 0.5); color: #FFF; position: absolute; top: 0; left: 0; width: 100%; padding: 10px 0; }
#headerCondition .cInner { display: flex; flex-wrap: wrap; justify-content: space-between; }
#headerCondition .hcHead { border-right: 1px solid #afb4b7; padding-right: 20px; }
#headerCondition .hcHead h2 { font-size: 14px; font-weight: normal; }
#headerCondition .hcHead .dateTitle { font-weight: bold; }
#headerCondition .hcHead .dateTitle .year { font-size: 14px; }
#headerCondition .hcHead .dateTitle .monthday { font-size: 27px; }
#headerCondition .todayCondition ul { display: flex; flex-wrap: wrap; }
#headerCondition .todayCondition ul li { padding: 0 20px; text-align: center; }
#headerCondition .todayCondition ul li dl dt { font-size: 14px; }
#headerCondition .todayCondition ul li dl dd .num { font-size: 25px; font-weight: bold; }
#headerCondition .todayCondition ul li dl dd .value { font-size: 14px; }
#headerCondition .todayCondition ul li dl dd .unit { display: inline-block; margin-top: 10px; font-size: 14px; }
#headerCondition .todayCondition ul li.weather img { width: 40px; vertical-align: middle; margin: 0 3px; }
#headerCondition .todayCondition ul li.weather .unit { font-size: 11px; margin-top: 0; }
#headerCondition .weatherNewsLink .text { font-size: 11px; }
#headerCondition .weatherNewsLink .text .fas { margin-left: 3px; }
#headerCondition .weatherNewsLink .text a { color: #FFF; }

.link { margin: 30px 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: 14px; }
.link a:hover { opacity: 1; background: #c43027 url("../img/arrow_white.png") right 5px center no-repeat; color: #FFF; }
.link a.sizeM { font-size: 20px; }

#topInfo #coursecondition { display: flex; flex-wrap: wrap; }
#topInfo #coursecondition h2 { background-color: #c43027; color: #FFF; font-size: 20px; font-weight: normal; margin-bottom: 15px; }
#topInfo #coursecondition .link { position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; }
#topInfo #coursecondition .courseCondition { width: 70%; position: relative; padding-bottom: 45px; }
#topInfo #coursecondition .courseCondition .courseList { display: flex; flex-wrap: wrap; width: 100%; }
#topInfo #coursecondition .courseCondition .courseList .courseWrap { width: 33.3333%; }
#topInfo #coursecondition .courseCondition .courseList .courseWrap .tblWrap table tr th, #topInfo #coursecondition .courseCondition .courseList .courseWrap .tblWrap table tr td { font-size: 11px; padding: 2px; }
#topInfo #coursecondition .livecamera { width: 30%; padding-left: 20px; position: relative; padding-bottom: 45px; }
#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: 14px; }

.termsBox dl { margin: 30px 0; }
.termsBox dl dt { margin-bottom: 5px; font-weight: bold; font-size: 18px; }
.termsBox dl dd { margin-bottom: 20px; padding-left: 20px; }

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