@charset "utf-8";
.pan{
	width:89.3%;
	max-width: 960px;
	margin:20px auto 60px;
	position: relative;
	z-index: 1;
}
@media only screen and (max-width:767px) {
	.pan{
		margin:3.73vw auto 9vw;
	}

	
}
.pan,.pan a{
	color:#E87A8A;
	font-size:14px;
}
.entitleb span{
	line-height: 1;			
}
@media only screen and (max-width:767px) {
	.entitleb span{
		display: none;
		display: none;
	}
}
.mainareabottom{
	width:89.3%;
	max-width: 960px;
	margin:41px auto 0px;
	position: relative;
	z-index: 0;
	transform: translate(0,0); 
}
@media only screen and (max-width:767px) {
	.mainareabottom{
		margin:17.06vw auto 0px;
		width:100%;
	}
	.pan,.pan a{
		font-size:3.2vw;
	}
}

/*news*/
.newpagearea.flexbox{
	justify-content: space-between;
}
@media only screen and (max-width:767px) {
	.newpagearea.flexbox{
		display: block;
	}
	
}
.newpagearea.flexbox .left{
	width:160px;
	margin-bottom: 170px;
}
.newpagearea.flexbox .right{
	width:720px;
}
.newslistblock {
  padding: 0px 0 150px;
}
@media only screen and (max-width:767px) {
	.newpagearea.flexbox .left{
		width:100%;
		margin-bottom: 0px;
	}
	.newpagearea.flexbox.newsdetail .left{
		display: none;
	}
	.newpagearea.flexbox .right{
		width:100%;
	}
	.newslistblock {
	  padding: 0px 0 16vw;
	}
	
}
.newpagearea,.archivesarea {
	width:89.3%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}
.newpagearea .left h3{
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 0.04em;
	color:#E87A8A;
	padding:0 0 17px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ADADAD;
}
.newpagearea .left ul{
	list-style: none;
}
.newpagearea .left ul li{
	list-style: none;
}
.newpagearea .left ul li a{
	display:block;
	padding:16px 0;
	font-size: 17px;
	font-family: "Zen Maru Gothic", sans-serif;
	color: #5D5A5A;
	position: relative;
	line-height: 1;
	font-weight: bold;
}
.newpagearea .left ul li a span{
	display: block;
	width:7.41px;
	position: absolute;
	top:50%;
	right: 25px;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
	line-height: 0;
}
.jptitleb{
	margin-top: -22px;
	padding-bottom: 80px;
}
.jptitleb::before{
  content: "";
	display: inline-block;
  width:27px;   /* 画像サイズに調整 */
  height: 34px;
  background:url("../img/common/fire.png") no-repeat;
  background-size: contain;
  pointer-events: none; /* クリックに干渉しない */
	margin-right: 10px;
}
.jptitleb::after{
  content: "";
	display: inline-block;
  width:27px;   /* 画像サイズに調整 */
  height: 34px;
  background:url("../img/common/fire.png") no-repeat;
  background-size: contain;
  pointer-events: none; /* クリックに干渉しない */
	margin-left: 10px;
}


@media only screen and (max-width:767px) {
	.entitleb,.jptitleb{
		position: relative;
	}
	.jptitleb{
	padding-bottom:10.6vw;
	}
	.jptitleb.spma60{
		padding-bottom:16vw;
	}
	.jptitleb::before{
	  width:6.13vw;   /* 画像サイズに調整 */
	  height: 7.73vw;
		margin-right: 2.63vw;
	}
	.jptitleb::after{
	  width:6.13vw;   /* 画像サイズに調整 */
	  height: 7.73vw;
		margin-left: 2.63vw;
	}

}

.nav-links.pageing{
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:30px;
}
 .nav-links.pageing a,
.nav-links.pageing span{
	height: 36px;
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 18px;
	line-height: 1;
	border-radius: 50%;
	background: rgba(232,122,138,0.6);
	margin:0 10px;
}
 .nav-links.pageing span.current{
	background: #E87A8A;

}
.nav-links.pageing .pref{

	height: 12px;
	width: 7.14px;
	background: url("../img/common/pageingy1.png") no-repeat;
	background-position: center;
	background-size: 7px auto;
	line-height: 0;
}
 .nav-links.pageing .next{

	height: 12px;
	width: 7.14px;
	background: url("../img/common/pageingy2.png") no-repeat;
	background-position: center;
	background-size: 7px auto;
	line-height: 0;
}
@media only screen and (max-width:767px) {
	
	.newslist .nav-links.pageing{
		margin-top:2vw;
	}
	 .nav-links.pageing a,
	.nav-links.pageing span{
		height: 9.6vw;
		width: 9.6vw;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #FFF;
		font-size: 4.8vw;
		line-height: 1;
		border-radius: 50%;
		background: rgba(232,122,138,0.6);
		margin:0 2.6vw;
	}
	 .nav-links.pageing span.current{
		background: #E87A8A;

	}
	.nav-links.pageing .pref{

		height: 3.2vw;
		width: 1.976vw;
		background: url("../img/common/pageingy1.png") no-repeat;
		background-position: center;
		background-size: 1.976vw auto;
		line-height: 0;
	}
	 .nav-links.pageing .next{

		height: 3.2vw;
		width: 1.976vw;
		background: url("../img/common/pageingy2.png") no-repeat;
		background-position: center;
		background-size: 1.976vw auto;
		line-height: 0;
	}

}

.select-wrapper {
  position: relative;
  display:block;
  border: 2px solid #E87A8A;
  border-radius: 8px;

  font-size: 4vw;
  color: #E87A8A;
  font-weight: bold;
  cursor: pointer;
	width:56vw;
	margin:0 auto 10.6vw;
}

/* セレクト本体 */
.select-wrapper select {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  background: transparent;
  border: none;
  cursor: pointer;
  appearance: none;       /* 標準矢印を消す */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 12px 40px 12px 16px; /* 右に余白を多めにとる */
}

/* 矢印を画像で */
.select-wrapper::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width:3.2vw;   /* 画像サイズに調整 */
  height: 1.976vw;
  background: url("../img/common/arrow-down.png") no-repeat center;
  background-size: contain;
  pointer-events: none; /* クリックに干渉しない */
}



/*

archive

*/
.archivesarea.flexbox{
	justify-content: space-between;
	margin-bottom: 90px;
}

.archivesarea.flexbox .line{
	width:46.875%;
	margin-bottom: 80px;
	font-family: "Zen Maru Gothic", sans-serif;
}
.archivesarea.flexbox .line .img{
	margin-bottom: 40px;
}
.archivesarea.flexbox .line .date{
	margin-bottom: 20px;
	font-size:18px;
	line-height: 1;
	font-weight: bold;
}
.archivesarea.flexbox .line h2{
	margin-bottom: 11px;
	font-size:24px;

	font-weight: bold;
	color:#D33283;
}
.archivesarea.flexbox .line hr{
	margin-bottom: 30px;
	font-size:0;
	line-height:0;
	background:#D33283;
	width:60px;
	height: 2px;
}
.archivesarea.flexbox .img.moviearea {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 の比率 */
  overflow: hidden;
}

.archivesarea.flexbox .img.moviearea .archivemovie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.archivesarea.flexbox .img.moviearea .archivemovie iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
@media only screen and (max-width:767px) {
	.archivesarea.flexbox{
		margin-top:5.74vw;
		margin-bottom: 0;
	}

	.archivesarea.flexbox .line{
		width:100%;
		margin-bottom: 13.3vw;

	}
	.archivesarea.flexbox .line .img{
		margin-bottom: 6.4vw;
	}
	.archivesarea.flexbox .line .date{
		margin-bottom: 3.2vw;
		font-size:4.2vw;

	}
	.archivesarea.flexbox .line h2{
		margin-bottom: 5.3vw;
		font-size:5.3vw;

		font-weight: bold;
		color:#D33283;
	}
	.archivesarea.flexbox .line hr{
		margin-bottom: 6.4vw;

		width:16vw;

	}

	
	
}
/*

contents 各詳細ページ

*/
.contentsarea{
	font-family: "Zen Maru Gothic", sans-serif;

	position: relative;
	z-index: 1;

}
.contentsarea .line1{
	font-family: "Noto Serif JP", serif;
}
.contentsarea h1{
	font-size: 28px; 

	color: #D33283;
	font-weight: bold;
	line-height: 1.75;
	margin:30px 0 40px;
	padding-bottom: 23px;
	position: relative;
	
}
.contentsarea h1::before{
	width:100%;
	height: 2px;
	background: #7790CC;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.contentsarea h1::after{
	width:27.7%;
	height: 2px;
	background:#D33283;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}
.contentsarea p{
	line-height: 2;
	margin-bottom: 30px;

}
.contentsarea .wp-block-quote p{
	margin-bottom:0px;
}
.contentsarea .size-large{
	width:100%;
	margin-bottom: 40px;
}
.contentsarea h2{
	font-size: 24px; 

	color: #D33283;
	font-weight: bold;
	line-height: 1.2;
	margin:0px 0 40px;
	padding-bottom: 20px;
	position: relative;
	
}

.contentsarea h2::after{
	width:27.7%;
	height: 2px;
	background:#D33283;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}

.contentsarea .wp-block-gallery{
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.contentsarea .wp-block-gallery.wp-block-gallery-2 figure{
	width:48.8%;
	margin-right: 1.2%;
	margin-bottom: 20px;
}
.contentsarea .wp-block-gallery.wp-block-gallery-2 figure:nth-child(2n){
	margin-right: 0%;
}
.contentsarea h3{
	background:#E87A8A;
	border-radius: 6px;
	color: #FFF;
	padding:20px;
	font-size:20px;
	font-weight: bold;
	margin-bottom: 30px;
}
.contentsarea h4{
	font-size: 20px; 
	border-top:2px solid #ADADAD;
	border-bottom:2px solid #ADADAD;
	font-weight: bold;

	margin:0px 0 30px;
	padding:17px 0;
	
}
.contentsarea h5{
	font-size: 18px; 

	font-weight: bold;
	color:#D33283;
	margin:0px 0 30px;

	
}
.contentsarea h6{
	font-size: 18px; 
	border-bottom:2px solid #ADADAD;
	padding-bottom:20px;
	font-weight: bold;

	margin:0px 0 30px;

	
}

.contentsarea .wp-block-quote{
	background: #FFF;
	border-radius: 8px;
	padding:20px 22px;
	letter-spacing: 0.04em;
	margin-bottom: 30px;
}
.contentsarea > iframe{
	width:100%;
	height: 380px;
	margin-bottom: 40px;
}


.contentsarea .navigation{
	width:100%;


}
.contentsarea .navigation .nav-previous,
.contentsarea .navigation .nav-next{
	position: absolute;
}
.contentsarea .navigation .nav-previous a,
.contentsarea .navigation .nav-next a,
.contentsarea .archive_pageing .list a{
	font-size:17px;
	color:#E87A8A;
	font-weight: bold;
}

.contentsarea .navigation .nav-previous{
	top:40px;
	left: 0;
}
.contentsarea .navigation .nav-next{
	top:40px;
	right: 0;
}


.contentsarea .navigation .nav-previous a{
	display: block;
	padding-left: 13px;
	background: url("../img/common/pageingy1.png") no-repeat;
	background-position:left 5px;
	background-size: 7px auto;
	line-height:1;
}
.contentsarea .navigation .nav-next a{

	height: 12px;
	padding-right:13px;
	background: url("../img/common/pageingy2.png") no-repeat;
	background-position: right 8px;
	background-size: 7px auto;
	line-height:1;
}



.contentsarea .archive_pageing{
	position:relative;
	margin-bottom: 170px;
}
.contentsarea .archive_pageing .list{
	width:100%;
	text-align: center;
	padding-top:33px;
	border-top:solid 1px #ADADAD;
}



.contentsarea .is-type-video .wp-block-embed__wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
	margin-bottom: 40px;
}
.contentsarea .is-type-video .wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
}
.contentsarea figure.aligncenter {
	

	width:100%;
	text-align: center;
}
@media only screen and (max-width:767px) {
	.contentsarea{
		margin-bottom: 5.3vw;
	}
	.contentsarea h1{
		font-size: 5.8vw; 

		line-height: 1.72;
		margin:5.2vw 0 6.4vw;
		padding-bottom: 5.3vw;
		position: relative;

	}

	.contentsarea h1::after{
		width:24.7%;

	}
	.contentsarea p{
		font-size: 4vw;
		line-height:1.73;
		margin-bottom: 10.6vw;

	}
	.contentsarea .size-large{
		width:100%;
		margin-bottom: 10.6vw;
	}
	.contentsarea h2{
		font-size: 5.3vw; 

		line-height: 1.75;
		margin:0px 0  10.6vw;
		padding-bottom: 5.3vw;
		position: relative;

	}

	.contentsarea h2::after{
		width:16%;

	}

	.contentsarea .wp-block-gallery{

		margin-bottom: 10.6vw;
	}
	.contentsarea .wp-block-gallery.wp-block-gallery-2 figure{
		width:48.8%;
		margin-right: 1.2%;
		margin-bottom: 2.6vw;
	}
	.contentsarea .wp-block-gallery.wp-block-gallery-2 figure:nth-child(2n){
		margin-right: 0%;
	}
	.contentsarea h3{

		border-radius: 3.73vw;

		padding:4vw 5.3vw;
		font-size:4.8vw;

		margin-bottom: 8vw;
	}
	.contentsarea h4{
		font-size: 4.8vw; 
		margin:0px 0 8vw;
		padding:3.73vw 0;

	}
	.contentsarea h5{
		font-size: 4.52vw; 

		margin:0px 0 8vw;


	}
	.contentsarea h6{
		font-size: 4.2vw; 

		padding-bottom:3.73vw;
		font-weight: bold;

		margin:0px 0 8vw;


	}

	.contentsarea .wp-block-quote{

		border-radius: 2.1vw;
		padding:4.8vw 4.8vw;

		margin-bottom: 8vw;
	}
	.contentsarea > iframe{
		width:100%;
		height: 380px;
		margin-bottom: 10.6vw;
	}



	.contentsarea .navigation .nav-previous a,
	.contentsarea .navigation .nav-next a,
	.contentsarea .archive_pageing .list a{
		font-size:4vw;
		line-height: 1;
		height: 4.2vw;
    display: block;
	}
	.contentsarea .archive_pageing {
		margin-top:2.66vw;
	  margin-bottom: 10.6vw;
	}

	.contentsarea .navigation .nav-previous{
		top:8vw;
		left: 0;
	}
	.contentsarea .navigation .nav-next{
		top:8vw;
		right: 0;
	}


	.contentsarea .navigation .nav-previous a{
		height: auto;
		display: block;
		padding-left: 4vw;
		background: url("../img/common/pageingy1.png") no-repeat;
		background-position:left  0.7vw;
		background-size: 2vw auto;

	}
	.contentsarea .navigation .nav-next a{

	height: auto;
    padding-right: 4vw;
    background: url("../img/common/pageingy2.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;

    background-position: right 0.7vw;
    background-size: 2vw auto;
    display: block;

	}

	.contentsarea .archive_pageing .list{

		padding-top:8vw;

	}
	.contentsarea .select-wrapper{
		
		margin: 0 auto 16vw;
	}
	.contentsarea .is-type-video .wp-block-embed__wrapper {
		margin-bottom:10.6vw;
	}
}

/*

LOG

*/
.loglist hr{
	width:100%;
	font-size: 0;
	line-height: 0;
	height: 1px;
	background :#ADADAD;
	margin:20px 0 30px;
}
.logline{
	width:100%;
	margin-bottom: 60px;
}
.logline a{
	width:100%;
	display: flex;
	justify-content: space-between;
}
.logline a .img{
	width:44%;
}
.logline a .text{
	width:50%;
}
.logpagearea.flexbox{
	justify-content: space-between;
}
@media only screen and (max-width:767px) {
	.loglist hr{

		height: 1px;
		background :#ADADAD;
		margin:0px 0 8.6vw;
	}
	.logline{

		margin-bottom: 16vw;
	}
	
	.logpagearea.flexbox{
		display: block;
	}
	.logline a {
		display: block;
	}
	.logline a .img{
		width:100%;
		margin-bottom: 8vw;
	}
	.logline a .text{
		width:100%;
	}
}
.logpagearea.flexbox .left{
	width:160px;
}
.logpagearea.flexbox .right{
	width:720px;
}
.loglistblock {
  padding: 0px 0 150px;
}
@media only screen and (max-width:767px) {
	.logpagearea.flexbox .left{
		width:100%;
	}
	.logpagearea.flexbox.logdetail .left{
		display: none;
	}
	.logpagearea.flexbox .right{
		width:100%;
	}
	.logslistblock {
	  padding: 0px 0 16vw;
	}
	
}
.logpagearea{
	width:89.3%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}
.logpagearea .left h3{
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 0.04em;
	color:#E87A8A;
	padding:0 0 17px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ADADAD;
}
.logpagearea .left ul{
	list-style: none;
}
.logpagearea .left ul li{
	list-style: none;
}
.logpagearea .left ul li a{
	display:block;
	padding:16px 0;
	font-size: 17px;
	font-family: "Zen Maru Gothic", sans-serif;
	color: #5D5A5A;
	position: relative;
	line-height: 1;
}
.logpagearea .left ul li a span{
	display: block;
	width:7.41px;
	position: absolute;
	top:50%;
	right: 25px;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
	line-height: 0;
}



.logline .line1{
	width:100%;
	line-height: 1.6;
}
.logline span{
	display: inline-block;
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
	padding:8px 12px;
	line-height: 1;

	border-radius: 10px 0px;
	background: linear-gradient(90deg,#e87a8a 0%, #8395c4 55.89%, #8195c5 100%);
	margin-right: 10px;
	
}
.logline .line2{
	width:100%;
	line-height: 1.75;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding:17px 0 20px;
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 30px;
	color: #D33283;
}
.logline .line3{
	width:100%;
	line-height: 1.75;
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: 16px;
	letter-spacing: 0.04em;


}
@media only screen and (max-width:767px) {
	.logline .line1{
		width:100%;
		line-height: 1.6;
		font-size:4vw;
	}
	.logline span{

		font-size: 3.4vw;
		padding:2.1vw 2.9vw;

		border-radius: 2.6vw 0px;
		margin-right: 3.2vw;
		letter-spacing: 0.04em;

	}
	.logline .line2{

		font-size: 4.2vw;

		padding:6.4vw 0;
		border-bottom: 1px solid #ADADAD;
		margin-bottom: 8vw;
	}	

}
/*

cast

*/

.castpagearea.flexbox{
	justify-content: space-between;
}
@media only screen and (max-width:767px) {
	.castpagearea.flexbox{
		display: block;
	}
	
}
.castpagearea.flexbox .leftarea{
	width:160px;
}
.castpagearea.flexbox .rightarea{
	width:720px;
	position: relative;
	z-index: 1;
}
.castslistblock {
  padding: 0px 0 150px;
}
@media only screen and (max-width:767px) {
	.castpagearea.flexbox .leftarea{
		width:100%;
	}
	.castpagearea.flexbox.castsdetail .left{
		display: none;
	}
	.castpagearea.flexbox .rightarea{
		width:100%;
	}
	.castslistblock {
	  padding: 0px 0 16vw;
	}
	
}
.castpagearea{
	width:89.3%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.castpagearea .leftarea h3{
	font-size: 32px;
	font-weight: normal;
	letter-spacing: 0.04em;
	color:#E87A8A;
	padding:0 0 17px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ADADAD;
}
.castpagearea .leftarea ul{
	list-style: none;
}
.castpagearea .leftarea ul li{
	list-style: none;
}
.castpagearea  .leftarea ul li a{
	display:block;
	padding:20px 0;
	font-size: 17px;
	font-family: "Zen Maru Gothic", sans-serif;
	color: #5D5A5A;
	position: relative;
	line-height: 1;
	font-weight: bold;
}
.castpagearea  .leftarea ul li a span{
	display: block;
	width:7.41px;
	position: absolute;
	top:50%;
	right: 25px;
    transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -ms-transform: translate(-0%, -50%);
	line-height: 0;
}
.castpagearea .castarea .castline .lrlay{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.castpagearea .castarea .castline:nth-child(2n) .lrlay{
	flex-direction: row-reverse;
}
.castpagearea .lrlay .left{
	width:45.8%;
}
.castpagearea .lrlay .right{
	width:45.8%;
}
.castpagearea .castarea .castline {
  width:100%;
}
.castpagearea .castline .lrlay .text {
	border-top:none;
	padding: 50px 0 40px;
}
.castpagearea .castline .from{
	padding-bottom: 20px;
	
	border-bottom: solid 1px #ADADAD;
}
.castpagearea .castline:nth-child(2n) {
  margin-top: 0px;
}
.castpagearea .castline{
  margin-bottom: 80px;
}
@media only screen and (max-width:767px) {

	.castpagearea .lrlay .left{
		width:40vw;
	}
	.castpagearea .lrlay .right{
		width:44vw;
	}

	.castpagearea .castline .lrlay .text {
		border-top:none;
		padding: 14.13vw 0 0px;
	}
	.castpagearea .castline .from{
		padding-bottom: 5.3vw;
		margin-bottom: 0;
		border-bottom: solid 1px #ADADAD;
	}
	.castpagearea .castline:nth-child(2n) {
	  margin-top: 0px;
	}
	.castpagearea .castline{
	  margin-bottom: 80px;
	}
	.castpagearea .castarea .castline .lrlay{
		margin-bottom: 8vw;
	}
}
@media only screen and (max-width:767px) {

}