@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
body { overflow-x: hidden; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; /* font-feature-settings: "palt" 1; */}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a {color:#c66a00; text-decoration:none; transition: color 0.4s;  }
a:hover {color:#eb000c;}
img{ max-width:100%;}

.sp_none{ display: block; }
.pc_none{ display: none; }
.an_scl{ opacity: 0; }


.red_cl{ color:#eb000c; }
.yel_cl{ color:#cca300; }
.white_cl{ color:#fff; }
.black_cl{ color: #000; }

.fs14{ font-size:0.7em; line-height: 150%; }
.fs16{ font-size:0.8em; line-height: 160%; }
.fs18{ font-size:0.9em; line-height: 160%; }
.fs22{ font-size:1.1em; line-height: 170%; }
.fs24{ font-size:1.2em; line-height: 170%; }
.fs26{ font-size:1.3em; line-height: 170%; }
.fs28{ font-size:1.4em; line-height: 170%; }
.fs30{ font-size:1.5em; line-height: 160%; }
.fs32{ font-size:1.6em; line-height: 150%; }
.fs34{ font-size:1.7em; line-height: 140%; }
.fs36{ font-size:1.8em; line-height: 140%; }
.fs38{ font-size:1.9em; line-height: 140%; }
.fs40{ font-size:2em; line-height: 120%; }
.fs60{ font-size:3em; line-height: 120%; }

.fws{ font-weight: 300; }
.fwb{ font-weight: 600; }

.align_center{text-align: center;}
.align_left{text-align: left;}
.align_right{text-align: right;}


.pd_t10{ padding-top: 0.1rem; }
.pd_t20{ padding-top: 0.2rem; }
.pd_t30{ padding-top: 0.3rem; }
.pd_t40{ padding-top: 0.4rem; }
.pd_t50{ padding-top: 0.5rem; }
.pd_t70{ padding-top: 0.7rem; }
.pd_b10{ padding-bottom: 0.1rem; }
.pd_b20{ padding-bottom: 0.2rem; }
.pd_b30{ padding-bottom: 0.3rem; }
.pd_b40{ padding-bottom: 0.4rem; }
.pd_b50{ padding-bottom: 0.5rem; }
.pd_b70{ padding-bottom: 0.7rem; }


:root{
	--htmlfont:100px;
}

/* .fw_title{font-family: "Shippori Mincho", serif; font-weight: 600; font-style: normal;}
 */
/******************************************************************/
html{ font-size:var(--htmlfont); /* opacity: 0; transition: opacity 1s;visibility: hidden; */}
html.pgshow{ opacity: 1;visibility: visible; }
/* html.wf-active,html.loading-delay{visibility: visible;} */
body{font-size: 0.2rem; opacity: 1; line-height:155%; font-weight: 400;position: relative; }
	body::after{content: ""; position:fixed; top: 0; left: 0; width: 100%; height: 100vh;max-height: 100%; background: url('../images/main_bg.jpg') center 0 no-repeat; background-size:100% auto; z-index: 0;transition:opacity 0.6s;}

/* loading ani */

.loading{height: 100vh; width: 100%; overflow: hidden;  }
	.loading .loadingmob{opacity: 1;}
	.loadingmob{position:absolute;top: 0; left: 0; z-index: 0; display: flex; justify-content: center;align-items: center; width: 100%; height: 100%;opacity: 0; transition:all 0.6s; pointer-events: none;}
	.loading_logo{max-width: 60%;box-sizing: border-box; padding: 1em; position: relative; border-radius: 9999px;}
	.loading_logo img{ animation:roatelogo 12s linear infinite ;}
	.loading_logo::before{content: ""; position: absolute;top:0.2rem; left:0.2rem; width:calc(100% - 0.4rem);height:calc(100% - 0.4rem);border: 2px solid transparent; border-top: 2px solid #dbbb5e;border-radius: 9999px;box-sizing: border-box; animation:roatelogo 2s linear infinite ; z-index: 10;}
	.loading_logo::after{content: ""; position: absolute;top: 1px; left:1px; width:calc(100% - 2px);height:calc(100% - 2px);border: 2px solid transparent; border-left: 2px solid #f866b0;border-radius: 9999px;box-sizing: border-box; animation:roatelogo 4s linear infinite ; z-index: 10;}


@keyframes roatelogo {
    from { transform: rotate(0); }
    to {transform: rotate(360deg); }
}


.loading .wrap{opacity: 0;}
.loading::after{opacity: 0;}

/* loading ani */



/* wrap */
.wrap{ position: relative; z-index: 10; opacity: 1; }
header{max-width: 100%;margin:0;padding:0;position: relative; text-align: center;}
	.top{ width: 1200px; max-width: 100%;margin: 0 auto;padding-top:0.75rem; }
	.top_logo{max-width:87.5%;z-index: 10; position: relative;margin:0 auto; }
	.headinpre{display:block; position: relative; width: 125%; margin: -9.2% 0 0 -12.5%; }

/* menu */
.menu_mob{ box-sizing:border-box; background-color: #d5b430; font-weight: 600;}
    .menulds{ font-size: 1.4em; line-height: 100%; box-sizing:border-box; position: relative;}
    .menu_inlist{ text-align: center; display: flex; flex-wrap: wrap; justify-content: center;}
    .menu_inlist li{ display: inline-block; margin: 0;padding: 0.8em 1.2em;}
    .menu_inlist li a{display: block; padding:0.1em; color: #929294; transition: all 0.2s; position: relative;  }
    .menu_inlist li a[href]{color: #fff; position: relative;}
    .menu_inlist li a[href]:hover,.menu_inlist li.sel a{color: #fff000;}
    .menu_inlist li a::before{content: ""; position: absolute; top: -0.5em;right: -0.7em; width: 0.9em;height: 1em; background: url('../images/icon.png') 0 0 no-repeat; background-size: 100% auto;opacity: 0; transition: opacity 0.3s;}
    .menu_inlist li.sel a::before{opacity: 1;}

    .sccmod .menulds{ position: fixed; top: 0; left: 0; width: 100%; z-index: 200;background:#d5b430;transition: background 0.5s;box-sizing: border-box;transform: skewY(0); border: 0;}
    .sccmod .menu_inlist li a[href]{ color: #fff; }
    .sccmod .menu_inlist li a:hover{ color: #fff000;}
    .sccmod .menu_inlist li.sel a{ color: #fff000;}
/* menu */

.main{position: relative; z-index: 1; font-weight: 300; padding-bottom: 0.5rem;}

	.js_scr{position: relative; top: -0.9rem;}
	.inner_mob{ padding: 0.6rem 0; position: relative; z-index: 5;}
	.mob_ins01{background: #fff; }
		.mob_title{text-align: center; padding: 0.85em 0;box-sizing: border-box; background:url("../images/title_bg.svg") center center no-repeat; background-size: auto 100%; line-height: 1; font-size: 1.5em;}
			.tit_txen{color: #fff; display: inline-block; line-height: 1; position: relative; padding:0.3em 2.6em; background: #d5b430;border:0.02rem solid #fff; border-radius: 999px; box-shadow: 0 0 0 0.03rem #d5b430; }
			.tit_txen::before,.tit_txen::after{content: ""; position: absolute; top: calc(50% - 0.4em); background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="24"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M12.1000,-0.000 L16.094,8.751 L25.375,8.988 L18.006,14.634 L20.648,23.531 L12.1000,18.269 L5.352,23.531 L7.994,14.634 L0.625,8.988 L9.906,8.751 L12.1000,-0.000 Z"/></svg>'); width: 0.9em; height:0.9em; background-size: 100% auto; }
			.tit_txen::before{left: 0.3em;}
			.tit_txen::after{right: 0.3em;}




		.inner_cont{width: 1200px; max-width: 100%; padding: 2.5em 0.5rem 0 0.5rem;box-sizing: border-box;margin: 0 auto; }
		.inner_cont02{ width: 960px; max-width:calc(100% - 1rem);padding: 0.5rem 0.5rem;margin: 0 auto;}

			.title_03{font-weight: 600; padding: 1.2em 0 1.2em 0; font-size: 1.25em; line-height: 150%; position: relative; z-index: 10;}
			.titles_01{text-align: center;position: relative; z-index: 10; }

			.txin_mobws{display: flex; flex-wrap: wrap; width: 100%;position: relative; z-index: 2; padding-top: 1.6em;}
				.pv_mob{ width:53.75%; }
					.pre_ph{ width: 108.3%; max-width: none;margin-top: -22.8%; }
					.topytbmob{ width: 100%; padding-bottom: 56.25%; position:relative;}
					.topytbmob iframe{ position: absolute; top:0; left:0; width:100%; height:100%; }

				.txin_cont{ width:46.25%; }
					.tx_icon{ font-size: 1em; line-height: 1; padding: 0.25em 0.5em; display: inline-block; background: #d5b430; color: #fff;margin: 0.4em 0; }

				.contmob_inner{ background: linear-gradient(to right,#ff59a0,#6fafff); padding: 0 0.04rem 0.04rem 0.04rem; position: relative; z-index: 10; width: 1100px; max-width: 100%; box-sizing: border-box; margin: 0 auto; }
					.contmob_intitle{ text-align: center; color: #fff;font-size: 1.2em; line-height: 120%; padding: 0.4em; }
					.contmob_intx{background: #fff; padding: 2.2em; line-height: 180%;}


	.mob_insen{	 padding: 0.4rem 0 0.3rem 0;}
		.mob_insen .mob_title{margin-bottom: -2.1em; position: relative; z-index: 10;}
		.mob_insen .inner_cont{ width: 1100px; border: 0.04rem solid #d5b430; border-top-width: 0.24rem;  box-sizing: border-box; padding: 3.5em 2.5em 2.5em 2.5em; background: #fff;}

			.distab{ display: flex; flex-wrap: wrap;justify-content: space-between;}
			.tabins_two{width: 48.5%;margin-bottom: 2.5%;}
			.ph_border{box-sizing: border-box; border: 0.02rem solid #d5b430;}


			.ban_link{--cl:#fff; display: inline-block; font-size: 1.2em; line-height: 1; border-radius: 999px;background: linear-gradient(to right,#ff70ad 0%,#e8bf1f 50%,#ff70ad 100%); background-size: 200% 100%; color:var(--cl)!important; padding:0.6em 1em; font-weight: 600;transition: background 0.4s;  }
			.ban_link svg{ width: 1em; height: 1em; vertical-align: middle; margin-right:0.4em; }
			.ban_link svg path{fill: var(--cl);}
			.ban_link:hover{/* --cl:#000000; */ background-position: 50% 0;}


		.texinli{line-height: 160%; }
		.texinli li{margin-left: 1em; list-style: '・';}
		.texinli02{line-height: 160%;}
		.texinli02 li{margin-left: 1em; list-style: '※';}
		.texinli01 li{margin-left: 1em; list-style: '◆';}
		ul li.nolst{margin-left:0; padding-left: 1em; text-indent: -1em; list-style: none;}


	.release_list{ display: flex; flex-wrap: wrap; }
		.releast_inner{width: 15%; box-sizing: border-box; background: #d5b430; transition: background 0.3s; color: #fff;border: 1px solid #d5b430; margin: 0 2% 2% 0; font-size: 0.9em;}
		.release_list .releast_inner:nth-child(6n){margin-right: 0;}
		.releast_inner:hover{background:#d5b430;color:#fff;}
		.releast_inner[href]:hover{background: #bd9700;color: #fff;}
		.releast_time{ text-align: center; font-weight: 500;padding: 0.1em 0; }
		.releast_time span{font-weight: 300; }
		.releast_name{ text-align: center; font-size: 1.2em; line-height: 1.1; padding: 0.5em 0; }
		.rel_nas{transform: scale(1.05,1.8);display: block; font-size: 0.6em;margin-top: 0.6em;}





/* ------wrap----- */


.text_in01{padding-left: 1em; text-indent:-1em; }
.text_in02{padding-left: 2em; text-indent:-2em; }
.text_in03{padding-left: 3em; text-indent:-3em; }
.text_in04{padding-left: 4em; text-indent:-4em; }

.page_up{opacity: 0; position: fixed; bottom: 0.6rem; right: 0.3rem; z-index: 20; transition: opacity 0.8s;pointer-events: none; width: 0.8rem; max-width:8%; display: block;}
.page_up.visible {opacity: 1;pointer-events: auto;}
footer{ display: block; background: #d5b430; padding:2em 1em; text-align: center;  position: relative; z-index: 10;}
	footer .ftcopy{font-size: 12px; line-height:2;  display: block; color: #fff;}



/* animation */
.scoll_ani{opacity: 0;}
.animated {animation-fill-mode: both;}
.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
}

.fadeInZoom {
    animation-name: fadeInZoom;
    animation-duration: 1s;
}

.fadeInUp {
    animation-name: fadeInUp;
    animation-duration: 1s;
}

.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 1s;
}

.fadeInline {
    animation-name: fadeInline;
    animation-duration: 1s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeInZoom {
    from { opacity: 0; transform: scale(0.5); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInline {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}




@media screen and (max-width:1200px) {
	:root{--htmlfont:8.33vw;}
}

@media screen and (max-width:768px) {
	:root{--htmlfont:13.33vw;}

	html{ width: 100%; overflow-x: hidden; }
	body{ overflow-x: hidden; font-size: 0.2rem;}
	.sp_none{ display: none; }
	.pc_none{ display: block; }



	header{}
	.top{ padding-top: 0.5rem; }
	.top_logo{max-width:92.5%;margin:0 0 0 4.7%; }
	.headinpre{width: 118%; margin: -9.2% 0 0 -9%; }

	/* menu */
	.menu_mob{left:0; width: 100%}
		.menulds{ font-size: 1.25em;}
		.menu_inlist{ width: 100%; }
		.menu_inlist li{padding: 0;}
		.menu_inlist li a{padding: 0.5em 0.4em;}
		.menu_inlist li a::before{top: -0.1em;right: -0.2em;}
		.menu_inlist li a:hover,.sccmod .menu_inlist li a:hover{color: #fff;}
	/* menu */

	.main{font-size: 1.1em; line-height: 160%}
		.inner_cont{padding:0.4rem;}
		.mob_insen{padding:0.4rem;}
		.mob_insen .inner_cont{padding: 3.5em 1.5em 1.5em 1.5em;}

		.txin_mobws{flex-direction: row-reverse; padding-bottom: 0.1rem;}
			.pv_mob{ width: 30%; }
				.pre_ph{ width: 300%;margin: -22.8% 0 0 -125%; }
			.txin_cont{ width: 70%; position: relative; z-index: 12;font-size: 1.15em;line-height: 1.6;}
			.tx_cotime{ font-size: 1em; }

			.contmob_intitle{font-size: 1.1em; line-height: 120%;}
			.contmob_intx{padding: 1.5em;}


		.release_list{}
			.releast_inner{width: 31%;margin: 0 3.33% 3.33% 0; font-size: 1em;}
			.release_list .releast_inner:nth-child(3n){margin-right: 0;}
			.rel_nas{transform:scale(1.15, 1.8);display: block; }


	footer .ftcopy{font-size:9px;}
}