* {margin:0; padding:0; color:#000000; font-size:100%; line-height: 1.3em; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN' , Meiryo, sans-serif;}
body{margin:0; padding:0; text-align:center; position: relative; color:#000000; font-size:14px; -webkit-text-size-adjust: 100%;}

p{text-align:left; font-size:14px; margin:0 0 15px 0; line-height:1.8em;}
img { -ms-interpolation-mode: bicubic; border:none; margin:0; padding:0;}
a{text-decoration:none; color:#036eb8; font-weight:bold; outline:none;}
a img {-webkit-transition: opacity 0.5s ease-out;-moz-transition: opacity 0.5s ease-out;-ms-transition: opacity 0.5s ease-out;transition: opacity 0.5s ease-out;}
a:hover{}
a:hover img {opacity: .5;-webkit-opacity: .5;-moz-opacity: .5;filter: alpha(opacity=50);-ms-filter: "alpha(opacity=50)";}
hr{ clear:both; margin:0; padding:0; visibility:hidden; height:0px; border:none;}
h1{
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin: 0px 0;
}
h2{ margin:0 0 15px 0;}
strong{color:#e32d2d;}

.order_grid_wrap{
    display: grid;
    grid-template-columns: minmax(0,1fr);
    width: 100%;
}
.order_grid_wrap .order1{
    order: 1;
}
.order_grid_wrap .order2{
    order: 2;
}
.order_grid_wrap .order3{
    order: 3;
}
.order_grid_wrap .order4{
    order: 4;
}
.order_grid_wrap .order5{
    order: 5;
}
.order_grid_wrap .order6{
    order: 6;
}
.order_grid_wrap .order7{
    order: 7;
}
.order_grid_wrap .order8{
    order: 8;
}
.order_grid_wrap .order9{
    order: 9;
}
.order_grid_wrap .order10{
    order: 10;
}
.order_grid_wrap .order11{
    order: 11;
}
.order_grid_wrap .order12{
    order: 12;
}
.order_grid_wrap .order13{
    order: 13;
}

@media screen and (min-width: 768px){
    .pickup .box{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pickup .box.reverse{
        flex-direction: row-reverse;
    }
    .pickup .box > *{
        float: inherit!important;
    }   
}






.plan_form{
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width: 300px;
}
.plan_form .guests{
	width: 300px;
}
.plan_form .type{
	width: 300px;
}
.plan_form .price{
	width: 300px;
}
.plan_form .search_btn{
	text-align:center;
	margin:10px 0 0 0;
}
.plan_form hr{
	border-top: solid 1px #B7B7B7;
	margin:5px 0 5px 0;
}
.ui-datepicker {
    font-size: 70%;/*カレンダーサイズ　適時調整してください*/
}

.flex{display:flex; flex-wrap: wrap; justify-content:space-between;}

.w1100{width:1300px; margin:0 auto;}

/*メインメニュー*/
#sidebar{}

#menu_wrap{width:360px; padding:0 0 50px 0; min-height:1300px;  float: right; background:#fff; position: relative;}
#menu_box{overflow:auto;}
#menu{margin:0 auto 40px auto; padding:0 60px;}

#sp_menu{display: none;}

#menu ul{text-align: left;}
#menu li{width:auto; margin:0 0 12px 0;  list-style:none; text-align:left}

#sub_menu{display: flex;  flex-wrap: wrap; justify-content:center;  width:250px; margin:0 auto 40px auto;}
#sub_menu .btn{padding:0 10px; margin:0 0 10px 0; text-align: center;}

#menu_box .search{margin:0 0 40px 0;}
#menu_box .banner{margin:0 0 40px 0;}
#menu_box .info{margin:0 0 40px 0;}
#menu_box .info p{text-align: center; color:#172a88;}
#menu_box .tel p{margin:0 0 5px 0;}

.bgr_menu{position: fixed; top:0; right:0; z-index:1000;}
.search_menu{position: fixed; top:0; right:0; z-index:100;}
.close_btn{position:absolute; top:8px; left:-40px; z-index:1000; cursor: pointer;}
.menu_btn{background-color: transparent; border: none; cursor: pointer; padding:10px; outline:none;}
.menu_logo{margin:40px 0;}


/*ヘッダー*/

#header_wrap{}
#header{margin:0 auto; position: relative; width:100%; overflow: hidden;}
#header .head{width:100%; position:absolute; top: 45%;  transform: translateY(-50%); }
#header .head img{}
#header video{object-fit: cover; height:auto}
#header_bg{height:50vh;}

.header_cuisine{background: url(../img/cuisine_header_img.jpg) no-repeat; background-size: cover;}
.header_rooms{background: url(../img/rooms_header_img.jpg) no-repeat; background-size: cover;}
.header_active{background: url(../img/active_header_img.jpg) no-repeat; background-size: cover;}
.header_pet{background: url(../img/pet_header_img.jpg) no-repeat; background-size: cover;}
.header_location{background: url(../img/location_header_img.jpg) no-repeat; background-size: cover;}
.header_cafe{background: url(../img/cafe_header_img.jpg) no-repeat; background-size: cover;}
.header_charge{background: url(../img/charge_header_img.jpg) no-repeat; background-size: cover;}
.header_recruit{background: url(../img/recruit_header_img.jpg) no-repeat; background-size: cover;}
.header_info{background: url(../img/info_header_img.jpg) no-repeat; background-size: cover;}
.header_access{background: url(../img/access_header_img.jpg) no-repeat; background-size: cover;}


#header #wave{position:absolute; bottom:0; margin:0 0 -12px 0;}
.header_banner{width:70px; position: fixed; left:0; top:20px; z-index: 9999}

/*フッター*/

#footer_wrap{background: url(../img/footer_bg.jpg) no-repeat; background-size: cover; min-width: 1300px;}
#footer{width:1300px; margin:0 auto; padding:30px 0 0 0; }
#footer .submenu a{margin:0 10px 0 0; padding:0 0 0 0; color: #fff;}
#footer img{margin:10px 0 0 0;}
#footer p{text-align:center; color:#fff;}
#footer .name{ text-align:right; font-size:16px; margin:0 0 5px 0; color:#000;}
#footer .left{float:left; width:380px; padding: 20px 0 0 0;}
#footer .right{float:right; width:400px; padding:30px 0 0 0; display: flex; flex-wrap: wrap; justify-content:center} 
#footer .right a{color:#fff; font-weight: normal; font-size: 13px;}
#footer .right ul {text-align: left; list-style: none; padding:0; margin:0;}
#footer .right li {padding-left: 2em;  text-indent: -.7em; margin:0 0 15px 0;}
#footer .right li:before {content: "• "; color:#fff;}
#footer .right .box1{width:auto; margin:0 40px 0 0;}
#footer .right .box2{width:auto;}
#footer .copy{margin:20px 0; padding:0 0 20px 0;}
#footer .copy p{margin:0 0 2px 0; padding: 0; font-size:10px; text-align: right;}
#footer .copy p a img{margin:0;}

.footer_plan{margin:0 auto 40px auto; width:850px ;}


/*ベース*/

.wrapper{min-width:1300px;}
.main_contents{width:1300px; margin:0 auto 0 auto;}

#main_img{ text-align:center; background:#FFFFFF;}

#main_contents_left{float:left; margin:0 0 0 0; width:240px; text-align:left;}
#main_contents_right{float:right; margin:0 0 0 0; width:800px; text-align:left;}

#contents_border{width:910px; margin:40px auto 40px auto; border-top: #993300 1px dashed;}
#contents_border2{width:910px; margin:20px auto 20px auto; border-top: #993300 1px dashed;}


/* コンテンツ */

.contents_bg01{background:#2ea7e0 url(../img/header_bg_bottom.jpg) no-repeat bottom center;}
.contents_bg02{background:#fff url(../img/cuisine_bg01.jpg) no-repeat bottom center; background-size:cover;}
.contents_bg_room_type01{background:url(../img/rooms_bg01.jpg) no-repeat center center; background-size:cover;}
.contents_bg_room_type02{background:url(../img/rooms_bg02.jpg) no-repeat center center; background-size:cover;}
.contents_bg03{background:url(../img/active_img01.png) no-repeat center left 15%,url(../img/active_img02.png) no-repeat center right 15%;}
.contents_bg04{background:url(../img/pet_img01.png) no-repeat bottom left 15%,url(../img/pet_img02.png) no-repeat bottom right 15%;}
.contents_bg05{background:url(../img/cafe_img01.png) no-repeat bottom right 15%}


.contents_01{margin:0 0 0 0;padding:50px 0; height:450px; position:relative;}
.contents_01 h2{color:#fff; font-size:26px; font-weight: normal; margin:0 0 20px 0;}
.contents_01 h3{color:#fff; font-size:21px; font-weight: normal; margin:0 0 20px 0;}

.contents_01 p{color:#fff; text-align: center; line-height:2em;}
.contents_01 .img01{
	position: absolute;
	left: 170px;
	top: 73px;
}
.contents_01 .img02{
	position: absolute;
	left: -108px;
	top: 160px;
}
.contents_01 .img03{
	position: absolute;
	left: -13px;
	top: 205px;
}
.contents_01 .img04{
	position: absolute;
	left: -37px;
	top: 354px;
}
.contents_01 .img05{
	position: absolute;
	left: 107px;
	top: 359px;
}
.contents_01 .img06{
	position: absolute;
	left: 1160px;
	top: 86px;
}
.contents_01 .img07{
	position: absolute;
	left: 1111px;
	top: 141px;
}
.contents_01 .img08{
	position: absolute;
	left: 1020px;
	top: 157px;
}
.contents_01 .img09{
	position: absolute;
	left: 1043px;
	top: 298px;
}

.contents_01-2{margin:0 0 60px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-2 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-2 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-2 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-2 .icon{text-align: center;}
.contents_01-2 .course_box{display: flex; flex-wrap: wrap; justify-content:space-around; margin:50px 0 0 0;}
.contents_01-2 .course_box img{display: block; margin:0 auto;}
.contents_01-2 .course_box .box{width:250px; padding:50px 0; margin:0 0 20px 0;}
.contents_01-2 .course_box .box1{background:url(../img/course_banner_bg01.jpg) no-repeat center center; background-size:cover;}
.contents_01-2 .course_box .box2{background:url(../img/course_banner_bg02.jpg) no-repeat center center; background-size:cover;}
.contents_01-2 .course_box .box3{background:url(../img/course_banner_bg03.jpg) no-repeat center center; background-size:cover;}
.contents_01-2 .course_box .box4{background:url(../img/course_banner_bg04.jpg) no-repeat center center; background-size:cover;}
.contents_01-2 .course_box .box5{background:url(../img/course_banner_bg05.jpg) no-repeat center center; background-size:cover;}

.contents_01-3{margin:0 0 60px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-3 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-3 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-3 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-3 .icon{text-align: center;}

.contents_01-4{margin:0 0 60px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-4 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-4 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-4 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-4 .icon{text-align: center;}

.contents_01-5{margin:0 0 60px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-5 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-5 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-5 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-5 .icon{text-align: center;}

.contents_01-6{margin:0 0 40px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-6 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-6 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-6 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-6 .icon{text-align: center;}

.contents_02{margin:0 0 0 0; padding:50px 0 50px 0; background: url(../img/index_bg01.jpg) no-repeat;}
.contents_02 .box{width:1300px; margin:0 auto;}
.contents_02 .left{float:left; width:740px;}
.contents_02 .right{float:right; width:520px; padding:40px 0 0 0;} 
.contents_02 h3{margin:0 0 30px 0;}
.contents_02 p{padding:0 0 0 0; margin:0 0 0 0; text-align: center;}
.contents_02 .thumb{margin:40px 0 0 0;}
.contents_02 .btn{margin:20px 0 0 0;}

.contents_03{margin:0 0 0 0; padding:50px 0 50px 0; background: url(../img/index_bg02.jpg) no-repeat;}
.contents_03 .box{width:1300px; margin:0 auto;}
.contents_03 .left{float:left; width:520px; padding:40px 0 0 0;}
.contents_03 .right{float:right; width:740px;} contents_
.contents_03 h3{margin:0 0 30px 0;}
.contents_03 p{padding:0 0 0 0; margin:0 0 0 0; text-align: center;}
.contents_03 .thumb{margin:40px 0 0 0;}
.contents_03 .btn{margin:20px 0 0 0;}

.contents_04{margin:0 0 0 0; padding:50px 0 50px 0; background: url(../img/index_bg03.jpg) no-repeat;}
.contents_04 .box{width:1300px; margin:0 auto;}
.contents_04 .left{float:left; width:740px;}
.contents_04 .right{float:right; width:520px; padding:40px 0 0 0;} 
.contents_04 h3{margin:0 0 30px 0;}
.contents_04 p{padding:0 0 0 0; margin:0 0 0 0; text-align: center;}
.contents_04 .thumb{margin:40px 0 0 0;}
.contents_04 .btn{margin:20px 0 0 0;}

@media screen and (min-width:768px){
    .pickup{
        background-position: left top!important;
    }
    .pickup:has(.reverse){
        background-position: right top!important;
    }  
}


.contents_05{margin:0 0 60px 0; padding:0 0 0 0;}
.contents_05 h3{margin:0 0 40px 0;}

.contents_06{margin:60px 0; padding:0 0 0 0;}

.contents_07 iframe{min-width:1300px;}

.contents_08{width:1300px; margin:40px auto 0px auto; display: flex;  flex-wrap: wrap; justify-content:center;}

.contents_08 h3{margin:0 0 10px 0; border-bottom:#036eb8 1px dashed; padding:10px 0;}
.contents_08 .box {width:380px; margin:0 1rem 15px 1rem; border:#036eb8 1px solid; padding:10px 20px 20px 20px;}

.contents_08 .box > iframe {
    width: 100%;
    aspect-ratio: 380 / 535;
    margin: 0 auto;
}

.contents_08 .box p{text-align:left;}
.contents_08 .inst{display: flex;  flex-wrap: wrap; justify-content:flex-start;}
.contents_08 .inst img{ padding:0 2px;}

.contents_08 .post{padding:0 0 1rem 0; margin: 0 0 1rem 0;; border-bottom:#cacaca 1px dotted;}
.contents_08 .post p{margin:0 0 0.2rem 0;}
.contents_08 .post .date{font-size:0.8rem; margin: 0; color:#036eb8;}

.contents_09{padding:50px 0 0 0; margin:0 0 70px 0; }
.contents_09 .box{width:1150px; margin:0 auto;}
.contents_09 .left{float:left; width:740px;}
.contents_09 .right{float:right; width:350px; padding:50px 0 0 0;} 
.contents_09 h2{margin:0 0 30px 0; padding:120px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#5b2d25; background: url(../img/cuisine_parts01.png) no-repeat top;}
.contents_09 h3{margin:0 0 15px 0; color: #5b2d25; text-align: left; font-size:18px; font-weight: normal;}
.contents_09 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_09 .right .text_center{padding:0 0 0 0; margin:10px 0 0 0; text-align:center;}
.contents_09 .thumb{margin:40px 0 0 0;}
.contents_09 .btn{margin:20px 0 0 0;}
.contents_09 .menu{padding:70px 0 50px 0;  background: url(../img/cuisine_parts02.png) no-repeat top center,url(../img/cuisine_parts03.png) no-repeat bottom center}
.contents_09 .menu h3{text-align: center;}
.contents_09 .menu p{line-height:2em; color:#5b2d25; font-size:13px; text-align: center;}
.contents_09 .menu span{ color:#e45f5f;}

.contents_10{ margin: 0 auto; padding:0; width:1300px;}
.contents_10 h2{margin:0 0 30px 0; padding:120px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#5b2d25; background: url(../img/cuisine_parts01.png) no-repeat top;}
.contents_10 p{text-align: center}

.contents_11{ margin: 0 auto 60px auto; width:800px; background: #f2f2f2; position: relative;}
.contents_11 h4{margin:0 0 5px 0; padding: 20px 40px 20px 40px;  font-size:21px; font-weight:normal; color:#5b2d25; background: url(../img/cuisine_chef_title_bg.png) no-repeat center; display: inline-block; position: absolute; top:-40px; left:-70px;}
.contents_11 p{text-align:left;}
.contents_11 p:last-child{margin:0;}
.contents_11 .box{padding: 20px;}

.contents_12{ padding:50px 0 0 0; width:1200px; margin:0 auto 70px auto;}
.contents_12 .box{}
.contents_12 .left{float:left; width:550px;}
.contents_12 h3{margin:0 0 10px 0; color: #5b2d25; text-align: left; font-size:18px; font-weight: normal;}
.contents_12 h4{color:#5b2d25; text-align:left; font-size:28px; font-weight:normal; margin:0 0 20px 0; padding:0 0 10px 0;  border-bottom:#5b2d25 3px double; }
.contents_12 .menu{padding:60px 0 30px 0; background: url(../img/cuisine_parts02.png) no-repeat top center,url(../img/cuisine_parts03.png) no-repeat bottom center}
.contents_12 .menu h3{text-align: center;}
.contents_12 .menu p{line-height:2em; color:#5b2d25; font-size:13px; text-align: center;}
.contents_12 .menu span{ color:#e45f5f;}
.contents_12 .right{float:right; width:600px;} 
.contents_12#morning .box .right img{margin-top: 50px;	
	}
.contents_13{width:1100px; margin:0 auto 40px auto; }
.contents_13 h3{ margin:0 0 40px 0;}
.contents_13 .flex{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_13 .box{width:300px;}

.contents_14{margin:40px 0 0 0;}
.contents_14 h2{margin:0 0 10px 0; padding:0 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_14 h3{color:#172a88;}
.contents_14 .flex{display: flex; flex-wrap: wrap; justify-content:space-between; width:920px; margin:30px auto;}
.contents_14 .style1{background: url(../img/rooms_type01.jpg) no-repeat; background-size: cover; width:450px; padding:100px 0;}
.contents_14 .style2{background: url(../img/rooms_type02.jpg) no-repeat; background-size: cover; width:450px; padding:100px 0;}
.contents_14 .btn{text-align: center}


.contents_15{width:1100px; margin:0 auto 100px auto;}
.contents_15 .box{}
.contents_15 .left{float:left; width:640px;}
.contents_15 .right{float:right; width:400px; padding:80px 0 0 0;} 
.contents_15 h2{margin:0 0 5px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_15 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_15 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_15 .thumb{margin:40px 0 0 0;}
.contents_15 .info{width:100%; margin:20px auto;}

.contents_16{width:1100px; margin:0 auto 100px auto;}
.contents_16 .box{}
.contents_16 .left{float:left; width:400px; padding:80px 0 0 0;}
.contents_16 .right{float:right; width:640px;} 
.contents_16 h2{margin:0 0 15px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_16 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_16 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_16 .thumb{margin:40px 0 0 0;}
.contents_16 .info{width:100%; margin:20px auto;}
.contents_16 .box2{width:1000px; margin:50px auto 40px auto;}
.contents_16 .box2 .box{}
.contents_16 .box2 .left2{float:left; width:350px;}
.contents_16 .box2 .right2{float:right; width:600px;} 

.contents_17{width:1100px; margin:0 auto 80px auto;}
.contents_17 .box{}
.contents_17 .left{float:left; width:600px;}
.contents_17 .right{float:right; width:450px;} 
.contents_17 h2{margin:0 0 15px 0; font-size:31px; font-weight:normal; text-align:left; color:#036eb8;}
.contents_17 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_17 h4{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:21px; font-weight: normal;}

.contents_17 .info{width:100%; margin:20px auto;}
.contents_17 .bg01{background: url(../img/active_img03.png) no-repeat top right; padding:40px 0 0 0;}
.contents_17 .menu .menu_innner{display: flex; margin-bottom: 15px;}
.contents_17 .menu .menu_innner img{padding-left: 20px;}
.contents_17 .menulist .indent-1{display:block;text-indent:-1em; padding-left:1em; line-height: 1.8em;}
.contents_17 .menu h3{margin:0 0 15px 0; text-align:left;}
.contents_17 .banner{display: flex; flex-wrap: wrap; justify-content:center;}
.contents_17 .info_box{margin:30px 0;}
.contents_17 .banner{margin:20px 0;}
.contents_17 .banner img{margin:10px;}

.contents_18{width:1100px; margin:0 auto 50px auto;}
.contents_18 .box{}
.contents_18 .left{float:left;}
.contents_18 .left img{width:100%; height:auto;}
.banana_img{max-width:640px;}
.banana_img img{width:100%; height:auto;}
.contents_18 .right{float:right;}
.cruising_txt{width:400px;}
.rental_txt{width:400px;}
.banana_txt{width:400px;}
.cruising_slider{width:640px;}


.contents_18 h2{margin:0 0 15px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_18 h2.banana{margin:0 0 30px 0; padding:100px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8; background: url(../img/active_img12.png) no-repeat top;}
.contents_18 h2.cruising{margin:30px 0 30px 0; padding:100px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8; background: url(../img/title_icon01.png) no-repeat top;}
.contents_18 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_18 h4{margin:0 0 15px 0; color:#1a98d5; text-align:center; font-size:18px; font-weight: normal;}
.contents_18 p{text-align:left;}
.contents_18 .thumb{margin:40px 0 0 0;}
.contents_18 .info{width:100%; margin:20px auto;}
.contents_18 .bg01{background: url(../img/active_img05.png) no-repeat top right; padding:120px 0 0 0;}

.contents_19{width:1100px; margin:0 auto 50px auto;}
.contents_19 .box{}
.contents_19 .left{float:left; width:450px;}
.contents_19 .right{float:right; max-width:600px;} 
.contents_19 .right img{ width:100%; height:auto;} 
.contents_19 h2{margin:0 0 30px 0; padding:120px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8; background: url(../img/title_icon01.png) no-repeat top;}
.contents_19 h2.tuktuk{margin:0 0 30px 0; padding:120px 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8; background: url(../img/active_img07.png) no-repeat top;}
.contents_19 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_19 h4{margin:0 0 15px 0; color:#1a98d5; text-align:center; font-size:18px; font-weight: normal;}
.contents_19 .info{margin:20px 0 0 0;}

.contents_20{width:1100px; margin:0 auto 50px auto;}
.contents_20 .box{ margin:0 0 20px 0;}
.contents_20 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_20 h4{margin:0 0 10px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_20 .border{border: #000 1px dashed; padding:20px; width:600px; margin:0 auto;}
.contents_20 .border p:last-child{margin:0;}
.contents_20 .box p{text-align:center;}

.contents_21{width:1000px; margin:0 auto 20px auto;}
.contents_21 .box{}
.contents_21 p{text-align: center}
.contents_21 .left{float:left; width:500px;}
.contents_21 .right{float:right; width:450px;} 
.contents_21 h2{margin:0 0 15px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_21 .bg01{background: url(../img/../img/location_bg01.png) no-repeat top left; padding:150px 0 0 0;}

.contents_22{width:1300px; margin:0 auto 50px auto;}
.contents_22 .box{}

.contents_23{width:1000px; margin:0 auto 40px auto;}
.contents_23 .box{}
.contents_23 p{text-align: center}
.contents_23 .left{float:left; width:500px;}
.contents_23 .right{float:right; width:480px; padding:100px 0 0 0;} 
.contents_23 h2{margin:0 0 15px 0; font-size:26px; font-weight:normal; text-align: center; color:#036eb8;}

.contents_24{width:830px; margin:0 auto 20px auto;}
.contents_24 .box{}
.contents_24 p{text-align: left}
.contents_24 .left{float:left; width:290px;}
.contents_24 .right{float:right; width:500px; padding: 100px 0 0 0;} 
.contents_24 h2{margin:0 0 15px 0; font-size:26px; font-weight:normal; text-align: center; color:#036eb8;}

.contents_25{width:900px; margin:0 auto 50px auto;}
.contents_25 .box{margin:0 0 30px 0;}
.contents_25 h3{color:#02509c}
.contents_25 .left{float:left; width:430px;}
.contents_25 .right{float:right; width:430px;} 

.contents_26{width:900px; margin:0 auto 50px auto;}
.contents_26 .box{margin:0 0 20px 0;}
.contents_26 .menu_box{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_26 .btn{width:300px; background:#024b96; padding:20px; color:#fff;}
.contents_26 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_26 h4{color:#02509c; font-size:18px; font-weight: normal; margin:0 0 10px 0;}

.contents_27{width:900px; margin:0 auto 50px auto;}
.contents_27 .box{margin:0 0 20px 0;}
.contents_27 .menu_box{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_27 .btn01{width:250px; background:#024b96 url(../img/lunch_icon.jpg) no-repeat center left 10%; background-size:45px; padding:20px; color:#fff; text-align: center;}
.contents_27 .btn02{width:250px; background:#024b96 url(../img/drink_icon.jpg) no-repeat center left 10%; background-size:45px; padding:20px; color:#fff; text-align: center;}
.contents_27 .btn03{width:250px; background:#024b96 url(../img/dinner_icon.jpg) no-repeat center left 9.2%; background-size:45px; padding:20px; color:#fff; text-align: center;}
.contents_27 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_27 h4{color:#02509c; font-size:18px; font-weight: normal; margin:0 0 10px 0;}

.contents_28{width:1200px; margin:0 auto 50px auto;}
.contents_28 .box{display: flex; flex-wrap: wrap; justify-content:center;}
.contents_28 .box .img_box{width:315px; padding: 20px;}

.contents_29{width:900px; margin:0 auto 50px auto;}
.contents_29 .box{margin:0 0 20px 0;}
.contents_29 h2{color:#036eb8; font-size:18px; font-weight: normal; margin:0 0 5px 0; padding:10px 0; border-top:#036eb8 3px double; border-bottom:#036eb8 3px double;}
.contents_29 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_29 h4{margin:0 0 20px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_29 h5{margin:0 0 10px 0; color:#172a88; text-align:left; font-size:18px; font-weight: normal;}
#charge .contents_29 h3 + p{font-size:16px;}
.contents_29 p{text-align: center;}
.contents_29 .info{width:500px; border:#000 1px dashed; margin:50px auto 0 auto; padding:10px;}
.contents_29 .info p:last-child{margin:0;}

.contents_30{width:100%; margin:0 auto 50px auto;}
.contents_30 .box{margin:0 0 20px 0;}
.contents_30 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 30px 0;}
.contents_30 p{text-align: center;}

.contents_31{width:100%; margin:50px auto 50px auto;}
.contents_31 .box{margin:0 0 20px 0;}
.contents_31 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 30px 0;}
.contents_31 p{text-align: center;}

.contents_32{width:800px; margin:0 auto 50px auto;}
.contents_32 .box{margin:0 0 20px 0;}
.contents_32 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_32 p{text-align: center;}

.contents_33{width:1200px; margin:0 auto 120px auto; border: #000 1px dashed; padding:40px 0 0 0;}
.contents_33 .box{margin:0 0 20px 0;}
.contents_33 h2{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 30px 0;}

.contents_34{width:1200px; margin:0 auto 30px auto; display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_34 .box{width:304px; margin:0 0 20px 0;}
.contents_34 h3{color:#036eb8; font-size:21px; font-weight: normal; margin:0 0 10px 0;}
.contents_34 h4{color:#036eb8; font-size:16px; font-weight: normal; margin:0 0 10px 0;}

.contents_35{max-width:1200px; margin:0 auto 60px auto; padding: 0 2%;}

.contents_36{
	width:1000px;
	height: 261px;
	margin:30px auto 0 auto;
	border: solid 1px #036eb8;
}
.contents_36 .box{}
.contents_36 p{text-align: center}
.contents_36 .left{
	float:left;
	width:290px;
	height: 261px;
	border-right: solid 1px #036eb8;
}
.contents_36 .right{float:right; width:650px;} 
.contents_36 h3{
	font-size:33px;
	font-weight:normal;
	text-align: center;
	color:#036eb8;
	margin-top: 110px;
}

.contents_36 .news_box {
	height: auto;
	padding: 10px 20px 15px 0;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
.contents_36 .news_box p {
	text-align: left;
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
	line-height: 24px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.cashless{margin:0 0 80px 0;}

/*詳細記事CSS*/
#news02 .sub_page{width: 1020px;}
.news_box02 .detailText{
	font-size: 13px;
	line-height: 40px;
	text-align: left;
	font-weight: normal;
}
.news_box02 h4{
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	padding-left: 20px;
	background-image: url(../img/li01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	border-bottom: 1px solid #666;
	text-align: left;
	color: #333;
}
#news.detail .subpage_container{
	top:0;
}
.news_box02{
	margin:90px auto 50px;
}

.news_box02 #up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
}
.news_box02 .detailUpfile{
	text-align: center;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
}
.news_box02 .backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:35px;
}
.news_box02 .backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#999;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.news_box02 .detailUpfile img{
	max-width:100%;
	height:auto;
}
.news_box02 .pNav{
	font-size:11px;	
	margin-bottom: 16px;
	text-align: left;
}
/*/詳細記事CSS*/


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* プランRSS */

.a_2 { display: flex;  flex-wrap: wrap; justify-content:center;}
.a_2 .mini {width:380px; border:#036eb8 1px solid; padding:20px; margin:0 0 15px 0;}
.a_2 .mini h3{ text-align:left; color:#00a29a; margin:10px 0 5px 0;}
.a_2 .mini h3 a{color:#00a29a;}
.a_2 .btn{text-align: center; margin:20px 0 0 0;}
.a_2 .img_box{text-align: center; margin:0 0 20px 0;}


/* 新着情報 */

.e_1 {margin:0; padding:0;}
.e_1 .sheetbox {margin:0; padding:0;}
.e_1 .sheetbox p {margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:#BFB6AF 1px solid;}
.e_1 .sheetbox p span {font-weight:normal; margin:0; padding:0 0 0 8px;}


/*news.php*/
.news_wrap{
	margin-bottom: 50px;
}
.sub_page{
	width: 900px;
	margin: 0 auto;
}

.news_box #newsList{
	margin:0 0 15px;
	padding:0;
	}
.news_box ul#newsList li{
	color:#666;
	margin:0;
	padding:16px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
	text-align: left;
}
.news_box a{color:#333333;text-decoration:none;}
.news_box a:hover{
	color: #666666;
	text-decoration: underline;
}
.news_box .title{
	font-size: 15px;
	font-weight: bold;
	margin-left:0.5em;
	line-height: 1.2em;
}

.news_box .catName{
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid #036eb8;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 100%;
	margin: 0 2px;
	background-color: #036eb8;
}
.news_box .newMark{
	display:inline-block;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	color:#715b49;
	border-radius:3px;
}
.news_box .comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}

.news_box .thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:auto;
	overflow:hidden;
}

/* Pager style（外部化可） */
.news_box .pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.news_box .pager a{
	border-radius: 50%;
    color: #715b49;
    padding: 3px 7px 2px;                   
    text-decoration: none;
	margin:0 0.5em;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

/*現在のページのボタン*/
.news_box .pager a.current{
    background: #715b49;
    border: 1px solid #715b49;
    border-radius: 50%;
    color: #fff;
    padding: 3px 7px 2px;
	margin:0 0.5em;
    text-decoration: none;
}

.news_box .pager a:hover{
    color: #fff;
	background: rgba(113,91,73,0.5);
}

.news_box .overPagerPattern{
	padding:0 2px ;	
}


.dog_map_title{margin:6rem 0 4rem 0;}
.dog_map_title h2{margin:0 0 4rem 0; font-size:24px; color:#036eb8;}
.dog_map_detail .list{display:flex; flex-wrap: wrap; justify-content:flex-start; max-width:1000px; margin:0 auto; }
.dog_map_detail .list .box{display: flex; flex-direction: column; width:45%; margin:0 100px 2rem 0;}
.dog_map_detail .list .box:nth-child(even){margin:0 0 2rem 0;}
.dog_map_detail .list .box .dog_map_detail_slider{width: 100%}
.dog_map_detail .list .box h3{margin:1rem 0 0.5rem 0; color:#182465; font-size:18px;}
.dog_map_detail .list .box img{width:100%; height:auto; margin:0;}
.dog_map_detail .list .box .btn {margin:auto 0 0 0;}
.dog_map_detail .list .box .btn img{width:auto; margin:0;}


/* /Pager style */
/*/news.php*/

/* 共通パーツ */

table{ border-left:#036eb8 1px solid; border-top:#036eb8 1px solid; padding:0px; margin:20px auto; width:100%; border-collapse: collapse; border-spacing: 0;}
table td{ border-bottom:#036eb8 1px solid; border-right:#036eb8 1px solid; padding:15px; text-align:left;}
table th{ border-bottom:#fff 1px solid; border-right:#036eb8 1px solid; padding:15px; text-align:center; color:#fff; font-weight:bold; background:#036eb8; }
table tr:last-of-type th{ border-bottom:#036eb8 1px solid;}
table .bg01{background:#024792;}
table .bg02{background:#77ccf3;}
.contents_29 table .bg02{text-align:center;}
table .list,table .list2{text-align: left;}
table .list li{width:auto; margin:0 15px 12px 0; list-style:none; display: inline-table;}
table .list2 li{width:auto; margin:0 15px 0 0; list-style:none; display: inline-table;}


.pika-single{}
.pika-single table{border:none; margin:0;}
.pika-single table td{border:none; border-bottom:#fff 1px solid; border-right:#fff 1px solid;}
.pika-single table th{border:none; color:#fff;}
.pika-single table th abbr{color:#fff;}
.pika-single table tr:last-of-type th{border:none;}



.copy{ font-size:10px}

.flex-box{display:-webkit-box; display:box; display:flex; display:-ms-flexbox;}
.flex-box div{-webkit-box-flex: 1; box-flex: 1; width: 100%; padding:10px;}

.titleimg{margin:0 0 20px;}
.titleimg_center{margin:0 0 20px; text-align:center;}

.text_center{text-align:center;}

.link_icon{background: url(../img/link_icon01.png) no-repeat left #5c3b2a; background-position:10px;  padding:5px 10px 5px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; width:auto; text-align:right}

.thumb{display: flex;  flex-wrap: wrap; justify-content:space-around;}

.swiper-container{}

.pc_img{display:inline-block!important;}
.sp_img{display:none!important;}
.sp_br{display: none;}


.ac_menu{position: relative; cursor: pointer; background:#036eb8 url(../img/bg01.jpg); color:#fff; padding:20px 0; font-size:18px;}
.ac_menu.active:after {
    transform: translate(0, 50%);
    transform: rotate(0deg);
}
.ac_menu:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -14px;
    content: url(../img/menu_btn_open.png);
    font-size: 24px;
    font-weight:normal;
    transform: rotate(180deg);
    transition: all, 0.25s, linear;
}


.swing {
  transform-origin: center center;
  animation-name: swing;
  animation: swing linear 5s infinite;
}
@keyframes swing {
0% { transform: rotate(0deg); }
25% { transform: rotate(10deg); } 
50% { transform: rotate(0deg); } 
75% { transform: rotate(-10deg); }
100% { transform: rotate(0deg); }
}

.swing2 {
  transform-origin: center center;
  animation-name: swing;
  animation: swing linear 10s infinite;
}
@keyframes swing2 {
0% { transform: rotate(0deg); }
25% { transform: rotate(2deg); } 
50% { transform: rotate(0deg); } 
75% { transform: rotate(-2deg); }
100% { transform: rotate(0deg); }
}

.anim1 {
  transform-origin: center center;
  animation-name: index_wave;
  animation: index_wave linear 10s infinite;
}
.anim2 {
  transform-origin: center center;
  animation-name: index_wave;
  animation: index_wave linear 10s infinite;
  animation-delay: -2s;
}
@keyframes index_wave {
0% {transform: translateY(0px);}
25% {transform: translateY(7px);} 
50% {transform: translateY(0px);} 
75% {transform: translateY(7px);}
100% {transform: translateY(0px);}
}

.anim3 {
  transform-origin: center center;
  animation-name: index_fish;
  animation: index_fish linear 10s infinite;
}
@keyframes index_fish{
0% {transform: translateY(0px);}
25% {transform: translateY(10px) rotate(10deg)} 
50% {transform: translateY(0px);} 
75% {transform: translateY(-10px) rotate(-10deg)}
100% {transform: translateY(0px);}
}

.anim4 {
  transform-origin: center center;
  animation-name: index_fish2;
  animation: index_fish2 linear 10s infinite;
  animation-delay: -2s;

}
@keyframes index_fish2{
0% {transform: translateY(0px);}
25% {transform: translateY(10px)} 
50% {transform: translateY(0px);} 
75% {transform: translateY(-10px)}
100% {transform: translateY(0px);}
}

.anim5 {
  transform-origin: center center;
  animation-name: index_fish3;
  animation: index_fish3 linear 10s infinite;
  animation-delay: -2s;

}
@keyframes index_fish3{
0% { transform: rotate(0deg); }
25% { transform: rotate(10deg); } 
50% { transform: rotate(0deg); } 
75% { transform: rotate(-10deg); }
100% { transform: rotate(0deg); }
}


/* レスポンシブ*/

@media only screen and (max-width: 767px){

h2 img{width:90%; height: auto;}
.wrapper{min-width:100%; width: 100%!important;}
.header_banner{display: none;}
.menu_box{padding:0;}
.close_btn{position:absolute; top:8px; left:0px; z-index:1000; cursor: pointer;}
#header{ height:50vh;}
#header .head{padding:inherit; /*height:50vh;*/}
#header .head img{/*position: relative;  top: 45%;  transform: translateY(-50%);*/ width:45%; height: auto;}
#header .contents_head{padding:inherit; height:50vh;}
#header .contents_head img{position: relative;  top: 45%;  transform: translateY(-50%); width:45%; height: auto;}
.header_cuisine{background: url(../img/cuisine_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_rooms{background: url(../img/room_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_active{background: url(../img/active_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_pet{background: url(../img/pet_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_location{background: url(../img/location_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_cafe{background: url(../img/cafe_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_charge{background: url(../img/charge_sp_header_img.jpg) no-repeat center; background-size: cover;}
.header_recruit{background: url(../img/recruit_header_img.jpg) no-repeat center; background-size: cover;}
.header_info{background: url(../img/info_header_img.jpg) no-repeat center; background-size: cover;}
.header_access{background: url(../img/access_sp_header_img.jpg) no-repeat center; background-size: cover;}

#header video{position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;object-fit: cover;z-index: 1; background-size: cover;}
#footer_wrap{background: url(../img/footer_bg.jpg) no-repeat; background-size: cover;  min-width:100%;}
#footer{width:100%; margin:0 auto; padding:30px 0 0 0; }
#footer .left{float:inherit; width:100%;}
#footer .right{float:inherit; width:100%; padding:15px 0 30px 0;} 
#footer_wrap{min-width: auto;}
#footer .copy{margin:20px 0;}
#footer .copy p{margin:0 0 2px 0; padding: 0; font-size:10px; text-align:center;}
#footer .copy p a img{margin:0;}

.footer_plan{margin:0 auto 40px auto; width:100%;}
.footer_plan img{width:100%; height: auto;}

#menu{margin:0 auto 40px auto; padding:0 20px; display: none;}
#sp_menu{margin:0 auto 40px auto; padding:0 20px; display: inherit;}
#sp_menu .left{width:156px; float:left;}
#sp_menu .right{width:156px; float:right;}
#sp_menu ul{}
#sp_menu li{width:auto; margin:0 0 12px 0;  list-style:none; text-align: left;}

#sub_menu{display: flex;  flex-wrap: wrap; justify-content:center;  width:auto; margin:0 auto 40px auto;}
#sub_menu .btn{padding:0; margin:0 0 10px 0; text-align: center;}
#sub_menu .btn img{width:55px; height: auto;}

.main_contents{width:inherit; margin:0 auto 0 auto;}

.flex{display:inherit;}
	
	
.sp_img{display:inline-block!important;}
.pc_img{display: none!important;}
.sp_br{display:block;}
.pc_br{display:none;}
	
#formWrap {
	width:90%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:0;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}


.contents_bg01{background:#2ea7e0 url(../img/header_bg_bottom.jpg) no-repeat bottom center; background-size: cover;}
.contents_bg02{background:#fff url(../img/cuisine_bg01.jpg) no-repeat bottom center; background-size:cover;}
.contents_bg03{background:url(../img/active_sp_bg01.png) no-repeat center bottom; background-size: contain;}
.contents_bg04{background:none;}


.contents_01{margin:0 0 0 0;padding:15px 0 100px 0; height: inherit; position:relative;}
.contents_01 h2{color:#fff; font-size:5vw; margin:20px 0 20px 0;}
.contents_01 h3{color:#fff; font-size:20px; margin:20px 0 20px 0;}
.contents_01 p{padding:0 20px; text-align: left;}
.contents_01 .img01,.img02,.img03,.img04,.img05,.img06,.img07,.img08,.img09{display: none;}

.contents_01-2{margin:0 0 30px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-2 h2{color:#036eb8; font-size:30px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-2 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-2 p{padding:0 20px; color:#000; text-align: left;}
.contents_01-2.icon{text-align: center;}
.contents_01-2 .course_box{display: flex; flex-wrap: wrap; justify-content:space-around; margin:50px 0 0 0;}
.contents_01-2 .course_box img{display: block; margin:0 auto;}
.contents_01-2 .course_box .box{width:100%; padding:50px 0; margin:0 0 20px 0;}

.contents_01-3{margin:0 0 40px 0;padding:50px 0; height: inherit; position:relative;}
.contents_01-3 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-3 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-3 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-3 .icon{text-align: center;}
.contents_01-3 .text{text-align:left;}

.contents_01-4{margin:0 0 40px 0;padding:20px 0; height: inherit; position:relative;}
.contents_01-4 h2{color:#036eb8; font-size:32px; margin:20px 0 20px 0; font-weight: normal;}
.contents_01-4 h3{color:#5b2d25; font-size:20px; margin:20px 0 20px 0;}
.contents_01-4 p{padding:0 20px; color:#000; text-align: center;}
.contents_01-4 .icon{text-align: center; margin:0 0 40px 0;}
.contents_01-4 img{width:100%; height: auto;}

.contents_01-5{margin:0 0 0 0;padding:20px 0; height: inherit; position:relative;}

.contents_01-6{margin:0 0 40px 0; padding:0 0 300px 0; height: inherit; position:relative; background-position:center bottom; background-size:contain; }
.contents_01-6 img{width:100%; height: auto;}
.contents_01-6 p{padding:0 20px; color:#000; text-align:left;}
.contents_01-6 .icon{text-align: center;}

.contents_02{margin:0 0 0 0; padding:20px 0 20px 0; background:none;}
.contents_02 .box{width:100%; margin:0 auto;}
.contents_02 .left{float:inherit; width:100%;}
.contents_02 .left img{width:100%; height: auto;}
.contents_02 .right{float:inherit; width:100%; padding:0; margin:0; background: url(../img/index_bg01.jpg) no-repeat center top;} 
.contents_02 .right a{width:30%;}
.contents_02 .right a img{width:100%; height: auto;}
.contents_02 .thumb{padding:10px;}

.contents_03{margin:0 0 0 0; padding:20px 0 0 0; background:none;}
.contents_03 .box{width:100%; margin:0 auto;}
.contents_03 .left{float:inherit; width:100%; padding:0; background: url(../img/index_bg02.jpg) no-repeat center top;}
.contents_03 .left a{width:30%;}
.contents_03 .left a img{width:100%; height: auto;}
.contents_03 .right{float:inherit; width:100%; padding: 0; margin:0;} 
.contents_03 .right img{width:100%; height: auto;}
.contents_03 .thumb{padding:10px;}


.contents_04{margin:0 0 0 0; padding:50px 0 50px 0; background:none;}
.contents_04 .box{width:100%;}
.contents_04 .left{float:inherit; width:100%;}
.contents_04 .left img{width:100%; height: auto;}
.contents_04 .right{float:inherit; width:100%; padding:0; background: url(../img/index_bg03.jpg) no-repeat center top;} 
.contents_04 .right a{width:30%;}
.contents_04 .right a img{width:100%; height: auto;}
.contents_04 .thumb{padding:10px;}

.contents_05{}
.contents_06 a img{width:90%; height: auto;}

.contents_07 iframe{min-width:inherit;}

.contents_08{width:100%; margin:40px 0 0 0; display:flex;  flex-wrap: wrap; justify-content:center;}
.contents_08 .box {width:80%!important; margin:0 auto 20px auto; border:#036eb8 1px solid; padding:10px 20px 20px 20px;}
.contents_08 .inst{flex-wrap: wrap; justify-content:center;}
.contents_08 .inst img{ height: auto;}
.contents_08 .inst a{width:30%; padding:0 2px;}
.contents_08 .inst a img{width:100%; height: auto;}

.contents_09{margin:0 0 0 0; padding:0;}
.contents_09 .box{width:100%; margin:0 auto;}
.contents_09 .left{float:inherit; width:100%;}
.contents_09 .left img{width:100%; height: auto;}
.contents_09 .right{float:inherit; width:100%; padding:20px 0;} 
.contents_09 h2{margin:0 0 30px 0;text-align: center;}
.contents_09 h3{margin:0 0 15px 0; color: #5b2d25;}
.contents_09 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_09 .thumb{margin:20px 0 0 0;}
.contents_09 .thumb img{width:100px; height: auto;}
.contents_09 .btn{margin:20px 0 0 0;}
.contents_09 {margin:0; padding: 20px;}
.contents_09 .menu h3{margin:0 0 15px 0; color: #5b2d25; text-align: center; font-size:21px; font-weight: normal;}
.contents_09 .menu p{line-height:2em; color:#5b2d25; /*text-align:left;*/ font-size:13px;}

.contents_10{ margin:40px auto 0 auto; padding:0; width:100%;}
.contents_10 h2{margin:0 0 30px 0; padding:120px 0 0 0; font-size:24px; font-weight:normal; text-align: center; color:#5b2d25; background: url(../img/cuisine_parts01.png) no-repeat top;}
.contents_10 p{text-align:left}
.contents_10 .box{padding: 10px;}

.contents_11{ margin:20px auto 30px auto; width:90%; position: relative;}
.contents_11 h4{margin:0 0 0 0; padding: 20px 40px;  font-size:21px; font-weight:normal; color:#5b2d25; background: url(../img/cuisine_chef_title_bg.png) no-repeat center; display: inline-block; position: absolute; top:-40px; left:20px;}
.contents_11 p{text-align:left;}
.contents_11 p:last-child{margin:0;}
.contents_11 .box{padding: 20px;}

.contents_12{margin:0 0 0 0; padding:0 0 20px 0; width:100%;}
.contents_12 .box{padding:10px;}
.contents_12 .left{float:inherit; width:100%;}
.contents_12 .left h3{font-size:18px; margin:0 0 5px 0; text-align: center;}
.contents_12 .left h4{font-size:22px; margin:0 0 10px 0; text-align: center;}
.contents_12#morning .right h4{font-size:22px; margin:0 0 10px 0; text-align: center;}
.contents_12 .menu{margin:20px 0 0 0; }
.contents_12 .right{float:inherit; width:100%; margin:0 0 20px 0;} 
.contents_12 .right img{width:100%; height: auto;}
.contents_12#morning .left img{width:100%; height: auto;}
.contents_13{width:100%; margin:0 auto 40px auto;}
.contents_13 h3{ margin:0 0 10px 0;}
.contents_13 .flex{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_13 .box{width:300px;}

.contents_14{margin:40px 0 0 0;}
.contents_14 h2{margin:0 0 10px 0; padding:0 0 0 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_14 h3{color:#172a88;}
.contents_14 .flex{display:inherit; width: 100%;}
.contents_14 .style1{background: url(../img/rooms_type01.jpg) no-repeat; background-size: cover; width:100%; padding:50px 0; margin:0 0 10px 0;}
.contents_14 .style1 img{width:50%; height: auto;}
.contents_14 .style2{background: url(../img/rooms_type02.jpg) no-repeat; background-size: cover; width:100%; padding:50px 0;}
.contents_14 .style2 img{width:50%; height: auto;}
.contents_14 .btn{text-align: center}
.contents_14 .btn img{width:80%; height: auto;}

.contents_15{width:100%; margin:0 auto 0 auto; }
.contents_15 .box{padding:10px;}
.contents_15 .left{float:inherit; width:100%;}
.contents_15 img{width:100%; height: auto;}
.contents_15 .right{float:inherit; width:100%; padding:20px 0 0 0;} 
.contents_15 h2{margin:0 0 5px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_15 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_15 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_15 .thumb{margin:20px 0 0 0;}
.contents_15 .info{width:100%; margin:30px auto 0 auto;}
.contents_15 .text{margin:0 0 20px 0;}

.contents_16{width:100%; margin:0 auto 40px auto;}
.contents_16 .box{padding:10px;}
.contents_16 .left{float:inherit; width:100%; margin:0 0 20px 0; padding:0 0 0 0;}
.contents_16 .right{float:inherit; width:100%;}
.contents_16 img{width:100%; height: auto;}
.contents_16 h2{margin:0 0 15px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_16 h3{margin:0 0 15px 0; color:#172a88; text-align:center; font-size:18px; font-weight: normal;}
.contents_16 p{padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
.contents_16 .thumb{margin:40px 0 0 0;}
.contents_16 .info{width:100%; margin:30px auto 0 auto;}
.contents_16 .box2{float:inherit; width:100%; margin:20px auto 40px auto;}
.contents_16 .box2 .box{padding:10px;}
.contents_16 .box2 .left2{float:inherit; width:100%;}
.contents_16 .box2 .right2{float:inherit; width:100%; margin:0 0 20px 0;} 

.contents_17{width:100%; margin:0 auto 30px auto;}
.contents_17 .box{ padding: 10px;}
.contents_17 .left{float:inherit; width:100%;}
.contents_17 .left img{width:100%; height: auto;}
.contents_17 .right{float:inherit; width:100%; padding:60px 0 0 0;} 
.contents_17 .menu .menu_innner{flex-direction: column;}
.contents_17 .menu .menu_innner img{ width: 100%;
    height: auto; padding-left:0;}
.contents_17 .menu .menu_innner .pc_on{display: none;}

.contents_18{width:100%; margin:0 auto 30px auto;}
.contents_18 .box{padding: 10px;}
.contents_18 .left{float:inherit; width:100%;}
.contents_18 .right{float:inherit; width:100%;} 
.contents_18 .right img{width:100%; height: auto;}

.contents_19{width:100%; margin:0 auto 30px auto;}
.contents_19 .box{padding: 10px;}
.contents_19 .left{float:inherit; width:100%;}
.contents_19 .left img{width:100%; height: auto;}
.contents_19 .right{float:inherit; width:100%;} 

.contents_20{width:100%; margin:0 auto 30px auto;}
.contents_20 .box{padding: 10px; margin:0;}
.contents_20 .box p{text-align: left;}
.contents_20 .box h3{border-bottom:#172a88 1px dashed; padding:0 0 10px 0;}
.contents_20 .box .border{width:90%; margin:0 auto;}

.contents_21{width:100%; margin:0 auto 30px auto;}
.contents_21 .box{padding:10px;}
.contents_21 p{text-align:left}
.contents_21 .left{float:inherit; width:100%;}
.contents_21 .right{float:inherit; width:100%;} 
.contents_21 h2{margin:0 0 15px 0; font-size:33px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_21 .bg01{background: url(../img/../img/location_bg01.png) no-repeat top left; padding:150px 0 0 0;}
.contents_21 img{width:100%; height: auto;}


.contents_22{width:100%; margin:0 auto 30px auto;}
.contents_22 .box{ padding: 10px;}
.contents_22 img{width:100%; height: auto;}

.contents_23{width:100%; margin:0 auto 30px auto;}
.contents_23 .box{padding:10px;}
.contents_23 p{text-align: center}
.contents_23 .left{float:inherit; width:100%; margin:0 0 20px 0;}
.contents_23 .right{float:inherit; width:100%; padding: 0;} 
.contents_23 h2{margin:0 0 15px 0; font-size:26px; font-weight:normal; text-align: center; color:#036eb8;}
.contents_23 img{width:90%; height: auto;}

.contents_24{width:100%; margin:0 auto 20px auto;}
.contents_24 .box{}
.contents_24 p{text-align: left}
.contents_24 .left{float:inherit; width:100%;}
.contents_24 .right{float:inherit; width:100%; padding:20px 0 0 0; } 
.contents_24 h2{margin:0 0 15px 0; font-size:26px; font-weight:normal; text-align: center; color:#036eb8;}

.contents_25{width:100%; margin:0 auto 30px auto;}
.contents_25 .box{padding: 10px; margin:0;}
.contents_25 h3{color:#02509c; margin:0 0 20px 0;}
.contents_25 .left{float:inherit; width:100%; text-align: center;}
.contents_25 .left img{width:100%; height: auto;}
.contents_25 .right{float:inherit; width:100%; text-align: center;} 
.contents_25 .right img{width:100%; height: auto;}

.contents_26{width:100%; margin:0 auto 30px auto;}
.contents_26 .box{margin:0 0 20px 0; padding: 10px;}
.contents_26 .box img{width:100%; height: auto;}
.contents_26 .menu_box{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_26 .btn{width:300px; background:#024b96; padding:20px; color:#fff;}
.contents_26 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_26 h4{color:#02509c; font-size:18px; font-weight: normal; margin:0 0 10px 0;}

.contents_27{width:100%; margin:0 auto 30px auto;}
.contents_27 .box{margin:0 0 20px 0; padding: 10px;}
.contents_27 .menu_box{display: flex; flex-wrap: wrap; justify-content:space-around;}
.contents_27 .btn01{width:100%; background:#024b96 url(../img/lunch_icon.jpg) no-repeat center left 10%; background-size:45px; padding:20px; margin:0 0 10px 0; color:#fff; text-align: center;}
.contents_27 .btn02{width:100%; background:#024b96 url(../img/drink_icon.jpg) no-repeat center left 10%; background-size:45px; padding:20px; color:#fff; text-align: center;}
.contents_27 .btn03{width:100%; background:#024b96 url(../img/dinner_icon.jpg) no-repeat center left 9.2%; background-size:45px; padding:20px; color:#fff; text-align: center; margin-top: 10px;}
.contents_27 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_27 h4{color:#02509c; font-size:18px; font-weight: normal; margin:0 0 10px 0;}

.contents_28{width:100%; margin:0 auto 30px auto;}
.contents_28 .box{display: flex; flex-wrap: wrap; justify-content:center; padding: 10px;}
.contents_28 .box .img_box{width:315px;}
.contents_28 .box .img_box h3{text-align: left;}

.contents_29{width:100%; margin:0 auto 30px auto;}
.contents_29 .box{padding: 10px}
.contents_29 h3{color:#036eb8; font-size:28px; font-weight: normal; margin:0 0 5px 0;}
.contents_29 p{text-align:left;}
#charge .contents_29 h3 + p{font-size:14px;}
.contents_29 .info{width:80%;}
.contents_29 .charge table{width:500px!important;}
.contents_29 .charge table th{width:30%;}
.contents_29 .charge table td{width:20%;}


.contents_30{width:100%; margin:0 auto 30px auto;}
.contents_30 .box{padding: 10px}
.contents_30 h3{color:#036eb8; font-size:22px; font-weight: normal; margin:0 0 30px 0;}
.contents_30 p{text-align:left;}

.contents_31{width:100%; margin:50px auto 0 auto;}
.contents_31 .box{padding: 10px; margin:0;}
.contents_31 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 30px 0;}
.contents_31 p{text-align:left;}

.contents_32{width:100%; margin:50px auto 50px auto;}
.contents_32 .box{margin:0 0 20px 0; padding: 10px}
.contents_32 h3{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 5px 0;}
.contents_32 p{text-align:left;}
.contents_32 .sp_input{width:90%; padding: 10px;}
.contents_32 #radio{width:auto;}

.contents_33{width:100%; margin:0 auto 120px auto; padding: 0; border: none;}
.contents_33 .box{padding: 10px; margin: 0;}
.contents_33 h2{color:#036eb8; font-size:32px; font-weight: normal; margin:0 0 30px 0;}
.contents_33 img{width:100%; height: auto; margin:0;}

.contents_34{width:100%; margin:0 auto 120px auto; display: flex; flex-wrap: wrap; justify-content:space-between;}
.contents_34 .box{width:100%; margin:0 0 20px 0; padding:0 10px ;}
.contents_34 .box .img_box{text-align: center;}
.contents_34 .box .img_box img{width:70%; height: auto;}
.contents_34 h3{color:#036eb8; font-size:21px; font-weight: normal; margin:0 0 10px 0;}
.contents_34 h4{color:#036eb8; font-size:16px; font-weight: normal; margin:0 0 10px 0;}
	
.contents_36{
	width:100%;
	height: auto;
	margin:30px 0 0 0;
	border: none;
}
.contents_36 .box{
	width:80%;
	height: auto;
	border: solid 1px #036eb8;
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
}

.contents_36 p{text-align: center}
.contents_36 .left{
	float:none;
	width:100%;
	height: auto;
	border-right: none;
}
.contents_36 .right{float:none; width:100%;} 
.contents_36 h3{
	font-size:33px;
	font-weight:normal;
	text-align: center;
	color:#036eb8;
	margin-top: 0;
	padding: 10px 0;
	border-bottom: dashed 1px #036eb8;
}

.contents_36 .news_box {
	height: auto;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
}
.contents_36 .news_box p {
	text-align: left;
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
	line-height: 24px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.cashless{width:100%; text-align: center;}
.cashless p{text-align: center;}
.cashless img{width: 90%; height: auto;}
	
	
/*詳細記事CSS*/
#news02 .sub_page{width: 90%; margin: 0 auto;}
.news_box02 .detailText{
	font-size: 13px;
	line-height: 40px;
	text-align: left;
	font-weight: normal;
}
.news_box02 h4{
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
	padding-left: 20px;
	background-image: url(../img/li01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	border-bottom: 1px solid #666;
	text-align: left;
	color: #333;
}
#news.detail .subpage_container{
	top:0;
}
.news_box02{
	width: 100%;
	margin:90px auto 50px;
}

.news_box02 #up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
}
.news_box02 .detailUpfile{
	text-align: center;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
}
.news_box02 .backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:35px;
}
.news_box02 .backORcloseBtn a{
	display:inline-block;
	padding:4px 15px;
	border:1px solid #aaa;
	color:#999;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
}
.news_box02 .detailUpfile img{
	max-width:100%;
	height:auto;
}
.news_box02 .pNav{
	font-size:11px;	
	margin-bottom: 16px;
	text-align: left;
}
/*/詳細記事CSS*/
	
/*news.php*/
.news_wrap{
	width: 90%;
	margin: 0 auto 30px;
}
.sub_page{
	width: 100%;
	margin: 0 auto;
}

.news_box #newsList{
	margin:0 0 15px;
	padding:0;
	}
.news_box ul#newsList li{
	color:#666;
	margin:0;
	padding:16px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
	text-align: left;
}
.news_box a{color:#333333;text-decoration:none;}
.news_box a:hover{
	color: #666666;
	text-decoration: underline;
}
.news_box .title{
	font-size: 15px;
	font-weight: bold;
	margin-left:0.5em;
	line-height: 1.2em;
}

.news_box .catName{
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid #036eb8;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 100%;
	margin: 0 2px;
	background-color: #036eb8;
}
.news_box .newMark{
	display:inline-block;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	color:#715b49;
	border-radius:3px;
}
.news_box .comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:500px;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
}

.news_box .thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:auto;
	overflow:hidden;
}

/* Pager style（外部化可） */
.news_box .pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.news_box .pager a{
	border-radius: 50%;
    color: #715b49;
    padding: 3px 7px 2px;                   
    text-decoration: none;
	margin:0 0.5em;
	-webkit-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}

/*現在のページのボタン*/
.news_box .pager a.current{
    background: #715b49;
    border: 1px solid #715b49;
    border-radius: 50%;
    color: #fff;
    padding: 3px 7px 2px;
	margin:0 0.5em;
    text-decoration: none;
}

.news_box .pager a:hover{
    color: #fff;
	background: rgba(113,91,73,0.5);
}

.news_box .overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */
/*/news.php*/
	
	
/* プランRSS */

.a_2 { display: flex;  flex-wrap: wrap; justify-content:space-around;}
.a_2 .mini {width:80%; border:#036eb8 1px solid; padding:20px; margin:0 0 15px 0;}
.a_2 .mini h3{ text-align:left; color:#00a29a; margin:10px 0 5px 0;}
.a_2 .mini h3 a{color:#00a29a;}
.a_2 .btn{text-align: center; margin:20px 0 0 0;}
.a_2 .img_box{text-align: center; margin:0 0 20px 0;}
.a_2 .img_box img{width:100%; height: auto;}

table{ border-left:#036eb8 1px solid; border-top:#036eb8 1px solid; padding:0px; margin:0 auto; width:100%!important; border-collapse: collapse; border-spacing: 0;}
table td{ border-bottom:#036eb8 1px solid; border-right:#036eb8 1px solid; padding:15px; text-align:center;}
table th{ border-bottom:#fff 1px solid; border-right:#036eb8 1px solid; padding:15px; text-align:center; color:#fff; font-weight:bold; background:#036eb8; }
#charge .contents_29 table th,#charge .contents_29 table td{ padding:13px;}
table th{ border-bottom:#fff 1px solid; border-right:#036eb8 1px solid; padding:15px; text-align:center; color:#fff; font-weight:bold; background:#036eb8; }
table tr:last-of-type th{ border-bottom:#036eb8 1px solid;}

table .list,table .list2{text-align: left;}
table .list li{width:auto; margin:0 15px 12px 0; list-style:none; display:block;}
table .list2 li{width:auto; margin:0 15px 0 0; list-style:none; display: block;}

.slide-wrap {
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
  margin:0 0 20px 0;
}

/* スクロールバー本体 */
.slide-wrap::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px; height:5px;
	background: #fff;
}
.slide-wrap::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 5px;
	background: #e6e6e6;
}
.slide-wrap::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #e6e6e6;
	border-radius: 2px;
}
.slide-wrap::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: #024b96;
	border-radius: 2px;
}
.slide-wrap::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #e6e6e6;
}
.slide-wrap::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #e6e6e6;
}
.slide-wrap::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}

.slide-nav:after {
  content:url(../img/scroll_nav.png); /* 矢印 */
  position: absolute;
  right:50px; /* 初期位置 */
  font-size:80px; /* 大きさ */
  margin-top: -40px;
  top:40%;
  opacity: 0; /* 透明度100%で実質非表示 */
}
.slide-nav.show:after {
   opacity: 0.2; /* 透明度の変化で表示させる */
   transition: .8s; /* アニメーション */
   right:5px; /* 移動 */
}
.slide-nav.del:after { /* 矢印を隠す */
   display: none;}


.slide-nav2:after {
  content:url(../img/scroll_nav.png); /* 矢印 */
  position: absolute;
  right:50px; /* 初期位置 */
  font-size:80px; /* 大きさ */
  margin-top: -40px;
  top:40%;
  opacity: 0; /* 透明度100%で実質非表示 */
}
.slide-nav2.show:after {
   opacity: 0.2; /* 透明度の変化で表示させる */
   transition: .8s; /* アニメーション */
   right:5px; /* 移動 */
}
.slide-nav2.del:after { /* 矢印を隠す */
   display: none;}


.slide-nav3:after {
  content:url(../img/scroll_nav.png); /* 矢印 */
  position: absolute;
  right:50px; /* 初期位置 */
  font-size:80px; /* 大きさ */
  margin-top: -40px;
  top:40%;
  opacity: 0; /* 透明度100%で実質非表示 */
}
.slide-nav3.show:after {
   opacity: 0.2; /* 透明度の変化で表示させる */
   transition: .8s; /* アニメーション */
   right:5px; /* 移動 */
}
.slide-nav3.del:after { /* 矢印を隠す */
   display: none;}
   
}
.search .box .plan_form form .price select {
	font-size: 12px;
}
#menu_box .type select {
	font-size: 12px;
}
#menu_box .search .box .plan_form form .guests p select {
	font-size: 12px;
}


#menu_box .search .box .plan_form form .type {
	text-align: left;
}
#menu_box .search .box .plan_form form .price {
	text-align: left;
}
.sub_font-size{font-size:18px;}
@media screen and (max-width:767px){
	.sub_font-size{font-size:15px;}
}

#formWrap input{font-size: 0.9rem;}
#formWrap input[type="text"],#formWrap input[type="email"] { border: #ddd solid 1px; width: 100%; border-radius: 2px; padding: 10px 10px; box-sizing: border-box; }
#formWrap input[type="tel"],#formWrap input[type="number"] { border: #ddd solid 1px; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; }
#formWrap input[type="text"]:focus { background: #e5f6fc; outline: none; }
#formWrap textarea:focus { background: #e5f6fc; outline: none; }
#formWrap textarea { border: #ddd solid 1px; width: 100%; border-radius: 5px; padding: 10px 10px; box-sizing: border-box; }
#formWrap select { border: #ddd solid 1px; height: 30px; border-radius: 5px; }

input[type="submit"], input[type="reset"], input[type="button"] {
    display:block;
    margin:0 auto;
    width: 200px;
    color:#fff;
    background: #339966;
    height: 40px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
	font-size: 1.5rem;
}    
    
input.submitBtn:disabled{
	opacity: 0.5;
	cursor:not-allowed;
    font-size:16px;
}        
    
.g-recaptcha{margin:1rem auto; display: block; max-width: 300px;}    


@media only screen and (max-width: 800px){
	.sp_control{display: none;}
	.dog_map_detail .list .box{
		width:100%; margin:0 0 2rem 0; padding:0 2rem; box-sizing:border-box;}
	}
@media screen and (max-width: 767px){
    .sns_wrap,.sns_wrap *{
        box-sizing: border-box;
    } 
}

.sns_wrap{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:clamp(5px, 1vw, 10px);
    width:min(100%,1000px);
    margin-inline: auto;
    padding: 20px;    
}
.sns_wrap img{
    width:60px;
    height: auto;
}
.sns_wrap > *{
    border:1px solid #036eb8;
    padding: 20px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
}