@charset "utf-8";
/*-----------------------------------------------
 * common.css
 * レスポンシブは基本スタイルを引き継ぐ（PCファースト）
 * @media screen and (max-width:767px)
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Bace
 * Modal
 * Header
 * Footer
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
-------------------------------------------------*/
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;}

:root {
    --common-min-width: 1200px;
    --common-min-height: 620px;

    /* メインで使用するサイズやカラー */
    --main-font-size: 16px;
    --main-font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

	--color-orange: 242,150,0; /* #f29600 */
	--color-pink: 237,30,121;  /* #ed1e79 */
	--color-gray: 242,242,242; /* #f2f2f2 */

    /* ヘッダーの高さ */
    --common-header-height: 90px;

	/* 横カラムの横幅 */
	--leftcont-width: 280px;
}
@media screen and (max-width:767px){
    :root {
        --common-min-width: 100%;
        --common-min-height: auto;
        --main-font-size: 12px;

        /* ヘッダーの高さ */
        --common-header-height: 50px;

		/* 横カラムの横幅 */
		--leftcont-width: 0;
    }
}

@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 100;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 200;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 300;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Medium");
    font-weight: 400;
}
@font-face {
    font-family: "Yu Gothic";
    src: local("Yu Gothic Bold");
    font-weight: bold;
}


/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
    -webkit-text-size-adjust: 100%;
    background-color: #fff;
    color: #000;
    font-family: var(--main-font-family);
    font-size: var(--main-font-size);
    font-weight: normal;
	font-feature-settings: "palt";
    letter-spacing: 0.07em;
    line-height: 1.8;
    word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #fff; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #009cdd;
	color: #fff;
}
::-moz-selection{
    background: #009cdd;
    color:#fff;
}
@media screen and (max-width:767px){
	html{
        font-size: 62.5%;
    }
    body{
        min-width: 320px;
    }
    .sp{ display: block; }
    .pc{ display: none; }
    .ah:hover { opacity: 1; }
}

/* fullWrap */
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-width: var(--common-min-width);
	padding-top: var(--common-header-height);
	padding-left: var(--leftcont-width);
	position: relative;
	z-index: 1;
}

/* main */
.main {
	position: relative;
	z-index: 1;
}


/*-----------------------------------------------
 * Modal
-------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */
 .modalBox{
    -webkit-overflow-scrolling: touch;
    background: rgba(255,255,255,.85);
    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: 50px 0;
}
@media screen and (max-width:767px){
    .oneModalIn{
        min-width: 100%;
    }
    .oneModalIn__cont{
        width: 100%;
    }
}

/**
 * closeBtn
 */
.closeBtn{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
@media screen and (max-width:767px){
    .closeBtn{
        width:50px;
        height:50px;
    }
}

.closeBtn a {
    background-color: rgb(var(--main-color-red));
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* img */
.closeBtn a:before {
    content: "";
    background: url(../img/common/close.svg) no-repeat 0 0 / 100%;
    width: 40%;
    height: 40%;
}

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

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

/**
 * imgModal
 */
 .imgModal__imgWrap {
    max-width: 1200px;
}
.imgModal__imgWrap img {
    width: 100%;
}
@media screen and (max-width:767px){
    .imgModal__imgWrap {
        width: 100%;
    }
}

/**
 * galleryImgModal
 */
 .galleryImgModal__cont {
    position: relative;
}
.galleryImgModal__imgWrap {
    width: 800px;
    opacity: 0;
    position: relative;
    z-index: 1;
    transition: opacity .3s ease;
}
.galleryImgModal__imgWrap.is-active {
    opacity: 1;
}
@media screen and (max-width:767px){
    .galleryImgModal__imgWrap {
        width: calc(100% - 40px);
        margin: 0 auto;
    }
}

/* img */
.galleryImgModal__imgWrap img {
    width: 100%;
}

/**
 * galleryLists__pagerWrap
 */
.galleryLists__pagerWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 2;
}
@media screen and (max-width:767px){
    .galleryLists__pagerWrap {
        width: 100%;
        height: 40px;
    }
}

/* pager */
.galleryLists__pager {
    width: 60px;
    height: 60px;
    pointer-events: auto;
}
@media screen and (max-width:767px){
    .galleryLists__pager {
        width: 40px;
        height: 40px;
        pointer-events: auto;
    }
}

/* prev, next */
.galleryLists__pager.is-prev {
    margin-left: -60px;
}
.galleryLists__pager.is-next {
    margin-right: -60px;
}
@media screen and (max-width:767px){
    .galleryLists__pager.is-prev {
        margin-left: 0;
    }
    .galleryLists__pager.is-next {
        margin-right: 0;
    }
}

/* a */
.galleryLists__pager > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* arrow */
.galleryLists__pager > a:before {
    content: "";
    background-color: rgb(var(--main-color-red));
    display: block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 32px;
    height: 58px;
    transition: transform .3s ease;
}
@media screen and (max-width:767px){
    .galleryLists__pager > a:before {
        width: 18px;
        height: 38px;
    }
}

/* hover */
.galleryLists__pager.is-prev > a:hover:before {
    transform: translateX(-10px);
}
.galleryLists__pager.is-next > a:hover:before {
    transform: translateX(10px);
}
@media screen and (max-width:767px){
    .galleryLists__pager.is-prev > a:hover:before {
        transform: translateX(0);
    }
    .galleryLists__pager.is-next > a:hover:before {
        transform: translateX(0);
    }
}

.galleryLists__pager.is-prev > a:before {
    -webkit-mask-image: url(../img/common/arrow_prev.svg);
    mask-image: url(../img/common/arrow_prev.svg);
}
.galleryLists__pager.is-next > a:before {
    -webkit-mask-image: url(../img/common/arrow_next.svg);
    mask-image: url(../img/common/arrow_next.svg);
}

.galleryImgModalContents {
    opacity: 0;
    transition: opacity .3s ease;
}
.galleryImgModalContents.is-active {
    opacity: 1;
}


/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
    position: fixed;
	height: var(--common-header-height);
    top: 0;
    left: 0;
    z-index: 9999;
}

/**
 * header__inner
 */
.header__inner {
	background-color: #fff;
	display: flex;
	align-items: center;
	width: 100%;
	height: var(--common-header-height);
	min-width: var(--common-min-width);
	position: fixed;
	top: 0;
	left: 0;
}
@media screen and (max-width:767px){
    .header__inner {
		background-color: transparent;
		height: auto;
		min-width: 100%;
    }
	.header__inner:after {
		content: "";
		background-color: #fff;
		width: 100%;
		height: 50px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
}

/**
 * headerNav
 */
.headerNav {
	width: 100%;
	height: 100%;
}
@media screen and (max-width:767px){
    .headerNav {
		-webkit-overflow-scrolling: touch;
		background-color: #f29600;
		width: 100%;
		height: calc(100vh - 50px);
		margin-right: 0;
		margin-left: 0;
		overflow: auto;
		position: fixed;
		top: 50px;
		left: 0;
		transform: translateX(-100%);
		transition: transform .4s ease-in-out;
    }
	.header.is-active .headerNav {
		transform: translateX(0);
	}
}

/* logo */
.header__logo {
	margin-right: 20px;
	margin-left: 40px;
}
.header__logo a {
	display: block;
	background: url(../img/common/lec2025_logo.png) no-repeat 0 0 / 100%;
	width: 123px;
	height: 64px;
}
@media screen and (max-width:767px){
	.header__logo {
        width: 109px;
        margin-top: 3px;
        margin-right: auto;
        margin-left: auto;
		position: relative;
		z-index: 2;
    }
	.header__logo a {
		width: 79px;
		height: 41px;
	}
}

/**
 * headerNavLists
 */
.headerNavLists {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	margin-right: 20px;
	margin-left: auto;
}
@media screen and (max-width:767px){
	.headerNavLists {
		align-items: flex-start;
		flex-direction: column;
		justify-content: flex-start;
		height: auto;
		margin-right: 0;
		padding: 50px 0;
	}
	.headerNavLists:after {
		content: "";
		background: url(../img/common/nav_deco_1.png) no-repeat 0 0 / 100%;
		display: block;
		width: 231px;
		height: 165px;
		margin-top: auto;
		margin-right: 20px;
		margin-left: auto;
		pointer-events: none;
	}
}

/* item */
.headerNavLists__item {
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 20px;
	margin-left: 20px;
}
.headerNavLists__item.is-standby {
	opacity: .4;
	pointer-events: none;
}
@media screen and (max-width:767px){
	.headerNavLists__item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 10px;
	}
}

/* link */
.headerNavLists__link {
    color: #000;
	display: flex;
	align-items: center;
	height: 100%;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
	transition: color .3s ease-in-out;
}
.headerNavLists__link:hover,
.headerNavLists__link.is-active  {
	color: #f29600;
}
@media screen and (max-width:767px){
	.headerNavLists__link {
		color: #fff;
		display: block;
		font-size: 20px;
		font-size: 2rem;
		letter-spacing: 0.1em;
		width: 100%;
		height: auto;
		padding-left: 40px;
	}
	.headerNavLists__link:hover,
	.headerNavLists__link.is-active  {
		color: #fff;
	}
}

/**
 * headerLeftWrap
 */
.headerLeftWrap {
	background-color: rgb(var(--color-gray));
	width: var(--leftcont-width);
	height: calc(100vh - 90px);
	min-height: 530px;
	position: absolute;
	top: 90px;
	left: 0;
}
.headerLeft {
	display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: calc(100vh - 90px);
}

/* logo */
.headerLeft__logo{
    width: 100%;
    height: 362px;
    margin: auto;
}
.headerLeft__logo__link{
    background: url(../img/common/left_logo.png) no-repeat 0 0 / 100%;
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width:767px){
	.headerLeft__logo {
        width: 109px;
        margin-top: 7px;
        margin-right: auto;
        margin-left: auto;
    }
    .headerLeft__logo img{
        width: 100%;
    }
}

/**
 * headerLeftWrap bottom
 */
/* copyRight */
.headerLeft__bottom__copyRight{
    color: #000;
    display: block;
    font-size: 10px;
    margin-bottom: 24px;
    padding: 0 38px;
}

/* share */
.headerLeft__bottom__shareWrap{
    background-color: #f29600;
    padding: 16px 0 12px;
}
.headerLeft__bottom__share__dt{
    background: url(../img/common/share_text.png) no-repeat 0 0 / 100%;
    width: 23px;
    height: 15px;
    margin: 0 auto 10px;
}

/**
 * shareLists
 */
.headerShareLists {
    display: flex;
	align-items: center;
	justify-content: center;
}

/* item */
.headerShareLists__item {
	width: 30px;
	height: 30px;
	margin: 0 10px;
}

/* link */
.headerShareLists__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none;
}
.headerShareLists__link:before {
    content: "";
    background-color: #fff;
    display: block;
	width: 20px;
    height: 20px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

/* 各SNSパーツ */
.headerShareLists__item.is-twitter .headerShareLists__link:before {
    -webkit-mask-image: url(../img/common/icon_tw.svg);
    mask-image: url(../img/common/icon_tw.svg);
}
.headerShareLists__item.is-facebook .headerShareLists__link:before {
    -webkit-mask-image: url(../img/common/icon_fb.svg);
    mask-image: url(../img/common/icon_fb.svg);
}
.headerShareLists__item.is-line .headerShareLists__link:before {
    -webkit-mask-image: url(../img/common/icon_line.svg);
    mask-image: url(../img/common/icon_line.svg);
}
.headerShareLists__item.is-hatena .headerShareLists__link:before {
    -webkit-mask-image: url(../img/common/icon_hatena.svg);
    mask-image: url(../img/common/icon_hatena.svg);
}
.headerShareLists__item.is-pocket .headerShareLists__link:before {
    -webkit-mask-image: url(../img/common/icon_pocket.svg);
    mask-image: url(../img/common/icon_pocket.svg);
}

/**
 * navBtn
 */
@media screen and (max-width:767px){
    .header__navBtnWrap {
        width: 58px;
        height: var(--common-header-height);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
    }
    .header__navBtn {
		display: block;
        width: 100%;
        height: 100%;
        position: absolute;
		top: 0;
    }
    .header__navBtn__lineWrap {
		width: 37px;
		height: 24px;
		margin-top: 14px;
		position: relative;
    }
	.header__navBtn__lineWrap:before {
		content: "";
		background: url(../img/common/nav_menu.png) no-repeat 0 0 / 100%;
		width: 20px;
		height: 9px;
		position: absolute;
		right: 0;
		bottom: 0;
	}
    .header__navBtn--line {
		display: block;
		width: 100%;
		height: 2px;
		transition: transform .3s ease-in-out;
    }
    .header__navBtn--line:nth-child(1) {
		background-color: #ed1e79;
		margin-bottom: 6px;
    }
    .header__navBtn--line:nth-child(2) {
		background-color: #f29600;
    }
	.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
		transform: rotate(12deg) translateY(4px);
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
		transform: rotate(-12deg) translateY(-4px);
	}
}


/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer{
	position: relative;
	z-index: 2;
}
@media screen and (max-width:767px){
	.footer{
		margin-top: auto;
	}
}

/**
 * pagetop
 */
.pagetop{
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 10px;
	bottom: 0;
	transition: all .3s ease-in-out;
}
.pagetop.is-active{
	pointer-events: auto;
	opacity: 1;
}
.pagetop__in{
	background: url(../img/common/pagetop.jpg) no-repeat 0 0 / 100%;
	display: block;
	width: 70px;
	height: 70px;
}
@media screen and (max-width:767px){
	.pagetop{
		right: 0;
	}
	.pagetop__in{
		width: 50px;
		height: 50px;
	}
}

/**
 * copyright
 */
@media screen and (max-width:767px){
	.fullWrap__copyRight{
		color: #333;
		display: block;
		width: calc(100% - 50px);
		height: 50px;
		font-size: 10px;
		font-size: 1rem;
		line-height: 50px;
		text-align: center;
	}
}

/**
 * shareLists
 */
@media screen and (max-width:767px){
	.footer__shareWrap {
		background-color: rgb(var(--color-orange));
		padding: 16px 0 12px;
	}
	.footer__share__dt {
		background: url(../img/common/share_text.png) no-repeat 0 0 / 100%;
		width: 23px;
		height: 15px;
		margin: 0 auto 10px;
	}

	.footerShareLists {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* item */
	.footerShareLists__item {
		width: 30px;
		height: 30px;
		margin: 0 10px;
	}

	/* link */
	.footerShareLists__link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: relative;
		text-decoration: none;
	}
	.footerShareLists__link:before {
		content: "";
		background-color: #fff;
		display: block;
		width: 20px;
		height: 20px;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-size: 100%;
		mask-size: 100%;
	}

	/* 各SNSパーツ */
	.footerShareLists__item.is-twitter .footerShareLists__link:before {
		-webkit-mask-image: url(../img/common/icon_tw.svg);
		mask-image: url(../img/common/icon_tw.svg);
	}
	.footerShareLists__item.is-facebook .footerShareLists__link:before {
		-webkit-mask-image: url(../img/common/icon_fb.svg);
		mask-image: url(../img/common/icon_fb.svg);
	}
	.footerShareLists__item.is-line .footerShareLists__link:before {
		-webkit-mask-image: url(../img/common/icon_line.svg);
		mask-image: url(../img/common/icon_line.svg);
	}
	.footerShareLists__item.is-hatena .footerShareLists__link:before {
		-webkit-mask-image: url(../img/common/icon_hatena.svg);
		mask-image: url(../img/common/icon_hatena.svg);
	}
	.footerShareLists__item.is-pocket .footerShareLists__link:before {
		-webkit-mask-image: url(../img/common/icon_pocket.svg);
		mask-image: url(../img/common/icon_pocket.svg);
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/
/**
 * subArticle__header
 */
 .subArticle__header {
	padding: 40px 0;
}
@media screen and (max-width:767px){
	.subArticle__header {
		padding: 20px 0;
	}
}
.subArticle__header.has-tab {
	padding: 40px 0 0;
}
@media screen and (max-width:767px){
	.subArticle__header.has-tab {
		padding: 20px 0 0;
	}
}

/* pagetitle */
.subArticle__pageTitle {
	color: #f29600;
	font-size: 36px;
    font-weight: 700;
	text-align: center;
}
@media screen and (max-width:767px){
	.subArticle__pageTitle {
		font-size: 22px;
		font-size: 2.2rem;
	}
}

/**
 * page title
 * imgタグの場合
 */
.subArticle__headerImg {
	padding: 40px 0;
}
@media screen and (max-width:767px){
	.subArticle__headerImg {
		background-color: rgb(var(--color-gray));
		padding: 20px 0;
	}
}

.subArticle__pageImgTitle {
	text-align: center;
}
@media screen and (max-width:767px){
	.subArticle__pageImgTitle {
		display: flex;
		align-items: center;
	}
	.subArticle__pageImgTitle:before {
		content: "";
		background: url(../img/common/sub_logo.png) no-repeat 0 0 / 100%;
		width: 35vw;
		height: 23.5vw;
		margin-left: 20px;
	}
	.subArticle__pageImgTitle--img {
		margin: auto;
	}

	/* 各タイトルの横幅調整 */
	.subArticle__pageImgTitle--img.is-news {
		width: 15.6%;
	}
}


/**
 * Pager
 */
.pagingLists__np{
	display: none;
}

/**
 * PagerLists
 */
.pagingLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 0 60px;
}
@media screen and (max-width:767px){
	.pagingLists{
		padding: 0 10px;
	}
}

/* item */
.pagingLists__item{
	margin: 0 12px;
}
@media screen and (max-width:767px){
	.pagingLists__item{
		margin: 0 5px;
	}
}

/* link */
.pagingLists__link,
.pagingLists__active{
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 3px 6px;
    position: relative;
    text-decoration: none;
}
@media screen and (max-width:767px){
    .pagingLists__link,
    .pagingLists__active{
        font-size: 12px;
        font-size: 1.2rem;
    }
}
.pagingLists__link{
    color: #000;
    transition: all .3s ease-in-out;
}
.pagingLists__link:hover{
    color: #f29600;
}
.pagingLists__link:before{
    content: "";
    background-color: #f29600;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateY(10px);
    transition: all .3s ease-in-out;
}
.pagingLists__link:hover:before{
    opacity: 1;
    transform: translateY(0);
}
.pagingLists__active{
    color: #f29600;
}
.pagingLists__active:before{
    content: "";
    background-color: #f29600;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}


/**
 * Back to
 */
.backto{
    display: table;
    height: 36px;
    margin: 80px auto 0;
}
.backto__link{
    border: 2px solid #f29600;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    height: 100%;
    padding: 0 130px;
    position: relative;
    text-align: center;
    text-decoration: none;
}
@media screen and (max-width:767px){
    .backto{
        height: 30px;
        margin: 40px auto 0;
    }
    .backto__link{
        justify-content: center;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 80px;
    }
}
.backto__link:after{
    content: "";
    background-color: rgb(var(--color-orange));
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: height .3s ease-in-out;
}
.backto__link:hover:after{
    height: 100%;
}
.backto__link__in{
    color: rgb(var(--color-orange));
    position: relative;
    z-index: 1;
    transition: color .3s ease-in-out;
}
.backto__link:hover .backto__link__in{
    color: #fff;
}
@media screen and (max-width:767px){
    .backto__link:hover:after{
        height: 0;
    }
    .backto__link:hover .backto__link__in{
        color: rgb(var(--color-orange));
    }
}

/**
 * subHeadNavLists
 */
 .subHeadNav {
	margin-top: 20px;
	padding: 0 10px;
}
.subHeadNavLists {
	display: flex;
	gap: 10px
}
@media screen and (max-width:767px){
	.subHeadNav {
		padding: 0;
	}
	.subHeadNavLists {
		gap: 5px
	}
}

/* item */
.subHeadNavLists__item {
	width: 100%;
	padding-bottom: 12px;
}
@media screen and (max-width:767px){
	.subHeadNavLists__item {
		padding-bottom: 5px;
	}
}
.subHeadNavLists__item.is-standby {
	pointer-events: none;
}

/* link */
.subHeadNavLists__link {
	border: 5px solid rgb(var(--color-orange));
	color: rgb(var(--color-orange));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
    padding: 20px;
    position: relative;
    text-decoration: none;
	transition: all .3s ease-in-out;
}
.subHeadNavLists__link:hover,
.subHeadNavLists__link.is-active {
	color: #fff;
}
@media screen and (max-width:767px){
	.subHeadNavLists__link {
		border: 3px solid rgb(var(--color-orange));
		font-size: 12px;
		font-size: 1.2rem;
		padding: 10px;
	}
}

/* bg */
.subHeadNavLists__link:after {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 1;
	transition: background-color .3s ease-in-out;
}
.subHeadNavLists__link:hover:after,
.subHeadNavLists__link.is-active:after {
	background-color: rgb(var(--color-orange));
}
.subHeadNavLists__link.is-active:after {
	width: calc(100% + 10px);
	height: calc(100% + 17px);
}
@media screen and (max-width:767px){
	.subHeadNavLists__link.is-active:after {
		width: calc(100% + 6px);
		height: calc(100% + 8px);
	}
}

/* arrow icon */
.subHeadNavLists__link:before {
	content: "";
	background: url(../img/common/icon_arrow_b_o.png) no-repeat 0 0 / 100%;
	width: 21px;
	height: 21px;
	margin: auto;
	transform: rotate(-90deg);
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	z-index: 2;
	transition: all .3s ease-in-out;
}
.subHeadNavLists__link:hover:before,
.subHeadNavLists__link.is-active:before {
	background-image: url(../img/common/icon_arrow_b.png);
	transform: rotate(0);
}
@media screen and (max-width:767px){
	.subHeadNavLists__link:before {
		width: 14px;
		height: 14px;
		right: 6px;
	}
}

/* subHeadNavLists__link__inner */
.subHeadNavLists__link__inner {
	position: relative;
	z-index: 2;
}

/**
 * subInHeadNav
 */
.subInHeadNavLists {
	display: flex;
    gap: 5px;
}

/* item */
.subInHeadNavLists__item {
	width: 100%;
}
@media screen and (max-width:767px){
    .subInHeadNavLists.is-wrap {
        flex-wrap: wrap;
    }
    .subInHeadNavLists.is-wrap .subInHeadNavLists__item {
        width: calc((100% - 5px) / 2);
    }
    .subInHeadNavLists.is-wrap .subInHeadNavLists__item.is-w100 {
        width: 100%;
    }
}

/* link */
.subInHeadNavLists__link {
	background-color: #fff;
    color: #f29600;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    padding: 16px;
    position: relative;
	text-decoration: none;
	transition: all .3s ease-in-out;
}
.subInHeadNavLists__link:hover,
.subInHeadNavLists__link.is-active {
	background-color: rgb(var(--color-pink));
	color: #fff;
}
@media screen and (max-width:767px){
	.subInHeadNavLists__link {
		font-size: 11px;
		font-size: 1.1rem;
		padding: 12px 0;
	}
}

/* before */
.subInHeadNavLists__link:before {
	content: "";
    background: url(../img/common/icon_arrow_b_o.png) no-repeat 0 0 / 100%;
    width: 21px;
    height: 21px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    z-index: 2;
    transition: all .3s ease-in-out;
}
.subInHeadNavLists__link:hover:before,
.subInHeadNavLists__link.is-active:before {
	background-image: url(../img/common/icon_arrow_b.png);
}
.subInHeadNavLists__link.is-active:before {
	transform: rotate(180deg);
}
.subInHeadNavLists__link.is-right:before {
    transform: rotate(-90deg);
}
@media screen and (max-width:767px){
	.subInHeadNavLists__link:before {
		width: 14px;
    	height: 14px;
		right: 10px;
	}
}

/* after */
.subInHeadNavLists__link:after {
	content: "";
	border: 2px solid rgb(var(--color-orange));
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	position: absolute;
	top: 2px;
	left: 2px;
	transition: all .3s ease-in-out;
}
.subInHeadNavLists__link:hover:after,
.subInHeadNavLists__link.is-active:after {
	border-color: #fff;
}

/**
 * tab
 */
.tabContOne {
	display: none;
}

/**
 * subContWrap
 */
.subContWrap {
	background-color: rgb(var(--color-orange));
	color: #fff;
	width: calc(100% - 20px);
	min-height: calc(100vh - 245px);
	margin: 0 10px 10px;
	padding: 50px 0 120px;
}
.subContWrap.has-tab {
	min-height: calc(100vh - 330px);
}
@media screen and (max-width:767px){
	.subContWrap {
		width: 100%;
		min-height: calc(100vh - 180px);
		margin: 0;
		padding: 30px 0 60px;
	}
	.subContWrap.has-tab {
		min-height: calc(100vh - 232px);
	}
}

/* inner */
.subCont__inner {
	display: flex;
	flex-direction: column;
	width: 800px;
	margin: 0 auto;
	position: relative;
}
.subCont--img {
	content: "";
	background: url(../img/common/cont_deco1.png) no-repeat 0 0 / 100%;
	display: block;
	width: 271px;
	height: 232px;
	margin: 120px 0 0 auto;
	transform: translateX(40px);
	position: relative;
}
@media screen and (max-width:767px){
	.subCont__inner {
		width: 100%;
		padding: 0 20px;
	}
	.subCont--img {
		width: 48%;
		height: auto;
		margin: 60px auto 0;
		padding-top: 41.09%;
		transform: translateX(0);
	}
}

/* illust__img */
.illust__img {
	width: 332px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.illust__img {
		width: 60%;
	}
}

/**
 * listFlex
 * スマホはflex無
 */
/* listFlex */
.listFlex {
	display: flex;
}
@media screen and (max-width:767px){
	.listFlex {
		flex-direction: column;
	}
}

/* item */
.listFlex__item {
	width: calc((100% - 12px) / 2);
}
.listFlex__item:not(:nth-child(2n + 1)) {
	margin-left: 12px;
}
@media screen and (max-width:767px){
	.listFlex__item {
		width: 100%;
	}
	.listFlex__item:not(:nth-child(2n + 1)) {
		margin-left: 0;
	}
	.listFlex__item:not(:first-child) {
		margin-top: 10px;
	}
}

/* 3カラム ※スマホも共通 */
.listFlex3 {
	display: flex;
}
.listFlex3__item {
	width: calc((100% - 20px) / 3);
}
.listFlex3__item:not(:nth-child(3n + 1)) {
	margin-left: 10px;
}
@media screen and (max-width:767px){
	.listFlex3__item {
		width: calc((100% - 10px) / 3);
	}
	.listFlex3__item:not(:nth-child(3n + 1)) {
		margin-left: 5px;
	}
}
/* 4カラム  */
.listFlex4 {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.listFlex4__item {
    width: calc((100% - 10px) / 3);
	margin-bottom: 3px;
	margin-right: 3px;
}

@media screen and (max-width:767px){
    .listFlex4 {
        flex-wrap: wrap;
    }
    .listFlex4__item {
        width: calc((100% - 10px) / 2);
        margin-left:0;
        margin-bottom:5px;
		margin-right: 0;
    }
    .listFlex4__item:not(:nth-child(4n + 1)) {
        margin-left: 0;
    }
    .listFlex4__item:nth-child(even) {
        margin-left: 5px;
    }
}

/**
 * 見出しタイトル
 */
 .contTitle1 {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
@media screen and (max-width:767px){
	.contTitle1 {
		font-size: 20px;
		font-size: 2rem;
	}
}

.contTitle1__inner {
	position: relative;
}
.contTitle1__inner:before {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -3px;
}

/**
 * contImgTitle
 * 画像のタイトル
 */
.contImgTitle {
	position: relative;
}
.contImgTitle:before {
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: block;
	width: 100%;
	height: 51px;
}
@media screen and (max-width:767px){
	.contImgTitle:before {
		height: 6.8vw;
	}
}

/* is-artist */
.contImgTitle.is-artist:before {
	background-image: url(../img/event/conttitle_artist.png);
}
/* is-special */
.contImgTitle.is-special:before {
	background-image: url(../img/event/conttitle_special.png);
}
/* is-mc */
.contImgTitle.is-mc:before {
	background-image: url(../img/event/conttitle_mc.png);
}
/* is-shooting */
.contImgTitle.is-shooting:before {
	background-image: url(../img/event/conttitle_shootingact.png);
}

/**
 * ytifWrap
 */
.ytifWrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.ytifWrap iframe[src*="youtube"]{
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/**
 * contDl
 */
 .contDl__item {
	display: flex;
}
.contDl__item:not(:first-of-type) {
	border-top: 1px solid rgba(255,255,255,.5);
	margin-top: 10px;
	padding-top: 10px;
}
.contDl__dt {
	font-weight: 700;
	width: 100px;
}
.contDl__dd {
	width: calc(100% - 100px);
}
@media screen and (max-width:767px){
	.contDl__dt {
		width: 80px;
	}
	.contDl__dd {
		width: calc(100% - 80px);
	}
}

/**
 * acCont
 */
.acCont {
	display: none;
	padding-bottom: 50px;
}
@media screen and (max-width:767px){
	.acCont {
		padding-bottom: 40px;
	}
}

/**
 * link
 */
/* A */
.linkA {
	background-color: rgb(var(--color-orange));
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding: 20px;
	position: relative;
	text-decoration: none;
	transition: background-color .3s ease-in-out;
}
.linkA:hover {
	background-color: rgb(var(--color-pink));
}
@media screen and (max-width:767px){
	.linkA {
		font-size: 13px;
		padding: 10px;
	}
}

.linkA:before {
	content: "";
	background: url(../img/common/icon_arrow_r.png) no-repeat 0 0 / 100%;
	width: 21px;
	height: 21px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	transition: transform .3s ease-in-out;
}
.linkA:hover:before {
	transform: translateX(10px);
}
@media screen and (max-width:767px){
	.linkA:before {
		width: 14px;
		height: 14px;
		right: 10px;
	}
}

/* linkB */
.linkB {
	background-color: #fff;
	border-radius: 10px;
	color: rgb(var(--color-orange));
	display: block;
	font-size: 22px;
	font-weight: 700;
	padding: 16px;
	text-align: center;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.linkB {
		border-radius: 4px;
		font-size: 13px;
		font-size: 1.3rem;
		padding: 10px;
	}
}

/* linkC */
.linkC {
	background-color: #fff;
	border: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgb(var(--color-orange));
	font-size: 22px;
	font-weight: 700;
	padding: 16px;
	position: relative;
	text-decoration: none;
	transition: background-color .3s ease-in-out,
				color .3s ease-in-out;
}
.linkC:after {
    content: "";
    border: 2px solid rgb(var(--color-orange));
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    top: 1px;
    left: 1px;
    transition: all .3s ease-in-out;
}
.linkC:hover {
	background-color: rgb(var(--color-orange));
	color: #fff;
}
@media screen and (max-width:767px){
	.linkC {
		font-size: 13px;
		padding: 10px;
	}
}

.linkC:before {
	content: "";
	background-color: rgb(var(--color-orange));
	-webkit-mask-image: url(../img/common/icon_arrow_r_orange.png);
	mask-image: url(../img/common/icon_arrow_r_orange.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	width: 21px;
	height: 21px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	transition: transform .3s ease-in-out,
				background-color .3s ease-in-out;
}
.linkC:hover:before {
	background-color: #fff;
	transform: translateX(10px);
}
@media screen and (max-width:767px){
	.linkC:before {
		width: 14px;
		height: 14px;
		right: 10px;
	}
}

/**
 * font
 */
/* bold */
.font-bold {
	font-weight: 700;
}
/* center */
.font-center {
	text-align: center;
}

/* indent */
.indent-1 {
	display: block;
	padding-left:1em;
	text-indent:-1em;
}

/**
 * lineheight
 */
.lineheight-small {
	line-height: 1.4;
}
.lineheight-middle {
	line-height: 1.6;
}
.lineheight-large {
	line-height: 2;
}
.lineheight-max {
	line-height: 2.2;
}

/**
 * font-size
 * PCのサイズを基準
 */
/* size 14 */
.fontsize-14 {
	font-size: 14px;
}
@media screen and (max-width:767px){
	.fontsize-14 {
		font-size: 10px;
		font-size: 1rem;
	}
}

/* size 16 */
.fontsize-16 {
	font-size: 16px;
}
@media screen and (max-width:767px){
	.fontsize-16 {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* size 18 */
.fontsize-18 {
	font-size: 18px;
}
@media screen and (max-width:767px){
	.fontsize-18 {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* size 20 */
.fontsize-20 {
	font-size: 20px;
}
@media screen and (max-width:767px){
	.fontsize-20 {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/* size 22 */
.fontsize-22 {
	font-size: 22px;
}
@media screen and (max-width:767px){
	.fontsize-22 {
		font-size: 18px;
		font-size: 1.8rem;
	}
}

/* size 24 */
.fontsize-24 {
	font-size: 24px;
}
@media screen and (max-width:767px){
	.fontsize-24 {
		font-size: 20px;
		font-size: 2rem;
	}
}

/* size 26 */
.fontsize-26 {
	font-size: 26px;
}
@media screen and (max-width:767px){
	.fontsize-26 {
		font-size: 22px;
		font-size: 2.2rem;
	}
}

/* size 28 */
.fontsize-28 {
	font-size: 28px;
}
@media screen and (max-width:767px){
	.fontsize-28 {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

/**
 * margin
 * PCのサイズを基準
 */
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
.ml-10 {
	margin-left: 10px;
}
.mr-10 {
	margin-right: 10px;
}
@media screen and (max-width:767px){
	.mt-10 {
		margin-top: 10px;
	}
	.mb-10 {
		margin-bottom: 10px;
	}
	.ml-10 {
		margin-left:10px;
	}
	.mr-10 {
		margin-right:10px;
	}
}

/* 20px */
 .mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.ml-20 {
	margin-left: 20px;
}
.mr-20 {
	margin-right: 20px;
}
@media screen and (max-width:767px){
	.mt-20 {
		margin-top: 10px;
	}
	.mb-20 {
		margin-bottom: 10px;
	}
	.ml-20 {
		margin-left:10px;
	}
	.mr-20 {
		margin-right:10px;
	}
}

/* 30px */
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.ml-30 {
	margin-left: 30px;
}
.mr-30 {
	margin-right: 30px;
}
@media screen and (max-width:767px){
	.mt-30 {
		margin-top: 20px;
	}
	.mb-30 {
		margin-bottom: 20px;
	}
	.ml-30 {
		margin-left: 20px;
	}
	.mr-30 {
		margin-right: 20px;
	}
}

/* 40px */
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
@media screen and (max-width:767px){
	.mt-40 {
		margin-top: 30px;
	}
	.mb-40 {
		margin-bottom: 30px;
	}
}

/* 50px */
.mt-50 {
	margin-top: 50px;
}
.mb-50 {
	margin-bottom: 50px;
}
@media screen and (max-width:767px){
	.mt-50 {
		margin-top: 40px;
	}
	.mb-50 {
		margin-bottom: 40px;
	}
}

/* 60px */
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px;
}
@media screen and (max-width:767px){
	.mt-60 {
		margin-top: 50px;
	}
	.mb-60 {
		margin-bottom: 50px;
	}
}

/* 80px */
.mt-80 {
	margin-top: 80px;
}
.mb-80 {
	margin-bottom: 80px;
}
@media screen and (max-width:767px){
	.mt-80 {
		margin-top: 60px;
	}
	.mb-80 {
		margin-bottom: 60px;
	}
}

/**
 * colum2Lists
 */
.colum2Lists {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.colum2Lists__item {
	width: calc((100% - 10px) / 2);
}
.colum2Lists__link {
	color: #fff;
	display: block;
	text-decoration: none;
}
.colum2Lists__img {
	max-width: 100%;
	margin: 0 auto;
}

/**
 * dlFlexLists
 */
.dlFlexLists__item {
    display: flex;
}
.dlFlexLists__dt {
    flex: none;
    white-space: nowrap;
}