@charset "UTF-8";
@media screen and (max-width: 768px){

.waku{ padding:0px 2.5%; min-width:auto; }

.pts{ font-size:14px; }
.pts1{ font-size:13px; }
.pts2{ font-size:12px; }
.pts3{ font-size:11px; }
.pts4{ font-size:10px; }
.pts5{ font-size:9px; }
.pts6{ font-size:32px; }
.pts7{ font-size:23px; }
.pts8{ font-size:16px; }
.pts9{ font-size:18px; }

br.bpts{ display:none; }
br.bpts1{ display:block; }
br.bpts2{ display:block; }

/*tmenu*/
div#menubg1{ }
ul.tmenu{ }
ul.tmenu li.ho{ }
ul.tmenu li.ho img{ width:150px; margin:10px 0px; }
ul.tmenu h1{ display:inline-block; top:4px; right:0px; font-size:9px; height:12px; }
ul.tmenu li a{ display:inline-block; font-size:11px; }
ul.tmenu li.qa a{ display:inline-block; margin-top:21px; margin-right:8px; }
ul.tmenu li.mp a{ display:inline-block; margin-top:21px; margin-right:8px; }
ul.tmenu li.ac a{ display:inline-block; margin-top:21px; margin-right:8px; }
ul.tmenu li.cm a{ display:inline-block; margin-top:21px; margin-right:8px; }
ul.tmenu li.cn a{ display:inline-block; margin-top:21px; }

div#menubg2{ height:57px; }
ul.menu{ }
ul.menu li.lm{ }
ul.menu li.lm img{ width:200px; margin:11px 0px; }
ul.menu li.ac{ display:none; }
ul.menu li.cn{ display:none; }
ul.menu li.y1{ display:inline-block; margin:12px 0px; }
ul.menu li.y2{ display:inline-block; margin:12px 3px; }
ul.menu li.y3{ display:inline-block; margin:12px 0px; }
ul.menu li.y1 a{ line-height:31px; background-size:20px; padding:0px 3px 0px 26px; background-position:3px center; }
ul.menu li.y2 a{ line-height:31px; background-size:20px; padding:0px 3px 0px 26px; background-position:3px center; }
ul.menu li.y3 a{ line-height:31px; background-size:18px; padding:0px 3px 0px 26px; background-position:3px center; }
ul.menu li.sm{ display:none; }

ul.menu li div.smenu a{ width:50%; height:70px; }
ul.menu li div.smenu div.img{ width:70px; padding-top:70px; }
ul.menu li div.smenu div.det{ padding:3px 7px; height:70px; }
ul.menu li div.smenu div.det p{ }

/*トップスライドショー*/
div#openingbg{ height:450px; min-width:auto; }
div#openingbg .waku{ background-size:250px; background-position:center; }
div#openingbg .waku img.wifi{ right:2.5%; top:350px; width:150px; }

ul#view li.t1{ background-position:center; }
ul#view li.t2{ background-position:center; }
ul#view li.t3{ background-position:center; }

ul#view li div.top1{ background-size:75%; background-position:center; }
ul#view li div.top2{ background-size:75%; background-position:center; }
ul#view li div.top3{ background-size:75%; background-position:left center; }

div#thumbBtnbg{ bottom:20px; }
ul#thumbBtn li{ width:28px; height:6px; margin:0px 6px; }

/*各ページトップ*/
div.pagebg{ height:300px; background:url(../img/pagebg2.webp) center no-repeat; background-size:cover; min-width:auto; }
div.pagebg .waku{ background-size:200px; background-position:90% 90%; }

/*ページルート*/
ol li{ font-size:10px; }
ol li a{ font-size:10px; }

/*トップバナー*/
.t-ban1{ float:left; width:48.75%; margin:0px 0px 2.5%; }
.t-ban2{ float:left; width:48.75%; margin:0px 0px 2.5% 2.5%; }
.t-ban3{ float:left; width:48.75%; margin:0px 0px 30px; }
.t-ban4{ float:left; width:48.75%; margin:0px 0px 30px 2.5%; }

.ols1{ display:inline-block; margin-bottom:30px; }
.ols2{ display:none; }

p.tcap{}
p.tcap span{ display:block; }
p.tcap span.en{ font-size:23px; padding-right:0px; }
p.tcap span.ja{ font-size:17px; }

/*トップお知らせ*/
.tinfobg{ padding:25px 0px 75px; min-width:auto; }
.winfo{ display:table; }
.winfo a{ display:table-cell; width:33.33333%; vertical-align:top; }
.tinfo{ width:100%; }
.tinfo .img{ float:none; width:100%; padding-top:56%; }
.tinfo .det{ padding:25px 25px 40px; overflow:auto; }
.tinfo .det p.dt{ margin-bottom:10px; }
.tinfo .det p.da{ }
.tinfo p.sen1{ display:none; }
.tinfo p.sen2{ display:none; }
.tinfo.i1{ display:inline-block; }
.tinfo.i2{ display:inline-block; }
.tinfo.i3{ display:inline-block; }
.tinfo.i4{ display:none; }
.tinfobg .btn{ bottom:-20px; left:50%; margin-left:-250px; }

/*トップバナーメニュー*/
.tbmenu{ padding-top:30%; }
.tbmenu-l{ background:url(../img/t-bg1-2.webp) top center no-repeat; background-size:100%; }
.tbmenu-r{ background:url(../img/t-bg2-2.webp) top center no-repeat; background-size:100%; }
.tbmenu div{ padding:25px; width:90%; margin:0px 5%; background:#FFF; box-shadow:0px 2px 7px #555; min-height:auto; }
.tbmenu-l div{ float:none; }
.tbmenu-r div{ float:none; }
.tbmenu div h1{ text-align:center; }
.tbmenu div h2{ text-align:center; }
.tbmenu div p{ margin:15px 0px; }
.tbmenu div a{ font-size:13px; text-align:center; line-height:24px; background-size:20px; padding:0px 3px 0px 26px; background-position:3px center; }

/*トップバナーメニュー*/
.tbmenu2{ width:50%; }
.tbmenu2-l{ float:left; margin-bottom:0px; }
.tbmenu2-r{ float:left; }
.tbmenu2-l div.img{ margin:10px 0px; padding-top:50%; }
.tbmenu2-r div.img{ margin:10px 0px; padding-top:50%; }
.tbmenu2 h1{ text-align:center; padding:0px 5%; }
.tbmenu2 h2{ text-align:center; padding:0px 5%; margin-bottom:15px; }
.tbmenu2 h2 br{ display:inline; width:10px; }
.tbmenu2 p{ padding:0px 5%; }
.tbmenu2 a{ text-align:center; }

/*トップSNS*/
div.top-fbbg{ width:48.75%; height:250px; margin:0px 2.5% 50px 0px; }
div.top-twbg{ width:48.75%; height:250px; margin:0px 0px 50px; }

/* お知らせ・ブログ */
.info-l{ width:100%; padding:0px; }
.info-r{ width:100%; margin-left:0px; padding:50px 0px; }

/*アーカイブ*/
.archives li{ width:50%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:50px; height:50px; }
div#prevback ul li a{ line-height:50px; height:50px; }
div#prevback ul li div.ppi{ float:left; width:50px; padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
div#prevback ul li div.nni{ float:right; width:50px;padding-top:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }

/*施設案内・交通アクセス*/
.facmenu{ }
.facmenu li{ }
.facmenu li a{ line-height:40px; }

/*近隣施設情報*/
.neih2{ }
.neibg{ float:left; width:100%; margin-bottom:2.5%; }
.neibg.c1{ margin-right:0%; }
.neibg.c2{ }
.neibg .img{ float:left; width:35%; padding-top:19.6875%; margin-right:2%; margin-bottom:0px; }
.neibg .det{ width:auto; }
.neibg .det p{ }
.neibg .det p.da{ }
.neibg .det p.ad{ }
.neibg .det p.ad a{ }

.mapbgbg{ }
.mapbgbg .panf{ position:absolute; top:25px; right:10px; width:175px; margin:0px; }
.mapbgbg .panf:hover{ top:23px; right:7px; width:181px; margin:0px; }
.mapbgbg .panfc{ display:none; }
ul.map{ }
ul.map li{ float:left; width:32%; padding-left:30px; border-bottom:1px dotted #AAA; }
ul.map li a{ padding-top:7px; font-size:14px; }
ul.map li.c01{ margin:0px 0px 10px; }
ul.map li.c02{ margin:0px 2% 10px; }
ul.map li.c03{ margin:0px 0px 10px; }
ul.map li.c04{ margin:0px 0px 10px; }
ul.map li.c05{ margin:0px 2% 10px; }
ul.map li.c06{ margin:0px 0px 10px; }
ul.map li.c07{ margin:0px 0px 10px; }
ul.map li.c08{ margin:0px 2% 10px; }
ul.map li.c09{ margin:0px 0px 10px; }
ul.map li.c10{ margin:0px 0px 10px; }
ul.map li.c11{ margin:0px 2% 10px; }
ul.map li.c13{ margin:0px 0px 10px; }
ul.map li.c14{ margin:0px 0px 10px; }
ul.map li.c15{ margin:0px 2% 10px; }
ul.map li.c16{ margin:0px 0px 10px; }
ul.map li.c17{ margin:0px 0px 10px; }
ul.map li.c18{ margin:0px 2% 10px; }
ul.map li.csi{ margin:0px 0px 10px; }
ul.map li.csi{ background-size:22px; }

.mapbg img.map2{ float:none; width:100%; }
.mapbg ul.map2{ float:none; width:100%; margin-top:25px; }
.mapbg ul.map2 li{ float:left; width:32%; }
.mapd.a01{ background-image:url(../img/n01.png); top:32%; left:7%; }
.mapd.a02{ background-image:url(../img/n02.png); top:32%; left:25%; }
.mapd.a03{ background-image:url(../img/n03.png); top:18%; left:2%; }
.mapd.a04{ background-image:url(../img/n04.png); top:12%; left:52%; }
.mapd.a05{ background-image:url(../img/n05.png); top:46%; left:10%; }
.mapd.a06{ background-image:url(../img/n06.png); top:45%; left:63%; }

.googlebg{ height:400px; }
.googlebg iframe{ }

/*キャンプ場予約*/
.i-bnn{ width:100px; padding-top:25px; }
.now0{ margin:0px 5px; }
.now1{ margin:0px 5px; }

.cammenu{ }
.cammenu li{ }
.cammenu li a{ line-height:40px; }

table.camp1 br.br-pts{ display:none; }
table.camp1 td span.k1{ display:inline-block; }
table.camp1 td span.k2{ display:none;}

/*会社概要*/
div.combg{ display:table; width:100%; border:1px solid #ccc; border-bottom:none; }
div.com{ display:table-cell; padding:2%; }
div.com,div.com p,div.com a{ font-size:13px; }
div.com1{ width:25%; border-right:1px solid #ccc; border-bottom:none; }
div.com2{ width:75%; }
div.com2 img{ float:left; margin-right:15px; margin-bottom:10px; width:70%; }
div.com2 img.rcom{ float:right; margin-left:15px; margin-right:0px; border-bottom:10px; width:35%; } 
div.com2 div{ width:100%; clear:both; }
div.com2 br.br1{ display:none; }
div.com2 br.br2{ display:inline-block; width:10px; }

/*お問い合わせ*/
.txt30{ width:250px; }
.cob{ width:85px; }

div.c1122bg{ border-left:6px solid #366; display:block; padding:5px 0px 5px 2.5%; }
div.c1122bg div.c11{ display:block; width:100%; padding-bottom:5px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:block; width:100%; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 img{ width:200px; margin-right:2.5%; margin-bottom:0px; }
div.c1122bg div.c22 div.det{ width:auto; }

.btn{ line-height:44px; width:225px; height:44px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; }
.btn.gr{ margin:0px 3px 5px; }
.btn.br{ margin:5px 3px 0px; }
.btn.no{ margin:5px 3px 0px; }
.btn.gra{ line-height:36px; height:36px; width:70%; }

/*よくある質問*/
h2.fl-lr{ padding:10px 40px; font-size:20px; background-size:35px; }

/*動画ギャラリー*/
.vbgbg{ padding:15px 2.5%; min-width:auto; }
.vbr2{ display:block; }
.vbr3{ display:none; }
.vbg{ float:left; width:48.75%; border:none; padding:0px; }
.vbg.v1 { margin:0px 0px 25px; }
.vbg.v2 { margin:0px 0px 25px 2.5%; }
.vbg.v3 { margin:0px 0px 25px; }
.vbg.v4 { margin:0px 0px 25px 2.5%; }
.vbg.v5 { margin:0px 0px 25px; }
.vbg.v6 { margin:0px 0px 25px 2.5%; }
.vbg.v7 { margin:0px 0px 25px; }
.vbg.v8 { margin:0px 0px 25px 2.5%; }
.vbg.v9 { margin:0px 0px 25px; }
.vbg.v10{ margin:0px 0px 25px 2.5%; }
.vbg .img{ float:none; width:100%; margin:0px; }
.vbg .img div{ width:100%; padding-top:56.25%; background-size:25%; }
.vbg p{ display:block; }

/*フッターバナー*/
.banbg{ max-width:400px; }
.banbg img.ban{ float:left; width:100%; }
.ban.b1{ margin:0px; }
.ban.b2{ margin:0px 0px 0px 2.5%; }
.ban.b3{ margin:0px; }

/*フッター*/
img.flogo{ width:150px; }
img.fuku{ width:300px; margin:5px auto 25px; }

ul.fmenu1 li{ margin:0px 2px; }
ul.fmenu1 li a{ font-size:13px; }
ul.fmenu1 li.y1{ width:auto; }
ul.fmenu1 li.y2{ width:auto; }
ul.fmenu1 li.y3{ width:auto; }
ul.fmenu1 li.y1 a{ width:auto; line-height:24px; background-size:18px; padding:0px 3px 0px 28px; background-position:3px center; }
ul.fmenu1 li.y2 a{ width:auto; line-height:24px; background-size:18px; padding:0px 3px 0px 28px; background-position:3px center; margin:0px; }
ul.fmenu1 li.y3 a{ width:auto; line-height:24px; background-size:18px; padding:0px 3px 0px 28px; background-position:3px center; }

ul.fmenu2 li a{ font-size:13px; }
ul.fmenu2 li.mp{ margin-right:10px; }
ul.fmenu2 li.ac{ margin-right:10px; }
ul.fmenu2 li.cm{ margin-right:10px; }
ul.fmenu2 li.cn{ margin-right:10px; }
ul.fmenu2 li.ki{ margin-right:10px; }
ul.fmenu2 li.to

div.pagebg .waku{ background-size:200px; background-position:10% 90%; }
/*カートの中身*/
div.cartbg{ display:table; }
div.cartbg div.img{ display:table-cell; vertical-align:top; width:25%; }
div.cartbg div.img img.pop{ width:100px; right:5px; bottom:5px; }
div.cartbg div.det{ display:table-cell; vertical-align:middle; width:75%; padding:0px 0px 0px 2.5%; }
div.cartbg div.det p.lcr{ text-align:center; font-size:13px; }
div.cartbg div.det span.cap{ display:inline; }
div.cartbg div.det p.ar{ font-size:12px; }
div.cartbg div.det p.pd{ font-size:12px; }
div.cartbg div.det p.da{ font-size:14px; margin-bottom:10px }
div.cartbg div.det p.na{ font-size:11px; margin-bottom:10px; }
div.cartbg div.pri { display:table-cell; width:40%; }
div.cartbg div.pri1{ display:block; width:100%; background:#eee; padding:10px; text-align:center; }
div.cartbg div.pri2{ display:none; width:40%; }

/*一覧・詳細共通*/
div.popbg{ text-align:center; height:34px; padding:15px 0px; }
div.popbg div{  min-width:50px; display:inline-block; width:70px; margin:0px 2px 2px; font-size:10px; line-height:16px; height:16px; }
div.popbg div.ku1{}
div.popbg div.ku2{}
div.popbg div.ku3{}
div.popbg div.ku4{}

}