@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{
	/* FONTS */
	--font-ja: "Noto Sans JP", sans-serif;
	--font-en_roboto: "Roboto", "Noto Sans JP", sans-serif;
	--font-en: "Poppins", sans-serif;

	/* color */
	--color-kadblue: #1F286F;
	--color-sub: #5755A3;
	--color-black: #1c1c1c;
	--color-white: #FFFFFF;

	/* min-ww */
	--vw-min: 1366;
	--vh-min: 768;

	/* max-percent*/
	--max-percent: 1.6;
}
@media screen and (max-width:767px){
	:root{
		--vw-min: 375;
		--vh-min: 683;
		--max-percent: 2;
	}
}



@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;
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: var(--color-white);
	color: var(--color-black);
	font-family: var(--font-ja);
	font-feature-settings: "palt";
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	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:767px){ 
	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;
	background: rgba(0,0,0,.75);
	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%;
		padding: 30px 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: absolute;
	top:min(calc(20 / var(--vw-min) * 100vw), 20px);
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	z-index: 2;
}
@media screen and (max-width:767px){
	.closeBtn{
		width: 40px;
		height: 40px;
	}
}
.closeBtn a{
	border: 1px solid var(--color-kadblue);
	background: var(--color-kadblue);
	display: block;
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.closeBtn a::before{
	content: "";
	background-color: var(--color-white);
	-webkit-mask:url(../img/common/icon_close.svg) no-repeat center center/ contain;
	mask:url(../img/common/icon_close.svg) no-repeat center center/ contain;
	display: block;
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

/**
 * 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%;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


/*-----------------------------------------------
 * Header
-------------------------------------------------*/
@media screen and (min-width:768px){
	.header{
		pointer-events: none;
	}
	.header.is-active{
		pointer-events: all;
	}
}
.header {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 999;
	top: 0;
	bottom: auto;
}
@media screen and (max-width:767px){
	.header__logoWrap{
		width: 100%;
		height: calc(80 / var(--vw-min) * 100vw);
		top: 0;
		left: 0;
		background-color: #FFF;
		display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
		transition: background-color .3s ease;
	}
	.header.header.is-active .header__logoWrap{
		background-color:transparent;
	}
}
.header__logo{
	position: absolute;
	left: calc(83 / var(--vw-min) * 100vw);
	top: min(calc(104 / var(--vw-min) * 100vw), 104px);
	width:calc(176 / var(--vw-min) * 100vw);
	height:calc(176 / var(--vw-min) * 100vw);
	z-index: 2;
	background-color: var(--color-kadblue);
	-webkit-mask: url(../img/common/logo_all.png) no-repeat center center / contain;
	mask: url(../img/common/logo_all.png) no-repeat center center / contain;
	display: none;
}
.header__logo a{
	display: block;
	height: 100%;
}
header.header.is-active .header__logo{
	display: block;
	background-color: #FFF;
}

@media screen and (max-width:767px){
	.header__logo{
		display: block;
		position: relative;
		left: unset;
		top: unset;
		width:calc(150 / var(--vw-min) * 100vw);
		height:calc(44 / var(--vw-min) * 100vw);
		-webkit-mask: url(../img/common/logo_yoko_mark.png) no-repeat center center / contain;
		mask: url(../img/common/logo_yoko_mark.png) no-repeat center center / contain;
		background-color: var(--color-kadblue);
		margin-bottom:calc(8 / var(--vw-min) * 100vw);
	}
	.header.is-active .header__logo{
		background-color: #FFF;
	}
	.header__site{
		position: relative;
		 color: var(--color-kadblue);
		 font-family: var(--font-en);
		 font-size: calc(9 / var(--vw-min) * 100vw);
		 font-weight: 700;
		 line-height: 1;
		 z-index: 2;
	}
	.header.is-active .header__site{
		color: #FFF;
	}
}


/* inner */

	.header__inner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		transition: opacity .5s ease-in-out;
	}
	.header.is-active .header__inner {
		opacity: 1;
		pointer-events: auto;
	}
	.header__inner:before {
		content: "";
		background:#001659;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}

.header__inner{
	display: flex;
    align-items: center;
	padding-left: calc(339 / var(--vw-min) * 100vw);
}
.header__contensts{
	background-color: var(--color-kadblue);
	display: flex;
	flex-direction: column;
	height: 100%;
	width:calc(1027 / var(--vw-min) * 100vw);
	position: relative;
	z-index: 1;
	padding:min(calc(97 / var(--vw-min) * 100vw), 97px) min(calc(88 / var(--vw-min) * 100vw), 88px);
}
@media screen and (max-width:767px){
	.header__inner{
		padding-left:0;
		padding-top:0;
		display: block;
	}
	.header__inner:before {
		display: none;
	}
	.header__contensts{
		width:100%;
		height: auto;
		min-height: 100vh;
		padding: calc(80 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}	


/**
 * headerNav
 */

.headerNav {
	position: relative;
	z-index: 1;
}
.navLists{
	display: flex;
	flex-wrap: wrap;
	width: min(calc(1027 / var(--vw-min) * 100vw), 1027px);
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(56 / var(--vw-min) * 100vw), 56px);
}
.navLists__item{
	width:calc((100% - calc(56 / var(--vw-min) * 100vw)) / 2 );
}

.navLists__item a {
	color: #fff;
}
@media screen and (max-width:767px){
	.navLists{
		width: 100%;
		gap: unset;
	}
	.navLists__item{
		width: 100%;
	}
}
/**
 * navBtn
 */
.header__navBtnWrap {
	width:  min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: absolute;
	top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	z-index: 2;
}
.header__navBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
}
.header__navBtn__lineWrap {
	width: 24px;
	height: 13px;
	position: relative;
}
.header__navBtn--line {
	background-color: #fff;
	display: block;
	width: 100%;
	height: 1px;
	margin: auto;
	position: absolute;
}
.header__navBtn--line:nth-child(1) {
	top: 0;
}
.header__navBtn--line:nth-child(2) {
	top: 0;
	bottom: 0;
}
.header__navBtn--line:nth-child(3) {
	bottom: 0;
}

@media screen and (max-width:767px){
	.header__navBtnWrap {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		top: calc(16 / var(--vw-min) * 100vw);
		right: calc(16 / var(--vw-min) * 100vw);
	}
	.header__navBtn__lineWrap {
		width: calc(24 / var(--vw-min) * 100vw);
		gap: calc(13 / var(--vw-min) * 100vw);
	}
}



.navItem__link{
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	text-decoration: none;
}
.navItem__en{
	font-family: var(--font-en);
	font-size: min(calc(48 / var(--vw-min) * 100vw), 48px);
	font-weight: 700;
	line-height: 1;
}
.navItem__jp{
	font-weight: 700;
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	line-height:153.846%;
	letter-spacing: min(calc(0.39 / var(--vw-min) * 100vw), 0.39px);
}
@media screen and (max-width:767px){
	.navItem__link{
		align-items: center;
		padding: calc(10 / var(--vw-min) * 100vw) 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}
	.navItem__en{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
	.navItem__jp{
		font-size: calc(11 / var(--vw-min) * 100vw);
		line-height:181.818%;
		letter-spacing:calc(0.33 / var(--vw-min) * 100vw);
	}
}
/* flowingTxt */
.header__flowingTxt{
	display: none;
	top: 0;
	left: 0;
	bottom: unset;
	height: 100%;
	z-index: 2;
	width: min(calc(144 / var(--vw-min) * 100vw),144px);
	pointer-events: none;
	opacity: 0;
}
.header.is-active .header__flowingTxt{
	opacity: 1;
}
.header__flowingTxt{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	bottom: unset;
	height: 100%;
	z-index: 5;
	width: min(calc(144 / var(--vw-min) * 100vw),144px);
}
.header__flowingTxt::before,
.header__flowingTxt::after{
	position: absolute;
	display: block;
	content: "";
	width:min(calc(144 / var(--vw-min) * 100vw),144px);
	height: min(calc(1050 / var(--vw-min) * 100vw),1050px);
	-webkit-mask: url(../img/common/fl_kadokawaani_txt.svg)no-repeat; 
	mask: url(../img/common/fl_kadokawaani_txt.svg) no-repeat; 
	mask-size:100% auto;
	background-color: #E8E8E8;
    animation: flowingTxt_tate 20s linear infinite;
}
.header__flowingTxt::before{
	top: 0;
}
.header__flowingTxt::after{
	top: min(calc(1050 / var(--vw-min) * 100vw),1050px);
}
@keyframes flowingTxt_tate {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(max(calc(-1050 / var(--vw-min) * 100vw),-1050px))
    }
}
@media screen and (max-width:767px){
	.header__flowingTxt{
		display: none;
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/

/**
 * shareLists
 */
.shareLists {
	display: flex;
	gap: min(calc(26 / var(--vw-min) * 100vw), 26px);

}

/* item */

/* link */
.shareLists__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
	transition: transform .4s ease;
}
.shareLists__link:before {
	content: "";
	background-color: #FFF;
	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%;
}
.shareLists__link:hover {
	transform: scale(1.1);
}

/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link:before {
	width: min(calc(21 / var(--vw-min) * 100vw), 21px);
	height: min(calc(21 / var(--vw-min) * 100vw), 21px);
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link:before {
	width: min(calc(23 / var(--vw-min) * 100vw), 23px);
	height: min(calc(23 / var(--vw-min) * 100vw), 23px);
	-webkit-mask-image: url(../img/common/icon_fb.svg);
	mask-image: url(../img/common/icon_fb.svg);
}
.shareLists__item.is-ig .shareLists__link:before {
	width:  min(calc(22 / var(--vw-min) * 100vw), 22px);
	height: min(calc(22 / var(--vw-min) * 100vw), 22px);
	-webkit-mask-image: url(../img/common/icon_ig.svg);
	mask-image: url(../img/common/icon_ig.svg);
}
.shareLists__item.is-yt .shareLists__link:before {
	width:  min(calc(26 / var(--vw-min) * 100vw), 26px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	-webkit-mask-image: url(../img/common/icon_yt.svg);
	mask-image: url(../img/common/icon_yt.svg);
}
.shareLists__item.is-tiktok .shareLists__link:before {
	width:  min(calc(19 / var(--vw-min) * 100vw), 19px);
	height: min(calc(22 / var(--vw-min) * 100vw), 22px);
	-webkit-mask-image: url(../img/common/icon_tiktok.svg);
	mask-image: url(../img/common/icon_tiktok.svg);
}
@media screen and (max-width:767px){
	.shareLists__item.is-twitter .shareLists__link:before {
		width: calc(21 / var(--vw-min) * 100vw);
		height: calc(21 / var(--vw-min) * 100vw);
	}
	.shareLists__item.is-facebook .shareLists__link:before {
		width: calc(23 / var(--vw-min) * 100vw);
		height: calc(23 / var(--vw-min) * 100vw);
	}
	.shareLists__item.is-ig .shareLists__link:before {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
	.shareLists__item.is-yt .shareLists__link:before {
		width: calc(26 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
	}
	.shareLists__item.is-tiktok .shareLists__link:before {
		width: calc(19 / var(--vw-min) * 100vw);
		height:calc(22 / var(--vw-min) * 100vw);
	}
}


.navBtmBlock{
	width: min(calc(1027 / var(--vw-min) * 100vw), 1027px);
	display: flex;
	gap: 0 min(calc(56 / var(--vw-min) * 100vw), 56px);
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
@media screen and (max-width:767px){
	.navBtmBlock{
		flex-direction: column-reverse;
		align-items: center;
		width: 100%;
		gap: unset;
		margin-top:calc(40 / var(--vw-min) * 100vw);
	}
}



/* header > bnr */
.header__bnrListsWrap{
	width:calc((100% - min(calc(56 / var(--vw-min) * 100vw), 56px)) / 2 );
}
.bnrLists__ttl{
	color: #FFF;
	font-family: var(--font-en);
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	font-weight: 600;
	line-height:1; 
	letter-spacing: min(calc(0.39 / var(--vw-min) * 100vw), 0.39px);
	margin-bottom: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
@media screen and (max-width:767px){
	.header__bnrListsWrap{
		width:100%;
	}
	.bnrLists__ttl{
		display: none;
	}
}
.header__bnrLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.header__bnrLists .bnrItem{
	width: min(calc(170 / var(--vw-min) * 100vw), 170px);
	height: min(calc(60 / var(--vw-min) * 100vw), 60px);
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	overflow: hidden;
}
.bnrItem a{
	display: block;
	height: 100%;
	transition: opacity .4s ease;
}
.bnrItem a:hover{
	opacity: 0.7;
}
.header__bnrLists .bnrItem img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.header__bnrLists{
		gap:calc(7 / var(--vw-min) * 100vw);
	}
	.header__bnrLists .bnrItem{
		width:calc((100% - calc(7 / var(--vw-min) * 100vw))/2);
		height: calc(58 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
	}
}

/* header > shareLists */
.header__shareListsWrap{
	width:calc((100% - min(calc(56 / var(--vw-min) * 100vw), 56px)) / 2 );
}
@media screen and (max-width:767px){
	.header__shareListsWrap{
		width:100%;
		display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}




/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
footer{
	position: relative;
	z-index: 0;
	background-color: #001659;
	color: #FFF;
	padding-top: min(calc(136 / var(--vw-min) * 100vw), 136px);
	padding-bottom: min(calc(56 / var(--vw-min) * 100vw), 56px);
	margin-top: max(calc(-40 / var(--vw-min) * 100vw), -40px);
}
.footer__inner{
	width: max(calc(1200 / var(--vw-min) * 100vw), calc(100% - 240px));
    margin: 0 auto;
	display: flex;
	flex-direction: column;
    align-items: center;
	z-index: 2;
}
@media screen and (max-width:767px){
	.footer__inner{
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__bnrLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
	margin-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.footer__bnrLists .bnrItem{
	width: min(calc(282 / var(--vw-min) * 100vw), 282px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	overflow: hidden;
}
.footer__bnrLists .bnrItem img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.footer__bnrLists{
		gap: calc(7 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
		margin-bottom:calc(43 / var(--vw-min) * 100vw);
	}
	.footer__bnrLists .bnrItem{
		width: calc((100% - calc(7 / var(--vw-min) * 100vw))/2);
		height:calc(58 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
	}
}

/* footer > linkLists */
.footer__linkLists{
	display: flex;
    align-items: center;
	gap: min(calc(32 / var(--vw-min) * 100vw), 32px);
	flex-wrap: wrap;
    justify-content: center;
}
.footer__linkLists a{
	color: #FFF;
	text-decoration: none;
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	font-weight: 500;
	line-height:169.231%;
	letter-spacing: min(calc(0.26 / var(--vw-min) * 100vw), 0.26px);
}
@media screen and (max-width:767px){
	.footer__linkLists{
		font-size:calc(12 / var(--vw-min) * 100vw);
		gap: calc(22 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.footer__linkLists a:hover{
		text-decoration: underline;
	}
}
/* footer > shareLists */
.shareLists__ttl{
	color: #FFF;
	font-family: var(--font-en);
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	font-weight: 600;
	line-height:1; 
	letter-spacing: min(calc(0.39 / var(--vw-min) * 100vw), 0.39px);
	margin-bottom: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
footer .shareListsWrap{
	display: flex;
	flex-direction: column;
    align-items: center;
	margin-bottom: min(calc(63 / var(--vw-min) * 100vw), 63px);
}
@media screen and (max-width:767px){
	.shareLists__ttl{
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	footer .shareListsWrap{
		margin-bottom: calc(45 / var(--vw-min) * 100vw);
	}
}

/* footer > copyright */
.footer__copyright{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-family: var(--font-en_roboto);
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	font-weight: 400;
	line-height: 181.818%;
	color: rgba(255, 255, 255,0.5);
}


/*-----------------------------------------------
 * 
-------------------------------------------------*/
/* SP SUB PAGE*/
@media screen and (max-width:767px){
	[data-page="sub"] .l-main{
		background-color: unset;
	}
}
.pageTtlWrap{
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.pageTtl{
	font-family: var(--font-en);
	font-size: min(calc(160 / var(--vw-min) * 100vw), 160px);
	font-weight: 700;
	line-height: 1;
	margin-left:max(calc(-10 / var(--vw-min) * 100vw), -10px);
	color: #e8e8e8;
}
@media screen and (max-width:767px){
	.pageTtlWrap{
		width: 100%;
		overflow: hidden;
		margin-bottom:calc(23 / var(--vw-min) * 100vw);
	}
	.pageTtl{
		font-size: calc(88 / var(--vw-min) * 100vw);
		white-space: nowrap;
	}
}

.contentsAreaWrap{
	position: relative;
	/*padding-top:min(calc(15 / var(--vw-min) * 100vw), 15px);*/
}
.contentsArea{
	position: relative;
	background-color: #F5F5F5;
	border-radius:min(calc(40 / var(--vw-min) * 100vw), 40px);
	border: 1px solid #001659;
	padding: min(calc(90 / var(--vw-min) * 100vw), 90px) 0;
	z-index: 1;
}
@media screen and (max-width:767px){
	.contentsAreaWrap{
		/*padding-top:calc(15 / var(--vw-min) * 100vw);}*/
	}
	.contentsArea{
		padding: calc(55 / var(--vw-min) * 100vw) 0;
		border-radius:calc(32 / var(--vw-min) * 100vw);
	}
}


.deco__sheetOuter{
	position: relative;
	height:min(calc(64 / var(--vw-min) * 100vw), 64px); 
}
.deco__sheetWrap{
	position: absolute;
	top: min(calc(49 / var(--vw-min) * 100vw), 49px);
	width: 100%;
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	z-index: 0;
}

@media screen and (max-width:767px){
	.deco__sheetOuter{
		height:calc(51 / var(--vw-min) * 100vw); 
	}
	.deco__sheetWrap {
		top: calc(35 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
	}
}
.deco__sheet{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	border-radius:min(calc(40 / var(--vw-min) * 100vw), 40px);
	border: 1px solid #001659;
	background-color: #E0E0E0;
}
.deco__sheet:nth-child(1){
	top: 0;
	z-index: -3;
}
.deco__sheet:nth-child(2){
	top: min(calc(5 / var(--vw-min) * 100vw), 5px);
	z-index: -2;
}
.deco__sheet:nth-child(3){
	top: min(calc(10 / var(--vw-min) * 100vw), 10px);
	z-index: -1;
}
@media screen and (max-width:767px){
	.deco__sheetWrap{
		height:calc(80 / var(--vw-min) * 100vw);
	}
	.deco__sheet{
		border-radius:calc(32 / var(--vw-min) * 100vw);
	}
	.deco__sheet:nth-child(1){
		top: 0;
		z-index: -3;
	}
	.deco__sheet:nth-child(2){
		top: calc(5 / var(--vw-min) * 100vw);
		z-index: -2;
	}
	.deco__sheet:nth-child(3){
		top: calc(10 / var(--vw-min) * 100vw);
		z-index: -1;
	}
}

/* ani */
.l-main__contents .pageTtlWrap{
	width: 100%;
	overflow: hidden;
}
.l-main__contents .pageTtl{
	opacity: 0;
	transform: translateX(max(calc(-40 / var(--vw-min) * 100vw), -40px));
	transition: opacity .4s ease,transform .6s ease;
}
.l-main__contents.is-ani .pageTtl{
	opacity: 1;
	transform:translateY(0);
}
/*下層 sectionBlock*/
[data-page="sub"] .sectionBlock{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}
[data-page="sub"] .l-main__contents.is-ani .sectionBlock:not(.js-scrani){
	opacity: 1;
	transform:translateY(0);
}

/*下層 sectionBlock > */
[data-name="lineup"] .w_sectionTtlWrap{
	opacity: 0;
	transform: translateY(min(calc(40 / var(--vw-min) * 100vw), 40px));
	transition: opacity .4s ease,transform .6s ease;
}
[data-name="lineup"] .sectionBlock .w_sectionContents{
	opacity: 0;
	transform: translateY(min(calc(20 / var(--vw-min) * 100vw), 20px));
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}
[data-name="lineup"] .sectionBlock.is-ani .w_sectionContents{
	opacity: 1;
	transform:translateY(0);
}
[data-name="lineup"] .sectionBlock.is-ani .w_sectionTtlWrap,
[data-name="lineup"] .sectionBlock.is-ani .w_sectionContents{
	opacity: 1;
	transform:translateY(0);
}

[data-name="lineup"] .sectionBlockWrap{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
}
[data-name="lineup"] .sectionBlockWrap.is-ani{
	opacity: 1;
	transform:translateY(0);
}
[data-name="lineup"] .sectionBlockWrap .sectionBlock__ttl{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
}
[data-name="lineup"] .sectionBlockWrap .section__inner{
		opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}
[data-name="lineup"] .sectionBlockWrap.is-ani .section__inner,
[data-name="lineup"] .sectionBlockWrap.is-ani .sectionBlock__ttl{
	opacity: 1;
	transform:translateY(0);
}
.is-ani .sectionBlock.js-scrani{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
}

.sectionBlock.js-scrani .anniversaryTtl,
.sectionBlock.js-scrani .section__inner{
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}

.l-main__contents.is-ani .sectionBlock.js-scrani.is-ani .anniversaryTtl,
.l-main__contents.is-ani .sectionBlock.js-scrani.is-ani .section__inner,
.l-main__contents.is-ani .sectionBlock.js-scrani.is-ani{
	opacity: 1;
	transform:translateY(0);
}
/*-----------------------------------------------
 * swiper
-------------------------------------------------*/
.sliderPagerWrap .swiper-pagination-bullet{
	background-color: var(--color-kadblue);
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	height: min(calc(6 / var(--vw-min) * 100vw), 6px);
	margin: 0 min(calc(7 / var(--vw-min) * 100vw), 7px) !important;
	opacity: .4s;
}
.swiper-button-disabled,
.swiper-button-disabled .p-link_arrow--arrow{
	opacity: 0.5;
	pointer-events: none;
}
.swiper-button-disabled .controller--arrow_line{
	opacity: 0.2;
}

.autoSlider .swiper-button-disabled,
.autoSlider .swiper-button-disabled .p-link_arrow--arrow{
	opacity: 1;
	pointer-events: all;
}
.autoSlider .swiper-button-disabled .controller--arrow_line{
	opacity: 1;
}
.controlBlock{ 
	position: relative;
}

.controlBlock .sliderPagerWrap{
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
    align-items: center;
	pointer-events: none;
}
.controlBlock .swiper-pagination-bullet{
	pointer-events: all;
}
.controller--arrows{
	display: flex;
}
.controller--arrow{
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.controller--arrow_line{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid var(--color-kadblue);
}
.controlBlock .p-link_arrow--arrow:before {
    background-color: var(--color-kadblue);
}
.controller--arrows._w .controller--arrow_line{
	border: 1px solid var(--color-white);
}
.controller--arrows._w .p-link_arrow--arrow:before {
    background-color: var(--color-white);
}
@media screen and (max-width:767px){
	.controller--arrow{
		width:calc(38 / var(--vw-min) * 100vw);
		height:calc(38 / var(--vw-min) * 100vw);
	}
}

.autoSlider__scrollbar{
	width: min(calc(890 / var(--vw-min) * 100vw), 890px)!important;
	height: min(calc(2 / var(--vw-min) * 100vw), 2px)!important;
	background-color: #D9D9DB;
	position: relative!important;
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
	bottom: unset;
	left: unset;
}
.autoSlider__scrollbar._w{
	background-color: rgba(255, 255, 255,0.4);
}
.autoSlider__scrollbar .swiper-scrollbar-drag{
	background-color: var(--color-kadblue);
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.autoSlider__scrollbar._w .swiper-scrollbar-drag{
	background-color: rgba(255, 255, 255,1)!important;
}
@media screen and (max-width:767px){
	.autoSlider__scrollbar{
		width: 100%!important;
	}
}

@media screen and (max-width:767px){
	.controlBlock._anniversary{
		width: 100%;
		margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	}
	.autoSlider__scrollbar__scrollbar{
		width:calc(225 / var(--vw-min) * 100vw)!important;
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
	.controlBlock._anniversary .controller--arrows{
		width:calc(335 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}
/*--------------
tab
---------------*/

.tabLists {
    position: absolute;
    bottom:0;
    left: min(calc(83 / var(--vw-min) * 100vw), 83px);
    display: flex;
}
@media screen and (max-width:767px){
	.tabLists {
		position: absolute;
		left:calc(40 / var(--vw-min) * 100vw);
	}
}






.tabBlock{
	position: relative;
	height:  min(calc(74 / var(--vw-min) * 100vw), 74px) 
}
/*.tabLists{
	position: absolute;
	top:  max(calc(-60 / var(--vw-min) * 100vw), -60px);
	left: min(calc(83 / var(--vw-min) * 100vw), 83px);
	display: flex;
}*/
.pageTabWrap{
	display: inline-block;
    padding-right: min(calc(72 / var(--vw-min) * 100vw), 72px);
    position: relative;
    height: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.pageTabWrap::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 0;
    width: min(calc(72 / var(--vw-min) * 100vw), 72px);
    height: 100%;
    -webkit-mask: url(../img/common/tab_bg.svg) no-repeat center bottom / auto 100%;
    mask: url(../img/common/tab_bg.svg) no-repeat center bottom / auto 100%;
    background-color: #001659;
}
.pageTab {
	height: 100%;
    background-color: #001659;
    color: #FFF;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 64px) 0 0 0;
	z-index: 1;
    position: relative;
}
@media screen and (max-width:767px){
	.tabBlock{
		position: relative;
		height: calc(74 / var(--vw-min) * 100vw);
	}

	.pageTabWrap{
		padding-right:calc(32 / var(--vw-min) * 100vw);
		height:calc(50 / var(--vw-min) * 100vw);
	}
	.pageTabWrap::after {
		width: calc(32 / var(--vw-min) * 100vw);
		mask-image: url(../img/common/tab_bg_sp.svg);
	}
	.pageTab {
		border-radius:calc(8 / var(--vw-min) * 100vw) 0 0 0;
	}
}

.tab__txt{
	text-decoration: none;
	color: var(--color-white);
	display: flex;
	align-items: center;
    justify-content: center;
	padding: 0 0 0 min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.tabItem:first-child{
	position: relative;
	bottom: max(calc(-15 / var(--vw-min) * 100vw), -15px);
	bottom: 0;
	z-index: 10;
}
.tabItem:nth-child(2){
	position: relative;
	bottom: max(calc(-11 / var(--vw-min) * 100vw), -11px);
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	left: max(calc(-30 / var(--vw-min) * 100vw), -30px);
	z-index: 9;
}

.tabItem:nth-child(2) .pageTab,
.tabItem:nth-child(2) .pageTabWrap::after {
	background-color: #7C77A5;
}
.tabItem:nth-child(3){
	position: relative;
	left: max(calc(-60 / var(--vw-min) * 100vw), -60px);
	bottom: max(calc(-11 / var(--vw-min) * 100vw), -11px);
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	z-index: 8;
}
.tabItem:nth-child(3) .pageTab,
.tabItem:nth-child(3) .pageTabWrap::after {
	background-color: #726E88;
}

@media screen and (max-width:767px){
	.tab__txt{
		font-size: calc(11 / var(--vw-min) * 100vw);
		padding: 0 0 0 calc(18 / var(--vw-min) * 100vw);
        white-space: nowrap;
		letter-spacing: calc(0.39 / var(--vw-min) * 100vw);
	}
	.tab__txt .sp{
		line-height: 130.769%
	}
	.tabItem:first-child{
		/*bottom: calc(-11 / var(--vw-min) * 100vw);*/
	}
	.tabItem:nth-child(2){
		bottom: calc(5/ var(--vw-min) * 100vw);
		left: calc(-15 / var(--vw-min) * 100vw);
	}
	.tabItem:nth-child(3){
		bottom: calc(5/ var(--vw-min) * 100vw);
		left: calc(-34 / var(--vw-min) * 100vw);
	}
}
.tabItem__link{
	display: block;
	width: 100%;
	height: 100%;
}
.tab__txt{
	transition: all .4s ease;
}
span.tabItem__link .tab__txt{
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
a.tabItem__link:hover .tab__txt{
	opacity: 0.6;
	transition: all .4s ease;
}
@media screen and (max-width:767px){
	span.tabItem__link .tab__txt{
		padding-right: calc(10 / var(--vw-min) * 100vw);
	}
}
/*
.pageTab{
	transition: all .4s ease;
}
.tabItem__link:hover .pageTab{
	transition: all .1s ease;
}
.tabItem:nth-child(3) .tabItem__link:hover .pageTab,
.tabItem:nth-child(3) .tabItem__link:hover .pageTabWrap::after {
	background-color: #474456;
}
*/
/*tab > ic*/
.pageTab__ic{
	display: inline-block;
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: var(--color-white);
	margin-right:min(calc(10 / var(--vw-min) * 100vw), 10px);
	margin-left: max(calc(-10 / var(--vw-min) * 100vw), -10px);
}
.pageTab__ic._ic-menu{
	-webkit-mask: url(../img/common/icon_menu.svg) no-repeat center center/contain;
	mask: url(../img/common/icon_menu.svg) no-repeat center center/contain;
}
.pageTab__ic._ic-list{
	-webkit-mask: url(../img/common/icon_list.svg) no-repeat center center/contain;
	mask: url(../img/common/icon_list.svg) no-repeat center center/contain;
}
.pageTab__ic._ic-tab-arrow{
	width: min(calc(11 / var(--vw-min) * 100vw), 11px);
	height: min(calc(6 / var(--vw-min) * 100vw), 6px);
	-webkit-mask: url(../img/common/arrow_tab_btm.svg) no-repeat center center/contain;
	mask: url(../img/common/arrow_tab_btm.svg) no-repeat center center/contain;
	margin-left:min(calc(10 / var(--vw-min) * 100vw), 10px);
	margin-right: 0;
}
@media screen and (max-width:767px){
	.pageTab__ic{
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		margin-right:calc(4 / var(--vw-min) * 100vw);
		margin-left: calc(-5 / var(--vw-min) * 100vw);
	}
	.pageTab__ic._ic-tab-arrow{
		width: calc(9 / var(--vw-min) * 100vw);
		height: calc(5 / var(--vw-min) * 100vw);
		margin-left:calc(5 / var(--vw-min) * 100vw);
		margin-right: 0;
	}
}



.pageHeadArea{
	position: relative;
}
@media screen and (max-width:767px){
	.pageHeadArea{
		padding: 0 calc(14 / var(--vw-min) * 100vw);
	}
	#page__anniversary .pageHeadArea{
		padding: 0;
	}
	#page__anniversary .pageTtl{
		margin-left: calc(-10 / var(--vw-min) * 100vw);
		width: auto;
	}
	#page__anniversary .breadcrumbs{
		padding-left: calc(14 / var(--vw-min) * 100vw);
	}
}
/*breadcrumbs*/
.breadcrumbs{
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: flex-end;
	margin: auto 0 0;
	z-index: 1;
}
.breadcrumbs._top{
	position: absolute;
	bottom:0;
	right: min(calc(102 / var(--vw-min) * 100vw), 102px);
}
@media screen and (max-width:767px){
	.breadcrumbs{
		justify-content: flex-start;
		padding-left: calc(5 / var(--vw-min) * 100vw);
	}
	.breadcrumbs._top{
		position: relative;
		bottom: unset;
		right:unset;
	}
}

.breadcrumbs li{
	max-width:  min(calc(100 / var(--vw-min) * 100vw), 100px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.breadcrumbs li a,
.breadcrumbs li span{
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: var(--color-kadblue);
	line-height: 1;
	transition: opacity .3s ease;
	text-decoration: none;
	font-family: var(--font-en);
	font-weight: 600;
	line-height:106.667%;
	letter-spacing: min(calc(0.15 / var(--vw-min) * 100vw),0.15px);
}
.breadcrumbs li a:hover,
.breadcrumbs li .is-current{
	opacity: 0.6;
}
.breadcrumbs li{
	position: relative;
	padding: 0 min(calc(20 / 1200 * 100vw), 20px) 0 min(calc(13 /1200 * 100vw), 13px);
	line-height: 1;	
}
.breadcrumbs li:first-child{
	padding-left: 0;
}
.breadcrumbs li:last-child{
	padding-right: 0;
}
.breadcrumbs li:not(:last-child):before{
	position: absolute;
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(10 / var(--vw-min) * 100vw),10px);
	-webikit-mask: url(../img/common/arrow_r.svg) no-repeat center center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center center / contain;
	background-color: var(--color-kadblue);
	opacity: 0.7;
}
@media screen and (max-width:767px){
	.breadcrumbs li{
		max-width: calc(120 / var(--vw-min) * 100vw);
	}
	.breadcrumbs li a,
	.breadcrumbs li span{
		font-size: calc(13 / var(--vw-min) * 100vw);
		font-weight: 600;
		line-height:1;
		letter-spacing: calc(0.13 / var(--vw-min) * 100vw);
	}
	.breadcrumbs li a:hover,
	.breadcrumbs li .is-current{
		opacity: 0.6;
	}
	.breadcrumbs li{
		position: relative;
		padding: 0 calc(16 / var(--vw-min) * 100vw) 0 calc(8 / var(--vw-min) * 100vw);
		line-height: 1;	
	}
	.breadcrumbs li:not(:last-child):before{
		width: calc(6 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
		right: 0;
	}
}


/*btm*/
.contentsArea__btmBlock{
	position: relative;
	width: max(calc(1200 / var(--vw-min) * 100vw), calc(100% - 240px));
    margin: 0 auto;
}
@media screen and (max-width:767px){
	.contentsArea__btmBlock{
		width: 100%;
		padding: 0 calc(19 / var(--vw-min) * 100vw);
	}
}

.breadcrumbs._btm{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (max-width:767px){
	.breadcrumbs._btm{
		position: relative;
		right: unset;
		top: unset;
		bottom: unset;
	}
}

.backBtn{
	display: flex;
	align-items: center;
    justify-content: center;
}
.backBtn__link{
	text-decoration: none;
	color: var(--color-kadblue);
	font-weight: 700;
	line-height: 156.25%;
	letter-spacing: min(calc(0.48 / var(--vw-min) * 100vw),0.48px);
	display: flex;
	justify-content: center;
    align-items: center;
}
.backBtn__ic{
	display: block;
	width: min(calc(48 / var(--vw-min) * 100vw),48px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background: var(--color-kadblue) ;
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
	position: relative;
	transition: all .4s ease;
}
.backBtn__ic::before{
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	background-color: var(--color-white);
	transition: all .4s ease;
}
.backBtn__ic.ic_list::before{
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	mask: url(../img/common/icon_list.svg) no-repeat center center / contain;
}
.backBtn__ic.ic_home::before{
	width: min(calc(16 / var(--vw-min) * 100vw),16px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
	mask: url(../img/common/icon_home.svg) no-repeat center center / contain;
}
@media screen and (max-width:767px){
	.backBtn{
		justify-content: flex-start;
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.backBtn__link{
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.backBtn__link:hover .backBtn__ic{
		border: 1px solid var(--color-kadblue);
		background-color: var(--color-white);
	}
	.backBtn__link:hover .backBtn__ic::before{
		background-color: var(--color-kadblue);
	}
}



.l-content__titleWrap{
	position: relative;
}

/* VIEW BTN */
.viewBtn{
	display: flex;
	transition: all .4s ease;
}
.l-content__titleWrap .viewBtn{
	display: flex;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.viewBtn .viewBtn__link{
	display: flex;
	align-items: center;
	flex-direction: row;
    justify-content: space-between;
	text-decoration: none;
	width: auto;
}
.viewBtn__txt{
	font-family: var(--font-en);
	color: var(--color-kadblue);
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	text-align: right;
	font-weight: 700;
	line-height: 1;
	letter-spacing: min(calc(0.18 / var(--vw-min) * 100vw),0.18px);
}
.ic_arrow{
	display: block;
	position: relative;
	width: min(calc(48 / var(--vw-min) * 100vw),48px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
}
.ic_arrow::before{
	content: "";
	display: block;
	width: 100%;
	height:100%;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background: var(--color-kadblue);
	border: 1px solid var(--color-kadblue);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	transition: all .4s ease;
}
.ic_arrow::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(11 / var(--vw-min) * 100vw),11px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center center / contain;
	background-color: var(--color-white);
	z-index: 1;
	transition: all .4s ease;
}
.viewBtn._w .viewBtn__txt{
	color: var(--color-white);
}
.viewBtn._w .ic_arrow::before{
	background: var(--color-white);
}
.viewBtn._w .ic_arrow::after{
	background-color: var(--color-kadblue);
}
#anniversary .viewBtn{
	display: flex;
	align-items: center;
    justify-content: center;
	margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:767px){
	.viewBtn__txt{
		font-size: calc(15 / var(--vw-min) * 100vw);
		letter-spacing: calc(0.15 / var(--vw-min) * 100vw);
	}
	.ic_arrow{
		width: calc(38 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
		margin-left:calc(10 / var(--vw-min) * 100vw);
	}
	.ic_arrow::after{
		width: calc(7 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.viewBtn__link:hover .ic_arrow::before{
		background: var(--color-white);
		border: 1px solid var(--color-kadblue);
	}
	.viewBtn__link:hover .ic_arrow::after{
		background: var(--color-kadblue);
	}
	.viewBtn._w .viewBtn__link:hover .ic_arrow::before{
		border: 1px solid var(--color-white);
		background: transparent;
	}
	.viewBtn._w .viewBtn__link:hover .ic_arrow::after{
		background-color: var(--color-white);
	}
}
/**/
body[data-page="top"] .l-main{
	margin-top: min(calc(90 / var(--vw-min) * 100vw),90px);
}
.l-main__contents{
	width: 100%;
	/*min-height: 150vh;*/
	position: relative;
	padding-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:767px){
	.l-main{
		margin-top:calc(80 / var(--vw-min) * 100vw);
		background-color: #001659;
	}
	.l-main__contents{
		padding-top:calc(20 / var(--vw-min) * 100vw);
		background-color: #FFF;
		border-radius: calc(24 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) 0 0;
	}
}

.item__link img{
	transition: all .4s ease;
}
@media screen and (hover:hover) and (pointer: fine){
	.item__link:hover .w_pickupItem__img img,
	.item__link:hover .listItem__img img,
	.item__link:hover .newsItem__img img,
	.item__link:hover .item__img img{
		transform: scale(1.06);
	}
	.eventItem__link:hover .item__img img{
		transform: unset;
	}
	.eventItem__link .item__img:hover img{
		transform: scale(1.06);
	}
}
/*-----------------------------------------------
* COMMON - NAVLISTS
*-----------------------------------------------*/
.l-f-navLists{
	margin-left: auto;
	line-height: 1;
}
.l-f-navLists .navLists{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.l-f-navLists .navList__link{
	display: inline-block;
	text-decoration: none;
	position: relative;
	font-weight: 600;
	line-height: 1;
	color: var(--color-kadblue);
}

.l-f-navLists .navList--ja{
	display: none;
}

.p-navBtn{
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
	border-radius: 50%;
	display: block;
}
.p-navBtn::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid var(--color-kadblue);
}
.p-navBtn-dots{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: flex;
	gap: 26.3158%;/* 5 */
	width: 31.25%;/* 19 */
	height: 6.25%;/* 3 */
	transition: all .4s ease;
}
.p-navBtn:hover .p-navBtn-dots{
	transform: scale(1.08);
}
.p-navBtn-dots > span{
	display: block;
	width: 15.7895%;/* 3 */
	height: 100%;/* 3 */
	border-radius: 50%;
	position: relative;
}
.p-navBtn-dots > span::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background-color: var(--color-kadblue);
}
.p-navBtn-dots > span::after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid var(--color-kadblue);
}

.p-navBtn.header__p-navBtn{
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
header.is-active .p-navBtn.header__p-navBtn{
	opacity: 1;
}
@media screen and (max-width:767px){
	.p-navBtn.header__p-navBtn{
		opacity: 1;
	}
}
header.is-active .p-navBtn.-close::before{
	border: 1px solid rgba(255, 255, 255,0.7);
}
header.is-active .p-navBtn-dots span:nth-child(3),
header.is-active .p-navBtn-dots span:nth-child(1){
	width: min(calc(17 / var(--vw-min) * 100vw), 17px);
	height: 1px;
}
header.is-active .p-navBtn-dots{
	width: min(calc(17 / var(--vw-min) * 100vw), 17px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
	position: relative;
}
header.is-active .p-navBtn-dots span{
	background-color: rgba(255, 255, 255,0.7);
	border-radius: unset;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
header.is-active .p-navBtn-dots span:nth-child(1){
	transform:  rotate(45deg);
}
header.is-active .p-navBtn-dots span:nth-child(3){
	transform: rotate(-45deg);
}
header.is-active .p-navBtn-dots span:nth-child(2){
	display: none;
}
header.is-active .p-navBtn-dots > span::before{
	display: none;
}
/**
* l-contentNavs
**/
.l-contentNavs{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 10;
}

@media screen and (max-width:767px){
	.l-contentNavs{
		display: none;
	}
}

.l-contentNavs__container{
	position: fixed;
	top: 0;
	width: 100%;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px)  min(calc(20 / var(--vw-min) * 100vw), 20px)  min(calc(20 / var(--vw-min) * 100vw), 20px)  min(calc(30 / var(--vw-min) * 100vw), 30px);
	display: flex;
	align-items: center;
	pointer-events: auto;
}
.l-contentNavs__container:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-color: rgba(255,255,255, 60%);
	backdrop-filter: blur(6px);
}
.l-contentNavs__logo{
	width: min(calc(180 / var(--vw-min) * 100vw), 180px);
	position: relative;
}
.l-contentNavs__logo--link{
	display: block;
	width: 100%;
	text-decoration: none;
}
.l-contentNavs__logo--link > img{
	width: 100%;
}
.l-f-navLists{
	display: flex;
	align-items: center;
}

.l-f-navLists .navLists{
	width: unset;
    justify-content: flex-end;
	padding-right: min(calc(28 / var(--vw-min) * 100vw), 28px);
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.l-f-navLists .navLists__item{
	width: unset;
}
.l-f-navLists .navItem__link{
	display: inline-block;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    line-height: 1;
	color: var(--color-kadblue);
	position: relative;
}
.l-f-navLists .navItem__link::before{
	content: "";
	width: 0%;
	height:  min(calc(2 / var(--vw-min) * 100vw), 2px);
	background-color: var(--color-kadblue);
	position: absolute;
	bottom:-2px;
	transition: all .2s ease;
}
.l-f-navLists .navItem__link.is-active::before,
.l-f-navLists .navItem__link:hover::before{
	width: 100%;
}
.p-hero__header--navs.l-f-navLists .navItem__link{
	color: var(--color-white);
}
.p-hero__header--navs.l-f-navLists .navItem__link::before{
	background-color: var(--color-white);
	height:  min(calc(0.8 / var(--vw-min) * 100vw), 0.8px);
}
.l-f-navLists .navItem__en{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: min(calc(0.16 / var(--vw-min) * 100vw), 0.16px);
}
.l-f-navLists .navItem__jp{
	display: none;
}

/**
* Parts - link_arrow
**/
.p-link_arrow{
	display: block;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.p-link_arrow--arrow{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin: auto;
	transition: transform .25s ease;
}
.p-link_arrow--arrow:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	transition: all 0.4s ease;
}
.p-link_arrow.-l .p-link_arrow--arrow:before{
	-webkit-mask-image: url(../img/common/arrow_l.svg);
	mask-image: url(../img/common/arrow_l.svg);
}
.p-link_arrow.-r .p-link_arrow--arrow:before{
	-webkit-mask-image: url(../img/common/arrow_r.svg);
	mask-image: url(../img/common/arrow_r.svg);
}
@media screen and (max-width:767px){
	.p-link_arrow--arrow{
		width:calc(7 / var(--vw-min) * 100vw);
		height:calc(10 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.controller--arrow:hover .p-link_arrow.-r .p-link_arrow--arrow::before{
		transform: translateX(2px);
	}
	.controller--arrow:hover .p-link_arrow.-l .p-link_arrow--arrow::before{
		transform: translateX(-2px);
	}
	.p-link_arrow.swiper-button-disabled .p-link_arrow--arrow::before{
		transform: unset!important;
	}
}
.controller--arrow_svg{
	pointer-events: none;
}
/* shareListsWrap */
.p-hero .headNav__shareListsWrap{
	display: none;
	margin-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	align-items: center;
	z-index: 10;
	position: absolute;
	left: min(calc(193 / var(--vw-min) * 100vw), 193px);
	top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}

.headNav__shareListsWrap .shareLists__ttl{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 600;
	line-height: 1;
	letter-spacing: min(calc(0.16 / var(--vw-min) * 100vw), 0.16px);
	color: var(--color-white);
	margin-bottom: 0;
	margin-right:min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.headNav__shareListsWrap .shareLists{
	gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.headNav__shareListsWrap .shareLists__item{
	width:min(calc(40 / var(--vw-min) * 100vw), 40px);
	height:min(calc(40 / var(--vw-min) * 100vw), 40px);
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
	background-color: var(--color-white);
}
.headNav__shareListsWrap .shareLists__link::before{
	background-color: var(--color-kadblue);
}
@media screen and (max-width:767px){
	.p-hero .headNav__shareListsWrap{
		position: relative;
		left: unset;
		top:unset;
		margin-left:0;
		height: auto;
		align-items: center;
		z-index: 1;
        justify-content: center;
        flex-direction: column;
		margin-bottom: calc(70 / var(--vw-min) * 100vw);
	}
	.headNav__shareListsWrap .shareLists__ttl{
		font-size: calc(15 / var(--vw-min) * 100vw);
		letter-spacing:calc(0.15 / var(--vw-min) * 100vw);
		margin-right:0;
		margin-bottom: calc(13 / var(--vw-min) * 100vw);
	}
	.headNav__shareListsWrap .shareLists{
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.headNav__shareListsWrap .shareLists__item{
		width:calc(60 / var(--vw-min) * 100vw);
		height:calc(60 / var(--vw-min) * 100vw);
	}
}

.l-contentNavs .headNav__shareListsWrap{
	margin-left: min(calc(30 / var(--vw-min) * 100vw), 30px);
    z-index: 1;
    display: flex;
    align-items: center;
}
.l-contentNavs .headNav__shareListsWrap  .shareLists__ttl{
	color: var(--color-kadblue);
}
.l-contentNavs .headNav__shareListsWrap .shareLists__link::before{
	background-color: var(--color-white);
}
.l-contentNavs .headNav__shareListsWrap  .shareLists__item{
	background-color: var(--color-kadblue);
}

/* 各SNSパーツ */
.headNav__shareListsWrap .shareLists__item.is-twitter .shareLists__link:before {
	width: min(calc(15 / var(--vw-min) * 100vw), 15px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.headNav__shareListsWrap .shareLists__item.is-yt .shareLists__link:before {
	width:  min(calc(22 / var(--vw-min) * 100vw), 22px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.headNav__shareListsWrap .shareLists__item.is-tiktok .shareLists__link:before {
	width:  min(calc(15 / var(--vw-min) * 100vw), 15px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
}
@media screen and (max-width:767px){
	.headNav__shareListsWrap .shareLists__item.is-twitter .shareLists__link:before {
		width: calc(22.5 / var(--vw-min) * 100vw);
		height:calc(22.5 / var(--vw-min) * 100vw);
	}
	.headNav__shareListsWrap .shareLists__item.is-yt .shareLists__link:before {
		width:  calc(33 / var(--vw-min) * 100vw);
		height: calc(22.5 / var(--vw-min) * 100vw);
	}
	.headNav__shareListsWrap .shareLists__item.is-tiktok .shareLists__link:before {
		width: calc(22.5 / var(--vw-min) * 100vw);
		height:calc(25.5 / var(--vw-min) * 100vw);
	}
}

/**
* CookieConsent
**/
#cc-main {
    /* 1. 全体のフォントを指定（サイトに合わせる） */
    --cc-font-family: var(--font-ja);

    /* 2. ボタンの色 */
    --cc-btn-primary-bg: var(--color-kadblue);          /* 同意ボタンの背景色 */
    --cc-btn-primary-text: #ffffff;        /* 同意ボタンの文字色 */
    --cc-btn-primary-hover-bg: var(--color-sub);    /* 同意ボタンのホバー時 */

    /* 3. 拒否ボタンや詳細設定ボタンの色 */
    --cc-btn-secondary-bg: #eaeff2;        /* 拒否ボタンの背景色 */
    --cc-btn-secondary-text: #333333;      /* 拒否ボタンの文字色 */
    --cc-btn-secondary-hover-bg: #d8dfe4;  /* 拒否ボタンのホバー時 */

    /* 4. モーダル本体の背景と文字色 */
    --cc-bg: #ffffff;                      /* 全体の背景色 */
    --cc-text: #2d3436;                    /* 全体の文字色 */
}