#load{visibility: hidden;}

section#lead,section#gallery,section#layout{padding: 100px 0;}
section#schedule,section#access,section#bnr{padding: 100px 0 0;}
section#about,section#floor{padding:140px 0 100px;}

@media(max-width:768px){
	section#lead,section#gallery,section#layout{padding: 80px 0;}
	section#schedule,section#access,section#bnr{padding: 80px 0 0;}
	section#about,section#floor{padding:80px 0 40px;}
}


h2{font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0.15rem;font-size: 60px;font-weight: bold;}
.h2-jn{margin-top: -5px;margin-bottom: 80px;color:#fff;font-size: 18px;}
@media(max-width: 768px){
	h2{font-size: 36px;}
	.h2-jn{margin-top: -3px;margin-bottom: 40px;font-size: 16px;}
}

/*----------------------------------------------------

  ◆ TOPページ

----------------------------------------------------*/
.sec-head{text-align: center;}
.sec-head h2{}
.sec-head p.h2-jn{}

@media(min-width:1201px){
	.side_logo{position: fixed;left:0;top:68px;width: 175px;z-index: 1;}
}
@media(max-width:1200px){
	.side_logo{position: fixed;left:0;top:68px;width: 7.5%;}
}
@media(max-width:768px){
	.side_logo{position: absolute;top:15px;width: 28%;z-index: 1;}
}

/*----------------------------------------------------

  ◆ lead

----------------------------------------------------*/
section#lead{text-align: center;padding: 80px 7.5%;}
#lead h1{letter-spacing: 0.15rem;font-size: 60px;font-weight: normal;}
#lead p{font-size: 22px;margin-top: 10px;}

@media(max-width: 768px){
	section#lead{text-align: center;padding: 30px 7.5%;}
	#lead h1{letter-spacing: 0.15rem;font-size: 32px;font-weight: normal;}
	#lead p{font-size: 17px;margin-top: 10px;}
}


/* ---------------------------------------------------

◆　news

----------------------------------------------------*/
section#news{padding: 80px 7.5% 40px;}
section#news h2{font-size:24px;margin-bottom: 5px;text-align: center;font-family: "游ゴシック体 Medium", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@media(max-width: 768px){
	section#news h2{font-size:20px;}
}	

/*-- アコーディオン --*/
.accordion{max-width:780px; width: 100%; margin:0 auto;padding:25px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.accordion-ctn{display: flex;}
.accordion-ctn:not(:nth-child(1)){margin-top: 7px;}
.accordion-ctn p{display: flex;width: 7em;font-size: 16px;}
.accordion-ctn a{color:#fff;text-decoration: underline;font-size: 16px;}
img.accordion-arrow{width: 20px;display: block;margin:0 auto 5px;}

a.accordion-btn{font-size:18px;letter-spacing: 0.05rem;text-align: center;display: block;cursor: pointer;width: 6em;margin: 15px auto 0;}

@media(max-width: 768px){
	.accordion{max-width:700px; width: 100%; margin:0 auto;padding:25px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	.accordion-ctn{display: block;}
	.accordion-ctn:not(:nth-child(1)){margin-top: 7px;}
	.accordion-ctn p{display: flex;width: 100%;font-size: 14px;}
	.accordion-ctn a{color:#fff;text-decoration: underline;font-size: 14px;}

	a.accordion-btn{font-size:16px;letter-spacing: 0.05rem;text-align: center;display: block;cursor: pointer;width: 6em;margin: 15px auto 0;}
}


/* ---------------------------------------------------

◆　schedule

----------------------------------------------------*/
section#schedule{}
.swiper-slide .head{align-items: center;margin-bottom: 20px;width: 380px;margin:0 auto 30px;}
.swiper-slide .month{text-align: center;}
.swiper-slide .month .en{text-align: center;font-size: 32px;letter-spacing: 0.2rem;font-weight: bold;}
.swiper-slide .month .num{text-align: center;font-size: 42px;margin-top: -5px;font-weight: bold;letter-spacing: 0.05rem;}
.swiper-button-prev,.swiper-button-next{width: 36px;height: 36px;cursor: pointer;}
.swiper-button-prev{background: url(../images/btn_prev.jpg)0 0 no-repeat;background-size: cover;}
.swiper-button-next{background: url(../images/btn_next.jpg)0 0 no-repeat;background-size: cover;}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity: .7s;transition: .2s;}

.swiper-slide .ctn{max-width:780px;width:85%;margin:0 auto;border-top: 1px solid #fff;}
.swiper-slide .box{width: 100%;/*padding:20px;*/padding:20px;border-bottom: 1px solid #fff;display: flex;flex-wrap: wrap;align-items: center;}
.swiper-slide .box .img{width: 140px;}
.swiper-slide .txt{margin-left: 20px;width: calc(100% - 160px);}
.swiper-slide .txt p.date{font-family: 'Roboto Condensed', sans-serif;color:#fff;font-weight: bold;font-size: 26px;letter-spacing: 0.1rem;}
.swiper-slide .txt p.event{color:#fff;font-weight: bold;font-size: 22px;line-height: 1.3;margin-top: 3px;}
.swiper-slide .txt a{text-decoration:underline;color:#bb916d;margin-top: 2px;}
.swiper-slide .txt p.event .cancel {color:#fff;font-weight: bold;font-size: 26px;line-height: 1.3;margin: 8px 0; padding: 8px; background-color: red; display: inline-block}

@media(max-width: 768px){
	.swiper-slide .head{align-items: center;margin-bottom: 20px;width: 300px;margin:0 auto 30px;}
	.swiper-slide .month .en{text-align: center;font-size: 26px;letter-spacing: 0.2rem;font-weight: bold;}
	.swiper-slide .month .num{text-align: center;font-size: 34px;margin-top: -5px;font-weight: bold;letter-spacing: 0.05rem;}
	.swiper-button-prev,.swiper-button-next{width: 36px;height: 36px;cursor: pointer;}

	.swiper-slide .ctn{max-width:380px;}
	.swiper-slide .box{display: block;}
	.swiper-slide .box .img{width: 74%; margin: auto;}
	.swiper-slide .txt{margin: 1em 0 0;width:100%;}
	.swiper-slide .txt p.date{font-size: 20px;letter-spacing: 0.05rem;}
	.swiper-slide .txt p.event{color:#fff;font-weight: bold;font-size: 17px;line-height: 1.3;margin-top: 3px;}
	.swiper-slide .txt a{font-size:14px;margin-top: 2px;}
}

/*----------------------------------------------------

◆　access

----------------------------------------------------*/
section#access{}

section#access .ctn{max-width: 860px;width: 85%;margin: 0 auto 100px;}
#access .txt{width: 50%;}
#access .txt h3{font-size: 52px;letter-spacing: 0.1rem;font-weight: bold;}
#access .img{width: 45%;border:1px solid #fff;}
#access .address,#access .way{margin-top: 20px;}

@media(max-width: 768px){
	#access .txt{width: 100%;}
	#access .txt h3{font-size: 30px;letter-spacing: 0.05rem;}
	#access .txt h4{font-size: 14px;}
	#access .img{width: 100%;margin-top: 20px;}
}

/*-- Google Map --*/
.map {position: relative;min-height: 420px;max-width: 100%;margin: 15px auto 0;height: 0;overflow: hidden;z-index: 0;}
.map iframe,.map object,.map embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media (max-width: 768px){
  .map {min-height: 360px;}
}

/*----------------------------------------------------

◆　floor

----------------------------------------------------*/
section#floor{}
section#floor .img{padding:0px 40px 20px;}

.pdf-btn{margin: 80px auto 0;}
.pdf-btn a{display:block;position:relative;width:100%;max-width: 360px;font-size: 18px;padding:25px 20px;color:#000;text-align: left;background:#fff;margin: 60px auto 20px;}
.pdf-btn a div{position: absolute;right:25px;top:33px;width: 48px;height:12px;background:url(../images/arrow_bk.png)0 0 no-repeat;background-size: contain;transition: .2s;}
.pdf-btn a:hover{color:#fff;background: #760013;transition: .2s;}
.pdf-btn a:hover > div{right:15px;background:url(../images/arrow_wh.png)0 0 no-repeat;background-size: contain;transition: .2s;}

@media(max-width: 768px){
	section#floor .img{padding:30px 30px 0;}

	.pdf-btn{margin: 20px auto 0;}
	.pdf-btn a{margin: 20px auto 20px;width: 100%;font-size: 14px;padding:20px 0 20px 15px;margin-bottom: 10px;position: static;}
	.pdf-btn a div{margin: -15px 7px 8px auto;position:static;width: 40px;height:8px;transition: .2s;}
	.pdf-btn a:hover{}
	.pdf-btn a:hover > div{right:7px;background-size: contain;transition: .2s;}
}

/*----------------------------------------------------

◆　gallery

----------------------------------------------------*/
section#gallery{}
#gallery .ctn{}
#gallery .box{width: 46%;margin-bottom: 30px;}
#gallery .box p{margin-top: 5px;}

@media(max-width: 768px){
	#gallery .box{width: 100%;margin-bottom: 30px;}
	#gallery .box p{margin-top: 5px;}
}

/* ---------------------------------------------------

◆　about

----------------------------------------------------*/
section#about{width: 100%;}
#about h1,#about h2{color:#fff;}
#about h3{color:#000;}
#about p.lead,#about p.h2-jn{color:#fff;}
#about p.catch{color:#fff;text-align: center;font-weight: bold;font-size: 28px;margin-bottom: 30px;}
#about p{color:#000;}
#about .ctn{margin-top: 40px;}
#about .box{width: 30%;margin-bottom: 30px;background: #dbdbdb;}
#about .box .txt{padding:10px 15px 15px;}
#about .box h3{font-size: 18px;font-weight:bold;line-height: 1.4;margin-bottom: 3px;}
.spec{width: 100%;color:#fff;border: 1px solid #fff;padding:40px 7%;}
.spec table,.spec ul li{line-height: 1.7;}

@media(max-width: 768px){
	#about .box{width: 100%;margin-bottom: 30px;}
	#about .box img{margin-bottom: 5px;}
	#about .box h3{font-size: 16px;}
	#about p.catch{font-size: 18px;margin-bottom: 20px;}
	.spec{font-size:14px;padding:20px 20px;}
	.spec table,.spec ul li{font-size: 14px;}
	.spec table.table-2 th{width:7em;}
	.spec table.table-2 td{text-indent: -1em;padding-left: 1em;}
	.spec ul li.over{text-indent: -4em;padding-left: 4em;}
}

/* ---------------------------------------------------

◆　layout

----------------------------------------------------*/
section#layout{}
#layout h3{margin-bottom:20px;letter-spacing: 0.15rem;font-size: 45px;font-weight: bold;text-align: center;}
#layout .ctn{width: 100%;max-width: 800px;margin: 0 auto;}
#layout .box{width: 50%;text-align: center;}
#layout .box div{width: 65%;margin:20px auto 70px;}
#layout .box-2f{}
#layout .box-2f p{text-align: center;}
#layout .box-2f div{width: 260px;margin:20px auto 0;}

@media(max-width: 768px){
	#layout h3{margin-bottom:5px;font-size: 30px;}
	#layout .ctn{}
	#layout .box{width: 100%;text-align: center;}
	#layout .box div{width: 230px;margin:10px auto 40px;}
	#layout .ttl-2f{margin-top: 18px;}
	#layout .box-2f div{width: 230px;margin:20px auto 0;}
}

/* ---------------------------------------------------

◆　specification

----------------------------------------------------*/
section#specification .inner-width{padding: 100px 0 140px; border-top: 1px solid #fff;}

.detail-btn{width:100%;margin: 80px auto 0;}
.detail-btn a{position:relative;width: 32%;font-size: 18px;padding:25px 20px;color:#000;text-align: left;background:#fff;margin-bottom: 20px;}
.detail-btn a div{position: absolute;right:25px;top:33px;width: 48px;height:12px;background:url(../images/arrow_bk.png)0 0 no-repeat;background-size: contain;transition: .2s;}
.detail-btn a:hover{color:#fff;background: #760013;transition: .2s;}
.detail-btn a:hover > div{right:15px;background:url(../images/arrow_wh.png)0 0 no-repeat;background-size: contain;transition: .2s;}

@media(max-width: 768px){
  section#specification .inner-width{padding: 60px 0 60px; border-top: 1px solid #fff;}
  .detail-btn{margin-top: 0px;}
  .detail-btn a{width: 100%;font-size: 14px;padding:16px 0 16px 16px;margin-bottom: 20px;position: static;}
  .detail-btn a div{margin: -16px 7px 9px auto;position:static;width: 40px;height:8px;background:url(../images/arrow_bk.png)0 0 no-repeat;background-size: contain;transition: .2s;}
  .detail-btn a:hover{transition: .2s;}
  .detail-btn a:hover > div{right:7px;transition: .2s;}
}


/* ---------------------------------------------------

◆　BANNER

----------------------------------------------------*/
section#bnr{width: 90%; margin: 0 auto;}
section#bnr ul li{ margin-bottom: 25px;}

@media(min-width: 769px){
	section#bnr{width: 640px;}
	section#bnr ul li{ margin-bottom: 60px;}
	section#bnr ul.lyt-sub,.box-lyt-sailormoon ul.lyt-sub{ display: flex;justify-content: space-between;}
	section#bnr ul.lyt-sub li,.box-lyt-sailormoon ul.lyt-sub li{ width: 48%;}
}



/* ---------------------------------------------------

◆　24.08.29 追加

----------------------------------------------------*/
/*.swiper-slide .box{
	background-color: brown
}
.swiper-slide .box .img{
	background-color: azure
}
.swiper-slide .txt{
	background-color: blanchedalmond
}*/

.lyt-sns-list{
	max-width: 220px;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 1em;/*
	background-color: aqua*/
}
.lyt-sns-list li{
	width: 25%;
}
.lyt-sns-list li a{
	display: block;
}
.lyt-sns-list li a:hover{
	opacity: .6;
}
.lyt-sns-list li.lyt-x a{/*
	background-color: blanchedalmond*/
}
.lyt-sns-list li.lyt-x a img{
	width: 90%;
}
.lyt-sns-list li.lyt-instagram a{
	margin: 0 2px;/*
	background-color: brown*/
}
.lyt-sns-list li.lyt-facebook a{
	margin: 0 2px;/*
	background-color: cornflowerblue*/
}
.lyt-sns-list li.lyt-threads a{
	text-align: center;
	padding: 4px 7px 3px 4px;
	margin: 0 2px;/*
	background-color: darkgoldenrod*/
}
.lyt-sns-list li.lyt-threads a img{
	width: 100%;
}
.lyt-sns-list li.lyt-youtube a{
	margin: 0 2px;/*
	background-color: cornflowerblue*/
}


@media(min-width: 769px){
.lyt-sns-list{
	max-width: 280px;
	margin-top:0;
}
.lyt-sns-list li{
	width: 42px;
	height: auto;		
}
.lyt-sns-list li + li{
	margin-left: -3px;
}
.lyt-sns-list li.lyt-x a img{
	width: 100%;
}
.lyt-sns-list li.lyt-threads a img{
	width: 46px;
}
}


/*24.11.13 追加*/
#about .lyt-nav a{
	box-sizing: border-box;
	display: block;
	border-radius: 6px;
	max-width: 320px;
	width: 100%;
	text-align: center;
	color: #FFF;
	padding: .4em 0 .5em;
	margin: 2em auto 0;
	background-color: #760013;
}
#about .lyt-nav a:hover{opacity: .8;}
/*#about .box.full{width: 100%;margin-bottom: 30px;background: #dbdbdb;}
#about .box.full a{width: 100%;	display: block}
#about .box.full a:hover{opacity: .8;}*/



/*25.11.27 追加*/
.lyt-box-news{
	max-width:  min(95%,765px);
	margin: 0 auto;
}
.lyt-box-news .lyt-hdg{
	text-align: center;
	margin: 0 0 1em;
	background-color: #760013;
	padding: .3em 1em;
	font-weight: bold;
}

.lyt-logo-bnr{
	max-width:  min(90%,300px);
	margin: 1.6em auto 0;
	/*margin: auto;*/
}
.lyt-logo-bnr a:hover{
	opacity: .7
}
.lyt-logo-bnr li.fix figure a{
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	align-items: center;
}
	
.lyt-logo-bnr li.fix figure a img{
	max-width:  min(100%,180px);	
}
.lyt-logo-bnr li.fix figure a figcaption{
	font-size: .9em;
	color: #fff;
	margin-right: 1em;
}

.box-lyt-sailormoon{
	max-width: min(90%,765px);
	margin: 3.6em auto;
}

.box-lyt-sailormoon figure.logo a{
	width: 90%;
	display: block;
	margin: 0 auto 1.6em;
}
.box-lyt-sailormoon figure.logo a img{
pointer-events: none;
}

.box-lyt-sailormoon figure.logo figcaption{
	font-size: 10px;
	color: rgba(255,255,255,.5)
}

.box-lyt-sailormoon ul.lyt-sub{
	margin-top: 2em;
}
.box-lyt-sailormoon ul.lyt-sub li.sailormoon a{
	display: block;
	text-align: center;
	color: #fff;
	background-color: #f05b89;
	outline: 6px double #f1db75;
	outline-offset: -6px;
	padding: 2em 1.2em;	
}
.box-lyt-sailormoon ul.lyt-sub li a{
	display: block;
	text-align: center;
	color: #000;
	background-color: #fff;
	outline: 6px double #948b56;
	outline-offset: -6px;
	padding: 1.2em;	
}