@charset "utf-8";
/*
Theme Name: bar
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/
/* ----------------------------------- 共通 ----------------------------------- */
@import url("font/style.css");
body{
	color:#434343;
	font-family: 'noto' , sans-serif;
	background-color:#fdf4f1;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.bold{
	font-weight:bold;
}
.fs15{
	font-size:1.5rem;
}
.pink{
	color:#ea638a;
}
.bg_y{
	background:linear-gradient(transparent 75%, #ffc200 75%);
	padding:0 0.5rem;
}
la, li a, p a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color:transparent;
	opacity:0.6;
	transition:all 0.4s;
}
.flex_box{
	display:flex;
	display:-webkit-flex;
}
.vk_posts , .entry-meta-item-updated , .entry-meta-item-author , .sp{
	display:none;	
}
.mt05{
	margin-top:5rem;
}
.mt07{
	margin-top:7rem;
}
/* title */
h3:after{
	display:none;
	border-bottom:none;
}
.th01{
	padding:0;
	border-bottom:none;
	font-weight:bold;
	color:#87391c;
}
.th01 span{
	display:block;
	position:relative;
	color:#eb610a;
	font-size:0.7em;
	font-weight: lighter;
}
.th01 span:after{
	content:"";
	display:inline-block;
	width:7em;
	border-top:solid 1px #eb610a;
	padding-bottom:0.3em;
	margin-left:0.5em;
}
.th02{
	text-align:center;
	font-weight:bold;
	border:none;
	font-size:1.3em;
	color:#87391c;
}
.th02{
	position:relative;
}
.th02:after{
	content:"";
	display:block;
	border-bottom:solid 1px #87391c;
	width:10em;
	position:absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.th02a{
	font-size:1.8em;
	margin-bottom:3em;
	position:relative;
}
.th02a:before{
	content:"";
	display:block;
	width:calc( 327px * 0.6 );
	height:calc( 167px * 0.6 );
	background:url("img/bg_004.png") no-repeat center center;
	background-size:contain;
	position:absolute;
	right:-3em;
	bottom:-3em;
	z-index:0;
}
/* btn */
.btn_base{
	text-decoration:none;
	margin:0;
}
.btn02{
	display:inline-block;
	padding:0.5em 1.5em 0.5em 2em;
	border:solid 1px #87391c;
	color:#87391c;
	transition:all 0.4s;
}
.btn02:after{
	content:"→";
	padding-left:0.5em;
}
.btn02:hover{
	border:solid 1px #87391c;
	background-color:#87391c;
	color:#ffffff;
	opacity:1;
}
.btn03{
	background-color:#c93428;
	color:#ffffff;
	padding:0.5em 2rem 0.7rem 2rem;
	transition:all 0.4s;
}
.btn03:hover{
	background-color:#eb610a;
	color:#ffffff;
	opacity:1;
}
#map_wrap .SfQLQb-QClCJf-giiMnc .i4ewOd-pzNkMb-QClCJf-giiMnc-xJzy8c-haAclf {
	display:none !important;
}
/* ----------------------------------- Header ----------------------------------- */
.slide_box{
	position:relative;
}
.slide_box:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.1);
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.slide_box > h1{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index:10;
	text-align:center;
	color:#ffffff;
	font-size:1.2em;
	font-family:serif;
	line-height:2em;
}
.dcd_arrow_box{
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index:10;
	animation: arrowmove 1.5s ease-in-out infinite;
}
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }
.dcd_arrow{
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	line-height: 1;
	width: 1.5em;
	height: 1.5em;
	border: 0.15em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
}
.home .site-header{
	background-color:transparent;
	box-shadow:none;
}
/* menu */
#global-nav{
	width:100%;
	margin:1em auto;
}
.global-nav-list{
	justify-content:center;
	width:100%;
}
.global-nav-list>li{
	margin:0 1%;
	width:15%;
}
.device-mobile .global-nav-list>li{
	padding:0;
}
.global-nav-list>li:hover:before, .global-nav-list>li[class*=current]:before{
	display:none;
}
.global-nav-list .menu-item a , .device-mobile .global-nav-list>li>a{
	padding:1em 2em;
	background-color:#eb610a;
	color:#ffffff;
	border-radius:0.5em;
	transition:all 0.4s;
}
.global-nav-list .current-menu-item a , .device-mobile .global-nav-list>.current-menu-item>a{
	background-color:#ffc200;
}
.global-nav-list .menu-item a:hover{
	background-color:#c93428;
	opacity:1;
}
.home .global-nav-list .menu-item a:hover{
	background-color:#c93428;
}
/* mobile_menu */
.vk-mobile-nav nav ul li{
	text-align:center;
}
/* ----------------------------------- Footer ----------------------------------- */
.site-footer{
	border:none;	
}
.site-footer-copyright{
	background-color:#726344;
	padding:1em;
}
.site-footer-copyright p{
	color:#ffffff;	
}
/* page to top */
.page-top{
	display:none;
	position:fixed;
	right:0;
	bottom:0;
	z-index:1000;
}
.page-top p{
	margin:0;
}
.move-page-top{
	display:block;
	position:relative;
	width:60px;
	height:60px;
	background-color:#726344;
}
.move-page-top:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transform: scaleX(0);
   transform-origin: right;
   transition: transform .7s cubic-bezier(.19, 1, .22, 1);
   background: #ffc200;
} 
.move-page-top i{
	font-size:1.2em;
	color:#ffffff;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.move-page-top:hover{
	background-color:#222222;
	opacity:1;
}
.move-page-top:hover:before {
   transform: scaleX(1);
   transform-origin: left;
}
.move-page-top:hover i{
	color:#ffffff;
	opacity:1;
   z-index: 3;
}
/* fadeIn */
.fadeIn{
animation-name: fadeInAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* fadeUp */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}
.tb00{
	opacity: 0;
}
/* ------------------ HOME ------------------ */
.top_text{
	padding:0 0 4em;
	margin-bottom:5em;
}
.box01, .entry.category-topics{
	margin-bottom:10em;
	padding:3em;
	background-color:rgba(255,255,255,0.7);
	position:relative;
}
.box01:before , .entry.category-topics:before{
	content:"";
	display:block;
	width:calc( 320px * 0.6 );
	height:calc( 300px * 0.6 );
	background:url("img/img11.png") no-repeat center center; 
	background-size:contain;
	position:absolute;
	left:-5em;
	bottom:-8em;
	z-index:1;
}
.box01:after, .entry.category-topics:after{
	content:"";
	display:block;
	width:calc( 275px * 0.6 );
	height:calc( 320px * 0.6 );
/*	background:url("img/img12.png") no-repeat center center; */
	background-size:contain;
	position:absolute;
	right:-5em;
	top:-7em;
	z-index:1;
}

.box01b, .entry.category-topics{
	margin-bottom:10em;
	padding:3em;
	background-color:rgba(255,255,255,0.7);
	position:relative;
}
.box01b:before , .entry.category-topics:before{
	content:"";
	display:block;
	width:calc( 320px * 0.6 );
	height:calc( 300px * 0.6 );
/*	background:url("img/img11.png") no-repeat center center;  */
	background-size:contain;
	position:absolute;
	left:-5em;
	bottom:-8em;
	z-index:1;
}
.box01b:after, .entry.category-topics:after{
	content:"";
	display:block;
	width:calc( 275px * 0.6 );
	height:calc( 320px * 0.6 );
	background:url("img/img12.png") no-repeat center center;
	background-size:contain;
	position:absolute;
	right:-5em;
	top:-7em;
	z-index:1;
}

.news , .news_list{
	padding:0;
	margin:1em 0;
	list-style:none;
}
.news_box{
	margin:0;
	padding:0.7em 1.5em;
	border-bottom:solid 1px #cccccc;
}
.news_box:first-child{
	border-top:solid 1px #cccccc;
}
.news_box p{
	margin:0;
}
.newsb_l{
	width: 14%;
    letter-spacing: 0.05rem;
}
.newsb_r{
	width:76%;
}
.newsb_r a{
	color:#434343;
}
.newsb_r a:hover{
	color:#eb610a;
	opacity:1;
}
.news_list{
	text-align:center;	
}
.news_list li{
	margin:1em 0;
}
.top_box{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.tb00{
	width:30%;
	margin:0 1% 2em 1%;
	border:solid 2px #87391c;
	border-radius:0.5em;
	padding:1em;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	z-index:5;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
}
.tb00_box , .tb00 .btn_base{
	width:100%;
}
.tb00 h3{
	color:#87391c;
	font-size:1.2em;
	border:none;
	padding:0;
}
.tb00 p+h3{
	margin-top:0.5rem;
}
.tb00 .img{
	text-align:center;
	display:flex;
	margin-bottom:0.3em;
	overflow:hidden;
}
.tb00 .img img{
	object-fit:cover;
	height:160px;
	width:100%;
}
.meta_box{
	list-style:none;
	padding:0;
	margin:0.3em 0;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.meta_box li{
	padding:0.5em;
	border-radius:0.5em;
	color:#ffffff;
	font-size:0.7em;
	margin-right:0.5em;
}
.text_box{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:0.3em 0;
	border-bottom:solid 1px #00444a;
}
.text_box dt{
	width:40%;
	font-size:0.8em;
	color:#87391c;
	text-align:center;
	margin-bottom:0.5em;
}
.text_box dd{
	width:60%;
	font-size:0.8em;
	padding:0 0.5em;
	margin-bottom:0.5em;
}
.text_box .pinpr{
	width:100%;
	padding:0;
	margin-bottom:0.5em;
}
.tb00 .text{
	font-size:0.75em;
	padding:0;
	margin:0.5em 0;
}
.tb00 .btn_base{
	margin:1em 0 0.5em 0;
	font-size:0.9em;
}
.tb00 .btn_base .btn03{
	display:block;
}
/* ------------------ PAGE ------------------ */
.hd_box{
	padding:2em 0;
	background-color: #ae4575
}
/* page-header */
.page-header{
	display:none;
}
/* breadcrumb */
.breadcrumb{
	background-color:#726344;
	color:#ffffff;
}
.breadcrumb a{
	color:#ffffff;
}
.topics_box , .entry.category-topics{
	margin:7em 0 !important;
}
.category-topics .entry-title{
	color:#2c8c89;
}
.category-topics .entry-body{
	color:#00444a;
}
/* 店舗詳細 */
.shop_content{
	margin-bottom:10em;
	padding:3em;
	background-color:rgba(255,255,255,0.8);
	position:relative;
}
.shop_content:before{
	content:"";
	display:block;
	width:calc( 127px * 0.8 );
	height:calc( 185px * 0.8 );
	background:url("img/img05.png") no-repeat center center;
	background-size:contain;
	position:absolute;
	left:-3em;
	bottom:-5em;
	z-index:1;
}
.shop_content:after{
	content:"";
	display:block;
	width:calc( 306px * 0.8 );
	height:calc( 151px * 0.8 );
	background:url("img/bg_004.png") no-repeat center center;
	background-size:contain;
	position:absolute;
	right:-5em;
	top:-1em;
	z-index:1;
}
.sc_box_l{
	width:60%;
}
.sc_box_l ul{
	padding:0;
	list-style:none;
	margin:0;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	color:#ffffff;
}
.sc_box_r{
	width:40%;
	padding:2em;
}
.sc_text_box{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.sc_text_box dt{
	width:45%;
	margin-bottom:0.5em;
	color:#00444a;
}
.sc_text_box dd{
	width:55%;
	margin-bottom:1em;
}
.sc_text_box .pr{
	width:100%;	
}
.sc_box_r .text{
	border-top:dashed 2px #00444a;
	border-bottom:dashed 2px #00444a;
	padding:1em 0;
}
.map{
	border-top:dashed 2px #2c8c89;
	padding:2em;
	margin:3em 0;
}
.map iframe{
	width:100%;
	height:350px !important;
}
.cat_box{
	list-style:none;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
}
.cat_box .cat_list{
	margin:0 0.5em 1em 0.5em;
}
.cat_box .cat_list a{
	padding:0.5em 1em;
	color:#ffffff;
	background:#61c1ee;
	transition:all 0.4s;
	border-radius:0.5em;
	display:inline-block;
}
.cat_box .cat_list a:hover{
	opacity:1;
	background:#ffc200;
	transition:all 0.4s;
}
/* 2023追加  チケット販売店 ticket */
.soldout{
	margin:0;
	padding:0.3rem;
	text-align:center;
	background-color:#ff0000;
	color:#ffffff;
	font-size:0.8rem;
}

/* ----------------------------------- responsive ----------------------------------- */
/* -----------　PC1300px以下 --------------- */
@media screen and (max-width:1299.98px) {
	.box01:before , .entry.category-topics:before{
		left:-1em;
	}
	.box01:after , .entry.category-topics:after , .shop_content:after{
		right:-1em;
	}
	.th02a:before{
		right:0;
	}
	.shop_content:before{
		left:0;
	}
}
/* -----------　PC1200px以下 --------------- */
@media screen and (max-width:1199.98px) {
	.tb00{
	width:31%;
	}
	.sc_box_l , .sc_box_r{
		width:50%;
	}
}
/* -----------  PC 991.98px ----------- */
@media screen and (max-width:991.98px) {
	.move-page-top{
		width:55px;
		height:55px;
	}
	.box01:before{
		width:calc( 323px * 0.5 );
		height:calc( 306px * 0.5 );
	}
	.box01:after{
		width:calc( 275px * 0.5 );
		height:calc( 320px * 0.5 );
	}
	.newsb_l{
		width:20%;
	}
	.newsb_r{
		width:80%;
	}
	.tb00{
	width:32%;
	}
	.text_box dt ,.text_box dd , .tb00 .text{
		font-size:0.9em;
	}
	.sc_box_l{
		width:45%;
	}
	.sc_box_r{
		width:55%;
	}
	.hd_box h1{
		margin-bottom:0;
	}
	.shop_content:before{
	width:calc( 127px * 0.6 );
	height:calc( 185px * 0.6 );
	}
	.shop_content:after{
	width:calc( 306px * 0.6 );
	height:calc( 151px * 0.6 );
	}
	.tb00 .img img{
	height:180px;
	}
}
/* -----------　SP 767.98px以下 --------------- */
@media screen and (max-width:767.98px) {
	.sp{
		display:block;
	}
	.hd_box{
		padding:2em 3em;
	}
	.news_box , .sc_box{
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	}
	.newsb_l , .newsb_r , .sc_box_l , .sc_box_r{
		width:100%;
	}
	.top_text{
		margin-bottom:3em;
	}
	.box01:before{
		width:calc( 323px * 0.4 );
		height:calc( 306px * 0.4 );
	}
	.box01:after{
		width:calc( 275px * 0.4 );
		height:calc( 320px * 0.4 );
	}
	.box01{
		padding:3em 2em;
	}
	.news_box{
		padding:0.5em 1em;
	}
	.th02a:before{
		width:calc( 327px * 0.4 );
		height:calc( 167px * 0.4 );
		bottom:-3.5em;
	}
	.tb00{
		width:100%;
	}
	.shop_content{
		padding:3em 2em;
	}
	.shop_content:before{
	width:calc( 127px * 0.4 );
	height:calc( 185px * 0.4 );
	bottom:-2em;
	}
	.shop_content:after{
	width:calc( 306px * 0.4 );
	height:calc( 151px * 0.4 );
	}
	.sc_box_r{
		padding:0;
	}
	.sc_text_box dt , .sc_text_box dd{
		font-size:0.9em;
	}
	.sc_box_r .text{
		font-size:0.9em;
	}
	.map{
		border-top:none;
		padding:0;
		margin:2em 0;
	}
	.table_scroll{
		overflow-x:scroll;
	}
	.table_scroll table th{
		white-space:nowrap;
	}
}
/* -----------　SP 599.98px以下 --------------- */
@media screen and (max-width:599.98px) {

}

/*TOP協賛*/
.box7{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #4ec4d3;/*左線*/
    border-right: double 7px #4ec4d3;/*右線*/
}
.box7 p {
    margin: 0; 
    padding: 0;
}