@charset "UTF-8";
/*--------------------------------
初期設定
---------------------------------*/
body {width: 100%; color: #262626; font-family:"游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "MS Pゴシック", sans-serif; line-height: 180%; word-break: break-all; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; min-width: 320px; padding: 0px;}
a {color: #262626;text-decoration: none;}
img {max-width: 100%;height: auto;}
p, ul li, ol li, dl dt, dl dd{margin:0; padding:0; font-size:16px;line-height: 180%;}
ul{ margin:0; padding:0}
ul li{ margin:0; padding:0; list-style-type:none}
.clearfix::after { content: ""; display: block; clear: both;}
figure{margin: 0;padding: 0;}
hr {height: 1px;border: none;border-top: 1px #ccc solid;}
ol li{list-style-type:decimal!important;}
.scroll_up {transition: 0.8s ease-in-out;transform: translateY(70px);opacity: 0;}
.scroll_up.on {transform: translateY(0);opacity: 1.0;}
.textred {color: red;}
.spacer-top0{margin-top: 0px!important;}
/*--------------------------------
ナビ
---------------------------------*/




/*--------------------------------
ヘッダー
---------------------------------*/
header {position: fixed;top:0;z-index: 10;background-color: #fff;box-shadow: 0 0 4px gray;width: 100%;}
.navicontact{background-color: #67991c;width: 50%;text-align: center;position: fixed;bottom: 0;left: 0;height: 50px;z-index: 3;}
.navicontact a {color: #fff;padding: 12px;display: block;}
.navicontact a:before{content: '';display: inline-block;width: 18px;height: 19px;background-image: url(../img/naviicon1.png); background-size: contain;background-repeat: no-repeat;margin-right: 8px;}
.navilogin{background-color:#007e32;width: 50%;text-align: center;position: fixed;bottom: 0;right: 0;height: 50px;z-index: 3;}
.navilogin a {color: #fff;padding: 12px;display: block;}
.navilogin a:before{content: '';display: inline-block;width: 13px;height: 14px;background-image: url(../img/naviicon2.png); background-size: contain;background-repeat: no-repeat;margin-right: 5px;}
.navimaypage {background-color:#007e32;width: 50%;text-align: center;position: fixed;bottom: 0;right: 0;height: 50px;z-index: 3;}
.navimaypage a {color: #fff;padding: 12px;display: block;}
.navimaypage a:before{content: '';display: inline-block;width: 13px;height: 14px;background-image: url(../img/naviicon3.png); background-size: contain;background-repeat: no-repeat;margin-right: 5px;}
.top-h1 {display: none;}
header {margin: 0 0 0 0;}
h1 {margin: 0 0 0 0;}
.globalMenuPc {display: none;}
.pc-slider {display: none;}
.underlayer-h1 img{width: 220px;margin: 10px auto 5px 5px;}
.navisp li a {color: #fff;padding: 10px;display: block;}
/*--------------------------------
フッター
---------------------------------*/
footer{color: #fff;background-color:#258300;}
footer a {color: #fff;}
small {color: #fff;text-align: center;display: block;background-color: black;padding: 12px 0 62px 0;font-size: 12px;}
.mapad {display: none;}
.mapp {display: block;width: 100px;position: absolute;top:100px;right: 20px;}
.footernavi{display: none;}
.topaccess{position: relative;margin-bottom: -10px;}
.footerlogo{margin: 0 30px;}
.footerlogo p {margin: 20px 30px;}
.footernavi-sns {text-align: center;padding: 40px 0 30px 0;}
.footernavi-sns img{height: 45px;margin: 0 15px;}
.footer-banner img{width: 80%;margin: 10px auto;height: auto!important;}
.footer-banner {margin-top: 30px;}
/*--------------------------------
共通
---------------------------------*/
.h2title {background-image: url(../img/h2title.png);background-repeat: no-repeat;background-position: top;background-size: auto 30px;text-align: center;margin-bottom: 40px;margin-top: 50px;}
.h2title img {height: 30px;margin-top: -10px;}
.h2title span {display: block;font-size: 14px;font-weight: normal;margin-top: -10px;}
.selectionfloor{margin: 20px;}
.selectionfloor .selectionfloorwrap{display: flex;justify-content: space-around;margin-bottom: 40px;}
.selectionfloor .selectionfloorwrap figure {width: 48%;overflow:hidden;transition:0.5s all;}
.selectionfloor .selectionfloorwrap p {width: 48%;}
.selectionfloor figcaption {text-align: center;color: #fff;background-color: black;opacity: 0.7;margin-top: -47px;padding: 5px 0;}
.selectionfloor .selectionfloorarea img:hover {transform:scale(1.2,1.2);transition:0.5s all;}
.sub-pagemv {margin-top: 46px;}
.sub-pagemv .pc {display: none;}
.sub-pagemv .sp {width: 100%;}
.sub-pagemv .text {width: 100%;position: absolute;top:40%;text-align: center;}
.sub-pagemv .text img {width: 70%;}
.sub-pagemv{position: relative;}
.mb120{margin-bottom: 120px;}
.mt80 {margin-top: 80px;}
.mb50{margin-bottom: 50px;}
.pager{display: flex; list-style-type: none; margin-bottom: 100px;margin-top: 100px;justify-content: center;}
.pager li{margin-right: 10px;display: block;}
.pager a{text-decoration: none;text-align: center; background: #fff; border: 1px solid #000;padding: 5px 10px;transition: 0.5s ;}
.pager .highlight{ background: #262626; color: #fff;}
.pager a:hover{background-color:#262626;border-color: #262626; color: #fff;}
.pager .highlight:hover{background-color: #fff;color: #000;}
.pagetop {position: fixed;bottom: 40px;right: 5px;width: 100px;}
/*--------------------------------
トップページ
---------------------------------*/
.scrolldown {display: none;}
.mv {position: relative;margin-bottom: 70px;margin-top: 46px;}
.mvtel {background-color: black;width: 90%;position: absolute;bottom: -135px;right: 0;padding: 10px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.mvteltitle {color: #fff;border: 1px solid #fff;padding: 3px 10px;text-align: center;width: 120px;font-size: 12px;}
.mvtelnumber a{color: #97ee50;font-family:'Shippori Mincho', serif;font-size: 20px;margin-left: 15px;}
.mvtime{color: #97ee50;font-family:'Shippori Mincho', serif;font-size: 16px;display: block;margin: 10px auto 3px 15px;}
.mvtel2 {background-color: black;width: 90%;position: absolute;bottom: -20px;right: 0;padding: 10px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.mvteltitle2 {color: #fff;border: 1px solid #fff;padding: 3px 10px;text-align: center;width: 120px;font-size: 12px;}
.mvtelnumber2 a{color: #97ee50;font-family:'Shippori Mincho', serif;font-size: 20px;margin-left: 15px;}
.mvtime2{color: #fff;font-size: 18px;display: block;margin: 10px auto 3px 15px;}
.mvtimetitle {color: #fff;border: 1px solid #fff;padding: 3px 10px;text-align: center;width: 120px;font-size: 12px;margin-top:10px ;}
.selectionconcept {margin: 10px 20px 80px 20px;}
.concepttitle {color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.conceptimg1 {width: 80%;margin: 50px 0 30px auto;position: relative;}
.conceptimg1 img {position: relative;}
.conceptimg1::before{content: '';display: inline-block;width: 150px;height: 150px;background-image: url(../img/conceptimg1-1.png); background-size: contain;background-repeat: no-repeat;position: absolute;top:-15px; left: -15px;}
.conceptimg2 {width: 80%;margin: 50px auto 30px 0;position: relative;}
.conceptimg2 img {position: relative;}
.conceptimg2::before{content: '';display: inline-block;width: 150px;height: 150px;background-image: url(../img/conceptimg2-1.png); background-size: contain;background-repeat: no-repeat;position: absolute;top:-15px; right: -15px;}
.reservetext {background-color:#f5f6f8;padding: 30px;}
.reservetitle{text-align: center;color: #258300;font-family:'Shippori Mincho', serif;font-size: 24px;}
.reserveoneday{background-image: url(../img/reserveoneday-bg.png);background-repeat: no-repeat;background-position: bottom;background-size: cover;padding: 30px;color: #fff;}
.reservecompany{background-image: url(../img/reservecompany-bg.png);background-repeat: no-repeat;background-position: bottom;background-size: cover;padding: 30px;color: #fff;}
.reserveoneday h3 {margin: 0 0 15px 0;color: black;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 24px;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;}
.reservecompany h3 {margin: 0 0 15px 0;color: black;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 24px;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;}
.reserveoneday a{margin: 0 0 15px 0;color: black;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 24px;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;font-weight: bold;}
.reservecompany a{margin: 0 0 15px 0;color: black;padding-bottom: 10px;border-bottom: 1px solid #fff;font-size: 24px;text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff;font-weight: bold;}
.selectionreserve{margin: 80px auto 120px auto;}
.info {margin: 10px 20px 80px 20px;}
.info .infoli {border-bottom: #999 1px solid;padding-bottom: 15px;margin-bottom: 10px;}
.info li a{margin-bottom: 20px;}
.info .infoimage {width: 100px;margin-right: 15px;overflow: hidden;height: 100px;}
.info .infoimage img {height: 100px;}
.info li a span {font-size: 12px; color: #999;}
.mvinfo {background-color: #000;color: #97ee50;font-family:'Shippori Mincho', serif;display: flex;padding: 5px;justify-content: center;}
.mvinfo a{color: #97ee50;text-decoration: none;}
.mvinfo .mvinfotel{font-size: 12px;}
.mvinfo .mvinfotel::before{content: '';display: inline-block;width: 15px;height: 10px;background-image: url(../img/mvtel1.svg);background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: -3px;margin-right: 5px;}
.mvinfo .mvinfotime{font-size: 12px;}
.mvinfo .mvinfotime::before{content: '';display: inline-block;width: 39px;height: 12px;background-image: url(../img/mvtel2.svg);background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
@media screen and (min-width: 400px) {
.mvinfo .mvinfotel{font-size: 14px;}
.mvinfo .mvinfotel::before{width: 23px;height: 15px;margin-top: -3px;margin-right: 5px;}
.mvinfo .mvinfotime{font-size: 14px;}
.mvinfo .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
}
@media screen and (min-width: 500px) {
.mvinfo .mvinfotel{font-size: 16px;}
.mvinfo .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 5px;}
.mvinfo .mvinfotime{font-size: 16px;}
.mvinfo .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
}


.mvinfo2 {background-color: #000;color: #97ee50;font-family:'Shippori Mincho', serif;display: flex;padding: 3px;justify-content: center;margin-top: -10px;}
.mvinfo2 a{color: #97ee50;text-decoration: none;}
.mvinfo2 .mvinfotel{font-size: 12px;}
.mvinfo2 .mvinfotel::before{content: '';display: inline-block;width: 15px;height: 10px;background-image: url(../img/mvtel1.svg);background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: -3px;margin-right: 5px;}
.mvinfo2 .mvinfotime{font-size: 12px;}
.mvinfo2 .mvinfotime::before{content: '';display: inline-block;width: 39px;height: 12px;background-image: url(../img/mvtel2.svg);background-size: contain;vertical-align: middle;background-repeat: no-repeat;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
@media screen and (min-width: 400px) {
.mvinfo2 .mvinfotel{font-size: 14px;}
.mvinfo2 .mvinfotel::before{width: 23px;height: 15px;margin-top: -3px;margin-right: 5px;}
.mvinfo2 .mvinfotime{font-size: 14px;}
.mvinfo2 .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
}
@media screen and (min-width: 500px) {
.mvinfo2 .mvinfotel{font-size: 16px;}
.mvinfo2 .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 5px;}
.mvinfo2 .mvinfotime{font-size: 16px;}
.mvinfo2 .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 10px;}
}
.mvbtn {width: 98%;margin: -60px auto 10px auto;display: table;box-sizing: border-box;}
.mvbtn div{max-width: 100%;display:table-cell;}

.mvbtn2{width: 98%;margin: -60px auto 10px auto;box-sizing: border-box;}
.mvbtn2 div {text-align: center;}
.mvbtn2 div img {width: 100%;}
/*--------------------------------
カレンダーセレクト
---------------------------------*/
.calenderselect{margin: 30px 20px;}
.selectroom {font-weight:bold;margin-top: 30px}
.selectday {margin: 30px 0 20px 0;}
.calenderselect dt {color: #fff;background-color: #258300;padding: 5px 10px;}
.calenderselect label{display: block;width: 95px;padding: 30px 0;}
.calenderselect dd {display: flex;flex-wrap: wrap;}
.calenderselect label input{margin-left: -10px;}
.selectalert {margin-top: 100px;}
.selectalert h2 {font-size: 16px; text-align: center;}
.alerttext{margin: 30px 20px 5px 20px;border: #262626 1px solid;padding: 20px;}
.alertagreement2 {text-align: center;border: #258300 2px solid;padding: 10px;margin: 5px 20px 20px 20px;}
.alertagreement {text-align: left;padding: 10px;margin: 5px 20px 20px 20px;color: #000;}
.alertagreement label{display: block;margin-bottom: 30px;display: flex;}
.pb80 a {text-decoration: underline;font-weight: bold; color: red;}
.reservetitle {color: #258300;text-align: center;font-family: 'Shippori Mincho', serif;font-size: 24px;letter-spacing: 2px;line-height: 180%;}
/*--------------------------------
カレンダーチェック
---------------------------------*/
.calendercheck{margin: 30px 20px;}
.calendercheck dl {border-bottom: #ccc 1px solid;padding: 20px;}
.calendercheck dt {font-weight: bold;margin-bottom: 15px;}
/*--------------------------------
マイページ　ログイン
---------------------------------*/
.mypagetitle{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.mypagetext {font-size: 16px;margin: auto 20px;text-align: center;}
.mypagebtnwrap {text-align: center;display: flex;width: 300px;margin: 30px auto;}
.mypagebtnwrap a{display: block;width: 130px;color: #fff;background-color: #258300;padding: 15px 0px;text-align: center;margin: 10px;border-bottom: #132e08 4px solid;}
.m-wrap {display: block;}
.m-wrap dd{margin-bottom: 15px;margin-left: 0px;}
.m-wrap dt {margin: 10px 0;}
.m-wrap .btnwrap{margin: -20px 0 10px 0;}
.mypagelist {margin: 30px 20px 100px 20px;}
.pointnaw {text-align: center;margin-top: 30px;font-size: 48px;font-weight: bold;color: #258300;}
.pointnaw span {font-size: 16px; color: #000;margin-right: 20px;}
.mypagelist dt {text-align: center;color: #fff;width: 200px;display: block;background: #258300;margin: 30px auto 10px auto;padding: 0;}
.mypagelist dt a {color: #fff;padding: 12px 0;display: block;width: 200px;}
.mypagelist dd {text-align: center;}
.mypagehistory {margin: 30px 20px 100px 20px;}
.mypageqr{text-align: center;margin: 30px 0 80px 0;}
.mypageqr a {display: block;width: 130px;color: #fff;background-color: #258300;padding: 8px 0px;text-align: center;margin: 10px;border-bottom: #132e08 4px solid;margin: 30px auto 20px auto;}
.mysearchdate {display:flex;width: 250px;margin: 30px auto;}
.mysearchdate {margin-top: 55px;}
.resultdate {padding: 40px 20px;background-color: #f5f6f8;}
.resultdate li {margin-bottom: 15px;}
.qrpage img {width: 200px;margin: 50px auto;display: block;}
.qrpage a {display: block;width: 130px;color: #fff;background-color: #258300;padding: 8px 0px;text-align: center;margin: 10px;border-bottom: #132e08 4px solid;margin: 30px auto 20px auto;}
.historybtn1 a{display: block;width: 100px;color: #fff;background-color: #258300;padding: 8px 0px;text-align: center;margin: 10px;border-bottom: #132e08 4px solid;margin: 30px auto 20px auto;}
.historybtn1 {display: flex;}
.historybtn2 a{display: block;width: 200px;color: #fff;background-color: #258300;padding: 8px 0px;text-align: center;margin: 10px;border-bottom: #132e08 4px solid;margin: 30px auto 20px auto;}
.mypagehistory1 {width: 300px; margin:30px auto 30px auto;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.mypagehistory1 dt {font-weight: bold;margin-top: 15px;}
.mypagestep-pc {display: none;}
.mypagestep-sp {text-align: center;}
.mypagestep-sp h4 {font-size: 24px;border-bottom:1px solid #262626;border-top:1px solid #262626;padding: 5px;margin: 25px 0;}
.mypagestep-sp img{width: 230px;}
/*--------------------------------
お知らせ
---------------------------------*/
.infodetail{margin: 40px 20px;}
.infodetail img {margin: 20px 0;}
.infodetail h2 {font-weight: normal;}
.infodetail h3 {font-weight: normal;}
.cat{background-color: #258300;color: #fff!important;padding: 3px;margin-left: 15px;}
.infolistgo {text-align: center;margin: 30px;}
.infolistgo a {padding: 10px; border: #132e08 1px solid;}
.infosearch {text-align: right;margin-bottom: 30px;}
/*--------------------------------
利用規約
---------------------------------*/
.policy{margin: 40px 20px 80px 20px;}
.policy ul{margin-left: 25px;}
.policy ul ul{margin-left: 40px;}
.policy li {list-style: disc;margin-bottom: 15px;}
.policy h3 {margin-top: 40px;}

/*--------------------------------
施設紹介
---------------------------------*/
.facility{margin: 40px 0 80px 0;}
.fsecondimg {display: flex;flex-wrap: wrap;}
.fsecondimg img {width: 50%;}
.fthird {width: 100%;margin: 0;padding: 0 0 10px 0;position: relative;top: 70px;margin-bottom: 180px;}
.fthird::before{content: '';position: absolute;top: 30px;bottom: 0;left: 0;right: 0;background-color: #f7f7f7;transform: skewY(-7deg);z-index: -1;}
.fthird .fthirdwrap{margin: 30px 20px 80px 20px;}
.fthird .fthirdwrap img {width: 50%;}
.fthird .fthirdimg1 {display: none;}
.fthird .fthirdimg2 {float: left;margin: 0 20px 10px 0;}
.fthirdtext{padding: 0 20px 20px 20px;}
.facilitytitle{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;letter-spacing:3px;}
.fmap {margin: 100px 20px 80px 20px;text-align: center;}
.fmap .fmaptext {margin-top: 10px;text-align: left;margin-bottom: 50px;margin-left: 30px;}
.fmap .fmaptext li {margin-bottom: 15px;}
.fmap .fmaptext li span {margin-left: 15px;font-size: 24px;font-weight: bold;background:linear-gradient(transparent 60%, #ff6 60%);}
.fmap a {display: block;width: 270px;color: #fff;margin: auto;background-color: #258300;padding: 15px 10px;}

.fmap2 {margin: 100px 20px 80px 20px;text-align: center;}
.fmap2 .fmaptext {margin-top: 10px;text-align: left;margin-bottom: 50px;margin-left: 30px;}
.fmap2 .fmaptext li {margin-bottom: 15px;}
.fmap2 .fmaptext li span {margin-left: 15px;font-size: 24px;font-weight: bold;background:linear-gradient(transparent 60%, #ff6 60%);}
.fmap2 a {display: block;width: 270px;color: #fff;margin: auto;background-color: #258300;padding: 15px 10px;}

.fplace {margin: -100px 20px 80px 20px;text-align: center;display: flex;flex-wrap: wrap;justify-content: space-between;}
.fplace figure {width: 48%;line-height: 120%;margin-bottom: 20px;}

.fitem {margin: 100px 20px 80px 20px;text-align: center;}
.fbtn {text-align: center;width: 280px;margin: 100px auto;}
.fbtn a{display: block;width: 280px;color: #fff;background-color: #258300;padding: 15px 0px;text-align: center;border-bottom: #132e08 4px solid;margin-bottom: 25px;font-size: 24px;font-weight: bold;}
.fitemicon{display: flex;flex-wrap: wrap;;justify-content: space-between;text-align: center;}
.fitemicon figure {width: 28%;margin-top: 50px;}
.fitemicon figure img {height: 50px;}
.fitemicon figure figcaption{font-size: 14px;}
.croomtitle{text-align: center;font-size: 20px;letter-spacing: 3px;margin-bottom: 5px;}
.croomitem .itemname{color: #fff;padding: 3px 5px;background-color: #262626;margin: 5px;border-radius: 5px;font-size: 15px;display: inline-block;text-align: center;}
.croomitem .itemspec{font-size: 12px;display: block;text-align: center;margin-top: -10px;}
.croomitem2x .itemname2x{color: #fff;padding: 3px 5px;background-color: #262626;margin:0 5px 10px 5px;border-radius: 5px;font-size: 15px;display: block;text-align: center;}
.croomitem2x .itemspec{font-size: 12px;display: block;text-align: center;margin-top: -10px;}
.croomitem2x{display: flex;flex-wrap: wrap;}
.croomitem2x .itemspec2x{line-height: 45px;}
.croomitem2{margin-top: -10px;}
.croomcapacity{margin-left: 10px;}
.croomcaution{font-size: 12px;margin-left: 10px;}
.croom img {width: 100%;}
.croom {margin-top: 100px;}
.floorabout{margin: 30px 20px 50px 20px;}
.flooraboutimg{display: flex;flex-wrap: wrap;}
.flooraboutimg img {width: 50%;}
.floorabout h3 {text-align: center;font-size: 24px;position: relative;margin-bottom: 50px;}
.floorabout h3::before {display: inline-block;position: absolute;content: '';bottom: -15px;left: 50%;width: 30px;height: 2px;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translate(-50%); background-color: #666666;}
.floorabout p {margin-top: 50px;}
.flooraboutbtn {text-align: center;margin-top: 50px;}
.flooraboutbtn a {display: block;width: 270px;color: #fff;margin: auto;background-color: #258300;padding: 15px 10px;}

.croomwrap3 .croomdetail {width: 100%;margin-bottom: 0;}
.croomwrap2 .croomdetail {width: 48%;margin: auto;}
.croomwrap4 .croomdetail {width: 100%;margin: auto;}
.itemname2{color: #fff;padding: 3px 5px;background-color: #262626;margin:-30px -15px;border-radius: 5px;font-size: 10px;display: inline-block;text-align: center;transform:scale(0.5);}
.conferenceroom-link {text-align: center; }
.conferenceroom-link a {width: 300px;height: 50px;line-height: 50px;color: #fff;background-color:#e9840c ;display: block;border-radius: 30px;margin: 0 auto;}
/*--------------------------------
運営会社
---------------------------------*/
.company{margin: 40px 20px 80px 20px;}
.company h3{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.company .greeting{margin-bottom: 50px;}
.company .greeting img{width: 100%;margin-top: 20px;}
.company .outline{margin-bottom: 50px;}
.company .outline dt {font-weight: bold;}
.company .outline dd {margin-bottom: 20px;}
/*--------------------------------
予約トップ
---------------------------------*/
.reserve {margin: 40px 20px 80px 20px;}
.reserve h3{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.reserve .reservewrap2 {margin-bottom: 100px;}
.reserve .reserveimg{width: 300px;display: block;position: relative;margin:10px auto 50px auto;}
.reserve .reserveimg::before {content: '';width: 300px;background-color: #262626;position: absolute;top:30px;left: 30px;display: block;height: 230px;z-index: -1;}
.reservetext3{margin: 50px 20px 30px 20px;}


.reserve-pickup{margin: 100px 0 80px 0;}
/*--------------------------------
料金案内
---------------------------------*/
.price{margin: 40px 0 80px 0;}
.price h3{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.price h4{font-size: 20px;padding: 5px;margin: 25px 0 5px 0;text-align: center;}
.price table{border-collapse:collapse;width: 100%;margin-bottom: 50px;}
.price th{border:solid 2px #767676;color: #fff;}
.price td{border:solid 2px #767676;text-align: center;padding: 5px;}
.price td span {display: block;font-size: 12px;color: #666666;margin-top: -10px;}
.price .gray{background-color: #f5f6f8;}
.price .green{background-color: #8bd146;}
.price .pink{background-color: #76b1d3;}
.price .service{text-align: center;margin-top: -40px;margin-bottom: 20px;}
.price .service span {color: red;font-size: 20px;font-weight: bold;margin-left: 10px;}
.price .usage{text-align: center;margin-top: -40px;margin-bottom: 80px;}
.price .pc{display: none;} 
.price .sp {text-align: center;width: 300px;margin:0 auto 30px auto;}
.price .card {text-align: center;}
.price .point{margin: 20px;}
.pricespace{margin-bottom: 80px;}
.pointtd1 {width: 20%;}
.pointtd2 {width: 30%;}
.pointintro td{font-size: 12px;}
.priceimg {text-align: center;margin: 20px;}
.priceimg img {width: 100%;}


.pricedetail h3{font-family: 'Noto Sans JP', sans-serif;color: #000;padding: 30px;border: #262626 3px solid;border-radius: 20px;margin: 20px;}
.pricedetail table {border: 0px!important; border-collapse: collapse!important;border-spacing: 0!important;}
.pricedetail td {border: 0px!important;padding: 0!important;margin: 0!important; border-spacing: 0!important;line-height: 0!important; border-collapse: collapse!important;border-spacing: 0!important;}
.pricedetail tr {border: 0px!important;padding: 0!important;margin: 0!important; border-spacing: 0!important;line-height: 0!important; border-collapse: collapse!important;border-spacing: 0!important;}
.pricedetail td img {padding: 0!important;margin: 0!important;line-height: 0!important;width: 100%;height: 100%;}


/*--------------------------------
駐車場
---------------------------------*/
.parking {margin: 40px 20px 80px 20px;}
.parking h3{color: #258300;text-align: center;font-family:'Shippori Mincho', serif;font-size: 24px;}
.parking h4{background-color: #258300;text-align: center;font-size: 20px;color: #fff;padding: 10px;margin-top: 100px;border-radius: 10px;}

/*--------------------------------
特商法
---------------------------------*/
.tokusyoho table{border-collapse:collapse;width: 100%;margin-bottom: 50px;}
.tokusyoho th {border:solid 1px #767676;color: #000;background-color: #ccc;font-weight: normal;padding: 10px 20px;white-space: nowrap;font-size: 12px;white-space: nowrap}
.tokusyoho td{border:solid 1px #767676;text-align: left;padding: 10px 20px;font-size: 14px;}


@media screen and (min-width: 600px) {
/*--------------------------------
フッター600
---------------------------------*/
.footercontent{display: flex;flex-direction: row-reverse;width: 599px;margin: auto;}
.footerlogo img{width: 300px;}
.footerlogo {margin: 30px 0 0 0;width: 349px;}
.footerlogo p {margin-left: 0;}
.footernavi-sns img {height: 30px;}
.footernavi-sns {width: 250px;}
.mapp {width: 120px;top:150px;right: 50px;}
/*--------------------------------
ヘッダー600
---------------------------------*/

/*--------------------------------
共通600
---------------------------------*/
.h2title {background-size: auto 40px;margin-top: 100px;}
.h2title img {height: 50px;}
.sub-pagemv .pc {display: block;width: 100%;}
.sub-pagemv .sp {display: none;}
.sub-pagemv .text img {height: 40px;width: auto;}
.pager {width: 400px;margin: 100px auto;}
.sub-pagemv {margin-top: 46px;}
/*--------------------------------
カレンダーセレクト600
---------------------------------*/
.alerttext{width: 599px;margin: 15px auto 5px auto;}
.alertagreement {width: 590px;margin: 20px auto 20px auto;}
.selectalert h2{margin: 50px auto 10px auto;}
/*--------------------------------
カレンダーチェック600
---------------------------------*/
.calendercheck{width: 599px;margin: 30px auto;}
.calendercheck dl {display: flex;}
.calendercheck dt {width: 150px;}
.calendercheck dd {width: 440px;text-align: center;display: block;}

/*--------------------------------
トップ600
---------------------------------*/
.pc-slider{display: block;margin-left: 100px;}
.sp-slider{display: none;}
.mv {position: relative;}
.scrolldown{position:absolute;bottom:10px;left: 50px;animation: arrowmove 1s ease-in-out infinite;display: block;}
@keyframes arrowmove{0%{bottom:1%;}50%{bottom:3%;}100%{bottom:1%;}}
.scrolldown span{position: absolute;left:-20px;bottom:70px;color: #258300;font-size: 14px;transform:rotate(-90deg);width: 38px;}
.scrolldown:before {content: "";position: absolute;bottom: 0;right: -6px;width: 1px;height: 20px;background: #258300;transform: skewX(-31deg);}
.scrolldown:after{content:"";position: absolute;bottom:0;right:0;width:1px;height: 50px;background:#258300;}
.mvtel {width: 350px;position: absolute;bottom: -30px;padding: 15px;}
.mvtelnumber a{font-size: 26px;margin-left: 20px;}
.mv {margin-bottom: 120px;}
.mvtel2 {width: 350px;position: absolute;bottom: -10px;padding: 15px;}
.mvtelnumber2 a{font-size: 26px;margin-left: 20px;}
.mv2 {margin-bottom: 120px;}
.concepttext1 {width: 250px;position: absolute;top:30px;right: 0;}
.conceptimg1 {width: 280px;position: absolute;top:0;left: 0;}
.concept1 {width: 550px;margin: auto;position: relative;height: 450px;}
.concepttext2 {width: 250px;position: absolute;top:30px;left: 0;}
.conceptimg2 {width: 280px;position: absolute;top:0;right: 0;}
.concept2 {width: 550px;margin: auto;position: relative;height: 450px;}
.reservewrap {display: flex;}
.reservetext {width: 40%;}
.reservetopbtn{width: 60%;}
.info {margin: 10px auto 100px auto;width: 599px;}

.info .infoimage {width: 110px;margin-right: 0;height: 110px;}
.info .infoimage img {height: 110px;}
.info ul{margin-top: 50px;}
.info .infoimage img:hover {transform:scale(1.2,1.2);transition:0.5s all;}

.mvinfo .mvinfotel{font-size: 18px;}
.mvinfo .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 5px;}
.mvinfo .mvinfotime{font-size: 18px;}
.mvinfo .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 15px;}
.mvinfo {width: 500px;position: absolute;bottom: -35px;right: 0;padding: 10px;}


.mvinfo2 .mvinfotel{font-size: 18px;}
.mvinfo2 .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 5px;}
.mvinfo2 .mvinfotime{font-size: 18px;}
.mvinfo2 .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 5px;margin-left: 15px;}
.mvinfo2 {width: 500px;position: absolute;bottom: -35px;right: 0;padding: 10px;}
/*--------------------------------
マイページ　ログイン600
---------------------------------*/
.mypagetext {width: 500px;margin: auto;}
.mypagehistory {width: 599px;margin: 30px auto 100px auto;}
.mypageqr {display: flex;width: 330px;margin: 30px auto 80px auto;}
.mypageqr a {margin: -8px 0 0 20px;}
.mysearch{width: 400px;display: flex;margin: auto;}
.resultdate li{width: 200px;margin: auto;}
.mypagehistory1 dl {display: flex;width: 400px;flex-wrap: wrap;}
.mypagehistory1 dt {width: 100px;margin: 0;}
.mypagehistory1 dd {width: 300px;}
.mypagehistory1 {width: 400px;}
.mypagestep-sp {display: none;}
.mypagestep-pc {display: block;text-align: center;}
.mypagestep-pc img {height: 220px;margin-bottom: 50px;}
.mypagestep-pc h4{font-size: 24px;border-bottom:1px solid #262626;border-top:1px solid #262626;padding: 5px;margin: 25px auto;text-align: center;width: 500px;}
/*--------------------------------
お知らせ600
---------------------------------*/
.infodetail{margin: 40px auto;width: 599px;}



/*--------------------------------
利用規約600
---------------------------------*/
.policy {width: 599px;margin: auto;}

/*--------------------------------
施設紹介600
---------------------------------*/
.fmap img {width: 500px;}
.fmap .fmaptext {width: 500px;margin: 10px auto 50px auto;}
.fmap2 img {width: 500px;}
.fmap2 .fmaptext {width: 500px;margin: 10px auto 50px auto;}
.fitemicon{width: 500px;margin: auto;}
.croomwrap {display: flex; justify-content: space-between;}
.croomwrap .croomdetail {width: 48%;}
.croomwrap2 {display: flex; justify-content: center;}
.croomwrap2 .croomdetail {width: 48%;}
.croomwrap4 .croomdetail {width: 48%;margin: auto;}
.croomwrap5 {display: flex; justify-content: space-between;}
.croomwrap5 .croomdetail {width: 30%;}
.croomtitle{margin-top: 0;}
.floorabout p {width: 590px; margin: 50px auto;}
.fthird .fthirdwrap{margin: 30px 20px 80px 20px;display: flex;align-items: flex-start;}
.fthird .fthirdwrap img {width: 50%;}
.fthird .fthirdimg1 {display: block;}
.fthird .fthirdimg2 {display: none;}
.itemname2{color: #fff;padding: 3px 5px;background-color: #262626;margin: 5px;border-radius: 5px;font-size: 12px;display: inline-block;text-align: center;transform:scale(1);}
/*--------------------------------
運営会社600
---------------------------------*/
.company{margin: 80px auto 80px auto;width: 550px;}
.company .outline dl{display: flex;flex-wrap: wrap;width: 380px;margin: auto;}
.company .outline dt {width: 100px;margin-bottom: 20px;}
.company .outline dd {margin-bottom: 20px;width: 280px;}
.company .inquiry p{width: 280px;margin: 40px auto 80px auto;}
.company .greeting img{width: 400px;margin: 20px auto;display: block;}

/*--------------------------------
予約トップ600
---------------------------------*/
.reserve{margin:50px 20px 80px 20px;}
.reserve .reserveimg{width: 500px;margin:10px auto 80px auto;}
.reserve .reserveimg::before {width: 500px;top:30px;left: 30px;height: 390px;}
.reserve .reservewrap2 p{margin: 40px auto 30px auto;width: 550px;}
.reservetext3{margin: 50px auto 30px auto;width: 550px;}

.reserve-pickup{display: flex;width: 599px;margin:100px auto 80px auto;justify-content: space-between;}
.reserve-pickup img {width: 48%;}
/*--------------------------------
駐車場600
---------------------------------*/
.parking{margin: 40px auto 80px auto;width: 550px;}

/*--------------------------------
料金案内600
---------------------------------*/
.price table{width: 599px;margin: auto;}
.price td br {display: none;}
.price .service{margin-top: 10px;margin-bottom: 20px;}
.price .usage{margin-top: 10px;margin-bottom: 80px;}
.price th {width: 33.3%;}
.price .point{width: 500px;margin: auto;}
.price .pc{width: 500px;margin:0 auto 30px auto;display: block;} 
.price .sp {display: none;}
.pointintro td{font-size: 16px;}



.croomwrap3 {display: flex; justify-content: space-between;flex-wrap: wrap;width: 599px;margin: auto;}
.croomwrap3 .croomdetail {width: 48%;margin-bottom: 0;margin-bottom: 100px;}


/*--------------------------------
特商法600
---------------------------------*/

.tokusyoho th {font-size: 14px;}
.tokusyoho td {font-size: 16px;}


}


@media screen and (min-width: 1001px) {
/*--------------------------------
ヘッダー1000
---------------------------------*/
.navicontact{position: absolute;top: 0;height: 50px;width: 180px;right: 180px;left: auto;}
.navilogin{position: absolute;top: 0;height: 50px;width: 180px;right: 0;left: auto;}
.navimaypage{position: absolute;top: 0;height: 50px;width: 180px;right: 0;left: auto;}
header {height: 50px;display: flex;}
.globalMenuPc {display: block;position: absolute;right: 380px;top:10px;z-index: 4;}
.globalMenuPc ul {display: flex;}
.globalMenuPc li a {color: #258300;padding: 10px;}
.underlayer-h1 img{width: 200px;margin: 15px 10px 12px 10px;}
header{position: relative;}
.navisp {display: none;}
/*--------------------------------
フッター1000
---------------------------------*/
.mapad {background-color: black;color: #fff;display: block;width: 280px;padding: 30px 20px;position: absolute;top:130px;right: 20px;}
.mapad img {width: 200px;margin: 0 40px;}
.mapad a {color: #fff;}
.mapp {width: 150px;top:380px;right: 350px;}
.footercontent {width: 999px;}
.footerlogo {width: 300px;}
.footerlogo img{width: 300px;}
.footernavi-sns {width: 669px;padding-top: 25px;text-align: left;padding-left: 30px;}
.footernavi {display: block;font-size: 14px;}
.footernavi-sns img {height: 50px;margin-top: 30px;}

.footer-banner img{width: 200px;margin: 10px 30px 10px 0;height: auto!important;}
.footer-banner {margin-top: 30px;display: flex;}

/*--------------------------------
共通1000
---------------------------------*/
.selectionfloor{width: 999px;margin:20px auto 100px auto;}
.selectionfloorarea{display: flex;align-items: flex-start;}
.selectionfloor .selectionfloorwrap{display: block;margin: 10px;width: 310px;}
.selectionfloor .selectionfloorwrap figure {width: 100%;}
.selectionfloor .selectionfloorwrap p {width: auto;padding: 15px;}
.sub-pagemv .text img {height: 70px;width: auto;}
.sub-pagemv {margin-top: 0;}
.pagetop {bottom: -10px;}
.h2title {margin-top: 120px;}
/*--------------------------------
カレンダーセレクト1000
---------------------------------*/
.calenderselect{margin: 30px auto;width: 999px;}
.calenderselectwrap {display: flex;}
.selectroom{width: 130px;}
.selectday{width: 150px;}
.selecttime{width: 690px;margin-top: 27px;}
.calenderselect dt{display: block;width: 130px;text-align: center;}

/*--------------------------------
トップページ1000
---------------------------------*/
.mvtel {width: 600px;padding: 20px;}
.mvtelnumber a{font-size: 32px;margin-left: 25px;}
.mvteltitle {margin-top: 5px;margin-left: 30px;}
.mvtime{margin: 3px 0 0 20px;}
.mvtel2 {width: 600px;padding: 20px;}
.mvtelnumber2 a{font-size: 32px;margin-left: 25px;}
.mvteltitle2 {margin-top: 5px;margin-left: 30px;}
.mvtime2{margin: 0 0 0 20px;}
.concept1 {width: 999px;height: 500px;}
.concepttext1 {width: 400px;}
.conceptimg1 {width: 550px;}
.concepttext2 {width: 400px;}
.conceptimg2 {width: 550px;}
.concept2 {width: 999px;height: 500px;}
.info {width: 700px;margin-bottom: 120px;}

.info .infoimage {width: 190px;height: 190px;}
.info .infoimage img {height: 190px;}
.info li br {display: none;}
.cat {margin-right: 20px;}
.mv {margin-top: 0;}
.mvinfo .mvinfotel{font-size: 32px;}
.mvinfo .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 10px;}
.mvinfo .mvinfotime{font-size: 32px;}
.mvinfo .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 10px;margin-left: 25px;}
.mvinfo {width: 800px;}

.mvinfo2 .mvinfotel{font-size: 28px;}
.mvinfo2 .mvinfotel::before{width: 31px;height: 20px;margin-top: -3px;margin-right: 10px;}
.mvinfo2 .mvinfotime{font-size: 28px;}
.mvinfo2 .mvinfotime::before{width: 65px;height: 20px;margin-top: -3px;margin-right: 10px;margin-left: 25px;}
.mvinfo2 {width: 800px;bottom: -45px;}

.mvbtn {width: 680px;margin: -60px auto -60px auto;}
.mvbtn img {height: 100px;width: auto;}

.mvbtn2 {display: flex;margin: -60px auto -60px auto;}
/*--------------------------------
マイページ　ログイン1000
---------------------------------*/
.mypagetext {width: 700px;margin: auto;}
.m-wrap {width: 500px;margin: 0 auto;}
.m-wrap dl {display:flex;flex-wrap: wrap;width: 500px;}
.m-wrap dt{width: 100px!important;margin: 0;}
.m-wrap dd{width: 400px;margin: 15px 0;}
.m-wrap .btnwrap{margin: -50px 0 10px 0;}
.mypagelist dl {width: 700px; margin: 30px auto;display: flex;flex-wrap: wrap;}
.mypagelist dd{width: 460px;text-align: left;padding: 20px 0px 0px 20px;}
.mypagelist dt {margin: 10px auto 10px auto;}
.qrpage {width: 600px;margin: auto;}
.qrpage img {text-align: center;width: 100%;}
.mypagehistory1 dl {width: 400px;}
.mypagehistory1 dt {width: 100px;margin: 0;}
.mypagehistory1 dd {width: 300px;}
.mypagehistory1 {width: 700px;display: flex;}
.historybtn1 {display: flex;width: 300px;}
.mypagestep-pc img {height: 300px;}


/*--------------------------------
お知らせ1000
---------------------------------*/
.infodetail{margin: 40px auto;width: 800px;}
/*--------------------------------
利用規約1000
---------------------------------*/
.policy {width: 850px;margin: auto;}


/*--------------------------------
施設紹介1000
---------------------------------*/
.facility{width: 100%;margin: auto;}
.fsecondimg img {width: 25%;}
.fthird .fthirdwrap{margin: 30px auto 80px auto;width: 800px;}
.fthird .fthirdwrap img {width: 60%;}
.fthirdtext{padding: 0 20px 20px 20px;}
.fmap img {width: 680px;}
.fmap .fmapwrap{display: flex;width: 999px;margin: 20px auto 50px auto;}
.fmap .fmaptext {margin-top: 100px;}
.fmap2 img {width: 680px;}
.fmap2 .fmapwrap{display: flex;width: 999px;margin: 20px auto 50px auto;}
.fmap2 .fmaptext {margin-top: 100px;}
.fplace figure {width: 30%;}
.fbtn{display: flex;width: 700px;justify-content: space-between;}
.fbtn a {width: 320px;}
.fitemicon{width: 800px;margin: auto;}
.croomwrap {width: 999px;margin: auto;}
.croomwrap .croomdetail {width: 48%;}
.croomwrap2 {width: 999px;margin: auto;}
.croomwrap2 .croomdetail {width: 48%;}
.croomwrap3 {display: flex; justify-content: space-between;flex-wrap: wrap;width: 999px;margin: auto;}
.croomwrap3 .croomdetail {width: 48%;margin-bottom: 0;margin-bottom: 100px;}

.croomwrap5 {width: 999px;margin: auto;}
.croomwrap5 .croomdetail {width: 30%;}
.flooraboutimg{display: flex;flex-wrap: wrap;}
.flooraboutimg img {width: 25%;}
.floorabout h3 {margin-top: 70px;}
.floorabout p {width: 800px;}
.croomcaution{font-size: 16px;}
.itemname2{margin: 5px;font-size: 15px;}

.croomwrap2 {width: 999px;margin: auto;}
.croomwrap2 .croomdetail {width: 48%;}
.croomwrap4 {width: 999px;margin: auto;}
.croomwrap4 .croomdetail {width: 48%;}

/*--------------------------------
運営会社1000
---------------------------------*/
.company{width: 900px;margin-top: 100px;}
.company .greeting{width: 800px;margin: 0 auto 80px auto;}
.company .outline dl{display: flex;flex-wrap: wrap;width: 380px;margin: auto;}
.company .outline dt {width: 100px;margin-bottom: 20px;}
.company .outline dd {margin-bottom: 20px;width: 280px;}
.company .outlinewrap {display: flex;align-items: flex-start;}
.company .outline img {width: 400px;}
.company .greeting img{width: 300px;margin: 0px 40px 20px 0;display: block;}
.company .greetingwrap {display: flex;flex-flow: row-reverse;align-items: flex-start;}
.company .inquiry {margin-top: 80px;}
/*--------------------------------
予約トップ1000
---------------------------------*/
.reserve{margin:75px 20px 80px 20px;}
.reserve .reservewrap2 {position: relative;width: 999px;margin: 10px auto 620px auto;}
.reserve .reserveimg{position: absolute;top:50px;left: 0;}
.reserve .reserveimg::before {width: 800px;top:50px;left: 30px;height: 390px;}
.reserve .reservewrap2 p{margin: 20px auto 30px auto;width: 380px;}
.reserve .reservetext2{position: absolute;top:150px;right: 0;z-index: 0;background-color: #fff;padding: 30px;width: 380px;}
.reservetext3{width: 750px;}
.reserve-pickup{width: 999px;}
/*--------------------------------
駐車場1000
---------------------------------*/
.parking{width: 800px;}
/*--------------------------------
料金案内1000
---------------------------------*/
.price table{width: 800px;}
.price .point{width: 700px;}
.pricespace{margin-bottom: 100px;}





}


@media screen and (min-width: 1280px) {
/*--------------------------------
フッター1200
---------------------------------*/
.footercontent {width: 1200px;}
.footerlogo {width: 380px;}
.footerlogo img{width: 380px;}
.footernavi {font-size: 16px;}
.footernavi-sns{width: 820px;margin-left: 20px;padding-top: 40px;}

/*--------------------------------
共通1200
---------------------------------*/
.selectionfloor{width: 1200px;}
.selectionfloor .selectionfloorwrap{width: 390px;}
.underlayer-h1 img{width: 350px;margin: 2px 10px 12px 40px;}
/*--------------------------------
トップ1200
---------------------------------*/
.mvtel {width: 800px;}
.mvteltitle {margin-left: 100px;}
.mvtel2 {width: 800px;}
.mvteltitle2 {margin-left: 100px;}
.concept1 {width: 1150px;height: 500px;}
.concepttext1 {width: 500px;}
.conceptimg1 {width: 550px;top:0;left: 50px;}
.conceptimg1::before{width: 300px;height: 300px;top:-30px; left: -30px;}
.concepttext2 {width: 500px;}
.conceptimg2 {width: 550px;top:0;right: 50px;}
.concept2 {width: 1150px;height: 500px;}
.conceptimg2::before{width: 300px;height: 300px;top:-30px; right: -30px;}
.reservetext {padding: 80px;}
.reserveoneday {padding: 80px;}
.reservecompany {padding: 80px;}
.mvinfo {width: 850px;bottom: -55px;padding: 15px;}

.mvbtn {width: 810px;margin: -30px auto -60px auto;}
.mvbtn img {height: 120px;width: auto;}
.mvbtn2 {width: 1100px;margin: -30px auto -60px auto;}


/*--------------------------------
施設紹介1200
---------------------------------*/
.fplace {width: 1199px; margin: auto;}




}

@media screen and (min-width: 1500px) {
.mvbtn2 {width: 1400px;margin: -10px auto -60px auto;}
.mvbtn2 div{margin: 0 10px;}
.croomwrap5 {width: 1300px;margin: auto;}
.croomwrap5 .croomdetail {width: 30%;}

.fmap2 img {width: 780px;}
.fmap2 .fmapwrap{display: flex;width: 1330px;margin: 20px auto 50px auto;}
.fmap2 .fmaptext {margin-top: 100px;}


.footercontent {width: 1499px;}
.footersns{width: 300px;}
.footer-banner{width: 700px;margin-top: 0;}
.footer-banner img {width: 336px;}
.footernavi-sns img{height: 50px;margin: 30px 10px 0 0;}
.footer-sns-banner{display: flex;}
.footernavi-sns{width: 1100px;}
}

.photo-title{width: 100%;}
.photo-title img{width: 100%;}
@media screen and (min-width: 1000px) {
.photo-title{width: 799px;margin: 0 auto;}
}



.input-error {animation: blinking 0.5s ease-in-out infinite alternate;color:red;display: block;font-weight: bold;font-size: 18px;}
@keyframes blinking {0% {opacity: 0;}100% {opacity: 1;}}