@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Suez+One');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

/* ================================================================
( ・∋ Reset
================================================================ */
html {
   font-size: 100%;
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
	 -webkit-font-smoothing: antialiased;
	 }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-size: 100%; vertical-align: baseline;}

html,body { width:100%; height:100%;min-width:1280px;}

strong { font-style: normal; font-weight:700;}
img { border: 0; vertical-align:top; -ms-interpolation-mode: bicubic;/*ie7*/}
ul,ol { list-style: none;}

/* ================================================================
( ・∋ Base
================================================================ */
body { color:#e9eff3;background:#0f2236 url(../img/bg.jpg) no-repeat;background-attachment: fixed; background-size:cover;
	font-family:"Noto Sans CJK JP", Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "游ゴシック", YuGothic;
	/*font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;*/
	font-size: 14px; letter-spacing:0.05em;
	line-height: 2.0em;
	}
	
a{color:#e9eff3; text-decoration:none; transition:0.3s;}
a:hover{ opacity:0.7;}

/*---clearfix---*/
.clearfix:before , .clearfix:after  , .wrapper:after , .inner:after , section:after , footer:after{ content:""; display:table;}
.clearfix:after  , section:after , .inner:after , footer:after{ clear:both;}
.clearfix , section , main , footer:after{ clear:both; zoom:1;}

/*---table---*/
table { width:100%; border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;}
th,td { padding: 10px;border-bottom:rgba(255,255,255,0.3) solid 2px; vertical-align: middle;}
th {background:rgba(120,205,255,0.4); width:25%; text-align:left; font-weight:normal;}

.wrapper , .inner{width:1000px; margin:0 auto;}

header{width:100%; height:100px; background:rgba(120,205,255,0.8); margin:0 auto; position: fixed; text-align:center; border-bottom:rgba(255,255,255,0.4) solid 1px; box-sizing:border-box; padding:20px 0 0 0; z-index:10000;}
nav { width:1000px; margin:0 auto;}
nav ul{display: flex;justify-content:center;}
nav li{ text-align:center; margin:0 40px 0 0;}
nav li:last-child{margin:0 0 0 0;}
nav li a{color:#1d1d1d; font-weight: bold;}
nav span{display:block;}
nav a{display:block;}
.tel{position:absolute; right:20px; top:15px; font-size:20px; font-weight:700;}

.sns{ display:flex; flex-wrap: wrap; justify-content:space-between; align-items: center; width:auto;}
.sns_sp{display:flex; flex-wrap: wrap; justify-content:center; align-items: center; padding:1rem 0; }
.sns_sp a{max-width:80px; margin:0 10px; border-bottom: none!important;}
.sns_sp a img{width:100%; display: }

.sns_icon{ display:flex; flex-wrap: wrap; justify-content:space-between; position:absolute; top:50px; right:20px; align-items: center; width:130px;}
.sns_icon_sp{display:flex; flex-wrap: wrap; justify-content:center; align-items: center; padding:1rem 0; }
.sns_icon_sp a{max-width:80px; margin:0 10px; border-bottom: none!important;}
.sns_icon_sp a img{width:100%; display: }



.header_image{ width:100%; height:600px;display:flex;justify-content:center;align-items:center; border-bottom:#0f2236 solid 20px;}
#cuisine .header_image{ background:url(../img/cuisine/header.jpg) no-repeat center center; background-size:cover;}
#facility .header_image{ background:url(../img/facility/header.jpg) no-repeat center center;background-size:cover;}
#bar .header_image{ background:url(../img/bar/header.jpg) no-repeat center center;background-size:cover;}
#tourism .header_image{ background:url(../img/tourism/header.jpg) no-repeat center center;background-size:cover;}

/*---contents---*/
main{ display:block; padding:60px 0;}
section{margin:0 0 60px 0;}
.wrapper , .inner{width:1000px; margin:0 auto; position:relative;}
.lead{ position:relative;}
.lead01{ position:absolute; left:-150px; top:0;}
.lead02{ position:absolute; right:-125px; top:110px;}
.w50{width:50%; position:relative;}
.w310 div{ float:left;width:310px; margin:0 35px 0 0;}
.w310 div:last-child{margin:0 0 0 0;}
.w320{width:320px;}
.w360{width:360px;}
.w400{width:400px;}
.w460{width:460px;}
.w480{width:480px;}
.w500{width:500px;}
.w560{width:560px;}
.w570{width:570px;}
.w600{width:600px;}

footer{ clear:both;width:100%;background: rgba(0,0,0,0.7);padding:40px 0;  font-size:16px; letter-spacing:0;}
footer strong{ font-weight:normal; font-size:20px;}
address{font-size:12px;}
.f_bn{width:800px;}
.f_bn a{ float:left; margin:0 20px 10px 0;}
.f_bn a:last-child{margin:0 0 0 0;}
.pagetop{ position:fixed; right:10px; bottom:100px;   font-size:40px;  text-align:center;}
.pagetop i{margin:0 0 0 0;}
.pagetop a{background:rgba(120,205,255,0.8); display:block; padding:10px 16px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

/*---common---*/
.bg_blue{ background:rgba(15,34,54,0.6); padding:40px 0;}
i{margin:0 10px 0 0;font-family: FontAwesome; }
h1{position:absolute; left:20px; top:10px;}
h2 , h3{font-weight:700;}
h2{ background:url(../img/bg_h2.png) no-repeat center bottom; font-size:14px; font-weight:500; text-align:center; 	padding:0 0 20px 0; margin:0 0 40px 0; text-shadow:1px 1px 5px rgba(0,0,0,0.3),-1px 1px 5px rgba(0,0,0,0.3),1px -1px 5px rgba(0,0,0,0.3);}
#index main .bg_blue .inner .f_right.w570.wave_rss h2 {
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3),-1px 1px 5px rgba(0,0,0,0.3),1px -1px 5px rgba(0,0,0,0.3);
	background-image: url(../img/naminami.png);
	background-repeat: no-repeat;
	background-position: center 80px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
}

h2 span{display:block;font-family: 'Suez One', serif; font-size:40px; margin:0 0 20px 0;}
h2 span:first-letter , h3:first-letter{ color:#78cdff;}
.nami_title{
	font-size: 20px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 40px;
}
h3{ background:url(../img/bg_h2.png) no-repeat center bottom; font-size:30px; font-weight:700; text-align:center; padding:0 0 20px 0; margin:0 0 40px 0; text-shadow:1px 1px 5px rgba(0,0,0,0.3),-1px 1px 5px rgba(0,0,0,0.3),1px -1px 5px rgba(0,0,0,0.3);line-height:1.2em;}
h4{font-size:20px;margin:0 0 20px 0; }
.car{position:relative; width:200px; margin:0 auto 20px auto; padding:0 0 0 20px;}
.car::after{ display:block; content:""; width:40px; height:40px; position:absolute;background:url(../img/index/car-solid.svg) no-repeat left center; left:0; top:-5px;}
.train{position:relative; width:240px; margin:0 auto 20px auto; padding:0 0 0 20px;}
.train::after{ display:block; content:""; width:40px; height:40px; position:absolute;background:url(../img/index/train-solid.svg) no-repeat left center; left:0; top:-5px;}
.fa-w-16 , .fa-w-14{fill:#FFF;}
.center{text-align:center;}
.f_left{ float:left;}
.f_right{float:right;}
.m_t30{ margin-top:30px;}
.m_t40{ margin-top:40px;}
.m_t50{ margin-top:50px;}
.m_t60{ margin-top:60px;}
.m_t110{ margin-top:110px;}
.m_t140{ margin-top:140px;}
.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:20px;}
.m_b40{margin-bottom:40px;}
.m_b60{margin-bottom:60px;}
.smile{position: relative; margin:60px 0;}
.smile h4{position:absolute; z-index:100; top:-50px; left:10px;}
.smile .bx-wrapper{border-bottom:rgba(255,255,255,0.5) solid 10px;border-top:rgba(255,255,255,0.5) solid 10px;}

.btn{
	height: 50px;
	color: #0f2236;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	box-sizing: border-box;
	text-shadow: none !important;
	margin: 0 auto;
	background-color: #78cdff;
}
.btn_200{width:200px;}
.btn_270{width:270px;}
.btn a{display:block; width:100%; height:100%; color:#0f2236;padding:10px 0 0 0;}
_:-ms-input-placeholder, :root .btn a {padding:12px 0 0 0;
  property: value;
}

/*フォーム*/
input , select , input[type=checkbox] , textarea{border:none; background:#FFF; height:40px; padding:5px; margin:0; box-sizing:border-box;}
textarea{height:auto;}
input[type=image]{border:none; padding:0; opacity:1; transition:0.3s;}
input[type=image]:hover{opacity:0.7;}
label {padding-left:30px;line-height:24px;display:inline-block;cursor:pointer;position:relative;}
label:before {content:'';width:24px;/* ボックスの横幅 */height:			24px;			/* ボックスの縦幅 */display:		inline-block;position:		absolute;left:			0;
	background-color:	#FFF;border:none;
}
input[type=checkbox] {display:		none;}
input[type=checkbox]:checked + label:before {content:'\2713';/* チェックの文字 */ 
	font-size:		24px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#a15558;			/* チェックした時の色 */
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#FFF url(../img/select_arrow.png) right 50% no-repeat; padding:5px 20px 5px 5px}
select::-ms-expand {display: none;}
input[type=submit]{ background:#3d9fd2; padding:16px 40px; font-size:20px; color:#FFF; height:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
input[type=submit]:hover{cursor:pointer;}

/* ================================================================
( ・∋ Index
================================================================ */
.miryoku_col{ float:left; width:33.33%; height:310px; position:relative; }
.miryoku_col p.com01 , .miryoku_col p.com02{position:absolute;left:0; right:0; text-align:center; font-size:20px; font-weight:700;text-shadow:1px 1px 5px rgba(0,0,0,0.3),-1px 1px 5px rgba(0,0,0,0.3),1px -1px 5px rgba(0,0,0,0.3);transform:0.3s;}
.miryoku_col p.com01{ top:40%; opacity:1;}
.miryoku_col:hover p.com01{ opacity:0;}
.miryoku_col p.com02{ top:30%; opacity:0;}
.miryoku_col:hover p.com02{ opacity:1;}
.miryoku_col a{transition:0.3s;opacity:1; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:1;}
.miryoku_col .btn{position:absolute;top:60%; left:0; right:0; margin:0 auto; opacity:0;}
.miryoku_col:hover .btn{ opacity:1;}
.miryoku01{background:url(../img/index/miryoku01_h.jpg) no-repeat; background-size:cover;}
.bg_miryoku01 , .bg_miryoku02 , .bg_miryoku03{display:block; width:100%; height:100%; transition:0.3s;}
.miryoku_col:hover .bg_miryoku01 , .miryoku_col:hover .bg_miryoku02 , .miryoku_col:hover .bg_miryoku03{ opacity:0;}
.bg_miryoku01{ background:url(../img/index/miryoku01.jpg) no-repeat; background-size:cover;}
.miryoku02{background:url(../img/index/miryoku02_h.jpg) no-repeat; background-size:cover;}
.bg_miryoku02{ background:url(../img/index/miryoku02.jpg) no-repeat; background-size:cover;}
.miryoku03{background:url(../img/index/miryoku03_h.jpg) no-repeat; background-size:cover;}
.bg_miryoku03{background:url(../img/index/miryoku03.jpg) no-repeat; background-size:cover;}
.miryoku_col .btn{padding:10px 0 0 0;}

.access{width:100%; height:600px; position:relative; margin:0 0 60px 0; }
.access iframe{ margin:0 0 0 0;}
.access_map{position:absolute; left:50%; top:150px; border:#FFF solid 5px; box-shadow:2px 2px 5px rgba(0,0,0,0.5);}

.access_illust_map{background:rgba(0,0,0,0.5); padding:4rem 0; text-align: center;}
.access_illust_map p{text-align: center; margin:0 0 2rem 0; font-size:18px; }
.access_illust_map h2{font-size:24px;}

@media only screen and (max-width: 767px){
	.access_illust_map{padding:4rem 1rem; box-sizing: border-box;}
	.access_illust_map p{text-align: left;}
	}


#header_wrap{overflow:hidden;}
#index video {min-width: 1300px;width: 100%;opacity: 1;left: 0;top: 0;}

.traffic h3{ font-size:18px;margin:0 0 20px 0; text-align:left; background:none; padding:0;}
.traffic h3:first-letter{color:#e9eff3;}
.traffic p , .wave_rss p{ border-bottom:rgba(255,255,255,0.2) solid 1px; padding:0 0 20px 0; margin:0 0 20px 0;}
.traffic p:last-child{ border-bottom:none;}

.plan_rss img{width:100%; margin:0 0 10px 0;}
.plan_search{ font-size:14px; line-height:1.2em; padding:20px 0 0 0; color:#EEE;}
.plan_search table{float:left; width:720px;height:160px;}
.plan_search span{font-size:11px;}
.plan_search table , .plan_search th , .plan_search td{background:rgba(120,205,255,0.3);border:none; padding:0; margin:0; vertical-align: middle;}
.plan_search input , .plan_search select , .plan_search table img{margin:8px 0 0 0;}
.plan_search tr td:first-child{padding:0 0 0 20px;}
.plan_search input[type=image]{ margin:0 0 0 0; height:160px;}

.wave_rss p{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}

/* ================================================================
( ・∋ Cuisine
================================================================ */
.cuisine_btn{ display:flex;justify-content:space-between; margin:40px 0  0 0;}
.cuisine_btn li a{ display:block; width:235px; background: rgba(255,255,255,0.7); box-sizing:border-box; padding:10px; text-align:center; font-size:16px; font-weight:700; color:#000;}
.cuisine_btn span{ display:block;margin:10px 0 0 0;}
.cuisine_btn i{margin:0 0 0 10px;}
.season{line-height:1.2em;}
.season span{ margin:10px 0 0 0; background:#000; padding:5px 20px; font-size:18px;}
.bg_kaiseki , .bg_bbq , .bg_fugu , .bg_kani ,.bg_gyu , .bg_bath{ padding:40px 0;}
.bg_kaiseki{ background:url(../img/cuisine/bg_kaiseki.jpg) no-repeat center center; background-size:cover;}
.bg_bbq{ background:url(../img/cuisine/bg_bbq.jpg) no-repeat center center; background-size:cover;}
.bg_fugu{ background:url(../img/cuisine/bg_fugu.jpg) no-repeat center center; background-size:cover;}
.bg_kani{ background:url(../img/cuisine/bg_kani.jpg) no-repeat center center; background-size:cover;}
.bg_gyu{ background:url(../img/cuisine/bg_gyu.jpg) no-repeat center center; background-size:cover;}
.cuisine_slider{ position:relative; margin:0 0 20px 0;}
.bx-pager , .bx-pager2 , .bx-pager3 , .bx-pager4 , .bx-pager5{ position:absolute; right:10px; bottom:10px;}
.bx-pager img , .bx-pager2 img , .bx-pager3 img , .bx-pager4 img , .bx-pager5 img{ width:84px; border:#FFF solid 3px;}
.bettyu{ background:rgba(120,0,0,0.7); padding:10px; font-size:18px; font-weight:700; margin:0 0 20px 0;}
.bento h4{ margin: 30px 0 5px; text-shadow:1px 1px 5px rgba(0,0,0,0.3),-1px 1px 5px rgba(0,0,0,0.3),1px -1px 5px rgba(0,0,0,0.3);}
.bento h4:first-letter{color: #78CDFF;}

/* ================================================================
( ・∋ Facility
================================================================ */
.bg_bath{ background:url(../img/facility/bg_bath.jpg) no-repeat center center; background-size:cover;}
.facility li{ display:inline-block; margin:0 20px 10px 0;}
.facility li i{ 
    text-align:center;
    background: rgba(0,0,0,0.5); 
    padding:8px;
    border-radius: 5px;
}

/* ================================================================
( ・∋ Bar
================================================================ */
.hama{ height:1050px; position:relative; margin:0 0 40px 0;}
.hama_photo{position:absolute; bottom:0; right:0;}
.bbq_txt{position: absolute; right:50px; bottom:-30px;}
.service{ background:rgba(0,0,0,0.3); border:#fff94f solid 5px; padding:20px 40px; box-sizing:border-box;}
.service_box{ display:flex;align-items:center; font-size:16px; font-weight:700; margin:0 0 30px 0;}
.service_box span{ background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(26, 235, 223, 0.5) 60%);  background: linear-gradient(rgba(0, 255, 255, 0) 40%, rgba(26, 235, 223, 0.5) 60%); padding:0 3px 5px 5px;}
.service_no{ background:#fff94f; width:90px; height:90px;border-radius: 100px;-webkit-border-radius: 100px;-moz-border-radius: 100px; color:#000; font-size:20px; box-sizing:border-box; padding:13px 0 0 0; text-align:center; margin:0 20px 0 0;}
.service_no i{display:block; margin:0 auto 5px auto;font-size:28px;}

/* ================================================================
( ・∋ Tourism
================================================================ */


.t_map{ background:url(../img/tourism/map.jpg) no-repeat center center; height:565px; position:relative;}

.t_map a{display:block; /*background:rgba(195,80,81,1.00);*/ height:30px; position:absolute;/**/transition:0.3s;}
.t_map a:hover:before{ display:block; content:"\f00c";font-family: FontAwesome; font-size:40px; margin:0 0 0 -40px; color:#e7473b; z-index:1;}
.t01{ width:132px; top:408px; left:572px;}
.t02{ width:150px; top:361px; left:629px;}
.t03{ width:150px; top:311px; left:653px;}
.t04{ width:190px; top:119px; left:543px;}
.t05{ width:151px; top:133px; left:256px;}
.t06{ width:151px; top:413px; left:321px;}
.t07{ width:170px; top:387px; left:146px;}
.t08{ width:226px; top:343px; left:97px;}
.t09{ width:94px; top:222px; left:413px;}
.t10{ width:113px; top:211px; left:513px;}
.t11{ width:112px; top:449px; left:433px;}
.t12{ width:207px; top:173px; left:342px;}
.tourism h3{ background:url(../img/bg_h2.png) no-repeat left center; padding:0 0 0 60px; text-align:left; font-size:20px; margin:0 0 20px 0;}
.btn_tour_car , .btn_tour_hp{display:block; width:48%; height:40px;padding:5px; box-sizing:border-box; text-align:center;color:#000;border:#78cdff solid 2px;}
.btn_tour_car{ float:left; background:#FFF; }
.btn_tour_hp{ float:right; background:#78cdff;}

/* ================================================================
( ・∋ Print
================================================================ */
#print{background:#FFF; color:#000; padding:40px 0  0 0;}
#print h2 span:first-letter , #print h3:first-letter{color:#000 !important;}
#print h2 span{background:none; padding:0;}
#print .traffic h3 , #print .traffic h2{text-shadow:none;}
#print .traffic h3{margin:0 0 10px 0;}
#print .traffic p{border-bottom:#AAA solid 1px; padding:0 0 10px 0;}
#print img , #print .w480{margin:0 auto 40px auto;}


/*** QR
*********************************************************************/
#index footer .inner{
	width: 1200px;
}
.qr{
	width: 150px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
}
.qr p{
	text-align: center;
	margin-top: 5px;
}
.qr a{
	color: #fff;
}
#index main .bg_blue .inner .w310.m_t60.index_banner_box {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 35px;
	width: 690px;
}
#index main .bg_blue .inner .w310.m_t60.index_banner_box hr {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	border-width: 0px;
	border-style: none;
}
#index main .bg_blue .inner .bass_btn {
	padding: 20px;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	margin-top: 25px;
	background-color: #FFF;
	color: #333;
	text-align: center;
	border: 1px solid #06C;
}
#index main .bg_blue .inner .bass_btn a {
	color: #069;
}

.bus_info {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

p.bus_title {
	text-align: center;
	font-size: 3em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.bus_left {
	width: 600px;
	float: left;
	margin-bottom: 50px;
}

p.bus_title {
	display: block;
	padding-top: 500px;
}
.bus_right {
	width: 400px;
	float:right;
}

.bus_sub {
	font-size: 1.8em;
	border: 1px solid white;
	padding: 10px;
	text-align: center;
	margin-bottom: 50px;
}

.bus_disc {
	font-size: 1.2em;
}

.bg_white {
	background-color: white;
	color: blue;
	padding: 5px;
	text-decoration: none;
}

.nail {
	display: block;
	margin: 0px;
	padding: 0 0px 0 0;
	width: 250px;
	position: absolute;
	right: 10px;
	top:110px;
	z-index:10000;
}





.photo_gallery #gallery_wrap {
	width:70%;
	margin:0 auto;
	
}

.photo_gallery #gallery_list {display:flex; flex-wrap: wrap; justify-content:flex-start; margin: 0 auto;}
.photo_gallery #gallery_list li{
	margin:0 5px 5px 0;
	overflow:hidden;
	padding:0 8px 8px 8px;
	text-align:center;
	font-size:12px;
	background:rgba(255,255,255,0.50);
	border: 1px solid #03789E;
	color:#000;
}

.photo_gallery #gallery_list li {
   flex: 0 0 30.5%;
      }

.photo_gallery #gallery_list a.photo{
	margin:0 auto;
	display:block;
}
.photo_gallery #gallery_list a.photo img{
	width:100%; height: auto;
}
.photo_gallery .kanri{text-align: right;  text-decoration: underline; color: #fff; font-size: 10px;}


/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:right;
	padding:10px;
	width:auto;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #fff;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: rgba(0,0,0,0.50);
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}
/*---------------------------------
	      /Pager style
---------------------------------*/


.bx-wrapper{max-width: inherit!important;}
.photo_banner{position: fixed; top:150px; left: 0;}

#bar .menu_box{display:flex; flex-wrap: wrap; justify-content:space-between; max-width:700px; margin:0 auto;}
#bar .menu_box ul{margin:0 0 1rem 0;}
#bar .menu_box .left_box{width:48%;}
#bar .menu_box .right_box{width:48%;}


@media only screen and (max-width: 767px){
	#bar .menu_box .left_box{width:100%;}
	#bar .menu_box .right_box{width:100%;}
	}
.fb_bn,.fb_bn *{
    box-sizing: border-box;
}
@media screen and (min-width:1025px){
    .sp_tab_on{
        display: none;
    }    
}
@media screen and (max-width:1024px){
    .pc_only{
        display: none;
    }    
}
.fb_bn{
    width:min(95%,570px);
    height: auto;
    margin-inline: auto;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: minmax(0,1fr);
    place-items: center;
}

.fb_bn > *{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.fb_bn > a{
    width:100%;
    height:100%;
    z-index: 10;
}
.fb_bn > a:hover + .bg_waku{
    opacity: 0.3;
}
.fb_bn img{
    width: 100%;
    height: auto;
    aspect-ratio: 6 / 2;
    object-fit: cover;
}
.fb_bn h3{
    color: #fff;
    font-size: clamp(16px,2.4vw,24px);
    margin:0!important;
    padding:0!important;
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap:10px;
    align-items: center;
    z-index: 2;
    background: none;
}
.fb_bn h3:before{
    content:url("../img/fb_icon.svg");
    width: clamp(30px,4vw,40px);
    height:auto;
    display:inline-block;
    
}
.fb_bn > .bg_waku,
.fb_bn > .border_waku{
    width:100%;
    height:100%;
    transition: 0.5s ease-out;
    
}
.fb_bn > .bg_waku{
    background: transparent;
    background-color: transparent;
background-image: linear-gradient(180deg, transparent 5%, rgba(49,83,47,0.60) 100%);

    
}
.fb_bn > .border_waku{
    border: 1px solid rgba(255,255,255,0.8);
    transform: scale(95% ,90%);
    
}