/* --------------------------
 * adjustment
-------------------------- */
body {font-size:14px;line-height:24px;overflow-x: hidden; }
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;} a.alpha:hover img {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.mT50 {margin-top: 50px;}.mL50 {margin-left: 50px;}.mR50 {margin-right: 50px;}.mB50 {margin-bottom: 50px;}
.mT30 {margin-top: 30px;}.mL30 {margin-left: 30px;}.mR30 {margin-right: 30px;}.mB30 {margin-bottom: 30px;}
.mT20 {margin-top: 10px;}.mL20 {margin-left: 10px;}.mR20 {margin-right: 10px;}.mB20 {margin-bottom: 20px;}
.mT15 {margin-top: 15px;}.mL15 {margin-left: 15px;}.mR15 {margin-right: 15px;}.mB15 {margin-bottom: 15px;}
.mT10 {margin-top: 10px;}.mL10 {margin-left: 10px;}.mR10 {margin-right: 10px;}.mB10 {margin-bottom: 10px;}
.pT50 {padding-top: 50px;}.pL50 {padding-left: 50px;}.pR50 {padding-right: 50px;}.pB50 {padding-bottom: 50px;}
.pT30 {padding-top: 30px;}.pL30 {padding-left: 30px;}.pR30 {padding-right: 30px;}.pB30 {padding-bottom: 30px;}
.pT20 {padding-top: 10px;}.pL20 {padding-left: 20px;}.pR20 {padding-right: 20px;}.pB20 {padding-bottom: 20px;}
.pT15 {padding-top: 15px;}.pL15 {padding-left: 15px;}.pR15 {padding-right: 15px;}.pB15 {padding-bottom: 15px;}
.pT10 {padding-top: 10px;}.pL10 {padding-left: 10px;}.pR10 {padding-right: 10px;}.pB10 {padding-bottom: 10px;}
blockquote { font-size: 14px; line-height: 27px;margin: 0;padding: 0;border: none;display: block;background-image: linear-gradient(-45deg,#fff 25%,#e9ffed 25%, #e9ffed 50%,#fff 50%, #fff 75%,#e9ffed 75%, #e9ffed);background-size: 25px 25px;padding: 20px;margin: 30px 0px;/*border: 1px solid #ddd;*/}
h1,.h1 {font-size: 30px; margin: 0;padding: 0;}
h2,.h2 {font-size: 21px; margin: 0;padding: 0;}
h3,.h3 {font-size: 16px; margin: 0;padding: 0;}
a { color: #14a83b; text-decoration:none;background-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a.hover {color: #0C6825; text-decoration:none;}
a:hover {text-decoration:none;}
figure img { height:auto; width:100%;}

.btnSocialBox{text-align:center;margin: 0;padding: 0;padding-bottom: 20px;padding-top: 10px;}
.btnSocial {display:inline-block; background-color:#fff;}
.btnSocial .fb-share-button { display:block; width:97px;}

.bold { font-weight:bold;}
.red {color:#eb6100;}
.dsplnon {display: none;}
.bg_gray{ background-color: #fafafa; position: relative;padding-top: 50px;display: block; background-image: url(images/patterns/subtle-pattern-8.jpg); background-size: 500px; }
.bg_gray .overlay {width: 100%; position: absolute;top: 0px; left: 0px;}

.col-xs-12.col-sm-12 { padding:0 10px;}

.smnon { display:none}

/* --------------------------
 * font
-------------------------- */
body { padding-top: 70px; background-color: #FFF;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}

/* --------------------------
 * layout
-------------------------- */
.wrapper {width: 100%;margin: 0;padding: 0;display: block; overflow-x: hidden;}
/*header*/
.navbar {border-bottom: none;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
.navbar-header { background-color:#fff;height: 70px;}
.navbar-brand {height:70px; width: 279px;display: block;margin-left: 20px; overflow: hidden; text-indent: -9999px; background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: left center; background-size:279px 30px; }
.navbar-toggle { border: none;padding-left: 0;padding-left: 10px;margin-right: 10px;margin-top: 15px;}
.navbar-default .navbar-toggle {border-color: #FFF;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #FFF;}
.icon-bar { border: 2px solid #313131;}

.pcsite {position: absolute;top: 24px;right: 55px; text-align:center;line-height: 12px; color: #ccc;}
.pcsite .fa {display: block;font-size: 16px;}
.pcsite span {display: block;font-size: 7px;font-family: 'Roboto', sans-serif;font-weight: 400;}

/*mainVisual*/
.mainVisual { z-index:0px; display: block;position:relative;background-color: #000;overflow: hidden;margin: 0;padding: 0;box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.2);}
.mainVisual .mainSlider{margin: 0;padding: 0; list-style: none;}
.mainVisual #carousel-prev { cursor: pointer; text-indent: -9999px; z-index: 9; position: absolute; left: 30px; top: 50%; color: #fff; height: 28px; width: 17px; display: block; background-image: url(../images/slider/prev.png); background-repeat: no-repeat; background-position: top left; background-size:17px 28px; }
.mainVisual #carousel-next { text-indent: -9999px; z-index: 9; position: absolute; right: 30px; top: 50%; color: #fff; height: 28px; width: 17px; display: block; background-image: url(../images/slider/next.png); background-repeat: no-repeat; background-position: top left; background-size:17px 28px; }

.subVisual {background-color: #FFF;padding:10px;box-shadow: 1px 0px 1px 0px rgba(0,0,0,0.2);z-index: 0; position:relative; display:block;}
.subVisual h2 {position:absolute;top:-30px;left:0px; height:30px; display:block; margin: 0;padding: 0; width:100%;}
.subVisual h2 .inner {  height:30px; line-height:40px; background-color:#fff; width:170px; margin:0 auto; font-size: 14px; font-weight: bold;text-align: center;font-family: 'Roboto', sans-serif;font-weight: 700;border-top-right-radius : 0.3em;-moz-border-top-right-radius : 0.3em;-webkit-border-top-right-radius : 0.3em;-o-border-top-right-radius : 0.3em;-ms-border-top-right-radius : 0.3em;border-top-left-radius : 0.3em;-moz-border-top-left-radius : 0.3em;-webkit-border-top-left-radius : 0.3em;-o-border-top-left-radius : 0.3em;-ms-border-top-left-radius : 0.3em;}
.subVisual h2 .inner span {font-size: 10px;margin-left: 10px; font-weight:bold;}
.subVisual div { text-align: center;}
.subVisual div a {margin: 10px;margin-bottom: 0; display: block; font-size: 12px;}
.subVisual figure {margin-bottom: 5px; font-weight: bold;}

.fcVisual {background-color: #FFF;z-index: 0; position:relative; display:block;margin: 0;padding: 0;padding-top: 20px;}
.fcVisual div { text-align: center;}
.fcVisual div a {margin: 10px;margin-bottom: 0; display: block; font-size: 12px;}
.fcVisual figure {margin-bottom: 5px; font-weight: bold;}

.livecamNav {margin: 0;padding: 0;}
.livecamNav ul {margin: 0;padding: 0;list-style: none; width: 100%;,margin-top: 1px;}
.livecamNav ul li {display: block; width: 50%; float: left;padding-top: 1px;}
.livecamNav ul li:first-child {padding-right: 1px;}
.livecamNav ul li a .fa {margin-right: 5px;}
.livecamNav ul li a {display: block; height: 50px;line-height: 50px; text-align: center;font-size: 14px; font-weight: bold; background-color: #313131; color: #fff; }
.livecamNav ul li a:hover,.livecamNav ul li a:focus {}

.sns {margin: 0;padding: 30px 0 15px; background-color: #fff;}
.sns ul {margin: 0;padding: 0;list-style: none; text-align: center;margin-top: 40px;}
.sns ul li {display: inline-block;}
.sns ul li a { font-size: 30px;margin: 0 20px; color: #313131}

.sns ul li a2 { font-size: 30px;margin: 2px 20px; color: #313131}

.sns ul li a:hover {}

.pcBack {margin: 0 auto; max-width:270px;padding: 0;border: none; display: block; height: 40px; line-height: 40px; text-align: center;}
.pcBack a { border: 3px solid #313131; color: #313131; /*background-color: #e60012;*/ background-color: #FFF; display: block; font-weight: bold;font-size: 13px;}
.pcBack a.hover { background-color:#eee;}
.pcBack a .fa {margin-right: 10px;}
.pcBack a span {margin-left: 10px;font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 11px;}

.gNav {padding: 1px;margin-top: 1px;margin-bottom: 0px;padding-bottom:0px;}
.gNav ul {margin: 0;padding: 0;}
.gNav ul .col-xs-12 {margin: 0;padding: 0;margin-bottom: 1px;}
.gNav ul li {list-style: none;}
.gNav ul li a { color:#313131; margin: 0;padding: 0;padding-left: 20px;text-decoration: none;font-weight: bold; display: block; height: 50px;line-height: 50px; background-color: #FFF; font-size: 14px;}
.gNav ul li a .fa { color: #14a83b;font-size: 18px;margin-right: 10px;}
.gNav ul li a .fa.fa-chevron-right { color: #ddd;font-size: 18px;margin-right: 15px; float: right;height: 50px; line-height: 50px;}
.gNav ul li a:hover .fa {color: #FFF;}
.gNav ul li a:hover,.navArea ul li a:focus { background-color: #14a83b; color: #fff;}

.telBox { text-align: center;padding:20px 0px 20px; background-color:#fff;margin-bottom: 1px;}
.telBox h2 { margin-bottom: 15px; font-weight: bold; font-size: 14px;}
.telBox h2 span { margin-left: 10px;font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 11px;}
.telBox > a { color: #313131; font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 28px;}
.telBox p.email {font-size: 12px; font-weight: bold;}
.telBox p.email .fa {margin-right: 10px;}
.telBox h3 {background-color: #eee;font-size: 13px;width: 70%;  max-width:300px; margin: 0 auto;height: 20px; line-height: 20px;margin-top: 7px; border-radius: 1em;}

.btn {margin: 1px;padding: 0;border: none; display: block; height: 50px; line-height: 50px; text-align: center;}
.btn a { color: #fff; /*background-color: #e60012;*/ background-color: #313131; display: block; font-weight: bold;font-size: 16px;}
.btn a.hover { background-color:#444;}
.btn a .fa {margin-right: 10px;}
.btn a span {margin-left: 10px;font-family: 'Roboto', sans-serif;font-weight: 400; font-size: 11px;}

.campBtn {margin: 1px;margin-top: 0;padding: 0;border: none; display: block; height: 50px; line-height: 50px; text-align: center;}
.campBtn a { color: #313131;  background-color: #FFF; display: block; font-weight: bold;font-size: 16px;}
.campBtn a .fa {margin-right: 10px;}
.campBtn a.hover { color: #FFF;  background-color: #14a83b; }

.footer { background-color:#eee;}

.copyright {background-color: #fff; text-align: center; font-size: 9px; color: #313131;height: 40px; line-height: 40px;font-family: 'Roboto', sans-serif;font-weight: 400;}
.pagetop { color:#fff; line-height:45px; font-size:21px; text-align:center; display:none; height:50px; width:50px; position:fixed; right:30px; bottom:30px; cursor:pointer; background-color:#313131;}
#map {height: 300px; width: 100%; background-color: #000;}

.breadcrumb { text-align:center;margin: 0 20px 20px;}
.breadcrumb a { color:#313131;}
.contents { display:block; background-color:#fff; margin: 0 10px;}
.contents_bottom { display:block; background-color:#fff; padding-top:40px;}
.contents h2 { font-size:28px; padding:40px 0px 0px; text-align:center; line-height:36px;}
.contents h2 span { display:block;margin-top: 5px; font-size:12px;margin-left: 10px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #14a83b;}
.contents .block {padding-top: 40px; display:block;}
.contents .block.news { margin:10px; border:3px solid #eee; padding:30px;margin-top: 30px; border-radius:5px;}
.contents .block.desc { margin:10px; padding:30px;margin-top: 30px; border-radius:5px; background-color:#eee;}

.contents .block .blockInner {padding-top: 20px; display:block;}
.contents .block figure {margin-bottom: 10px; }
.contents .block p { text-align:right; font-size:12px;margin-bottom: 5px;}
.contents .block h3 { font-weight:bold; font-size:18px;margin-bottom: 15px; line-height:28px;}
.contents .block h3.title { font-weight:bold; font-size:21px;margin-bottom: 25px; line-height:28px; border-bottom:1px solid #ddd; padding-bottom:25px;}
.contents .block h4 { font-weight:bold; font-size:14px;margin-bottom: 15px; line-height:28px;}
.contents .block .text { font-size:16px; line-height:26px;}
.contents .block .date { font-size:14px; text-align:center; margin-top: 20px;font-family: 'Roboto', sans-serif;font-weight: 400; color:#ccc; }
.contents .block .row div {margin-top: 30px;}
.contents .block.exdetail .row div {margin-top: 0px;}

.contents .block.live { }
.contents .block.live h3 { text-align:center;}
.contents .block.live .text { font-size:14px; line-height:26px; text-align:center;margin-bottom: 20px;margin-top: 15px;}
.btngrn {margin: 1px;padding: 0;border: none; display: block; height: 50px; line-height: 50px; text-align: center;}
.btngrn a { display: block;background-color:#14a83b; color:#fff; font-weight:bold; font-size:16px; width:80%;margin: 0 auto;}
.btngrn a.hover {background-color:#0C6825;}
.pagenation { padding:0px 30px 0px; text-align:center;}

.formBtn { color:#fff; font-weight:bold; margin: 0px auto; padding: 0;border: none; display: block; height: 50px; line-height: 50px; text-align: center; width:150px;background-color:#14a83b;}

.minBtn {margin: 0px;padding: 0;border: none; display: block; height: 30px; line-height: 30px; text-align: center; width:200px;}
.minBtn a { display: block;background-color:#14a83b; color:#fff; font-weight:bold; font-size:14px; width:200px;height: 30px; line-height: 30px; }

.livecam_past {margin: 0;padding: 0; list-style:none;margin-top: 30px;}
.livecam_past li { text-align:center;padding-bottom: 10px;font-family: 'Roboto', sans-serif;font-weight: 400;}
.livecam_past li figure{ margin-bottom: 10px;}

.table-responsive { text-align:center;font-family: 'Roboto', sans-serif;font-weight: 400; }
.table-responsive table {width:100%;margin: 0;padding: 0;}
.table-responsive table td td { white-space:nowrap; border:1px solid #fff; min-width:25px; padding:5px 10px;margin: 0; max-width:320px;font-size:13px;}

.block .list-group  { font-size:12px;}
.block .list-group h3 {margin: 0;padding: 0;}

.contents .block.useful {margin:10px; border:3px solid #eee; padding:30px;margin-top: 30px; border-radius:5px;}
.contents .block.useful table { width:50%;}
.contents .block.useful .text {margin-top: 20px;}

.nav-pills  { text-align:center; }

.campNav {margin: 0;padding: 0;margin-top: 20px;}
.campNav ul {margin: 0;padding: 0; list-style:none;}
.campNav ul li { line-height:45px;margin-top: 10px;}
.campNav ul li a {  display:block; border:2px solid #eee; width:100%; height:49px; font-size:16px; font-weight:bold; color:#313131;}
.campNav ul li a.hover { background-color:#eee;}
.campNav ul li figure{ width:70px; height:47px; float:left;margin: 0;padding: 0; margin-right: 20px; overflow:hidden;margin-top: -2px;}
.campNav ul li img{ width:70px; height:auto;}

.plan_detail_list {margin: 0;padding: 0;margin-left: 15px;}
.ctr { text-align:center;}
.owl-carousel a { color:#313131; font-weight:bold;}

.facilityNav { padding:0px 25px 25px; background-color:#eee; border-radius:5px;}
.facilityNav h2 { font-size:21px; line-height:21px;}
.facilityNav h2 span {display:block;margin-top: 5px; font-size:12px;margin-left: 10px;font-family: 'Roboto', sans-serif;font-weight: 400;}
.facilityNav a { display:block; text-align:center; color:#313131; font-weight:bold; border:10px solid #fff; background-color:#fff;}
.facilityNav a.hover { background-color:#ddd;border: 10px solid #ddd; }

.gallery div { display:block; text-align:center}
.gallery div a { color:#313131; font-size:12px;}
.gallery figure { margin-bottom:0px;}

.form-horizontal {padding: 20px;}
.form-group { border-bottom:1px solid #FFF; padding-bottom: 15px;}
.form-group .form-inline.border { border-bottom:1px solid #fff; padding-bottom: 15px;margin-bottom: 10px;}
.control-label span {margin-right: 10px; color:#14a83b;}

/* --------------------------
 * media queries
-------------------------- */
@media (max-width:480px) {
	.smnon { display: inherit;}
	.navbar-brand {height:70px; width: 230px;background-size:200px 22px; }
	.mainVisual #carousel-prev { left: 20px; top: 70%;background-position: top left; background-size:17px 28px; }
	.mainVisual #carousel-next { right: 20px; top: 70%;background-position: top left; background-size:17px 28px; }
	.contents {padding: 0px;}
	.contents .col-sm-6 {padding: 0 6px;}
	.contents { margin: 0px;}
	.breadcrumb { text-align:center;margin: 0 10px 20px;}
	.contents .block .row div {margin: 0;margin-top: 20px;}
	.contents .block.news { margin:0px; border:3px solid #eee; padding:20px;margin-top: 30px; border-radius:5px;}
	.contents .block h3.title { font-size:18px;padding-bottom: 15px;}
	.contents .block .date { font-size:12px; }
	.contents .block .col-xs-12 { padding:0;margin: 0;}
	.contents .block .text { font-size:16px;}
	.contents .block.live .text { text-align:left;}
	.contents .block.useful table { width:100%;}
	.contents .block.useful { margin:5px; border:none; padding:0px;margin-top: 50px; border-radius:none;}
	.plan_detail_list {margin-bottom: 20px;}
	.ctr { text-align:left;}
	.contents .block h3 { margin-left:5px;}
	.contents .block {padding-top: 30px; display:block;}
	.contents h2 { font-size:21px; padding:30px 0px 0px; line-height:32px;}
	.contents h2 span { margin-top: 0px;}
	.breadcrumb { font-size:10px;}
	.contents .block.desc { margin:0px; padding:20px;margin-top: 30px; border-radius:5px;}
	.contents .block.news .row{ margin: 0;padding: 0; padding-bottom: 10px;}
	.contents .block.exPad {padding:30px 0px;}
	.contents .block.exdetail {padding-left: 5px; padding-right: 5px;}
	.contents > .row > .container {padding-left: 20px; padding-right:20px;}
	.facilityNav .row {}
	.facilityNav a { margin: 0;padding: 0;}
	.facilityNav a figure { display:none;}
	.facilityNav .row .col-xs-12.col-sm-4 { padding: 0;margin: 0; padding-top: 10px;}
	.container.facility .block .row.min {padding-left: 15px; padding-right:15px;}
	.minBtn {margin: 0px;padding: 0;border: none; display: block; height: 30px; line-height: 30px; text-align: center; width:100%;}
	.minBtn a { display: block;background-color:#14a83b; color:#fff; font-weight:bold; font-size:14px; width:100%;height: 30px; line-height: 30px; }
	.smpleft { text-align:left;}
}
@media (min-width:480px) {
}
@media (max-width:762px) {
}
@media (min-width:768px) {
}
@media (max-width:992px) {
/*タブレットメニュー*/
	#header .navbar-nav > li > a {display: block;padding: 10px 20px;}
	.navbar-header { float: none;padding-top: 0px; padding-bottom:0px;}
	.navbar-left,.navbar-right { float: none !important;}
	.navbar-toggle {display: block;margin-bottom: 8px; }
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin-top: 0px;margin-bottom: 0px;background-color: #FFF;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
	.collapse.in{display:block !important;}
	.container { width: 100%;}
	.contents {padding: 0px;}
	.contents .col-sm-6 {padding: 0 9px;}
	.gNav ul .col-xs-12 {margin: 0;padding: 0;margin-bottom: 1px;padding-right: 1px;}
}
@media (min-width:992px) {
	#header .navbar-nav > li > a {display: block;padding: 10px 20px;}
	.navbar-header { float: none;padding-top: 0px; padding-bottom:0px;}
	.navbar-left,.navbar-right { float: none !important;}
	.navbar-toggle {display: block;margin-bottom: 8px; }
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin-top: 0px;margin-bottom: 0px;background-color: #FFF;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
	.collapse.in{display:block !important;}
	.container { width: 100%;}
	.gNav ul .col-xs-12 {margin: 0;padding: 0;margin-bottom: 1px;padding-right: 1px;}
}

}


.line-it-button{
	margin top: 10px;
}

#blockMP {
	margin-top:-14px;
}

#blockMG {
	margin-top:-14px;
}

#blockME {
	margin-top:-14px;
}

#blockMD {
	margin-top:-14px;
}

#blockFUJI {
	margin-top:-14px;
}

#blocktent_a {
	margin-top:-14px;
}

#blocktent_b {
	margin-top:-14px;
}

#blockfree {
	margin-top:-14px;
}

/* --------------------------
 * retina display
-------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

}

.sample1 {
margin:0px; padding:10px;
background-color:white; font-size:25px;
}

.sample2 {
margin:0px; padding:10px;
background-color:white; font-size:15px;
}


.indent1 {
	text-indent: -1em;
	padding-left: 1em;
	text-align: left!important;
}

.indent2 {
	text-indent: -1em;
	padding-left: 1em;
	text-align: left!important;
	margin-bottom:0px !important;
}

.autocamp_charge {
	text-align: right!important;
	font-size: 18px!important;
	margin-top:20px!important;
	margin-bottom:20px!important;
	margin-left:5px!important;
	margin-right:5px!important;
}

.autocamp_sentence {
	text-align: left!important;
	font-size: 12px!important;
}

dl.autocamp_menu {
	background-color: #FFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

dl.autocamp_menu dt{
	float: left;
	margin-bottom: 5px;
	width: 60%;
}

dl.autocamp_menu dd{
	color: #F33;
	float: right;
	clear: right;
	margin-bottom: 5px;
	text-align: right;
}


