@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
/*-----------------------------------------------
 * Bace
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
:root{
	/* color */
	--color-yellow: #F2E826;
	--color-red: #D71418;

	/* vw min 計算 => min(calc(数値 / var(--vw-min) * 100vw), 数値); */
	--vw-min: 1200;

}
@media screen and (max-width:768px) {
	:root {
		/* vw min 計算 => min(calc(数値 / var(--vw-min) * 100vw), 数値); */
		--vw-min: 750;

	}
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	font-family:"Noto Sans JP", sans-serif;
	font-feature-settings: "palt";
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #6ccfee;
	color: #fff;
}
::-moz-selection{
	background: #6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){ 
	html{ 
		font-size: 62.5%;
	}
	body{
		font-size: 10px; 
		font-size: 1rem;
		min-width: 320px;
	}
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.oneModalIn__cont{
	padding: min(calc(150 / var(--vw-min) * 100vw), 150px) 0;
	width:1000px;
}
@media screen and (max-width:768px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding:  calc(150 / var(--vw-min) * 100vw) 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: min(calc(70 / var(--vw-min) * 100vw), 70px);
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
	position: absolute;
	top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.closeBtn{
		width: calc(70 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
	}
}
.closeBtn a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
}
.closeBtn a::before {
	content: "";
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(35 / var(--vw-min) * 100vw), 35px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-mask:url(../img/common/close.svg)no-repeat center / contain;
	mask: url(../img/common/close.svg)no-repeat center / contain;
}
/*
* modalBoxIn
*/
.modalBoxIn.is-yellow .closeBtn a::before {
	background-color: var(--color-yellow);
}	
.modalBoxIn.is-red .closeBtn a::before {
	background-color: var(--color-red);
}	
.modalBoxIn .cont-titleBg {
    border-top: min(calc(1 / var(--vw-min)* 100vw), 1px) solid #000;
   border-bottom: min(calc(1 / var(--vw-min)* 100vw), 1px) solid #000;
}
.modalBoxIn .cont-titleBg::before {
   background-color: #000;
}
.modalBoxIn .m-contentBox-nameTitleArea {
   position: relative;
   background-color: #000;
}
@media screen and (max-width:768px){
   .modalBoxIn .m-contentBox-nameTitleArea {
       width: 100%;
   }
}
.modalBoxIn {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
/* yellow */
.modalBoxIn.is-yellow,
.modalBoxIn.is-yellow .cont-titleIn,
.modalBoxIn.is-yellow .m-contentBox-Item-Btn::before, 
.modalBoxIn.is-yellow .m-contentBox-Item-Btn::after {
    background-color: var(--color-yellow);
}
.modalBoxIn .m-animator .cont-titleBg::before {
    background-color: #000;
}
.modalBoxIn.is-yellow .m-contentBox-nameTitle {
    color: var(--color-yellow);
}
.modalBoxIn.is-yellow .m-contentBox-Item-Btn {
    border: min(calc(2 / var(--vw-min)* 100vw), 2px) solid var(--color-yellow);
}
.modalBoxIn.is-yellow .closeBtn {
    border: min(calc(4 / var(--vw-min) * 100vw), 4px) solid var(--color-yellow);
}
/* red */
.modalBoxIn.is-red,
.modalBoxIn.is-red .cont-titleIn,
.modalBoxIn.is-red .m-contentBox-Item-Btn::before, 
.modalBoxIn.is-red .m-contentBox-Item-Btn::after {
    background-color: var(--color-red);
}
.modalBoxIn.is-red .cont-titleIn,
.modalBoxIn.is-red .m-contentBox-nameTitle,
.modalBoxIn.is-red .modalContWrap__cont-text {
    color: #fff;
}
.modalBoxIn.is-red .m-contentBox-Item-Btn {
    border: min(calc(2 / var(--vw-min)* 100vw), 2px) solid var(--color-red);
}
.modalBoxIn.is-red .closeBtn {
    border: min(calc(4 / var(--vw-min) * 100vw), 4px) solid var(--color-red);
}

/* detail */
.cont-titleWrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
@media screen and (max-width:768px){
	.cont-titleWrap .cont-titleIn {
		line-height: 1.2;
	}
}

.commentImgModalCont{
	position: relative;
	width: 100%;
	max-width: 1000px;
	padding: 0 48px;
}
@media screen and (max-width:768px){
	.commentImgModalCont{
		max-width: 100%;
		padding: 0;
	}
	.modalContWrap {
        padding: 0 calc(50 / var(--vw-min) * 100vw);
        display: block;
    }
}

@media screen and (max-width:768px){
	.modalContWrap__cont {
        width:100%;
        margin: calc(30 / var(--vw-min) * 100vw) 0 0;
    }
}
.modalContWrap__cont-text {
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    line-height: 1.875;
}
@media screen and (max-width:768px){
	.modalContWrap__cont-text {
        font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: 2.1;
    }
}
.modalImgSwiperWrap {
	position: relative;
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px){
	.modalImgSwiperWrap{
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.modalImgSwiper {
	width: 100%;
}

.modalContWrap__cont-img{
	width: 100%;
	overflow: hidden;
	pointer-events: none;
	margin: 0 auto;
}
@media screen and (min-width: 769px) {
.modalContWrap__cont-img {
    width: 60%;    
}
.modalContWrap__cont-img-s {
    width: 45% !important;
}
}


.modalContWrap__cont-img img {
    width: 100%;
}
.commentImgModal__cont .modalContWrap__cont-text{
    margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px){
    .commentImgModal__cont .modalContWrap__cont-text{
        margin-top: calc(50 / var(--vw-min) * 100vw);
    }
}
/*
* modal swiper pagination
*/
.modalImgSwiper-pagination {
	width: min(calc(30 / var(--vw-min) * 100vw), 30px)!important;
	height: 100%;
	top: 0;
	bottom: auto;
	left: max(calc(-30 / var(--vw-min) * 100vw), -30px)!important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:768px){
    .modalImgSwiper-pagination {
		width: 100%!important;
		height: calc(50 / var(--vw-min) * 100vw);
		top: auto;
		bottom: max(calc(-50 / var(--vw-min) * 100vw), -50px)!important;
		left: 0!important;
		right: 0;
		display: flex;
		flex-direction: row;
		align-items: center;
	}
}
.swiper-pagination-bullet {
	width: min(calc(15 / var(--vw-min) * 100vw), 15px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
	background: #fff;
	opacity: 1;
}
@media screen and (max-width:768px){
    .swiper-pagination-bullet {
		width: calc(29 / var(--vw-min) * 100vw);
		height: calc(29 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 calc(10 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet-active {
	background: unset;
	border: min(calc(3 / var(--vw-min) * 100vw), 3px) solid #fff;
}
@media screen and (max-width:768px){
	.swiper-pagination-bullet-active {
		background: unset;
		border: calc(5 / var(--vw-min) * 100vw) solid #fff;
	}
}




/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:768px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/*-------------------------------------------
* footer
--------------------------------------------*/
.footer {
	position: relative;
}
/*
* pc
*/
@media screen and (min-width:769px){
/* POLICY */
.footerNav__copyR {
	width: 100%;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) 0;
	background-color: #000;
	color: #FFF;
	text-align: center;
}
.footerNav__copyR small,
.footer__policy {
	display: block;
    font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
    text-align: center;
}
.footer__policy a{
    color: #FFF;
    text-decoration: underline;
	font-weight: normal;
}
.pageTop{
    height:min(calc(70 / var(--vw-min) * 100vw), 70px);
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 100;
}
.pageTop a{
    background-color: #fded00;
    display: block;
    height: min(calc(70 / var(--vw-min) * 100vw), 70px);
    width: min(calc(70 / var(--vw-min) * 100vw), 70px);
    position: absolute;
    right: max(calc(-70 / var(--vw-min) * 100vw), -70px);
    bottom: 0;
    pointer-events: auto;
    transition: all .3s ease-in-out;
}
.pageTop a.js-active{
    right: 0;
}
.pageTop a:hover{
    background-color: transparent;
}
.pageTop a:before{
    content: "";
    background-image: url(../img/common/arrow_b_t.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    height: min(calc(15 / var(--vw-min) * 100vw), 15px);
    width: min(calc(25 / var(--vw-min) * 100vw), 25px);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
}
.pageTop a:hover:before{
    background-image: url(../img/common/arrow_w_t.svg);
    transform: translateY(-8px);
}
}
/*
* sp
*/
@media screen and (max-width:768px){
	.footer{
		background: url(../img/common/footer_nav/footnav_bg_ptn.png) repeat;
		width: 100%;
		position: relative;
	}
	.pageTop--sp{
		height: calc(100 / var(--vw-min) * 100vw);
		width: calc(100 / var(--vw-min) * 100vw);
		position: fixed;
		right: 0;
		overflow: hidden;
		z-index: 100;
	}
	.pageTop--sp.js-pos{
		position: absolute;
	}
	.pageTop--sp a{
		background-color: #000;
		display: block;
		height: calc(100 / var(--vw-min) * 100vw);
		width: calc(100 / var(--vw-min) * 100vw);
		position: absolute;
		top: 0;
		right:calc(-100 / var(--vw-min) * 100vw);
		transition: right .3s ease-in-out;
	}
	.pageTop--sp.js-active a{
		right: 0;
	}
	.pageTop--sp a:before{
		content: "";
		background-image: url(../img/common/arrow_w_t.svg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		height: calc(24 / var(--vw-min) * 100vw);
		width: calc(40 / var(--vw-min) * 100vw);
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		pointer-events: none;
		transition: all .3s ease-in-out;
	}
	.footerNavWrap{
		padding: calc(50 / var(--vw-min) * 100vw) 0 calc(80 / var(--vw-min) * 100vw);
		position: relative;
	}
	.footerNavLists{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: calc(70 / var(--vw-min) * 100vw);
	}
	.footerNavList{
		border-top: calc(1 / var(--vw-min) * 100vw) solid #3d3d3d;
		height: calc(78 / var(--vw-min) * 100vw);
		width: 50%;
		position: relative;
	}
	.footerNavList:nth-child(odd){
		border-right: calc(1 / var(--vw-min) * 100vw) solid #3d3d3d;
	}
	.footerNavList:nth-last-child(-n+2){
		border-bottom: calc(1 / var(--vw-min) * 100vw) solid #3d3d3d;
	}
	.footerNavList:before{
		content: "";
		background-color: #fff;
		height: calc(1 / var(--vw-min) * 100vw);
		width: calc(24 / var(--vw-min) * 100vw);
		position: absolute;
		top: calc(-1 / var(--vw-min) * 100vw);
		left: 0;
	}
	.footerNavList a{
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		display: block;
		height: 100%;
		width: 100%;
		filter: invert(1);
	}
	/* footNavList setting */
	.footerNavList.nNe a{ background-image: url(../img/common/footer_nav/navfoot_news_sp.png); }
	.footerNavList.nNe:before{ background-color: #39a294; }
	.footerNavList.nOn a{ background-image: url(../img/common/footer_nav/navfoot_onair_sp.png); }
	.footerNavList.nOn:before{ background-color: #cd672a; }
	.footerNavList.nIn a{ background-image: url(../img/common/footer_nav/navfoot_intro_sp.png); }
	.footerNavList.nIn:before{ background-color: #dd7d9f; }
	.footerNavList.nEp a{ background-image: url(../img/common/footer_nav/navfoot_episodes_sp.png); }
	.footerNavList.nEp:before{ background-color: #4251a3; }
	.footerNavList.nCh a{ background-image: url(../img/common/footer_nav/navfoot_chara_sp.png); }
	.footerNavList.nCh:before{ background-color: #3fafbf; }
	.footerNavList.nSt a{ background-image: url(../img/common/footer_nav/navfoot_staff_sp.png); }
	.footerNavList.nSt:before{ background-color: #40a24a; }
	.footerNavList.nMu a{ background-image: url(../img/common/footer_nav/navfoot_music_sp.png); }
	.footerNavList.nMu:before{ background-color: #6f3691; }
	.footerNavList.nGo a{ background-image: url(../img/common/footer_nav/navfoot_goods_sp.png); }
	.footerNavList.nGo:before{ background-color: #b0352f; }
	.footerNavList.nBd a{ background-image: url(../img/common/footer_nav/navfoot_bddvd_sp.png); }
	.footerNavList.nBd:before{ background-color: #911e1d; }
	.footerNavList.nBo a{ background-image: url(../img/common/footer_nav/navfoot_books_sp.png); }
	.footerNavList.nBo:before{ background-color: #b08e4d; }
	.footerNavList.nGa a{ background-image: url(../img/common/footer_nav/navfoot_gallery_sp.png); }
	.footerNavList.nGa:before{ background-color: #d3c736; }
	.footerNavList.nMo a{ background-image: url(../img/common/footer_nav/navfoot_movie_sp.png); }
	.footerNavList.nMo:before{ background-color: #d9b4c4; }
	.footerNavList.nSp a{ background-image: url(../img/common/footer_nav/navfoot_special_sp.png); }
	.footerNavList.nSp:before{ background-color: #8b9eb7; }
	.footerNavList.nTo a{ background-image: url(../img/common/footer_nav/navfoot_top_sp.png); }
	.footerNavList.nTo:before{ background-color: #c4c3c3; }

	.footerNav__shareWrap {
		display: flex;
		justify-content: center;
		height: calc(100 / var(--vw-min) * 100vw);
		width: 100%;
		padding: calc(10 / var(--vw-min) * 100vw) 0;
		margin-bottom: calc(50 / var(--vw-min) * 100vw);
		filter: invert(1);
	}
	.footerNav__shareWrap__title {
		background: url(../img/common/footer_nav/sharetext_sp.png) no-repeat center/contain;
		height: 100%;
		width: calc(83 / var(--vw-min) * 100vw);
		margin-right: calc(20 / var(--vw-min) * 100vw);
	}
	.shareLists{
		display: flex;
	}
	.shareList{
		height: 100%;
		width:  calc(100 / var(--vw-min) * 100vw);
		margin-right: calc(10 / var(--vw-min) * 100vw);
	}
	.shareList:last-child{
		margin-right: 0;
	}
	.shareList__link{
		background-repeat: no-repeat;
		background-position: center;
		display: block;
		height: 100%;
		width: 100%;
	}
	.shareList__link--tw{
		background-image: url(../img/common/sns/icon_tw.svg);
		background-size: calc(48 / var(--vw-min) * 100vw);
	}
	.shareList__link--li{
		background-image: url(../img/common/sns/icon_line.svg);
		background-size: calc(48 / var(--vw-min) * 100vw);
	}
	.footerNav__copyR{
		color: #000;
		display: block;
		font-size: calc(18 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.footer__policy {
		display: block;
		font-size: calc(14 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.pc {
		display: none !important;
	}
}
/* loading
*/
#sub__loading{
    background-color: #000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}




/**
* Modal
**/
.oModalBoxIn{
	display: block;
	background-color: var(--color-yellow);
}
#oModalBox .closeBtn a::before{
	background-color: var(--color-yellow);
}
#oModalBox .cont-titleIn,
#oModalBox .m-contentBox-nameTitle,
#oModalBox .modalContWrap__cont-text{
	color: var(--color-yellow);
}



/** RED **/
#oModalBox[data-omodal-option="bgc_red"] .oModalBoxIn{
	background-color: var(--color-red);
}
#oModalBox[data-omodal-option="bgc_red"] .closeBtn a::before{
	background-color: var(--color-red);
}
#oModalBox[data-omodal-option="bgc_red"] .cont-titleIn,
#oModalBox[data-omodal-option="bgc_red"] .m-contentBox-nameTitle,
#oModalBox[data-omodal-option="bgc_red"] .modalContWrap__cont-text{
	color: #FFF;
}

/* modalContWrap__cont-text-r */
.modalContWrap__cont-text-r{
	text-align: right;
	color: #fff;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    line-height: 1.875;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.modalContWrap__cont-text-r{
		font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: 2.1;
		margin-top: calc(15 / var(--vw-min) * 100vw);
	}
}

/*
* modalVideo
*/
.modalContWrap__cont-video{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.modalContWrap__cont-video iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:768px){
	.modalContWrap__cont-video{
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}