@charset "UTF-8";

/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

common

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.anc {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
	position: relative;
	top: -120px;
}
.pc{
	display: block;
}
.sp {
	display: none;
}
.tb {
	display: none;
}
html *{
	font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: transparent;
	color: #364f63;
	color: #353535;
	font-feature-settings: "palt";
	letter-spacing:0.06em;
	/* text-align: center; */
}
html *.reset_transition,
html .reset_transition *{
	transition:0s !important;
}
a:hover{
}
html{
    width: 100%;
}
body{
    width: 100%;
    min-width: 1100px;
}
.body_wrap{
	width: 100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
main{
	position: relative;
    z-index: 3;
}
footer{
}
img{
}
.sec{
	position: relative;
	text-align: center;
}
.sec_wrap{
	min-width: 1100px;
	width: 1100px;
	margin:auto;
	padding: 0 50px;
}
main.subpage{
	padding-top: 120px;
}
.br{
	display: block;
}
.impotrant_br{
	display: block;
}
.ttl{
	text-align: center;
	font-size: 0px;
	margin-bottom: 40px;
	position: relative;
	left: 10px;
}
.ttl h2,
.ttl span{
	text-align: center;
	font-size: 37px;
	font-weight: 500;
	font-feature-settings: "palt";
}
.ttl:before{
	content:
	'';
	width: 130px;
	background-image: url(../images/ttl_bg01.png);
	background-position: right;
}
.ttl:after{
	content:'';
	width:160px;
	background-image: url(../images/ttl_bg03.png);
}
.ttl span,
.ttl:before,
.ttl:after{
	vertical-align:top;
	height:140px;
	line-height:140px;
	display:inline-block;
	/* position: relative; */
	/* left: 10px; */
}
.ttl h2{
	margin-top: -8px;
	margin-left:-10px;
	letter-spacing: 0;
	font-weight:700;
	transition: 0.3s 0.5s;
	transform:scale(1);
}
.ttl h2:before{
	content:'';
	display:inline-block;
	width:55px;
	height:140px;
	background-image:url(../images/ttl_syuriken.png);
	background-size:auto;
	background-position:center left;
	background-repeat:no-repeat;
	vertical-align:top;
}
.ttl span{
	position:
	relative;
	width: 450px;
	white-space: nowrap;
	transition:0.3s;
	background-image: url(../images/ttl_bg02.png);
	background-size: 100% 100%;
}
.ttl.long span{
	width:450px;
}


.ttl.lock span,
.lock_anime .ttl span{
	width:0;
}
.ttl.lock h2,
.lock_anime .ttl h2{
	opacity:0;
	transform:scale(1.3);
	transition:0.5s;
}

.sttl.type01{
	font-size: 14px;
	font-weight:500;
	line-height:18px;
	padding: 0 20px 20px;
	/* color: #353535; */
}
.sttl.type01:before,
.sttl.type01:after{
	content:
	'';
	display:
	inline-block;
	width:9px;
	height:9px;
	background-color: #364f63;
	vertical-align:
	bottom;
	margin:0px 15px 4px;
}
.sttl.type2{
}
.normal_text{
	font-size: 14px;
	line-height: 1.8;
	font-weight: 400;
	margin-bottom: 25px;
	transform: rotate(0.03deg);
	/* text-shadow: -3px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF; */
}
.normal_text a,
.normal_link,
.bottom a{
	color: #6388f4;
	text-decoration: none;
	transition:0.5s;
}
.normal_text a:hover,
.normal_link:hover,
.bottom:hover a{
	opacity:0.5;
}
.normal_box{
	width: 100%;
	margin-bottom: 25px;
}
.normal_box:after,
.normal_box:before{
	content: '';
	width: 100%;
	display: block;
	padding: 4.5% 0 0;
}
.normal_box:before{
	background-image: url(../images/normal_box01.png);
	background-position: center bottom;
	background-size: 100%;
	background-repeat:no-repeat;
}
.normal_box:after{
	background-image: url(../images/normal_box02.png);
	background-position: center top;
	background-size: 100%;
	background-repeat:no-repeat;
}
.normal_box_wrap{
	width: 100%;
	background-image: url(../images/normal_box03.png);
	background-position: center;
	background-size: 100%;
	line-height: 1.5;
	font-size: 16px;
	padding: 15px 75px;
}
.btn_normal,
.normal_btn,
.btn_d{
	width: 350px;
	line-height: 1;
	position: relative;
	margin: auto;
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 25px;
}
.btn_normal a,
.normal_btn a,
.btn_d a{
	width: 100%;
	display: block;
	color: #FFF !important;
	font-weight:400;
	width: 350px;
	line-height: 63px;
	height: 74px;
	background-image: url(../images/normal_btn_base.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat:no-repeat;
	transition: 0.3s;
}
.btn_normal a:after,
.normal_btn a:after,
.btn_d a:after{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin-top: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	transform: rotate(45deg);
	position: absolute;
	top: 27px;
	right: 11%;
	pointer-events:none;
}
.btn_normal a:hover:after,
.normal_btn a:hover:after,
.btn_d a:hover:after{
}
.btn_normal.type_re.type_re a:after{
	transform: rotate(-135deg);
	right:auto;
	left: 13%;
}

.btn_normal:hover a,
.normal_btn:hover a,
.btn_d:hover a{
	transform:scale(0.90);
	transition: 0.3s cubic-bezier(0.06, 0.92, 0.61, 1.69) !important;
	opacity: 1;
}
.ttl_ef{
	position:
	absolute;
	top: -100px;
	left:50%;
	margin-left: -140px;
	transform: scale(1.5);
	z-index: 100;
	pointer-events: none;
}
.top .ttl_ef{
	top: -20px;
}
.ttl_ef_wrap{
    width:300px;
    height:300px;
    background:url(../images/ef_bakuhatu.png) no-repeat;
    animation: 0.8s bakuhatu1 steps(20) 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	pointer-events:none;
}
.ttl.lock + .ttl_ef .ttl_ef_wrap,
.lock_anime .ttl_ef_wrap{
    animation: none;
}
@keyframes bakuhatu1 {
    to{
        background-position: -6000px 0;
    }
}






/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	*:hover{
		opacity:1 !important;
	}
	.pc{
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.tb {
		
	}
	html.mobile{
	}
	html{
	}
	body{
	    width: 100%;
	    min-width: 100%;
	}
	.anc {
		display: block;
		height: 0;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
	}
	.sec_wrap{
		min-width: 100%;
		width: 100%;
		margin:
		auto;
		padding: 0 3.5vw;
	}
	main.subpage{
		padding-top: 22vw;
	}
	.ttl{
		font-weight: 500;
		margin-bottom: 4vw;
		position: relative;
		left: -1.2vw;
		transform: scale(1.06);
		margin-left: 0px;
	}
	.ttl:after,
	.ttl:before{
		background-size:101% 100%;
		background-repeat:
		no-repeat;
		width: 18%;
	}
	.ttl:after,
	.ttl:before,
	.ttl h2,
	.ttl span{
		height: 20vw;
		line-height:12vw;
		/* font-size:5.5vw; */
	}
	.ttl.long span,
	.ttl span{
		width: 57%;
	}
	.ttl h2{
		position:
		absolute;
		left:50%;
		width: 100%;
		margin-left: -47%;
		font-size: 5.5vw;
		margin-top: 3.0vw;
		transition:0s;
	}
	.ttl h2:before {
		display:none;
	}
	.ttl.lock span,
	.lock_anime .ttl span{
		width: 57%;
	}
	.ttl.lock h2,
	.lock_anime .ttl h2{
		opacity: 1;
		transform: scale(1);
		transition:0.5s 0.5s;
	}
	.ttl_ef {
	    position: absolute;
	    top: calc( -160px + 10vw );
	    left: 50%;
	    margin-left: -150px;
	    transform: scale(1.0);
	}
	.sttl.type01{
		font-size: 3.5vw;
		line-height: 5vw;
		padding: 0 0 3vw;
		letter-spacing: 0px;
	}
	.sttl.type01:before,
	.sttl.type01:after{
		content:'';
		display:inline-block;
		width:2.1vw;
		height:2.1vw;
		background-color:#353535;
		vertical-align:bottom;
		margin:0px 2vw 1.5vw;
	}
	.normal_text{
		font-size: 3.2vw;
		padding: 0 3vw;
		margin-bottom: 5vw;
		text-align: left;
	}
	.normal_text .br{
		display: inline;
	}
	.normal_text .impotrant_br{
		display: block;
	}
	.normal_box{
	}
	.normal_box:after,
	.normal_box:before{
	}
	.normal_box:before{
	}
	.normal_box:after{
	}
	.normal_box_wrap{
		width: 100%;
		font-size: 14px;
		padding: 0 7.5vw;
		text-align: left;
	}
	.btn_normal,
	.normal_btn,
	.btn_d{
		width: 100%;
		font-size: 4.5vw;
		margin: 0 0 0;
		padding:0;
	}
	.btn_normal a, .normal_btn a, .btn_d a {
	    width: 100%;
	    line-height: 15vw;
	    height: 18vw;
	    font-weight: 500;
	    letter-spacing: 0;
	    background-image: url(../images/normal_btn_base.png);
	    background-size:
	    contain;
	    background-position: center;
	    background-repeat: no-repeat;
	    transform: scale(0.92);
	    position:
	    relative;
		top:-1vw;
	}	
	.btn_normal a:after, .normal_btn a:after, .btn_d a:after {
		width: 2.5vw;
		height: 2.5vw;
		margin-top: -2.3vw;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		top: 50%;
		right: 15%;
	}
	.btn_normal.type_re a:after{
		right:auto;
		left: 15%;
	}

/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

op_anime

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */

.loading{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -75px;
	margin-left: -75px;
}
.loading img{
	transform: scale(0.7);
}
.end_anime .loading img{
}
.op_anime_s01.lock_anime{
	opacity: 1;
}
.op_anime_s01.end_anime{
	opacity: 0;
	pointer-events:none;
}
.op_anime_s01{
	position: fixed;
	top: 0;
	left:0;
	z-index: 4000;
	display:block;
	pointer-events:none;
	opacity: 1;
	transition: 0.5s;
	background-color: #FFF;
}
.op_anime_s01_wrap{
	position: relative;
	width:100vw;
	height:100vh;
	display:block;
}
/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */





	
/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

header

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
header{
	color: #1a1416;
	width: 550px;
	position: fixed;
	z-index: 500;
	top:0;
	right: -680px;
	text-align: right;
	transition: 0.5s;
}
header.click_action{
	right: 0;
}
header .header_wrap{
	position: relative;
}
/*back*/
.header_back{
	width: 750px;
	height: 150vh;
	position: absolute;
	z-index: 490;
	top: -25vh;
	right: -80px;
	/* background-image: url(../images/normal_box03.png); */
	background-color: #FFF;background-position:left;
	background-size:120% 100%;
}
/*menu*/
.header_menu{
	text-align: left;
	padding: 12% 8% 0;
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 500;
}
.header_menu *{
	color:#353535;
}
.header_menu_wrap{text-align: center;}
.header_menu_title{
	font-size: 45px;
	margin-bottom: 10%;
}
.header_menu .large_text{
	font-size: 20px;
	line-height: 1;
	display:
	block;
	padding-left: 12px;
	font-feature-settings: "palt";
	letter-spacing: 0;
	color: #353535;
}
.header_menu .small_text{
	/*color:#ffb400;*/
	line-height: 1;
	font-size: 12px;
	margin-top: 7px;
	display:
	block;
	padding-left: 12px;
	color: #353535;
}
.header_menu ul{
	font-size: 0;
	margin-bottom: 20px;
	text-align: left;
}
.header_menu li{
	border-left: solid 7px #ffb400;
	display: inline-block;
	width: 49%;
	margin: 0 2% 30px 0;
}
.header_menu li:nth-child(2n){
	border-left-color: #36bbff;
	margin-right:0;
}
.header_menu li.lock{
	filter:grayscale(1);
	opacity:0.5 !important;
	pointer-events:none;
}
.header_menu li a{
	display: inline-block;
	text-align: left;
}
.header_share{
	position: relative;
	text-align: left;
	vertical-align: middle;
}
.header_share .header_share_title{
	font-size: 18px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
	vertical-align: middle;
}
.header_share .header_share_list{
	display: inline-block;
	vertical-align: middle;
}
.header_share .header_share_list .icon_img{
	display: inline-block;
}
.header_share .header_share_list .icon_img img{
	width: 35px;
}

/* anime */
.header a{
	display:block;
	opacity: 1;
	transition: 0.5s;
	position:relative;
	width:100%;
}
.header a:hover{
	opacity: 0.5;
	transition: 0.3s;
}
.header_menu_title{
	transition: 1s;
	opacity: 0;
	right: -30px;
}
header.click_action .header_menu_title{
	opacity: 1;
	right: 0px;
	transition: 1s;
}
header .header_menu_title img{
	width: 306px;
	margin-right: 50px;
}
header .header_menu_close_btn{
	position: absolute;
	top: 25px;
	right: 25px;
}
header .header_menu_close_btn img{
	width:35px;
}
header .header_menu_close_btn:hover img{
	opacity:0.5;
}
.header_share{
}
header.click_action .header_share{
}
.header_menu li{
	transition: 0.5s 0s;
	position: relative;
	opacity: 0;
	right: -15px;
}
header.click_action .header_menu li{
	opacity: 1;
	right: 0px;
}
header.click_action .header_menu li:nth-child(1){
	transition: 0.5s 0.05s;
}
header.click_action .header_menu li:nth-child(2){
	transition: 0.5s 0.10s;
}
header.click_action .header_menu li:nth-child(3){
	transition: 0.5s 0.15s;
}
header.click_action .header_menu li:nth-child(4){
	transition: 0.5s 0.20s;
}
header.click_action .header_menu li:nth-child(5){
	transition: 0.5s 0.25s;
}
header.click_action .header_menu li:nth-child(6){
	transition: 0.5s 0.30s;
}
header.click_action .header_menu li:nth-child(7){
	transition: 0.5s 0.35s;
}
header.click_action .header_menu li:nth-child(8){
	transition: 0.5s 0.40s;
}
header.click_action .header_menu li:nth-child(9){
	transition: 0.5s 0.45s;
}
header.click_action .header_menu li:nth-child(10){
	transition: 0.5s 0.50s;
}
header.click_action .header_menu li:nth-child(11){
	transition: 0.5s 0.55s;
}
header.click_action .header_menu li:nth-child(11){
	transition: 0.5s 0.55s;
}
.header_back{
	right: -200px;
	transform: rotate(-4deg);
	transition: 0.5s;
}
header.click_action .header_back{
	right: -160px;
	transform: rotate(-4deg);
	transition: 0.5s;
	box-shadow: 0 1.9px 2.5px rgb(114 141 170 / 7%),
    0 5px 6.1px rgb(30 65 103 / 8%),
    0 10.1px 11.4px rgb(0 92 192 / 9%);
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	header{
		width: 100vw;
		top:0;
		right: 0;
	}
	header.click_action{
		right: 0;
	}
	/*back*/
	header .header_back{
		width: 100%;
		height: 150vh;
		top: -25vh;
		right: 0px;
	}
	/*menu*/
	header .header_menu{
		padding: 15vw 4vw 0 4vw;
		width: 100%;
		height: 100vh;
	}
	header .header_menu_wrap{
	}
	header .header_menu_close_btn {
	    position: absolute;
	    top: 3vw;
	    right: 3vw;
	}
	header .header_menu_title{
		margin-bottom: 8vw;
	}
	header .header_menu_title img{
		width:300px;
		max-width:70%;
		margin-right: 0;
	}
	
	header .header_menu .large_text{
		font-size: 0.9rem;
		font-weight: 500;
		line-height: 1;
		padding-left: 6%;
		letter-spacing: 0;
	}
	header .header_menu .small_text{
	    font-size: 0.5rem;
	    padding-left: 6%;
	}
	header .header_menu ul{
		font-size: 0;
		margin-bottom: 40px;
	}
	header .header_menu li{
		margin-bottom: 5vw;
		border-left-width:1.5vw;
		width: 48%;
	}
	.header_menu li:nth-child(2n){
		width: 48%;
	}
	/*share*/
	.header_share{
	}
	.header_share .header_share_title{
		font-size: 0.8rem;
		margin-right: 2vw;
	}
	.header_share .header_share_list .icon_img img{
		width: 40px;
	}

	/* anime */
	header{
		right: -100vw;
	}
	header.click_action{
		right: 0;
	}

	.header_back{
		transform: rotate(0deg);
		right:0;
	}
	header.click_action .header_back{
		transform: rotate(0deg);
		right:0;
	}
	
/* =================================== */
}
/* =================================== */







/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

modal_back

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.modal_back{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 250;
	content:"";
	width:100vw;
	height:100vh;
	display:block;
	display: none;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transition: 0.5s;
}
.modal_back.click_action{
	display: block;
	opacity: 0;
	/*animation:0.5s ease-in 0s forwards opacity003;*/
}
@keyframes opacity003 {
	0%{
	    opacity: 0;
	}
	100% {
	    opacity: 0.8;
	}
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.modal_back.click_action{
		display: block;
		opacity: 0.8;
		/*animation:0.5s ease-in 0s forwards opacity003;*/
	}
	
/* =================================== */
}
/* =================================== */









/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

fix_icon_menu

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.fix_icon_menu{
	position: fixed;
	top: 30px;
	right:30px;
	z-index: 110;
	transition:0.5s;
	cursor:pointer;
}
.fix_icon_menu_wrap{
	position:relative;
}
.fix_icon_menu_close{
	position:absolute;
	top:0px;
}
.fix_icon_menu .fix_icon_menu_open img{
	display: inline-block;
	pointer-events: none;
	height: 83px;
}
.fix_icon_menu .fix_icon_menu_close img{
	display: inline-block;
	height: 75px;
	opacity: 0;
	position: relative;
	pointer-events: none;
}



.fix_lt{
	position: fixed;
	z-index: 110;
	display:block;
	transition:0.5s;
}
.fix_lt li{
	display:inline-block;
}
.fix_lt{
	left: 40px;
	top: 25px;
}
.fix_lt img{
	height: 85px;
	transform:
	scale(1.3);
}
.fix_lt:hover{
	opacity:0.5;
}




/*anime*/
.fix_icon_menu{
	opacity:1;
	top:-100px;
}
.fix_icon_menu:hover{
	opacity:0.5 !important;
}
.fix_icon_menu.active{
	opacity:1;
	top: 30px;
}


.fix_lt.delay,
.fix_icon_menu.delay{
	top:-100px !important;
}
.fix_lt.delay.delay_open{
	top: 25px !important;
}
.fix_icon_menu.delay.delay_open{
	top: 30px !important;
}









/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.fix_icon_menu{
		top:0;
		right:0;
		height: auto;
		z-index:200;
		padding:0 3.5vw 0 0;
	}
	.fix_icon_menu_wrap{
	}
	.fix_icon_menu_close{
	}
	.fix_icon_menu .fix_icon_menu_open img{
		height: 12vw;
	}
	/* anime */
	.fix_icon_menu{
		opacity:1;
		top:-100px;
	}
	.fix_icon_menu:hover{
		transform:scale(1);
		opacity:1;
	}
	.fix_icon_menu.active{
		opacity:1;
		top: 3.5vw;
	}
	.fix_lt{
		left: 0vw;
		top:0vw;
		padding: 0 3.5vw;
	}
	.fix_lt img{
		height: 15vw;
		transform: scale(1);
		margin-top: 2.5vw;
	}


	
/* =================================== */
}
/* =================================== */




/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top section{
	position: relative;
	text-align: center;
	color: #FFF;
	z-index:100;
	/* margin-bottom: 80px; */
	overflow: hidden;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.top section{
	}
	.top .ttl_ef{
		display:none;
	}
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec01

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top_sec01{
	background-image:
	url(../images/top_sec01_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:
	cover;
	border-bottom: #c1f5f8 solid 15px;
	text-align:
	center;
	margin-bottom: 40px;
}
.top_sec01:after{
	content:'';
	display:block;
	width:100%;
	height:5px;
	background-color:#7bdee5;
}
.top_sec01 .sec_wrap{
	width: 100%;
	max-width:1600px;
	position:relative;
}


.top_sec01 .top_main_header{
	position:
	absolute;
	z-index:100;
	text-align:
	left;
	left:0;
	top:0;
	width:100%;
	height:139px;
	background-image:
	url(../images/top_main_header_bg.png);
	background-size:
	auto 100%;
	background-position: left center;
}
.top_sec01 .top_main_header_wrap{
	position:relative;
}
.top_sec01 .sns_list{
	position:
	absolute;
	right:0;
	top: 20px;
	height:48px;
	overflow:
	hidden;
	background-image:
	url(../images/top_sns_list_bg.png);
	background-position:
	left center;
	padding: 0 25px 0 35px;
}
.top_sec01 .sns_list li{
	display:block;
	float:left;
}
.top_sec01 .sns_list li img{
	height: 29px;
	margin: 9px 1px 0;
	transition:0.5s;
}
.top_sec01 .sns_list li img:hover{
	opacity:0.6;
}
.top_sec01 .sns_list li.text_li{
	line-height:48px;
	margin-right: 5px;
	font-size: 13px;
	font-weight:600;
	color:#ea4d71;
}
.top_sec01 .sns_list li img{
	line-height:48px;
}
.top_sec01 .link_list{
	padding-left:20px
;
	padding-top: 5px;
}
.top_sec01 .link_list li{
	display:block;
	float:left;
	position:relative;
}
.top_sec01 .link_list li a{
	display:
	inline-block;
	font-size:14px;
	color:#45547e;
	font-weight:500;
	padding: 20px 12px 20px 21px;
	margin: 10px 0 0;
	letter-spacing:0;
}
.top_sec01 .link_list li a:before{
	display:inline-block;
	content:'';
	background-image:url(../images/top_link_list_icon.png);
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	position:absolute;
	top:31px;
	left:2px;
}
.top_sec01 .link_list li.lock a:before{
	background-image:url(../images/top_link_list_icon_lock.png);
	opacity:0.3 !important;
}
.top_sec01 .link_list li a:hover{
	transition:0.5s;
}
.top_sec01 .link_list li a:hover::before{
	transform:rotate(10000deg);
	transition:30s linear;
}
.top_sec01 .link_list li.lock a:hover::before{
	transform:rotate(0deg);
	transition:0s;
}



.top_sec01 .link_list li.logo_li img{
	width: 90px;
	margin-right:15px;
	margin: 5px 15px 0 0;
}
.top_sec01 .top_main{
	position:relative;
	z-index:10;
	padding: 140px 0 70px;
}
.top_sec01 .logo,
.top_sec01 .chara01,
.top_sec01 .kemuri,
.top_sec01 .hosi{
	position:absolute;
	width: 100%;
}
.top_sec01 .logo{
	z-index:20;
}
.top_sec01 .chara01{
	z-index:19;
}
.top_sec01 .hosi {
	z-index:16;
	transform:
	scale(1.0);
	/* mix-blend-mode:overlay; */
}
.top_sec01 .kemuri{
	position:relative;
	z-index:15;
}
.top_sec01 .logo img,
.top_sec01 .chara01 img,
.top_sec01 .kemuri img,
.top_sec01 .hosi img{
	max-width: 1200px;
	min-width:900px;
	width: 85%;
}

.top_sec01 .copy01,
.top_sec01 .copy02{
	position:absolute;
	z-index:30;
	left:50px;
}
.top_sec01 .copy02{
	margin-left:60px;
}
.top_sec01 .pre_banner{
	position:absolute;
	z-index:30;
	right: -30px;
	bottom: 70px;
}
.top_sec01 .pre_banner_wrap{
	position:relative;
}
.top_sec01 .pre_banner span img{
	width:380px;
	height:380px;
	transform:scale(0.9);
}
.top_sec01 .pre_banner span.hover img{
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.top_sec01 .pre_banner a{
	position:absolute;
	z-index:10;
	top:34%;
	left:25%;
	display:block;
	width:200px;
	height:200px;
	background-color:transparent;
}
.top_sec01 .gogobg{
	position:absolute;
	z-index:5;
	top:-150px;
	height:0;
	display:none;
}

/* anime */
.top_sec01 .top_main_header{
	top:0px;
	transition: 1.0s 1.0s;
}
.tran0 .top_sec01 .top_main_header{
	transition: 0s 0s top !important;
}
.lock_anime .top_sec01 .top_main_header{
	top:-180px;
}
.top_sec01 .copy01{
	top:20%;
	transition:1.5s 1.5s;
}
.top_sec01 .copy02{
	top:35%;
	transition:1.5s 1.5s;
}
.lock_anime .top_sec01 .copy01{
	top: -100vh;
}
.lock_anime .top_sec01 .copy02{
	top:calc( 240px + 100vh );
}

.tran0 .top_sec01 .copy01,
.tran0 .top_sec01 .copy02{
	transition:0s 0s;
}

.top_sec01 .chara01{
	animation:5s ease-in-out infinite scaleloop01;
	animation-delay: 0s;
}
.top_sec01 .kemuri{
	animation:5s ease-in-out infinite scaleloop04;
	animation-delay: 0s;
}
.top_sec01 .hosi{
	animation-delay: 0s;
}
.lock_anime .top_sec01 .hosi,
.lock_anime .top_sec01 .chara01,
.lock_anime .top_sec01 .kemuri{
	animation:none;
}

.top_sec01 .top_main{
	transform:scale(1.0);
	transition:1.5s cubic-bezier(0.66, 0.12, 0.34, 0.99);
}
.lock_anime .top_sec01 .top_main{
	transform:scale(2);
}
.tran0 .top_sec01 .top_main{
	transform:scale(1);
	transition:0s 0s;
}

.top_sec01 .hosi{
	transform:scale(1);
	transition: 1.5s 1.0s cubic-bezier(0.66, 0.12, 0, 1.39);
}
.lock_anime .top_sec01 .hosi{
	transform:scale(0.5);
}
.tran0 .top_sec01 .hosi{
	transform:scale(1);
	transition:0s 0s;
	/*transition:1.5s 0s cubic-bezier(0.66, 0.12, 0.34, 0.99);*/
}
.top_sec01 .pre_banner{
	animation:0.8s ease-in-out 2.2s both bound01;
}
.tran0 .top_sec01 .pre_banner{
	animation:0s ease-in-out 0s both bound01;
}

@keyframes scaleloop01{
	0%{
	    transform:scale(0.94);
	}
	50% {
	    transform:scale(0.97);
	}
	100% {
	    transform:scale(0.94);
	}
}

@keyframes scaleloop04{
	0%{
	    transform:scale(1.02);
	}
	50% {
	    transform:scale(1.0);
	}
	100% {
	    transform:scale(1.02);
	}
}
@keyframes scaleloop06{
	0%{
	    transform:scale(1.13);
	}
	50% {
	    transform:scale(1.1);
	}
	100% {
	    transform:scale(1.13);
	}
}
@keyframes bound01{
	0%{
	    opacity:0;
		transform:scale(0.0);
	}
	1%{
	    opacity:1;
		transform:scale(0.0);
	}
	60% {
		transform:scale(1.2);
	}
	80% {
		transform:scale(0.95);
	}
	90% {
		transform:scale(1.02);
	}
	100% {
		transform:scale(1);
	}
}

.top_sec01 .pre_banner a:hover + .pre_banner_img .normal img{
	opacity:0;
}
.top_sec01 .pre_banner a:hover + .pre_banner_img .hover img{
	display:block;
	opacity:1;
	transform:scale(0.9);
	transition:0.5s;
	animation:0.1s linear 0s 3 dododoanime;
}

/* =================================== */
@media only screen and (min-width: 1920px) {
/* =================================== */
	.top_sec01 .top_main_header{
		background-image:url(../images/top_main_header_bg.png);
		background-size:100% 100%;
	}
/* =================================== */
}
/* =================================== */


/* =================================== */
@media only screen and (max-width: 1200px) {
/* =================================== */
	.top_sec01 .pre_banner{
		right: -50px;
		bottom: 10px;
	}
	.top_sec01 .pre_banner span img{
		transform:scale(0.75);
	}
	.top_sec01 .copy01 img,
	.top_sec01 .copy02 img{
		width:40px;
	}
	
	.top_sec01 .copy01{
		top:23%;
	}
	.top_sec01 .copy02{
		margin-left:50px;
		top:38%;
	}
/* =================================== */
}
/* =================================== */



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.top .top_sec01{
		z-index: 100;
		background-size: auto 100%;
		background-attachment: scroll;
		border-bottom: #c1f5f8 solid 2vw;
	}
	.top .sec_wrap{
		width:100vw;
		/*overflow:auto;*/
	}
	.top .top_sec01 .sec_wrap{
		padding:0;
	}
	.top_sec01{
		background-size:140%;
		transition:2s;
	}
	.top_main_header{
		display:none;
	}
	.top_sec01 .top_main{
		position:relative;
		z-index:10;
		margin-top: 0px;
		overflow:hidden;
	}
	.top_sec01 .logo{
		position:absolute;
		z-index:20;
	}
	.top_sec01 .chara01{
		position:absolute;
		z-index:19;
	}
	.top_sec01 .chara02{
		position:absolute;
		z-index:18;
	}
	.top_sec01 .chara03{
		position:absolute;
		z-index:17;
	}
	.top_sec01 .kemuri{
		position:relative;
		z-index:15;
	}
	.top_sec01 .hosi{
		display: block;
	}
	.top_sec01 .hosi img,
	.top_sec01 .logo img,
	.top_sec01 .chara01 img,
	.top_sec01 .kemuri img{
		width: 103%;
		min-width:0;
		max-width:1000%;
		margin:0 -25% 0 -25%;
	}
	.top_sec01 .hosi img{
		transform:scale(1);
	}
	.top_sec01 .kemuri img{
	}
	.top_sec01 .copy01,
	.top_sec01 .copy02{
		
	}
	.top_sec01 .copy01{
		position:absolute;
		z-index:30;
		right:auto;
		left:3.5vw;
		top: 41vw;
		margin:0px
	}
	.top_sec01 .copy02{
		position:absolute;
		z-index:30;
		left:auto;
		right:3.5vw;
		top:43vw;
		margin:0px
	}
	.top_sec01 .copy01 img,
	.top_sec01 .copy02 img{
		width:7.0vw;
	}
	.top_sec01 .pre_banner{
		position:fixed;
		z-index: 2094;
		left:0;
		top:auto;
		bottom:-50vw;
		right:auto;
		margin:0 0 0 -10vw;
		transition:0.5s;
	}
	.top_sec01 .pre_banner.active{
		/*bottom:8vw;*/
	}
	.top_sec01 .pre_banner span img{
		width:50vw;
		height:auto;
		transform:scale(1);
	}
	.top_sec01 .pre_banner span.hover img{
		position:absolute;
		top:0;
		left:0;
		display:none;
	}
	.top_sec01 .gogobg{
		display:none;
	}

	.top_sec01 .top_main{
		height: auto;
		padding: 10vw 0 23vw;
	}
	.lock_anime .top_sec01 .top_main{
		height:150vh
	}
	
/* =================================== */
}
/* =================================== */


/*add top_sec01 hosi2*/
.hosi{
	display: none;
}
.hosi2{
	width: 0px;
	height: 0px;
	background-color: #23232330;
	z-index: 16;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
}
.hosi2_item{
	position: absolute;
}

.hosi2_item img{
	width:70px;
	height: 70px;
	margin: -35px 0 0 -35px;
	animation: 6s cubic-bezier(0.62, 0.83, 0.85, 1.02) 1 hosi2_rotation;
}
.lock_anime .hosi2_item img{
	animation:none;
}
.tran0 .hosi2_item img{
	animation: 6s cubic-bezier(0.62, 0.83, 0.85, 1.02) 1 hosi2_rotation;
}

.hosi2_item img.back{
	animation: 6s cubic-bezier(0.62, 0.83, 0.85, 1.02) 1 hosi2_rotation2;
}
.lock_anime .hosi2_item img.back{
	animation:none;
}
.tran0 .hosi2_item img.back{
	animation: 6s cubic-bezier(0.62, 0.83, 0.85, 1.02) 1 hosi2_rotation2;
}

@keyframes hosi2_rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(720deg); }
}
@keyframes hosi2_rotation2{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(-720deg); }
}
.hosi2_anime{
	position: relative;
}
.top_sec01 .hosi2{
	transform:scale(1);
	opacity: 1;
	transition: 1.5s 1.0s cubic-bezier(0.66, 0.12, 0.34, 0.99);	
}
.lock_anime .top_sec01 .hosi2{
	transform:scale(0.3);
	opacity: 0;
}
.tran0 .top_sec01 .hosi2{
	transform:scale(1);
	opacity: 1;
	transition:0s 0s;
}
/**/

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
.hosi2{
	display:none;
}
/* =================================== */
}
/* =================================== */









/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec01add

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */

.top_sec01add{
	padding: 0 0 0px;
	/* margin:-30px 0 0; */
	top: -35px;
	position:relative;
	transition:0.5s;
	z-index: 99 !important;
}
.top_sec01add .sec_wrap{
	padding:0;
}
.top_sec01add .google{
	display:inline-block;
}
.top_sec01add .apple{
	margin-top:20px;
	display:inline-block;
}
.top_sec01add .google img,
.top_sec01add .apple img{
	height: 45px;
}

.top_sec01add .google.lock,
.top_sec01add .apple.lock{
	/*pointer-events:none;*/
}
.top_sec01add.lock{
	opacity:0;
	top:30px;
}



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top_sec01add{
		padding: 0;
		top: -5vw;
		position:
		relative;
		transition:0.5s;
		z-index: 99 !important;
	}
	.top_sec01add .date img{
		width: 90%;
	}
	.top_sec01add .sec_wrap{
		padding: 0;
	}
	.top_sec01add .apple img,
	.top_sec01add .google img{
		height:38px;
	}
	.top_sec01add.lock{
		opacity:1;
		top:0px;
	}
	
/* =================================== */
}
/* =================================== */








/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec02

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */

.top .top_sec02{
	position:
	relative;
	padding: 40px 0;
	margin-bottom: -40px;
}
.top .top_sec02 .sec_wrap {
    min-width: 1100px;
    width: auto;
    margin: auto;
    padding: 0;
}
.top_movie{
	height: 440px;
	font-size:0;
	position: relative;
	overflow: hidden;
}
.top_movie .movie_thumb{
	position: absolute;
	width: 683px;
	top: 0;
	left: 50%;
	margin-left: calc( -683px / 2);
	padding: 45px 35px 40px;
	background-image: url(../images/movie_bg01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index:10;
	box-sizing: border-box;
}
.top_movie .movie_thumb .top_main_youtube_img{
	background-size: 100% auto;
	transition:0.3s cubic-bezier(0.36, 0, 0.19, 0.97);
}
.top_movie .movie_thumb img{
	opacity:0.8;
	transition:0.3s cubic-bezier(0.36, 0, 0.19, 0.97);
}
.top_movie .movie_thumb:hover img{
	opacity:0.2;
}
.top_movie .movie_thumb:hover .top_main_youtube_img{
	background-size: 100% auto;
	transform:scale(1.05);
}


.top_movie .movie_thumb p{
	font-size:0;
	display:none;
}
.top_movie .movie_right,
.top_movie .movie_left{
	width:49%;
	height:100%;
	background-image:url(../images/movie_effect01.png);
	background-repeat:repeat-x;
	background-position: 600px center;
	background-size:1500px auto;
}
.top_movie .movie_left{
	float:left;
	transform:scaleX(-1);
}
.top_movie .movie_right{
	float:right;
}

/* anime */
.top_sec02{
	transform:scale(1.00);
	position:relative;
	transition:2s ease-out;
}
.top_sec02.lock{
	transform:scale(1.08);
}

.top_movie .movie_thumb:hover + .movie_left,
.top_movie .movie_thumb:hover + .movie_left + .movie_right{
	animation:1.0s cubic-bezier(0.23, -0.5, 0.74, 1.46) 0s infinite sound_e_loop01;
}
@keyframes sound_e_loop01{
	0%{
	background-position: 600px;
	}
	100% {
	background-position: 2100px;
	}
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top .top_sec02{
		position:
		relative;
		padding: 12vw 0 0;
		margin-top: -45vw;
		margin-bottom: -3vw;
		z-index: 101;
	}
	.top .top_sec02 .sec_wrap {
	    min-width: 0;
	    padding: 0;
	}
	.top_movie .movie_thumb:hover .top_main_youtube_img{
		background-size: 100% auto;
	}
	
/* =================================== */
}
/* =================================== */











/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec02add

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top_sec02add{
}
.top_sec02add .sec_wrap {
    min-width: 1000px;
    width: 900px;
    padding: 75px 50px 50px;
}
.top_sec02add ul{
	position:relative;
}
.top_sec02add .pre_chara{margin-bottom: -30px;}
.top_sec02add .chara{
	padding-top: 80px;
	position:
	relative;
	z-index:3;
}
.top_sec02add .dododo{
	position:
	absolute;
	top:0;
	left:0;
	z-index:2;
	width: 900px;
	text-align:
	center;
}
.top_sec02add .dododo img{
	margin:auto;
}
.top_sec02add .pre_btn{
	font-size:0;
	margin:0;
}
.top_sec02add .normal_box{

}
.top_sec02add .normal_box_wrap{
	padding: 0px 0 0px;
}
.top_sec02add .pre_btn li{
	display:
	inline-block;
	margin: 0 2px;
	transition:0.5s;
}
.top_sec02add .pre_btn li:hover{
	opacity:0.5;
}
.top_sec02add .pre_btn li.lock{
	filter:grayscale(100%);
	opacity:0.3;
	pointer-events:none;
}
.top_sec02add .pre_btn li img{
	height: 60px;
}
.top_sec02add .pre_btn.type1 li img{
	height: 85px;
}
.top_sec02add .pre_btn.type1{
	margin-bottom:15px;
	padding-top:5px;
}
.top_sec02add .pre_btn.type2{
	padding-bottom:5px;
}



.top_sec02add .pre_btn li{
	opacity:1;
}
.top_sec02add.lock .pre_btn li{
	opacity:0;
	transform:scale(0.6);
}
.top_sec02add .pre_btn li:nth-child(1){
	transition:0.5s 0.5s;
}
.top_sec02add .pre_btn li:nth-child(2){
	transition:0.5s 0.6s;
}
.top_sec02add .pre_btn li:nth-child(3){
	transition:0.5s 0.7s;
}
.top_sec02add .pre_btn li:nth-child(4){
	transition:0.5s 0.8s;
}
.top_sec02add .pre_btn li:nth-child(5){
	transition:0.5s 0.9s;
}
.top_sec02add .pre_btn li:nth-child(6){
	transition:0.5s 1.0s;
}
.top_sec02add .pre_btn li img:hover{
	opacity:0.5 !important;
}

#inline-magazine .black_box{
	background-color:#b6b6b6;
	padding:3px;
	border-radius:17px;
	box-sizing: border-box;
}
#inline-magazine .black_box_wrap{
	background-color:#000;
	width: 760px;padding:60px;
	border-radius:15px;
	box-sizing: border-box;
}
#inline-magazine .text_ttl{
	color:#FFF;
	line-height: 32px;
	font-size: 30px;
	font-weight: 400;
	font-feature-settings: "palt";
	margin-bottom: 25px;
	letter-spacing:0;
	position:relative;
	text-align:center;
}
#inline-magazine .text_ttl:before{
	content:'';
	width:45px;
	height:40px;
	position:relative;
	display:inline-block;
	background-image:url(../images/pre_mail_icon.png);
	background-size:contain;
	background-repeat:no-repeat;
	left:0px;
	top:-3px;
	vertical-align:top;
}
#inline-magazine *{
	vertical-align:top;
}
#inline-magazine .text{
	color:#FFF;
	line-height: 1.7;
	font-size: 14px;
	margin: 0 0 30px;
	text-align:center;
}
#inline-magazine .text:last-child{
	margin-bottom:0;
}
#inline-magazine .form_wrapper dl{
    text-align:center;
    padding: 0;
	font-size:0;
}
#inline-magazine .form_wrapper dd,
#inline-magazine .form_wrapper dt {
	display:inline-block;
    padding: 0;
}
#inline-magazine .form_wrapper dd{
	width:400px;
}
#inline-magazine .form_wrapper dt{
	width:150px;
}
#inline-magazine .form_wrapper dt button{
	width:100%;
	padding:0;
	margin:0;
}
#inline-magazine .form_wrapper dt a {
    background-color: #ff5841;
	display:block;
	line-height:54px;
	color:#FFF;
	text-align:center;
	width:100%;
	padding:0;
	margin:0;
	font-size:18px;
	letter-spacing:0;
	font-weight:500;
}
#inline-magazine .form_wrapper input[type="text"] {
	border: solid 2px #ff5841;
	box-sizing:border-box;
	width:100%;
	padding:0;
	margin:0;
}



/* anime */
.top_sec02add{
	top:0;
	position:relative;
	transition:0.5s;
}
.top_sec02add.lock{
	opacity:0;
	top:30px;
}
.top_sec02add .chara.active{
	animation:0.8s ease-in-out 0s both bound01;
}
.top_sec02add .chara{
	transform:scale(0);
}
.top_sec02add.lock .top_sec02add .chara{
	animation-name: none;
}
.top_sec02add .dododo.active{
	animation: 0.15s linear 0s infinite dododoanime;
	animation-iteration-count: 4;
}
.top_sec02add.lock .top_sec02add .dododo{
	animation-name: none;
}

@keyframes dododoanime{
	0%{
		top:2px;
		left:-2px;
	}
	25% {
		top:-2px;
		left:2px;
	}
	50% {
		top:2px;
		left:5px;
	}
	75% {
		top:-2px;
		left:-5px;
	}
	100% {
		top:0px;
		left:0px;
	}
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.top_sec02add{
		padding: 0;
	}
	.top_sec02add .sec_wrap {
	    min-width: 0;
	    width: 100%;
	    padding: 20vw 5vw 0;
	}
	.top_sec02add ul{
		position:relative;
	}
	.top_sec02add .pre_chara{
	margin-bottom: 3vw;
	}
	.top_sec02add .chara{
		padding-top: 5vw;
		position:
		relative;
		z-index:3;
	}
	.top_sec02add .chara img{
		width: 90%;
	}
	.top_sec02add .dododo{
		position:absolute;
		top:0;
		left:0;
		z-index:2;
		width: 100%;
		text-align:center;
	}
	.top_sec02add .dododo img{
		width:100%;
		margin:auto;
	}
	.top_sec02add .pre_btn{
		font-size:0;
		margin: 0;
	}
	.top_sec02add .pre_btn li{
		width:80%;
		display:inline-block;
		margin:0.5vw;
		transition:0.5s;
		text-align:center;
	}
	.top_sec02add .pre_btn li:hover{
		opacity:0.5;
	}
	.top_sec02add .pre_btn li.lock{
		filter:grayscale(100%);
		opacity:0.3;
		pointer-events:none;
	}
	.top_sec02add .pre_btn li{
		opacity:1;
		width: 100%;
	}
	.top_sec02add.lock .pre_btn li{
		opacity:0;
		transform:scale(1);
	}
	.top_sec02add .pre_btn li img:hover{
		opacity:1 !important;
	}
	.top_sec02add .pre_btn li img {
	    height: 50px;
	}
	.top_sec02add .pre_btn.type1 li img,
	.top_sec02add .pre_btn.type2 li img {
	    height: 55px;
	}
	.top_sec02add .normal_box{
		margin-bottom:-10px;
		width: 240px;
		margin: 0 auto;
		border:solid 8px #537ae9;
		border-style:groove;
		border-radius:2.5vw;
		background-color:#FFF;
	}
	.top_sec02add .pre_btn.type1 {
	    margin-bottom: 0px;
	    padding-top: 0px;
	}
	.top_sec02add .normal_box:before{
		background-image: none;
	}
	.top_sec02add .normal_box:after{
		background-image: none;
	}
	.top_sec02add .normal_box_wrap{
		background-image: none;
		padding: 2.5vw 0 2vw;
	}
	
	#inline-magazine .black_box{
		width: 100%;
		padding:1%;
	}
	#inline-magazine .black_box_wrap{
		background-color:#000;
		width: 100%;
		padding: 8vw;
		border-radius:15px;
		box-sizing: border-box;
	}
	#inline-magazine .text_ttl{
		line-height: 32px;
		font-size: 30px;
		margin-bottom: 3vw;
		text-align: left;
	}
	#inline-magazine .text_ttl:before{
		content:'';
		width:45px;
		height:40px;
		position:relative;
		display:inline-block;
		background-image:url(../images/pre_mail_icon.png);
		background-size:contain;
		background-repeat:no-repeat;
		left:0px;
		top:-3px;
	}
	#inline-magazine *{
	}
	#inline-magazine .text{
		font-size: 3.6vw;
		margin: 0 0 5vw;
		text-align:left;
	}
	#inline-magazine .text br{
		display:none;
	}
	#inline-magazine .text:last-child{
		margin-bottom:0;
	}
	#inline-magazine .form_wrapper dl{
	    text-align:center;
	    padding: 0;
		font-size:0;
	}
	#inline-magazine .form_wrapper dd,
	#inline-magazine .form_wrapper dt {
		display:inline-block;
	    padding: 0;
	}
	#inline-magazine .form_wrapper dd{
		width:100%;
	}
	#inline-magazine .form_wrapper dt{
		width:100%;
	}
	#inline-magazine .form_wrapper dt button{
		width:100%;
		padding:0;
		margin:0;
	}
	#inline-magazine .form_wrapper dt a {
		line-height:12vw;
		width:100%;
		padding:0;
		margin:0;
		font-size:4.5vw;
	}
	#inline-magazine .form_wrapper input[type="text"] {
		width:100%;
		padding:0;
		margin:0;
		line-height:12vw;
	}
	#cboxContent img{
		max-width:100%;
		width:100%;
	}

	/* anime */
	.top_sec02add{
	}
	.top_sec02add.lock{
		opacity:1;
		top:0px;
	}
	.top_sec02add .chara.active{
		animation:0.8s ease-in-out 0s both bound01;
	}
	.top_sec02add .chara{
		transform:scale(0);
	}
	.top_sec02add.lock .top_sec02add .chara{
		animation-name: none;
	}
	.top_sec02add .dododo.active{
		animation: 0.15s linear 0s infinite dododoanime;
		animation-iteration-count: 4;
	}
	.top_sec02add.lock .top_sec02add .dododo{
		animation-name: none;
	}
	.top .form_sendbtn {
	    margin: 5vw 0 0;
	}

	
/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec03

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top_sec03{
	padding: 75px 0 100px;
}
.top_sec03 .sec_wrap{
	text-align: left;
	overflow:hidden;
}
.top_sec03 .normal_box{
	width: 480px;
	margin-bottom: 0;
	display:
	inline-block;
	vertical-align:top;
	text-align:left;
}

.top_sec03 .normal_box.type01{
	float:left;
}
.top_sec03 .normal_box.type02{
	float:right;
}

.top_sec03 .normal_box:after,
.top_sec03 .normal_box:before{
	padding: 45px 0 0;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.top_sec03 .normal_box:before{
	background-image: url(../images/normal_box01b.png);
}
.top_sec03 .normal_box:after{
	background-image: url(../images/normal_box02b.png);
}
.top_sec03 .normal_box_wrap{
	background-image: url(../images/normal_box03b.png);
	padding: 5px 45px 15px;
}
.top_sec03 .list.news{
	height: 550px;
	background-color:#292f33;
	background-color:#ffffff;
	border: 1px #37bde4 solid;
	border-left: none;
	border-right: none;
	overflow-y:
	auto;
}
.top_sec03 .list.twitter{
		min-height:450px;
}
.top_sec03 .list.news li{
	color:#FFF;
	border-bottom: solid 1px #a7b5bd66;
	border-bottom: 1px #8bcde0 solid;
	position:relative;
}
.top_sec03 .list.news li a{
	padding: 20px 12px 20px 0;
	display:block;
}


.top_sec03 .list.news li a:hover{
	opacity:0.5;
}
.top_sec03 .list.news .title{
	color:#FFF;
	color: #292f33;
	display:
	block;
	font-size: 16px;
	line-height: 1.4;
	margin: 30px 0 0;
	font-weight: 400;
	font-feature-settings: "palt";
	letter-spacing: 0;
}
.top_sec03 .list.news .important_item .title:before{
	content:'※ 重要なお知らせ';
	display:block;
	width:100%;
	height:35px;
	line-height:35px;
	background-color:#e60d0d;
	color:#FFF;
	text-align:center;
	font-size:14px;
	font-weight:600;
	margin:0 0 13px;
	position:relative;
	top:3px;
	border-radius:3px;
}


.top_sec03 .list.news .time{
	color: #37bde4;
	display:block;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	position:absolute;
	left: 0;
	top: 20px;
}
.top_sec03 .list.news .text_slash:after {
    content: "/";
    display: inline;
    font-size: 78%;
    vertical-align: top;
	position:relative;
	top:2px;
	color:#18c2c8;
}
.top_sec03 .list.news .text_colon:after {
    content: ":";
    display: inline;
    font-size: 85%;
    vertical-align: top;
	position:relative;
	top:1px;
	color:#18c2c8;
}
.top_sec03 .list.news .type{
	font-size:12px;
	font-weight:400;
	line-height:1;
	padding: 6px 12px;
	position:absolute;
	right: 0px;
	top: 17px;
	border-radius:30px;
	width: 130px;
	text-align:center;
	letter-spacing: 0em;
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	transform: scale(0.95);
}

.top_sec03 .list.news .type.type1{
	background-image:url(../images/info_list_type1_re.png);
	color: #f23f76;
}
.top_sec03 .list.news .type.type2{
	background-image:url(../images/info_list_type2_re.png);
	color: #f57327;
}
.top_sec03 .list.news .type.type3{
	background-image:url(../images/info_list_type3_re.png);
	color: #c942e2;
}
.top_sec03 .list.news .type.type4{
	background-image:url(../images/info_list_type4_re.png);
	color: #07c6e8;
}
.top_sec03 .list.news .type.type5{
	background-image:url(../images/info_list_type5_re.png);
	color: #25c3b3;
}
.top_sec03 .list.news .type.type6{
	background-image:url(../images/info_list_type6_re.png);
	color: #40799e;
}
.top_sec03 .list.news .type.type7{
	background-image:url(../images/info_list_type7_re.png);
	color: #f44fdb;
}
.top_sec03 .list.news .type.type8{
	background-image:url(../images/info_list_type8_re.png);
	color: #30a5f5;
}
.top_sec03 .list.news .type.type9{
	background-image:url(../images/info_list_type9_re.png);
	color: #f34936;
}
.top_sec03 .list.news .type.type10{
	background-image:url(../images/info_list_type10_re.png);
	color: #4962a2;
}

.top_sec03 .nttl img{
	padding-right: 10px;
	vertical-align: top;
	margin-top: 3px;
}
.top_sec03 .nttl{
	line-height:20px;
	overflow:
	hidden;
	margin: 0 0 15px;
	padding: 5px 0 5px;
	text-align: left;
}
.top_sec03 .left{
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	display: inline-block;
	}
.top_sec03 .type01 .left{
	color: #37bde4;
	letter-spacing: 0;
	/* font-feature-settings: "palt"; */
}
.top_sec03 .type02 .left{
	color:#2ba2ff;
	letter-spacing: 0;
}
.top_sec03 .more_btn{
	display:inline-block;
	float:right;
	width:170px;
}
.top_sec03 .more_btn a{
	position:
	relative;
	display:
	block;
	text-align:
	center;
	font-size:14px;
	color:#FFF;
	font-weight:500;
	line-height: 28px;
	/* height: 30px; */transition:0.5s;
	background-image:
	url(../images/news_btn02.png);
	background-size:
	contain;
	background-positon:
	right;
	background-repeat:
	no-repeat;
}
.top_sec03 .type02 .more_btn a{
	background-image:url(../images/news_btn01.png);
}
.top_sec03 .more_btn a:after{	
}
.top_sec03  .type02 .more_btn a:after{
}
.top_sec03 .more_btn a:hover{
	opacity:0.5;
}

/* anime */
/*
.top_sec03{
	top:0;
	transition:0.5s;
}
.top_sec03.lock{
	opacity:0;
	top:30px;
}
*/
/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top .ttl_ef {
	    top: calc( -150px + 28vw );
	}
	.top_sec03{
		padding: 20vw 0 0;
	}
	.top_sec03 .sec_wrap{
	text-align: center;
	}
	.top_sec03 .ttl{
	}
	.top_sec03 .normal_box{
		width: 95%;
		margin: 0 auto 5vw;
		float: none !important;
		text-align: left;
	}
	.top_sec03 .normal_box:after,
	.top_sec03 .normal_box:before{
	padding: 4.5% 0 0;
	}
	.top_sec03 .normal_box:before{
		background-image: url(../images/normal_box01.png);
		background-position: center bottom;
		background-size: 100%;
	}
	.top_sec03 .normal_box:after{
		background-image: url(../images/normal_box02.png);
		background-position: center top;
		background-size: 100%;
	}
	.top_sec03 .normal_box_wrap{
		background-image: url(../images/normal_box03.png);
		background-repeat:
		no-repeat;
		background-size:100% 100%;
		padding: 2vw 6vw 5vw;
	}
	
	.top_sec03 .list.news{
		height: auto;
		/* border-width:2px; */
	}
	.top_sec03 .list.news li{
		padding: 3vw 2vw;
		border-bottom: dotted 2px #a7b5bd66;
	}
	.top_sec03 .list.news li:last-child{
		border-bottom: none;
	}
	.top_sec03 .list.news li:hover{
	}

	/*add*/
	.top_sec03 .list.news li:nth-child(n+6){
		display:none;
	}
	.top_sec03 .list.news li:nth-child(5){
		border-bottom: none;
	}
	
	.top_sec03 .list.news .title{
		font-size: 4.2vw;
		line-height: 1.2;
		margin-top: 1vw;
	}
	.top_sec03 .list.news .time{
		font-size: 4.2vw;
		position: relative;
		top: 0;
		left: 0;
	}
	.top_sec03 .nttl img{
		padding-right:2vw;
		height:5vw;
	}
	.top_sec03 .nttl{
		line-height:5vw;
		margin: 0 0 2vw;
		text-align: left;
	}
	.top_sec03 .list.news li a {
	    padding: 2vw 0px 2vw 0;
	    display: block;
	}

	.top_sec03 .left{
		font-size: 4.2vw;
	}
	.top_sec03 .type01 .left{
	}
	.top_sec03 .type02 .left{
	}
	.top_sec03 .more_btn{
		width:33vw;
	}
	.top_sec03 .more_btn a{
		font-size:3.0vw;
		line-height: 5.8vw;
		background-size:100% 100%;
	}
	.top_sec03 .type02 .more_btn a{
		font-size:3.0vw;
		line-height: 5.8vw;
		background-size:100% 100%;
	}
	.top_sec03 .more_btn a:after{	
		content: '';
	    display: block;
	    width: 1.3vw;
	    height: 1.3vw;
	    margin-top: -0.6vw;
	    position: absolute;
	    top: 50%;
	    right: 1.8vw;
	}
	.top_sec03  .type02 .more_btn a:after{
	}
	.top_sec03 .more_btn a:hover{
	}
	.top_sec03 .list.news .type{
		font-size: 3.2vw;
		font-weight:500;
		line-height:1;
		padding: 1.8vw 1vw;
		position:
		relative;
		right:0;
		top: 0;
		left: -3vw;
		width: 35vw;
		margin: 4.0vw 0 0;
		display:
		block;
		transform: scale(0.8);
	}
	.top_sec03 .list.twitter{
			min-height:0;
	}

	
	
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec04

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top .top_sec04{
	padding: 75px 0 100px;
}
.top .top_sec04 .campain_box{
	/* background-color:#00000010; */
	margin-top:60px;
	padding: 0 0px 20px;
	/* background-image: url(../images/campain_box_bg.png); */
	background-repeat: no-repeat;
	background-position: center;
}
.top .top_sec04 .box{
	position:
	relative;
	/* margin: -10vw; */
}
.top .top_sec04 .left_img {
    position: absolute;
    bottom: -80px;
    left:50%;
    margin-left: -360px;
    opacity: 1;
    transition: 0.5s 0s;
}
.top .top_sec04 .right_img {
    position: absolute;
    bottom: -90px;
    right:50%;
    margin-right: -360px;
    opacity: 1;
    transition: 0.5s 0s;
}
.top .top_sec04 .img01{
	width:200px;
	height:250px;
    background-image:
	url(../images/top_cam_char01.png);
	background-position:0 0;
	transform: scale(0.8);
}

.top .top_sec04 .right_img .img01{
    background-image:url(../images/top_cam_char02.png);
	background-position:0 0;
	transform: scale(0.75);
}
.top .top_sec04 .img01.active{
    animation: 0.3s cam_anime1 steps(14) 1;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	pointer-events:none;
}
@keyframes cam_anime1 {
    to{
        background-position: -2800px 0;
    }
}
.top .top_sec06 .text.large,
.top .top_sec04 .text.large{
	font-size: 26px;
	font-weight:500;
	margin-bottom: 18px;
	line-height: 1.0;
	font-feature-settings: "palt";
	padding:13px 40px;
	background-color:#ff008a;
	color:#FFF;
	border-bottom:5px solid #6f93f9;
	display:inline-block;
	letter-spacing: 0;
	border-radius:50px;
}
.top .top_sec04 .text.large{
	margin-top:-50px;
	margin-bottom:30px;
}
.top .top_sec04 .text{
	font-size: 14px;
	font-weight:500;
	margin-bottom: 40px;
	line-height:1.8;
	font-feature-settings: "palt";
}
.top_sec04 .list{
}
.top .top_sec04 .list li.clttl{
	height:40px;
	line-height:40px;
}
.top .top_sec04 .list .clttl .left,
.top .top_sec04 .list .clttl .right{
	background-color:#6388f4;
}

.top .top_sec04 .list li.item{
	height:155px;
	line-height:155px;
	overflow:hidden;
	border: solid 3px #6388f4;
	border-top: solid 0px #6388f4;
	border-bottom: solid 1px #6388f4;
	background-color:#FFF;
	position:relative;
}
.top .top_sec04 .list li:last-child{
	border-bottom: solid 6px #6388f4;
	height: 167px;
	line-height: 155px;
}


.top .top_sec04 .list li.item:after{
	content:"";
	display:block;
	width:200px;
	margin-top: 0px;
	margin-right:-90px;
	height:155px;
	background-image:url(../images/campaign_arrow.png);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:50%;
}

.top .top_sec04 .list li.item.get{
	background-color:#e4ebff;
}
.top .top_sec04 .list li.item.get:after{
	background-image:url(../images/campaign_get.png);
}
.top .top_sec04 .list li.item.get img{

}
.top .top_sec04 .list li.item.get img{
	filter:grayscale(1);
	mix-blend-mode: color-burn;	
}
.top .top_sec04 .list li.item.get .right img{
	filter:grayscale(1);
	mix-blend-mode: color-burn;
	opacity:0.5;
}

.top .top_sec04 .list li .left{
	width: calc( 50% - 2px);
	float:
	left;
}
.top .top_sec04 .list li .right{
	width: 50%;
	float:right;
}
.top .top_sec04 .list li .left img{
}
.top .top_sec04 .list li .right img{
}

/* anime */
.top_sec04 .list.lock li.item{
	opacity:0;
	top:8px;
}
.top_sec04 .list li.item{
	opacity:1;
	position:relative;
	top:0;
	transition:0s 0s;
}
.top .top_sec04 .list.lock li.item.get:after{
	transform:scale(2);
	opacity:0;
}
.top .top_sec04 .list li.item.get:after{
	transform: scale(1.1);
	opacity:1;
	transition:0.5s 0.8s;
}
/*
.top_sec04 .list li:nth-child(1){
	transition:0.5s 0.5s;
}
.top_sec04 .list li:nth-child(2){
	transition:0.5s 0.6s;
}
.top_sec04 .list li:nth-child(3){
	transition:0.5s 0.7s;
}
.top_sec04 .list li:nth-child(4){
	transition:0.5s 0.8s;
}
.top_sec04 .list li:nth-child(5){
	transition:0.5s 0.9s;
}
.top_sec04 .list li:nth-child(6){
	transition:0.5s 1.0s;
}
*/


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top .top_sec04{
		padding: 20vw 0 0;
	}
	.top .top_sec04 .text.large{
		font-size: 4.5vw;
		font-weight:500;
		margin-bottom:10px;
		line-height:1.5;
		font-feature-settings: "palt";
		padding: 2vw 5vw;
	}
	.top .top_sec04 .text{
		font-size: 3.4vw;
		font-weight:500;
		margin-bottom: 0;
		line-height:1.8;
		font-feature-settings: "palt";
	}
	.top .top_sec04 .box {
	    margin: -10vw;
	}
	.top .top_sec04 .left_img {
	    position: relative;
	    bottom: auto;
	    left:
	    auto;
	    margin: -15px 0;
	    opacity: 1;
	    transition: 0.5s 0s;
	    transform: scale(0.9);
		z-index:10;
		width:100%;
	}
	.top .top_sec04 .left_img li{
	    position: relative;
	    z-index:3;
	}
	.top .top_sec04 .right_img {
	    display:none;
	}
	.top .top_sec04 .img01{
		margin:
		auto;
		width:200px;
		height:250px;
		background-image:
		url(../images/top_cam_char01.png);
		background-position:0 0;
		transform: scale(1);
	}
	.top .top_sec04 .img01.active{
	    animation: 0.3s cam_anime1 steps(14) 1;
		animation-delay: 1s;
		animation-fill-mode: forwards;
		pointer-events:none;
	}
	.top .top_sec06 .text.large,
	.top .top_sec04 .text.large{
		font-size: 4.5vw;
		margin-bottom: 2vw;
		padding: 2vw 8vw;
		/* border-radius: 0; */
	}
	.top .top_sec04 .campain_box {
	    margin-top: 0px;
	    padding: 0;
	    background-image: none;
	}
	.top .top_sec04 .newimg_box img{
		width:100%;
		padding: 0 2.5vw;
	}

	.top .top_sec04 .left_img:after {
	    position: relative;
	    content:
	    '';
	    width:100%;
	    height: 100px;
	    display:
	    block;
	    position:
	    absolute;
	    top: 56%;
	    left: 0%;
	    z-index:2;
	    background-image:
	    url(../images/campaign_char_addimage.png);
	    background-size: contain;
	    background-repeat:
	    no-repeat;
	    background-position:
	    center;
	}

	.top_sec04 .list{
	}
	.top .top_sec04 .list li .left{
		width:40%;
		float:left;
	}
	.top .top_sec04 .list li .right{
		width:60%;
		float:right;
	}
	.top .top_sec04 .list li.clttl{
		height:9.5vw;
		line-height:9.5vw;
	}
	.top .top_sec04 .list .clttl .left,
	.top .top_sec04 .list .clttl .right{
		background-color:#6388f4;
		display:inline-block;
	}
	.top .top_sec04 .list .clttl .left img,
	.top .top_sec04 .list .clttl .right img{
		height:9.5vw;
	}
	
	.top .top_sec04 .list li.item{
		height:23vw;
		line-height:23vw;
		background-color:#FFF;
		border:solid 1vw #6388f4;
		border-bottom:solid 0.5vw #6388f4;
		border-top:none;
	}
	.top .top_sec04 .list li:last-child{
		border-bottom:solid 1vw #6388f4;
	}
	.top .top_sec04 .list li.item img{
		height:20vw;
		padding-bottom:2vw;
		vertical-align:middle;
	}
	
	.top .top_sec04 .list li.item:after{
		content:"";
		display:block;
		width:30vw;
		margin-top: 0;
		margin-right:0;
		height:22vw;
		background-image:url(../images/campaign_arrow_sp.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:25%;
		position:absolute;
		top:0;
		right:45%;
	}
	
	.top .top_sec04 .list li.item.get{
		background-color:#e4ebff;
	}
	.top .top_sec04 .list li.item.get:after{
		background-image:url(../images/campaign_get.png);
		background-size:100%;
		right:35%;
	}
	.top .top_sec04 .list li.item.get img{
	
	}
	.top .top_sec04 .list li.item.get img{
		filter:grayscale(1);
		mix-blend-mode: color-burn;	
	}
	.top .top_sec04 .list li.item.get .right img{
		filter:grayscale(1);
		mix-blend-mode: color-burn;
		opacity:0.5 !important;
	}
	
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec05

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top_sec05#character{
	padding: 75px 0 50px;
}

.top_sec05#character .sec_wrap{
	min-width: 0;
	width: 100%;
	margin:auto;
	padding: 0 50px;
}

.top_sec05#character .swiper-character{
	margin:auto;
	overflow:hidden;
	margin-top:-15px;
}
.top_sec05#character .swiper-character img{
	width: 100%;
}
.top_sec05#character .swiper-character a{
	transition:0.5s;
}
.top_sec05#character .swiper-character a:hover{
	opacity:0.5;
}




.swiper-button-next.swiper-character-next {
	position: absolute;
	top: 45%;
	left: auto;
	bottom: 510px;
	right: 30px;
	width: 30px;
	height: 60px;
	margin-top: 0;
	z-index: 100;
	cursor: pointer;
	background-image: url(../images/top_char_arrow01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-button-prev.swiper-character-prev{
	position: absolute;
	top: 45%;
	right: auto;
	bottom: 510px;
	left: 30px;
	width: 30px;
	height: 60px;
	margin-top: 0;
	z-index: 100;
	cursor: pointer;
	background-image: url(../images/top_char_arrow02.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.swiper-pagination.swiper-character-pagination{
	position: relative;
	text-align: center;
	margin:
	auto;
	transform:
	none;
	z-index: 10;
	display:
	block;
	width:100%;
	padding-top: 10px;
	padding-bottom: 0;
	z-index:50;
}
.swiper-pagination.swiper-character-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #cddafe;
	margin:8px;
	border-radius:5px
;
    /* cursor: pointer; */
}
.swiper-pagination.swiper-character-pagination .swiper-pagination-bullet-active {
    background: #537ae9;
}





/* =================================== */
@media only screen and (max-width: 1800px) {
/* =================================== */
.top_sec05#character .swiper-character{
	max-width:1380px;
}
	
/* =================================== */
}
/* =================================== */

/* =================================== */
@media only screen and (max-width: 1450px) {
/* =================================== */
.top_sec05#character .swiper-character{
	max-width:1050px;
}
/* =================================== */
}
/* =================================== */






/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top_sec05#character{
		padding: 20vw 0 0;
	}
	.top_sec05#character .sec_wrap {
	    min-width: 0;
	    width: 100%;
	    margin: auto;
	    padding: 0 3.5vw;
	}
	.top_sec05#character .swiper-character .swiper-slide img{
		width: 70%;
	}
	.swiper-button-next.swiper-character-next {
		bottom: auto;
		top:78vw;
		right: 3vw;
		width: 30px;
		transform: scale(1);
	}
	.swiper-button-prev.swiper-character-prev{
		bottom: auto;
		top:78vw;
		left: 3vw;
		width: 30px;
		transform: scale(1);
	}


	
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

top_sec06

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.top_sec06{
	padding: 75px 0;
}
.top_sec06 .btn_youtube{
	margin-top:-20px;
	margin-bottom:10px;
	transition:0.5s;
}
.top_sec06 .btn_youtube:hover{
	opacity:0.5;
}
.top_sec06 .sttl_youtube{
	margin-bottom:35px;
	transition:0.5s;
}

/*   taimaninTV copy   */
.top_main_youtube{
	width: 1000px;
	padding: 20px 0px 30px;
	text-align:left;
	font-size:0;
	margin-left: 0;
	margin-bottom: -20px;
}
.top_main_youtube_li{
	width: 23.5%;
	vertical-align:top;
	display:inline-block;
	font-size:14px;
	margin-left: 1.25%;
	margin-bottom: 20px;
	padding-bottom:40px;
}
.top_main_youtube_li a{
	display:block;
}
.top_main_youtube_img{
	width:100%;
	background-size: 100% auto;
	background-position:center;
	background-repeat:no-repeat;
}
.top_main_youtube_img img{
	width:100%;
}
.top_movie .top_main_youtube_img img{
	width:auto;
	max-width:100%;
	transform: scale(0.7);
}
.top_main_youtube_li .top_main_youtube_img,
.top_main_youtube_li .top_main_youtube_title,
.top_main_youtube_li .top_main_youtube_date{
	transition:0.5s;
}

.top_main_youtube_li:hover .top_main_youtube_img,
.top_main_youtube_li:hover .top_main_youtube_title,
.top_main_youtube_li:hover .top_main_youtube_date{
	opacity:0.5;
	transition:0.5s;
}
.top_main_youtube_li .top_main_youtube_img img{
    opacity:0;
	transition:0.5s;
}
.top_main_youtube_li:hover .top_main_youtube_img img{
    opacity:1;
}
.top_main_youtube_li .top_main_youtube_title,
.top_main_youtube_li .top_main_youtube_date{
	display:none;
}
.top_main_youtube_li {
    padding: 19px 12px 17px;
    background-image: url(../images/movie_bg02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.top_main_youtube_li:nth-child(2n) {
    background-image: url(../images/movie_bg03.png);
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.top_movie{
		width:
		auto;
		height: auto;
		font-size:0;
		position: relative;
		overflow: hidden;
		transform: scale(1);
	}
	.top_movie .movie_thumb{
		position: relative;
		width: 90vw;
		top: 0;
		left: 0;
		margin: 0 5vw 0;
		padding: 5.5vw 6vw;
	}
	.top_sec02 .top_movie .movie_thumb{
		transform: scale(0.75);
	}

	.top_movie .movie_thumb img{
		width:100%;
		opacity: 0.8;
		transition:0s;
	}
	.top_movie .top_main_youtube_img img{
		width:100%;
		height:auto;
	}
	.top_movie .movie_thumb:hover img{
		opacity:0.8;
		transition:0s;
	}
	.top_movie .movie_thumb p{
		font-size:0;
		display:none;
	}
	.top_movie .movie_left,
	.top_movie .movie_right{
		display:none;
	}
	.top_sec06{
		padding: 20vw 0 20vw;
	}
	.top_sec06 .btn_youtube{
		margin-top:2vw;
		margin-bottom:2vw;
		transition:0.5s;

	}
	.top_sec06 .btn_youtube:hover{
		opacity:0.5;
	}
	.top_sec06 .btn_youtube img{
		width:auto;
		max-width:80%;
	}
	.top_sec06 .sttl_youtube{
		margin-bottom: 4vw;
		transition:0.5s;
	}

	.top_sec06 .sttl_youtube img{
		width:auto;
		max-width:90%;
	}



	
	/*   taimaninTV copy   */
	.top_main_youtube{
		width: 100%;
		padding: 2vw;
		font-size:0;
		margin: 0;
		text-align:center;
	}
	.top_main_youtube_li{
		width: 45%;
		vertical-align:top;
		display:inline-block;
		font-size:0px;
		margin: 0% 4% 0 0;
		margin-bottom: 3vw;
		padding:0;
	}
	.top_main_youtube_li a{
		display:block;
	}
	.top_main_youtube_img{
		width:100%;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	.top_main_youtube_img img{
		width:100%;
	}
	.top_movie .top_main_youtube_img img{
		width:auto;
		max-width:100%;
	}
	.top_main_youtube_li .top_main_youtube_img,
	.top_main_youtube_li .top_main_youtube_title,
	.top_main_youtube_li .top_main_youtube_date{
		transition:0.5s;
	}
	
	.top_main_youtube_li:hover .top_main_youtube_img,
	.top_main_youtube_li:hover .top_main_youtube_title,
	.top_main_youtube_li:hover .top_main_youtube_date{
		opacity:0.5;
		transition:0.5s;
	}
	.top_main_youtube_li .top_main_youtube_img img{
	    opacity:0;
		transition:0.5s;
	}
	.top_main_youtube_li:hover .top_main_youtube_img img{
	    opacity:1;
	}
	.top_main_youtube_li .top_main_youtube_title,
	.top_main_youtube_li .top_main_youtube_date{
		display:none;
	}
	.top_main_youtube_li {
	    padding: 3vw 2.3vw 2.8vw;
	}
	.top_main_youtube_li:nth-child(2n) {
		margin-right:0;
	}

	
/* =================================== */
}
/* =================================== */


/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

footer

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
footer{
	text-align: center;
	position: relative;
	z-index: 100;
}
.footer_wrap{
	margin-top: 150px;
	background-image: url(../images/footer_bg.png);
	background-size: 100% 100%;
	background-position: center;
}
footer ul.footer_share{
	position: relative;
	background-image: url(../images/footer_share_bg.png);
	background-position: center;
	background-size: 100%;
	width: 400px;
	height: 170px;
	text-align: left;
	padding: 75px 0 0 55px;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: -124px;
	font-size:0;
}

footer ul.footer_share li{
	display: inline-block;
}
footer ul.footer_share li img{
	width: 40px;
}

footer ul.footer_link{
	margin: auto;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 35px;
	font-size: 0;
}
footer ul.footer_link li{
	display: inline-block;
	/* padding: 0 30px; */
	/* border-right: solid #504a37 3px; */
}
footer ul.footer_link li a{
	font-size: 15px;
	line-height: 1;
	display: inline-block;
	font-weight: 500;
	/* background-color:#fff36c; */
	padding: 10px 30px;
	width: auto;
	color: #353535;
}
footer ul.footer_link li:first-child::before,
footer ul.footer_link li:after{
	content:'/';
	display:inline-block;
	color:#353535;
	font-size:14px;
}
footer ul.footer_link li:first-child::before{
	content:'';
}
footer ul.footer_link li:last-child::after{
	content:'';
}




footer ul.footer_link li:first-child {
	border-left: solid #ffd336 3px;
}
footer .footer_logo img{
	width: 300px;
	margin: 0 auto 25px;
}
footer ul.footer_app{
	margin: 0 auto 15px;
	pointer-events:none;
}
footer ul.footer_app li{
	display: inline-block;
}
footer ul.footer_app li img{
	height: 45px;
}
footer .footer_text{
	padding: 0 0 30px;
	font-size: 12px;
	/* color: #353535; */
}
footer .footer_text p{
	font-size: 12px;
	font-weight: 300;
	line-height: 1.5;
	padding: 0 25px 0;
	color: #353535;
}
footer .footer_copy{
	padding: 0 0 20px;
	font-size: 12px;
	font-weight: 800 !important;
	background-color: #ffd336;
}
footer .footer_copy p{
	font-size: 12px;
	font-weight: 500;
	color: #353535;
}
/* anime */
footer a{
	opacity:1;
	transition:0.5s;
}
footer a:hover{
	opacity:0.5;
	transition:0.4s;
	mix-blend-mode: 
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	footer{
		text-align: center;
		position: relative;
		z-index: 100;
	}
	.footer_wrap{
		margin-top: 22vw;
		background-size: 120% 100%;
	}
	footer ul.footer_share{
		background-repeat: no-repeat;
		width: 300px;
		height: 150px;
		padding: 68px 0 0 38px;
		margin-left: -150px;
		top: -95px;
		transform: scale(0.9);
	}
	footer ul.footer_share li img{
		width: 32px;
	}
	
	footer ul.footer_link{
		margin: auto;
		text-align: center;
		padding-top: 12vw;
		padding-bottom: 4vw;
	}
	footer ul.footer_link li{
		display: block;
		padding: 0;
		border-right:none;
	}
	footer ul.footer_link li a{
		font-size: 3.8vw;
		font-weight:500;
		display: block;
		width: 100%;
		margin:auto;
		line-height: 1.0;
		padding:2.5vw;
		background-color: transparent;
	}
	footer ul.footer_link li:first-child::before, footer ul.footer_link li:after {
	    display:none;
	}
	footer ul.footer_link li a:after{
		/*
		content:'';
		width:3vw;
		height:3vw;
		display:
		inline-block;
		margin-left:0.5vw;
		background-image:
		url(../images/footer_link_icon.png);
		background-size:
		contain;
		background-repeat:
		no-repeat;
		background-position:
		center;
		position:
		relative;
		top: -0.2vw;
		opacity: 1;
		*/
	}
	
	footer ul.footer_link li:first-child {
		border-left: none;
	}
	footer .footer_logo img{
		max-width: 250px;
		width: 50vw;
		margin: 0 auto 5vw;
	}
	footer ul.footer_app{
		margin: 0 auto 5vw;
	}
	footer ul.footer_app li{
		display: inline-block;
	}
	footer ul.footer_app li img{
		height: 40px;
	}
	footer .footer_copy{
		padding: 0 0 5vw;
		font-size: 3.5vw;
		font-weight: 600;
	}

	/* anime */
	footer a{
		opacity:1;
		transition:0.5s;
	}
	footer a:hover{
		opacity:0.5;
		transition:0.4s;
		mix-blend-mode: 
	}
	
/* =================================== */
}
/* =================================== */




/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

fix_back

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.fix_back{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 2;
	display:block;
	pointer-events:none;
}
.fix_back_bg{
	position: relative;
	width:100vw;
	height:100vh;
	display:block;
}
.fix_back2{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 1;
	display:block;
	pointer-events:none;
	background-color:#FFF;
}
.fix_back_bg2{
	position: relative;
	width:100vw;
	height:100vh;
	display:block;
}
.fix_front{
	position: fixed;
	top: 0;
	left:0;
	right: 0;
	z-index: 1000;
	display:block;
	pointer-events:none;
}
.fix_front_bg{
	position: relative;
	width:100vw;
	height:100vh;
	display:block;
}





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

particle

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */



.particle_taget{
	width:100vw;
	height: 100vh;
	overflow: hidden;
}
.particle_taget_wrap{
	position: relative;
	width: inherit;
	height: inherit;
	background: url(../images/bg_normal_base.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.particle{
	position: absolute;
	opacity:0;
}	
.particle-base{
	position: relative;
	text-align: center;
}
.particle-base img{
	width: 60px;
	margin-left: -30px;
	margin-top: -30px;
	height: auto;
	position: absolute;
}
.particle_contents{
	position:relative;
}


.add_anime .particle-base_wrap{
	animation: rotate-loop 2.0s linear infinite;
}
.add_anime .particle{
	animation: p-opa-loop 20s linear infinite;
}
.add_anime .particle_contents{
	animation: p-left-loop 20s linear infinite;
}

@keyframes rotate-loop {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes p-opa-loop {
	0% {
		opacity: 0;
	}
	5%,75% {
		opacity: 1;
	}
	95%,100% {
		opacity: 0;
	}
}
@keyframes p-left-loop {
	0% {
		left:400px;
		bottom:-400px;
	}
	100% {
		left:-400px;
		bottom:400px;
	}
}
.particle_taget:before{
	content:'';
	display:block;
	width:100%;
	height:100vh;
	position:absolute;
	z-index:100;
	mix-blend-mode: multiply;
}



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	.particle-base img{
		width: 12vw;
		margin-left: -6vw;
		margin-top: -6vw;
	}

/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

fix_bg_movie

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
.fix_bg_movie{
	position: fixed;
	bottom:-50px;
	left:0;
	z-index: 1;
	/* width: 100%; */
	min-width: 100vw;
	min-height: 100vh;
}
.fix_bg_movie video{
	/* width:100%; */
	/* min-width: 100%; */
	min-width: 100vw;
	min-height: 100vh;
}

.fix_bg_movie:after{
	content:'';
	display:block;
	position: fixed;
	top:0;
	left:0;
	z-index: 1;
	min-width: 100vw;
	min-height: 100vh;
	background-image:url(../images/details/pattan_movie.png);
	background-size: 10px;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	.fix_bg_movie video {
		height: 100vh;
	}
}
/* =================================== */
}
/* =================================== */


















/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

policy

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#policy{
	padding-bottom:100px;
}

#policy .normal_text{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#policy .normal_box{
	text-align: left;
}
#policy .normal_box_wrap{
	padding: 40px 85px;
}
#policy .text_ttl{
	line-height: 25px;
	font-size: 25px;
	border-left:solid 7px #ffb50e;
	padding-left:15px;
	font-weight: 500;
	font-feature-settings: "palt";
	margin-bottom: 17px;
}
#policy .text_ttl:nth-child(4n-1),
#policy .text_ttl:nth-child(4n){
	border-left-color: #36bbff;
}
#policy .text{
	line-height: 1.5;
	font-size: 16px;
	margin: 0 0 50px;
}
#policy .text:last-child{
	margin-bottom:0;
}
#policy ul{
	padding: 30px;
	border: solid 2px #353535;
	background-color: #FFF;
	text-align: left;
	font-size: 16px;
	margin: 20px 0 0px;
}
#policy li{
	text-indent: -1em;
	padding-left: 1em;
}
#colorbox #policy{
	background-color:#FFF;
	padding: 0;
}
#colorbox #policy .text_ttl{
	line-height: 20px;
	font-size: 16px;
	padding-left:11px;
	font-weight: 500;
	margin-bottom: 12px;
	border-left-width:5px;
	letter-spacing: 0.0;
}
#colorbox #policy .text{
	font-size: 13px;
	margin: 0 0 20px;
}
#colorbox #policy .text:last-child{
	margin: 0 0 0px;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	#policy{
		padding-bottom:50px;
	}
	#policy .normal_text{
	width: 100%;}
	#policy .normal_text br{
		display:none;
	}
	#policy .normal_text.sp_br br{
		display: block;
	}
	#policy .normal_box{
		text-align: left;
	}
	#policy .normal_box_wrap{
		padding: 5vw 8vw;
	}
	#policy .text_ttl{
		line-height:1;
		font-size: 4.8vw;
		font-weight: 500;
		font-feature-settings: "palt";
		margin-bottom: 2.5vw;
		padding-left:12px;
		border-left-width:5px;
		letter-spacing: 0;
	}
	#policy ul {
	    padding: 2.5vw;
	    border: solid 2px #353535;
	    font-size: 14px;
	    margin: 2.5vw 2.5vw 0px;
	}
	#policy .text{
		font-size: 3.4vw;
		margin: 0 0 7.5vw;
		letter-spacing: 0;
	}
	#policy .text br{

	}
	#colorbox #policy{
		padding: 4vw 0;
	}
	#colorbox #policy .normal_box_wrap{
	}
	#colorbox #policy .text_ttl{
		line-height: 1.5;
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	#colorbox #policy .text{
		font-size: 3.5vw;
		margin: 0 0 7vw;
	}
	#colorbox #policy .text:last-child{
		margin: 0 0 0px;
	}
	
/* =================================== */
}
/* =================================== */








/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

magazine

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#magazine{
	padding-bottom:100px;
}
#magazine .image img{
	/* width: 500px; */
	margin-top: 15px;
	display: none;
}
#magazine .form_wrapper dl,
#magazine .normal_box_wrap{
	padding-top:0;
	padding-bottom:0;
}
#magazine .form_wrapper input[type="text"]{
	/*width: 550px;*/
}
#magazine .form_sendbtn {
    margin: 0 0;
}




/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	#magazine {
	    padding-bottom: 50px;
	}
	#magazine .image img{
		max-width:500px;
		width: 100%;
		margin-top: 2vw;
	}
	#magazine .normal_btn{
		margin: 2vw 0 7.5vw;
	}
	
/* =================================== */
}
/* =================================== */








/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

character

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#character{
	padding-bottom:100px;
}

#character .list{
	position:relative;
	font-size:0;
}
#character .list li{
	width: 33.3%;
	margin:0% 0% 25px;
	display:inline-block;
	transition:0.5s;
}
#character .list li .name{
	font-size:16px;
	font-weight:500;
	font-feature-settings: "palt";
	padding-top:15px;
}
#character .list li:hover{
	opacity:0.5;
}
#character .list li img{
	width:auto;
	max-width:100%;
}
#character .list li.lock{
	cursor: unset;
	pointer-events: none;
}
#character .chart{
	padding-top:60px;
	padding-bottom: 0px;
}
#character .chart img{
	max-width: 80%;
	width:auto;
	transition:0.5s;
}
#character .chart:hover{
	opacity:0.5;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	#character{
		padding-bottom:50px;
	}
	#character .list{
	}
	#character .list li{
		width:80%;
		margin:0;
		display:inline-block;
		transition:0.5s;
	}
	#character .list li .name{
		font-size:3vw;
		font-weight:500;
		font-feature-settings: "palt";
		padding-top:2vw;
	}
	#character .list li:hover{
		opacity:0.5;
	}
	#character .list li img{
		width:auto;
		max-width:100%;
	}
	#character .list li.lock{
		cursor: unset;
		pointer-events: none;
	}
	#character .normal_text{
		text-align:center;
	}
	#character .chart {
	    padding-top: 30px;
	    padding-bottom: 0px;
	}
	
/* =================================== */
}
/* =================================== */







/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

character_detail

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#character_detail{
	padding-bottom:100px;
}
#character_detail .image_box{
	position:relative;
	margin: -100px 0 -30px;
	height:642px;
}
#character_detail .image_box .image{
	/* margin-top:-70px; */
}
#character_detail .image_box .image img{
	opacity:0;
	display:block;
	text-align:center;
	transition:0.0s;
	position:absolute;
	left:50%;
	margin-left:-370px;
	top:0;
}
#character_detail .image_box .image img.show_image{
	display:inline-block;
	opacity:1;
}

#character_detail .image_box .arrow{
	position:fixed;
	text-align:center;
	top:55%;
	margin-top: -4vw;
	width: 100%;
	left:0;
	overflow:hidden;
	z-index: 100;
	pointer-events: none;
	transition: 0.5s;
}
#character_detail .image_box .arrow dt{
	margin:0 3%;
	position: fixed;
	z-index: 100;
	pointer-events: auto;
	left:0;
}
#character_detail .image_box .arrow dd{
	margin:0 3%;
	position: fixed;
	z-index: 100;
	pointer-events: auto;
	right:0;
}
#character_detail .image_box .arrow dt:hover,
#character_detail .image_box .arrow dd:hover{
	opacity:0.5;
	transition:0.5s;
}
#character_detail .video{
	position:
	absolute;
	background-image:
	url(../images/character_detail_movie.png);
	background-size: 100% 100%;
	bottom: 11%;
	right: 4%;
	z-index:5;
	transform: scale(0.9);
}
#character_detail .video_wrap{
	position:relative;
	width:100%;
	height:100%;
	padding: 40px 35px 25px;
	text-align: left;
}
#character_detail .video_wrap:before{
	content:
	'';
	display:
	block;
	width:50px;
	height:40px;
	/* background-image:url(../images/icon_yajirushi.png); */
	background-size:
	contain;
	background-repeat:
	no-repeat;
	position:
	absolute;
	right:0;
	bottom:15px;
	z-index:50;
}


#character_detail .video_wrap video{
	/*border: solid 1px #000;*/
	/* padding: 1px; */
	box-sizing: border-box;
	width: 150px;
	height: 270px;
}
#character_detail .video_wrap::after{
	content:'';
	position:absolute;
	box-sizing: border-box;
	width: 150px;
	height: 270px;
	display:block;
	border: solid 1.2px #000;
	top:40px;
	left:35px;
	z-index:10;
/*	cursor:pointer; */
	background-size: 300%;
	background-repeat:no-repeat;
	background-position:center;
}
/*
#character_detail .video_wrap:hover::after{
	background-image:url(../images/top_main_youtube_img_hover.png);
	background-size: 300%;
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.8;
} */

#character_detail .name,
#character_detail .name_sub{
	position:relative;
	z-index:10;
}
#character_detail .name{
	font-size:40px;
	font-weight: 600;
	font-feature-settings: "palt";
	color: #353535;
}
#character_detail .name_sub{
	font-size: 15px;
	font-weight:400;
	margin-bottom:20px;
	font-feature-settings: "palt";
	color: #353535;
}
#character_detail .name_sub:before,
#character_detail .name_sub:after{
	content:'[';
	display:inline-block;
	font-size:16px;
	padding:10px;
}
#character_detail .name_sub:after{
	content:']';
}
#character_detail .cv{
	font-size:20px;
	font-weight:500;
	margin: 0;
	padding: 0;
	font-feature-settings: "palt";
	color: #353535;
	display:block;
	vertical-align:top;
}
#character_detail .cv:before{
	content:
	'CV:';
	display:
	inline-block;
	font-size: 19px;
	padding-right: 1px;
	letter-spacing: 0.1em;
}

#character_detail .form_sendbtn{
	position:relative;
	z-index:2;
}
#character_detail .voice{
	position:relative;
	z-index:2;
	font-size:0;
	display:block;
	vertical-align:top;
	margin: 10px 0 30px 0;
}
#character_detail .voice li{
	display:inline-block;
	margin:0 0;
}
#character_detail .voice li img {
    height: 70px;
	transition:0.3s;
}
#character_detail .voice li img:hover {
    transform:scale(1.05);
}
#character_detail .normal_btn + .normal_btn{
	margin:0 0 0 5px;
}
#character_detail .chart{
	position:relative;
	z-index:2;
	padding: 50px 0 0;
	transition:0.3s;
}
#character_detail .chart:hover{
	transform:scale(1.03);
}


#character_detail .chart img{
	width:auto;
	max-width:500px;
}

#character_detail .normal_box_wrap{
	position:
	relative;
	padding: 0px 75px;
}
#character_detail .ss{
	position:
	absolute;
	top: -140px;
	left: 65px;
	transform: rotate(-5deg);
}
#character_detail .ss img{
	width: 255px;
	transform:
	rotate(0deg);
}
#character_detail .ougi{
	position:absolute;
	bottom: 9%;
	right: 19%;
	z-index:10;
}
#character_detail .ougi img{
	width: 75px;
}
#character_detail .change_btn{
	position:
	absolute;
	bottom: 8%;
	left: 20%;
	z-index:10;
	cursor: pointer;
	transition:0.3s;
}
#character_detail .change_btn img{
	width: 100px;
}
#character_detail .change_btn:hover{
    transform:scale(1.08);
}



#character_detail .char_ttl_text{
	font-size:18px;
	line-height:40px;
	font-weight: 600;
	letter-spacing: 0.20em;
	display: block;
	text-align:center;
	margin: 0 0 15px;
	padding-top: 10px;
}
#character_detail .char_ttl_text:before,
#character_detail .char_ttl_text:after{
	content: '';
	width:45px;
	height: 25px;
	display: inline-block;
	padding: 0 40px 0;
	position:relative;
	top: 5px;
	background-image:url(../images/character/character_icon_profile1.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	letter-spacing: 0;
}
#character_detail .char_ttl_text:before{
	background-image:url(../images/character/character_icon_profile2.png);
}
#character_detail .char_p_bar{
}
#character_detail .char_coment{
	font-size: 30px;
	letter-spacing:0;
	line-height: 1.2;
	padding: 25px 0 25px;
	color: #353535;
	font-weight:700;
	margin-bottom:40px;
}



#character_detail .dbox_char{
	width:800px;
	margin:auto;
}
#character_detail .dbox_char *{
	font-size:16px;
	line-height: 1.5;
	text-align:left;
}
#character_detail .dbox_char_ttl{
	padding-bottom:20px;
}
#character_detail .dbox_char_ttl th{
	white-space: nowrap;
	padding:0 10px 0 0;
}
#character_detail .dbox_char_ttl .icon{
	min-width: 26px;
    background-image: url(../images/character/character_dbox_icon01.png);
    background-repeat-y: no-repeat;
    background-repeat-x: repeat;
    background-position: top left;
    background-size: auto 24px;
}
#character_detail .dbox_char_ttl .line{
	width:100%;
	background-image: url(../images/character/character_dbox_line01.png);
	background-repeat-y:no-repeat;
	background-repeat-x:repeat;
	background-position:top left;
	background-size: auto 24px;
}

#character_detail .dbox_char_item{
	padding-bottom: 60px;
}
#character_detail .dbox_char_item table{
	width:100%;
}
#character_detail .dbox_char_item th{
	white-space: nowrap;
	padding-right: 12px;
}
#character_detail .dbox_char_item .line{
	width:100%;
	background-image: url(../images/character/character_dbox_line02.png);
	background-repeat-y:no-repeat;
	background-repeat-x:repeat;
	background-position:top 0 left 4px;
	background-size: auto 24px;
}
#character_detail .dbox_char_item .text{
	min-width: 615px;
	padding-left: 22px;
	padding-bottom: 7px;
}

#character_detail .dbox_char_info{
	padding-bottom:50px;
}
#character_detail .dbox_char_info .line{
	display:block;
	line-height: 2;
}
#character_detail .dbox_char_info br{
	display:none;
}

#character_detail .dbox_char_cg{
	padding-bottom:50px;
}
#character_detail .dbox_char_cg ul{
	font-size:0;
	margin-left:-2%;
}
#character_detail .dbox_char_cg li{
	width:31.33%;
	margin-left:2%;
	display:inline-block;
	background:rebeccapurple;
}



@keyframes rocate_anime_z {
	0%{
	    transform:rotateY(0deg);
	}
	100% {
	    transform:rotateY(360deg);
	}
}



#character_detail .char_normal_text{
	margin-bottom:30px;
}
#character_detail .char_normal_text,
#character_detail .char_normal_text span{
	font-size: 15px;
	letter-spacing:0;
	line-height: 1.8;
}
#character_detail .char_normal_text .line{
	display:block;
}
#character_detail .char_class_dl{
	width: 800px;
	font-size:0;
	margin: 5px auto 0px;
}
#character_detail .char_class_dl dd,
#character_detail .char_class_dl dt{
	font-size: 14px;
	font-weight:500;
	line-height:1;
	width: 220px;
	display:
	inline-block;
	padding: 4px;
	border: solid 3px #6388f4;
	line-height:25px;
}
#character_detail .char_class_dl dt{
	background-color: #6388f4;
	border-right:none;
	color:#FFF;
	width: 160px;
	line-height:25px;
	border-radius:0px 0 0 0px;
}
#character_detail .char_class_dl dd {
	margin-right:10px;
	border-left:none;
	color: #353535;
	border-radius:0 0px 0px 0;
}



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#character_detail{
		padding-bottom:50px;
	}
	#character_detail .image_box{
		margin: 0;
		height: auto;
	}
	#character_detail .image_box .image{
		margin: 12vw auto 10vw;
	}
	#character_detail .image_box .image img{
		width: 140%;
		margin: -20%;
		left: auto;
		right: auto;
		position: relative;
	}
	#character_detail .image_box .arrow{
	top: 47%;
	}
	#character_detail .image_box .arrow dt{

	}
	#character_detail .image_box .arrow dd{

	}
	#character_detail .image_box .arrow dt img,
	#character_detail .image_box .arrow dd img{
		width: 5vw;
	}
	
	#character_detail .image_box .arrow dt:hover,
	#character_detail .image_box .arrow dd:hover{
	}
	#character_detail .video{
		width: 100%;
		height:
		auto;
		background-image:
		none;
		background-size:100%;
		bottom: -12%;
		right: 2%;
		z-index:5;
		transform: scale(1.0);
		position: absolute;
		bottom: calc( -160vw - 70px);
		right: auto;
		left: auto;
		pointer-events: none;
	}
	#character_detail .video_wrap{
		width:100%;
		height:auto;
		padding: 0;
		text-align: center;
	}
	#character_detail .video_wrap video{
		width:70%;
		padding:5vw;
		height: auto;
		background-image: url(../images/movie_bg01b.png);
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: 100% 100%;
	}
	#character_detail .video_wrap::after{
		width:18vw;
		height: 32.5vw;
		top:0px;
		left:0px;
		z-index:10;
		background-image:none; 
		opacity:1;
		display:none;
	}
	#character_detail .video_wrap:hover::after{
		background-image:none; 
		opacity:1;
	}
	#character_detail .name{
		font-size: 7vw;
	}
	#character_detail .name_sub{
		font-size: 3.5vw;
		font-weight:400;
		margin-bottom:20px
	;
		letter-spacing: 0;
	}
	#character_detail .name_sub:before,
	#character_detail .name_sub:after{
		content:'[';
		font-size:4vw;
		padding:4vw 2vw ;
	}
	#character_detail .name_sub:after{
		content:']';
	}
	#character_detail .cv{
		font-size: 4.5vw;
		margin-bottom: 0;
	}
	#character_detail .cv:before{
		/* content:
		'CV :'; */
		display:
		inline-block;
		font-size: 4.55vw;
		padding-right: 5px;
	}
	#character_detail .voice{
		margin-top: 0;
		margin-bottom: calc( 110vw + 70px );
		margin-bottom: 0;font-size:0;
	}
	#character_detail .voice li{
		display:inline-block;
		margin:0 4px;
	}
	#character_detail .voice li img{
		max-width: 80vw;
		width: 240px;
		height: auto;
	}
	#character_detail .normal_btn + .normal_btn{
		margin:0 0 0 5px;
	}
	#character_detail .icon.lock{
		width:100%;
		display:block;
		text-align:center;
		padding:3vw 0;
	}
	#character_detail .icon.lock img{
		width:23px;
	}
	#character_detail .normal_text{
		text-align:center;
	}
	#character_detail .chart img{
		width:auto;
		max-width:100%;
	}
	#character_detail .chart {
	    padding: 15vw 0 0;
	}
	#character_detail .normal_box_wrap {
	    padding: 3.5vw 8vw;
	}
	#character_detail .char_ttl_text{
		text-align:
		center;
		font-size: 4.0vw;
		line-height: 2;
		margin: 0vw 0 3vw;
		display:
		block;
		letter-spacing: 0px;
		width: 100%;
		padding-top: 0;
	}
	#character_detail .char_ttl_text:before{
		margin: 0 8vw 0 0;
		padding:0;
		width: 2vw;
		height:6.5vw;
		top: 1.4vw;
	}
	#character_detail .char_ttl_text:after{
		margin: 0 0 0 8vw;
		padding:0;
		width: 2vw;
		height: 6.5vw;
		top: 1.4vw;
	}
	#character_detail .char_p_bar{
	}
	#character_detail .char_normal_text{
		font-size:3.8vw;
		letter-spacing:0;
		line-height: 1.5;
	}
	#character_detail .char_normal_text br{
		display:none;
	}
	#character_detail .char_class_dl{
		width:100%;
		font-size:0;
		margin:0;
		padding: 4vw 0 0;
		overflow:hidden;
	}
	#character_detail .char_class_dl dd,
	#character_detail .char_class_dl dt{
		font-size: 3.8vw;
		font-weight:500;
		width: 60%;
		display:block;
		float:left;
		padding: 4px;
		margin:2vw 0 0;
		box-sizing:border-box;
		text-align:center;
	}
	#character_detail .char_class_dl dt{
		width: 39%;
	}
	#character_detail .char_class_dl dd {
		margin-right:0;
	}
	#character_detail .ss{
		position:relative;
		top:auto;
		bottom:auto;
		left:auto;
		right:auto;
		text-align:center;
	}
	#character_detail .normal_box{
		margin-top:35vw;
	}
	#character_detail .ss{
	transform: rotate(0deg);
	}
	#character_detail .ss img{
		width: 100%;
		margin: -38vw auto -5vw;
		transform: scale(0.95);
	}
	#character_detail .skill{
		display:none;
	}
	#character_detail .ougi{
		top:
		auto;
		right:
		auto;
		bottom: calc( -165vw - 70px);
		left:7vw;
	}
	#character_detail .ougi img{
		width: 24vw;
		margin-top: 0vw;
		margin-bottom: 0;
	}
	#character_detail .char_coment{
		font-size: 6vw;
		letter-spacing:0;
		line-height: 1.2;
		padding: 5vw 3vw 5vw;
		margin-bottom: 0;
		font-weight:
		bold;
		color: #353535;
		font-weight:700;
	}
	#character_detail .char_coment img{
		width:100%;
	}
	#character_detail .char_coment br{
		display:none;
	}
	#character_detail .char_coment:before{
		margin-right:1vw;
	}
	#character_detail .char_coment:after{
		margin-left:1vw;
	}
	#character_detail .char_normal_text,
	#character_detail .char_normal_text span{
		font-size: 4vw;
		letter-spacing:0;
		line-height: 1.8;
		text-align: left;
	}
	#character_detail .char_normal_text{
	padding: 0 6.3vw;
	}

	#character_detail .char_normal_text .line{
		display:block;
		margin-bottom:15px;
	}
	#character_detail .video_wrap:before{
		content:'';
		display:block;
		width: 8vw;
		height: 8vw;
		background-image:url(../images/icon_yajirushi_sp.png);
		background-size:contain;
		background-repeat:no-repeat;
		position:absolute;
		right: -3vw;
		bottom: -3vw;
		z-index:50;
		display:none;
	}
	#character_detail .char_normal_text:after {
	    content: '';
	    display: block;
	    width: 0px;
	    height: 0px;
	    border-right: 6px solid transparent;
	    border-top: 8px solid #6388f4;
	    border-left: 6px solid transparent;
	    margin: 5vw auto 0px;
	    display: none;
	}

	
	
	#character_detail .dbox_char{
		width:100%;
		overflow:hidden;
		margin:auto;
		padding: 0 5vw 0;
	}
	#character_detail .dbox_char *{
		font-size:4.4vw;
		line-height: 1.5;
		text-align:left;
	}
	#character_detail .dbox_char_ttl{
		padding-bottom: 1em;
	}
	#character_detail .dbox_char_ttl th{
		white-space: nowrap;
		padding:0 0.5em 0;
		font-weight: bold;
	}
	#character_detail .dbox_char_ttl .icon{
		min-width: 1.1em;
		background-image: url(../images/character/character_dbox_icon01.png);
		background-repeat-y: no-repeat;
		background-repeat-x: repeat;
		background-position: top left;
		background-size: auto 1.5em;
	}
	#character_detail .dbox_char_ttl .line{
		width:100%;
		background-image: url(../images/character/character_dbox_line01.png);
		background-repeat-y:no-repeat;
		background-repeat-x:repeat;
		background-position:top left;
		background-size: auto 1.5em;
	}
	#character_detail .dbox_char_item{
		padding-bottom: 10vw;
	}

	#character_detail .dbox_char_item table,
	#character_detail .dbox_char_item tr,
	#character_detail .dbox_char_item th,
	#character_detail .dbox_char_item td{
		display:block;
		padding:0;
	}
	#character_detail .dbox_char_item table{
		width:100%;
	}
	#character_detail .dbox_char_item th{
		white-space: nowrap;
		font-weight:bold;
	}
	#character_detail .dbox_char_item .line{
		display:none;
	}
	#character_detail .dbox_char_item .text{
		min-width: 100%;
		padding-left: 0px;
		padding-bottom: 4vw;
		font-size:4vw;
	}
	
	#character_detail .dbox_char_info{
		padding-bottom: 0vw;
	}
	#character_detail .dbox_char_info .line{
		display:block;
		line-height: 1.8;
		font-size: 4vw;
	}
	#character_detail .dbox_char_info br{
		display:none;
	}
	
	#character_detail .dbox_char_cg{
		padding-bottom:50px;
	}
	#character_detail .dbox_char_cg ul{
		font-size:0;
		margin-left:-2%;
	}
	#character_detail .dbox_char_cg li{
		width:31.33%;
		margin-left:2%;
		display:inline-block;
		background:rebeccapurple;
	}
	


	
/* =================================== */
}
/* =================================== */













/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

chart

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#chart{
	padding-bottom:100px;
	text-align: center;
}
#chart .app_sp,
#chart .app {
	max-width: 1380px;
	width: calc( 100% - 100px );
	height:auto;
	margin: 0 auto;
	border: 10px solid #cddfe5;
	border-style: dashed;
	overflow: hidden;
	cursor: grab;
	margin-bottom: 50px;
	text-align:center;
	box-sizing:content-box;
	background-image:url(../images/character/character_chart_icon.png);
	background-position:right top;
	background-repeat:no-repeat;
	background-size:auto;
}
#chart .app_sp{
	overflow-x: scroll;
	overflow-y: hidden;
	background-image:url(../images/character/character_chart_icon2.png);
}
#chart .app_sp img,
#chart .app img{
    transition:0s;
}
#chart .scale_large_sp,
#chart .scale_small_sp,
#chart .scale_large,
#chart .scale_small{
	width: 60px;
	margin: 0px 3px 20px;
	transition:0.3s;
	position: relative;
	z-index: 1000;
	cursor: pointer;
}
#chart .scale_large_sp img,
#chart .scale_small_sp img,
#chart .scale_large img,
#chart .scale_small img{
	width: 60px;
	margin: 0;
}
#chart .scale_large:hover,
#chart .scale_small:hover{
	transform:scale(1.1);
}
#chart .normal_btn{
	margin-bottom:0;
}
#chart .menu_wrap{
	position:relative;
}
#chart .overchar{
	position:
	absolute;
	right:50%;
	bottom:-0px;
	margin-right: -500px;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#chart{
		padding-bottom:50px;
	}

	#chart .app_sp {
		border: 3px solid #cddfe5;
		border-style: dashed;
		overflow-x: scroll;
		overflow-y: hidden;
		cursor: grab;
		margin-bottom: 50px;
		text-align:center;
		box-sizing:content-box;
		width: calc( 100vw - 10vw );
		margin:0 5vw 10vw;
	    background-image: url(../images/character/character_chart_icon2.png);
	    background-position: right top;
	    background-repeat: no-repeat;
	    background-size: 8vw;
	}
	#chart .app_sp img{
		user-drag: none;
		-webkit-user-drag: none;
		-moz-user-select: none;
	}
	#chart .overchar{
		position:absolute;
		right:3%;
		bottom:0px;
		margin-right: 0;
	}
	#chart .overchar img{
		width:22vw;
	}
	#chart .scale_large_sp,
	#chart .scale_small_sp{
		margin: 0 0.5vw 3.5vw;
		width: auto;
	}
	#chart .scale_large_sp img,
	#chart .scale_small_sp img{
		width: 12vw;
	}
	
/* =================================== */
}
/* =================================== */










/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#news_list

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#news_list .contents *{
	color:#353535;
}

#news_list{
	padding-bottom:100px;
}
#news_list .info_tab{
    position:relative;
}
#news_list .info_tab{
    text-align:
    center;
    width:100%;
    z-index: 2;
    position: relative;
    /* z-index: 130; */
}
#news_list .info_tab ul{
	font-size:0;
	padding: 0 0 20px;
	margin: auto;
	position:relative;
	/* background-color:#f2ebed; */
}
#news_list .info_tab ul li{
	width: 180px;
	margin: 0;
	display:inline-block;
	text-align:center;
	margin: 0 -5px;
	transition:0.5s;
}
#news_list .info_tab ul li:hover{
	transform:scale(1.06);
	transition:0.3s;
}
#news_list .info_tab ul li a{
	width:100%;
	height: 65px;
	display:block;
	background-image:url(../images/info_tab_btn_off.png);
	background-position: center;
	background-size: 90% 90%;
	background-repeat:no-repeat;
	position:relative;
}
#news_list .info_tab ul li a div{
	font-size: 20px;
	line-height:60px;
	font-weight: 500;
	font-feature-settings: "palt";
	letter-spacing: 0;
	transform: rotate(0.03deg);
}

#news_list .info_tab ul li.active a{
	background-image:
	url(../images/info_tab_btn_on.png);
	background-position: center;
	background-size: 90% 90%;
	background-repeat:
	no-repeat;
	position:
	relative;
}
#news_list .info_tab ul:hover li.active{
	pointer-events: none;
}



#news_list .info_tab ul li.active a div{
	color:#FFF;
}
#news_list .info_tab_btn{	
}
#news_list .info_list_box1,
#news_list .info_list_box2,
#news_list .info_list_box3,
#news_list .info_list_box4,
#news_list .info_list_box5,
#news_list .info_list_box6{
	padding: 0 40px;
	overflow:hidden;
}
#news_list .info_list_box1{
	padding-bottom: 15px;
	padding-top: 15px;
}
#news_list .important_item .info_list_box1{
	padding-bottom: 0px;
}

#news_list .important_item .info_list_box1:after{
	content:'※ 重要なお知らせ';
	width:100%;
	height: 60px;
	line-height: 60px;
	display:block;
	font-size: 22px;
	font-weight:600;
	color:#FFF;
	background-color:#e60d0d;
	border-radius: 5px;
	text-align:center;
	margin:15px 0 0px;
}



#news_list .info_list_box2{
	border-top:solid #d2d9dc 1px;
}
#news_list .important_item .info_list_box2{
	border-top:none;
}

#news_list .info_list li*{
	font-feature-settings: "palt";
}
#news_list .info_list li{
	width: 100%;
	margin-bottom: 15px;
	text-align:left;
}
#news_list .item_li_view{
	transition:0.5s;
}
#news_list .item_li_view:hover{
	transform:scale(1.02);
}


#news_list .info_list li.main_frame:after,
#news_list .info_list li.main_frame:before,
#news_list .info_list li.item_li_view:after,
#news_list .info_list li.item_li_view:before{
	content: '';
	width: 100%;
	display: block;
	padding: 4.5% 0 0;
}

#news_list .info_list li.main_frame:before,
#news_list .info_list li.item_li_view:before{
	background-image: url(../images/normal_box01.png);
	background-position: center bottom;
	background-size: 100%;
}
#news_list .info_list li.main_frame:after,
#news_list .info_list li.item_li_view:after{
	background-image: url(../images/normal_box02.png);
	background-position: center bottom;
	background-size: 100%;
}

#news_list .info_desc_link {
	word-break:break-all;
}
#news_list .info_desc_link:hover{
	opacity:0.5;
}


#news_list .info_details_wrap, #news_list .info_list li a.info_link{
	display:block;
	width: 100%;
	background-image: url(../images/normal_box03.png);
	background-position: center;
	background-size: 100%;
	line-height: 1.5;
	font-size: 16px;
	padding: 0px 25px;
}
#news_list .info_list_type1,
#news_list .info_list_type2,
#news_list .info_list_type3,
#news_list .info_list_type4,
#news_list .info_list_type5,
#news_list .info_list_type6,
#news_list .info_list_type7,
#news_list .info_list_type8,
#news_list .info_list_type9,
#news_list .info_list_type10
{
	float:left;
	width: 190px;
	background-position:top left;
	background-size: 100% 100%;
	background-repeat:no-repeat;
	text-align:center;
	display:inline-block;
	font-weight: 600;
}
#news_list .info_list_type1{
	background-image:url(../images/info_list_type1_re.png);
	color: #f23f76;
}
#news_list .info_list_type2{
	background-image:url(../images/info_list_type2_re.png);
	color: #f57327;
}
#news_list .info_list_type3{
	background-image:url(../images/info_list_type3_re.png);
	color: #c942e2;
}
#news_list .info_list_type4{
	background-image:url(../images/info_list_type4_re.png);
	color: #07c6e8;
}
#news_list .info_list_type5{
	background-image:url(../images/info_list_type5_re.png);
	color: #25c3b3;
}
#news_list .info_list_type6{
	background-image:url(../images/info_list_type6_re.png);
	color: #40799e;
}
#news_list .info_list_type7{
	background-image:url(../images/info_list_type7_re.png);
	color: #f44fdb;
}
#news_list .info_list_type8{
	background-image:url(../images/info_list_type8_re.png);
	color: #30a5f5;
}
#news_list .info_list_type9{
	background-image:url(../images/info_list_type9_re.png);
	color: #f34936;
}

#news_list .info_list_type10{
	background-image:url(../images/info_list_type10_re.png);
	color: #4962a2;
}

#news_list .info_list_type{
    font-size: 18px;
    line-height: 35px;
	display: inline-block;
}
#news_list .info_list_time{
	font-size: 20px;
    line-height: 35px;
    float: right;
    text-align: right;
    display: inline-block;
}
#news_list .text_slash:after {
    content: "/";
    display: inline;
    font-size: 85%;
    vertical-align: top;
}
#news_list .text_colon:after {
    content: ":";
    display: inline;
    font-size: 85%;
    vertical-align: top;
}
#news_list .info_list_ttl{
    font-size: 25px;
    line-height: 32px;
    padding: 25px 0 15px;
    font-weight: 600;
}
#news_list .important_item .info_list_ttl{
    padding: 20px 0 20px;
}
#news_list .info_list_ttl span.important_ttl{
    font-size: 20px;
    line-height: 1;
    padding: 10px 35px 10px;
    font-weight: 600;
	display:block;
	text-align:center;
	background-color:red;
	color:#FFF;
	margin: -0px auto 25px;
	border-radius:0px;
}

#news_list .info_list_banner img{
	max-width:100%;
}
#news_list .info_list_box3{
	padding-bottom:20px;
}
#news_list .info_list_box4{
	padding: 20px 40px 10px;
	margin: 35px 0 0;
	font-size:18px;
	/* background-color: #ecedeb; */
	border-top: dotted 4px #afc1cc90;
	/* border-bottom: solid #d2d9dc 1px; */
}
#news_list .info_list_add {
    font-size: 18px;
    line-height: 30px;
    width: 100px;
    margin: 0;
    border: solid 2px #353535;
	box-sizing:border-box;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-weight: 500;
}
#news_list .info_contents{
	padding: 0px 40px 20px;
	font-size: 16px;
	font-weight: 500;
}
#news_list .info_contents .red{
	color:#dd1b32;
}
#news_list .info_contents .blue{
	color:#3196c9;
}
#news_list .info_contents .green{
	color:#119c5c;
}
#news_list .info_contents h3{
	padding: 10px 20px;
	margin: 30px 0 20px;
	font-size: 20px;
	line-height:1.5;
	font-weight: 500;
	color:#FFF;
}

#news_list .info_contents table{
	border-collapse:collapse;
	border-spacing: 0;
	margin:0.5em 0;
}
#news_list .info_contents tbody{
}
#news_list .info_contents tr{
}
#news_list .info_contents .odd tr:nth-child(odd) td {
	background-color: #e8f5fe;
}
#news_list .info_contents th,
#news_list .info_contents td{
	border:solid 1px #343434;
	vertical-align: middle;
}
#news_list .info_contents th{
	background-color: #6388f4;
	color: #f4f7ff;
	text-align:center;
	padding:1em 1.5em;
	/* font-size:14px; */
	font-weight:500;
}
#news_list .info_contents td{
	padding:1.5em 1.5em;
	/* font-size:14px; */
}
#news_list .info_contents tr:nth-child(2n-1){

}
#news_list .info_contents li{
}
#news_list .info_contents ul{
	position:relative;
	font-size:16px;
	padding: 0.5em 0 0.5em 1.4em;
	border: solid 1px #787878;
	border-left:none;
	border-right:none;
	margin: 0.5em 0;
}
#news_list .info_contents ul li{
	position:relative;
	padding:0;
    margin: 0.5em 0;
	line-height: 1.3;
}
#news_list .info_contents ul li:after{
	content:'';
	display:block;
	width:1em;
	height:1em;
	background-color: #353535;
	position:absolute;
	top:0.2em;
	left: -1.3em;
	transform: scale(0.5);
}
#news_list .info_contents ol{
	list-style-type: decimal;
	position:relative;
	font-size:16px;
	padding:0.5em 0 0.5em 1.4em;
	border: solid 1px #787878;
	border-left:none;
	border-right:none;
	margin: 0.5em 0;
}
#news_list .info_contents ol li{
	position:relative;
	padding:0;
	margin:0.5em 0;
	line-height:1.3;
}

#news_list .info_contents hr{
	margin:2em 0;
	color:#afc1cc;
	border-top:dotted 3px ;
}
#news_list .info_details_wrap .info_list_box4{
	margin-bottom:20px;	
}
#news_list .info_more,
#news_list .info_back{
	margin-top:40px;
}
#news_list .btn_normal{
	margin-bottom:0px;
}
#news_list .btn_normal:after{
	transform: rotate(-135deg);
	right:auto;
	left: 20px;
}

/**
 * 230328：追加
 */
ul.note {
	border:none!important;
}

ul.note li:before{
	content: "※"!important;
	margin-left: -1em!important;
}
ul.note li:after{
	content: none!important;
}

ul.cl li {
	color:#F00!important;
}

/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#news_list {
	    padding-bottom: 50px;
	}
	#news_list .info_tab{
	}
	#news_list .info_tab ul{
		padding: 0 0 3vw;
	}
	#news_list .info_tab ul li{
		width: 24%;
		margin: 0 0.5%;
	}
	#news_list .info_tab ul li a{
		height: 10vw;
		background-size: 100% 100%;
		background-image: url(../images/info_tab_btn_off_sp.png);
	}
	#news_list .info_tab ul li.active a{
		background-size: 100% 100%;
		background-image: url(../images/info_tab_btn_on_sp.png);
	}
	#news_list .info_tab ul li a div{
		font-size: 3.8vw;
		line-height: 9.1vw;
	}

	#news_list .info_list li {
	    margin-bottom: 1.5vw;
	}
	#news_list .info_list_box1,
	#news_list .info_list_box2,
	#news_list .info_list_box3,
	#news_list .info_list_box4,
	#news_list .info_list_box5,
	#news_list .info_list_box6{
		padding: 0 4vw 1vw;
	}
	#news_list .info_list_box1{
		padding-bottom: 2vw;
		padding-top: 2vw;
	}

	#news_list .important_item .info_list_box1:after {
	    content: '※重要なお知らせ';
	    height: 12vw;
	    line-height: 12vw;
	    display: block;
	    font-size: 4.0vw;
	    border-radius: 1vw;
	    text-align: center;
	    margin: 2vw 0 0px;
	}

	
	#news_list .info_list_box2{
		border-top:solid #d2d9dc 1px;
	}
	#news_list .item_li_view *{
		font-feature-settings: "palt";
	}
	#news_list .item_li_view{
		margin-bottom: 3vw;
	}
	#news_list .item_li_view a{
		font-size: 2vw;
		padding: 0px 2.5vw;
	}
	
	#news_list .info_list_type1,
	#news_list .info_list_type2,
	#news_list .info_list_type3,
	#news_list .info_list_type4,
	#news_list .info_list_type5,
	#news_list .info_list_type6,
	#news_list .info_list_type7,
	#news_list .info_list_type8,
	#news_list .info_list_type9,
	#news_list .info_list_type10{
		float:left;
		width: 33vw;
		background-position:top left;
		background-size: 100% 100%;
		background-repeat:no-repeat;
		text-align:center;
		display:inline-block;
	}
	#news_list .info_list_type1{
	}
	#news_list .info_list_type2{
	}
	#news_list .info_list_type3{
	}
	#news_list .info_list_type4{
	}
	#news_list .info_list_type5{
	}
	#news_list .info_list_type6{
	}
	#news_list .info_list_type7{
	}
	#news_list .info_list_type8{
	}
	#news_list .info_list_type9{
	}
	#news_list .info_list_type10{
	}

	
	#news_list .info_list_type{
		font-size: 3.5vw;
	    line-height: 7vw;
		display: inline-block;
	}
	#news_list .info_list_time{
		font-size: 3.5vw;
	    line-height: 7vw;
	    float: right;
	    text-align: right;
	    display: inline-block;
	/* vertical-align: middle; */}
	#news_list .text_slash:after {
	    content: "/";
	    display: inline;
	    font-size: 85%;
	    vertical-align: top;
	}
	#news_list .text_colon:after {
	    content: ":";
	    display: inline;
	    font-size: 85%;
	    vertical-align: top;
	}
	#news_list .info_list_ttl{
		font-size: 4vw;
	    line-height: 5vw;
		padding: 3vw 0 1vw;
	}
	#news_list .important_item .info_list_ttl {
	    padding: 2.5vw 0 1vw;
	}
	#news_list .info_list_banner img{
		max-width:100%;
	}
	#news_list .info_list_box3{
		padding-bottom: 3vw;
	}
	#news_list .info_list_box4{
		padding: 3vw 4vw 0vw;
		margin: 2vw 0 0;
		/* background-color:#f4edf9; */
		border-top: dotted 3px #afc1cc90;
	}
	#news_list .info_list_add {
		font-size: 3.5vw;
		line-height: 5vw;
		width: 100px;
		margin: 0;
	}
	#news_list .info_list{
		margin-bottom:10vw;
	}

	#news_list .info_contents {
	    padding: 0 4vw 4vw;
	    font-size: 3.6vw;
	    font-weight: 500;
	}
	#news_list .info_contents ul,
	#news_list .info_contents ol,
	#news_list .info_contents th,
	#news_list .info_contents td{
		font-size:3.6vw;
	}
	#news_list .info_contents th,
	#news_list .info_contents td{
		padding:0.75em;
	}


	
	
	#news_list .info_details_wrap{
	    padding: 0px 2.2vw;
	}
	#news_list .info_contents h3 {
	    padding: 1.7vw 3vw;
	    margin: 5vw 0 3vw;
	    font-size: 3.8vw;
	    line-height: 1.5;
	    font-weight: 500;
	    color: #FFF;
	}
	#news_list .info_details_wrap .info_list_box4 {
	    margin-bottom: 2vw;
	}

	#news_list .info_list li a,
	#news_list .info_list li a.info_link {
	    padding: 0px 2.0vw;
	}
	#news_list .btn_normal{
		margin:0px;
	}
	
/* =================================== */
}
/* =================================== */












/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#faq

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#faq{
min-height:50vh;	
}

#faq .box_keyword{
    padding: 0;
    width: 1000px;
    border: solid 2px #2e3339;
    background-color: #fff;
	border-radius:50px;
	margin-bottom:50px;
	overflow:hidden
}
#faq .box_keyword form{
    padding: 0;
	margin:0;
	position:relative;
	display:block;
}
#faq .box_keyword input[type="text"] {
	width:1000px;
	padding:0 70px 0 50px;
    line-height: 50px;
	display:block;
}

#faq .box_keyword input[type="text"]:focus {
  outline: 0;
}
#faq .box_keyword input[type="text"]::placeholder {
  color: #c1c3cb;
}


#faq .box_keyword .search_btn{
	width:70px;
	display:
	inline-block;
	position:
	absolute;
	top:0;
	right: 0;
	transition:0.3s;
}
#faq .box_keyword .search_btn:hover{
	opacity:0.7;
}



#faq .box_keyword .search_btn img{
	vertical-align: top;
	padding: 8px 0;
}

#faq .box_category{
	padding-bottom: 60px;
}
#faq_scroll{
	padding:20px 0 40px;
}





#faq .box_category .c_list{
	font-size:0;
}
#faq .box_category .c_list li{
	width:50%;
	display:inline-block;
}
#faq .box_category .c_list li:nth-child(2n){
	margin-right:0%;
}

#faq .s_box{
	margin: 0 0 10px 0;
	transition:0.3s;
}
#faq .s_box:hover{
	opacity:0.5;
}



#faq .s_box:after,
#faq .s_box:before{
	content: '';
	width: 100%;
	display: block;
	padding: 0 0 0;
}
#faq .s_box:before{
	height:22px;
	background-image: url(../images/s_box01.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#faq .s_box:after{
	height:28px;
	background-image: url(../images/s_box03.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#faq .s_box_wrap{
	width: 100%;
	background-image: url(../images/s_box02.png);
	background-position: center;
	background-size: 100% 100%;
	line-height: 1;
	margin:0;
}
#faq .s_box_wrap{
	font-size:16px;
	font-weight:600;
	display:
	block;
	position:
	relative;
	color: #353535;
}
#faq .s_box_wrap:after{
	content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-top: 0px;
    border-top: solid 2px #537ae9;
    border-right: solid 2px #537ae9;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
	margin-top:-5px;
    right: 9%;
    pointer-events: none;
}





#faq .m_box{
	margin: 0 0 10px 0;
	padding:0;
	text-align:
	left;
}
#faq .m_box:after,
#faq .m_box:before{
	content: '';
	width: 100%;
	display: block;
	padding: 0 0 0;
}
#faq .m_box:before{
	height:22px;
	background-image: url(../images/m_box01.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#faq .m_box:after{
	height:28px;
	background-image: url(../images/m_box03.png);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-size: 100% 100%;
}
#faq .m_box dl{
	width: 100%;
	background-image: url(../images/m_box02.png);
	background-position: center;
	background-size: 100% 100%;
	line-height: 1;
	margin:0;
	padding: 0 40px;
}
#faq .m_box dl dt{
	padding-left:35px;
	font-size:16px;
	line-height:1.5;
	font-weight:600;
	position:
	relative;
	cursor:
	pointer;
	color: #353535;
}
#faq .m_box.active dl dt{
}
#faq .m_box dl dt:before{
	content:'Q.';
	display:block;
	position:absolute;
	left:0;
	top:-4px;
	font-size:20px;
	color:#537ae9;
}
#faq .m_box dl dt:after{
	content:'';
	display:block;
	width:25px;
	height:25px;
	position:absolute;
	right:0;
	top:-0px;
	font-size:20px;
	color:#537ae9;
	background-image: url(../images/faq_open.png);
	background-position:center;
	background-size:contain;
	transform:scale(0.8);
	cursor:pointer;
}
#faq .m_box.active dl dt:after{
	background-image: url(../images/faq_close.png);
	background-position:center;
	background-size:contain;
}
#faq .m_box dl dt:hover:after{
}
#faq .m_box dl dt:hover{
	transition:0.3s;
	opacity:0.5;
}

#faq .m_box dl dd{
	border-top:solid 1px #FFFFFF00;
	padding:0;
	line-height:1.5;
	font-size:14px;
	max-height:0;
	overflow:hidden;
	position:relative;
	top:14px;
	transition:0s;
}
#faq .m_box.active dl dd{
	padding:20px 0;
	border-top:
	solid 1px #353535;
	max-height:2000px;
	color: #353535;
}
#faq .faq_searchword{
	font-size:20px;
	font-weight:600;
	margin:0px 0 20px;
}


.top_backbtn{
	padding:20px 0 100px;
}
.top_backbtn a{
	transition:0.5s;
}
.top_backbtn a:hover{
	opacity:0.5;
}







/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */


	#faq .box_keyword{
	    padding: 0;
	    width: 95%;
		margin-left:2.5vw;
		border-radius:7.5vw;
		margin-bottom:7.5vw;
	}
	#faq .box_keyword form{
	}
	#faq .box_keyword input[type="text"] {
		width:100%;
		text-align:
		left;
		padding: 0 75px 0 7.5vw;
		line-height: 50px;
		display:
		block;
		font-size: 4.2vw;
	}	
	#faq .box_keyword .search_btn{
	}
	#faq .box_keyword .search_btn:hover{
		opacity:1;
	}
	#faq .box_keyword .search_btn img{
		vertical-align: top;
		padding: 8px 0;
		transform: scale(0.8);
	}
	#faq .box_category{
		padding-bottom: 15vw;
	}
	#faq_scroll{
		padding:5vw 0 10vw;
	}

	#faq .box_category .c_list{
	}
	#faq .box_category .c_list li{
		width:100%;
		display:
		inline-block;
		margin: 0 0 1.0vw;
	}
	#faq .box_category .c_list li:nth-child(2n){
		margin-right:0%;
	}
	#faq .s_box{
		margin: 0 0 2.5vw 0;
	}
	#faq .s_box:hover{
		opacity:1;
	}
	#faq .s_box:after,
	#faq .s_box:before{
	}
	#faq .s_box:before{
		height:4.5vw;
		background-image: url(../images/normal_box01.png);
	}
	#faq .s_box:after{
		height:4.5vw;
		background-image: url(../images/normal_box02.png);
	}
	#faq .s_box_wrap{
		width: 100%;
		line-height: 1;
		background-image: url(../images/normal_box03.png);
	}
	#faq .s_box_wrap{
		font-size:3.8vw;
		font-weight:600;
		display:
		block;
		position:
		relative;
		padding: 1vw 10vw 1vw 7.5vw;
		text-align:
		left;
	}
	#faq .s_box_wrap:after{
		content: '';
	    display: block;
	    width: 2vw;
	    height: 2vw;
	    margin-top: 0px;
	    border-top: solid 2px #537ae9;
	    border-right: solid 2px #537ae9;
	    transform: rotate(45deg);
	    position: absolute;
	    top: 50%;
		margin-top:-1.1vw;
	    right: 8%;
	    pointer-events: none;
	}
	#faq .m_box{
		margin: 0 0 1vw 0;
	}
	#faq .m_box:after,
	#faq .m_box:before{
	}
	#faq .m_box:before{
		height:4.5vw;
		background-image: url(../images/normal_box01.png);
	}
	#faq .m_box:after{
		height:4.5vw;
		background-image: url(../images/normal_box02.png);
	}
	#faq .m_box dl{
		width: 100%;
		background-image: url(../images/normal_box03.png);
		padding: 1vw 5vw;
	}
	#faq .m_box dl dt{
		font-size:3.5vw;
		display:block;
		position:relative;
		padding:0 5vw 0 5.5vw;
		line-height:1.2;
	}
	#faq .m_box.active dl dt{
	}
	#faq .m_box dl dt:before{
		content:'Q.';
		left:0;
		top:-0.4vw;
		font-size:3.5vw;
	}
	#faq .m_box dl dt:after{
		content:
		'';
		width:4vw;
		height:4vw;
		right: -0.5vw;
		top:-0.2vw;
		transform:
		scale(1);
		cursor:
		pointer;
	}
	#faq .m_box.active dl dt:after{
		background-image: url(../images/faq_close.png);
		background-position:center;
		background-size:contain;
	}
	#faq .m_box dl dt:hover:after{
	}
	#faq .m_box dl dt:hover{
		transition:0.3s;
		opacity:0.5;
	}
	#faq .m_box dl dd{
		border-top:solid 1px #FFFFFF00;
		padding:0;
		line-height:1.5;
		font-size:3.5vw;
		max-height:0;
		overflow:hidden;
		position:relative;
		top:2.5vw;
		transition:0s;
	}
	#faq .m_box.active dl dd{
		padding: 2.5vw 0;
		border-top:
		solid 1px #353535;
		max-height:4000px;
	}
	#faq .faq_searchword{
		font-size:4.2vw;
		font-weight:600;
		margin:0px 0 5vw;
	}
	.top_backbtn{
		padding:20px 0 100px;
		width:100%;
	}
	.top_backbtn img{
		width:20vw;
	}
	.top_backbtn a{
		transition:0.5s;
	}
	.top_backbtn a:hover{
		opacity:0.5;
	}

	
/* =================================== */
}
/* =================================== */

































/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#contact

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#contact{
	padding-bottom: 80px;
}

.left_char{
	position:absolute;
	top:150px;
	margin-left:50px;
	opacity:1;
	transition:0.5s 1.5s;
}
.lock_anime .left_char{
	margin-left:0px;
	opacity:0;
}
.left_char.type2{
	top: 148px;
	transition:0s 0s;
}
.lock_anime .left_char.type2{
	opacity:1;
}

.mt20 {
    margin-top: 20px;
}

.form_wrapper .file .kind2,
.form_wrapper .file .kind4,
.form_wrapper .file .kind5{
	margin: 15px 0 10px 0;
	font-size:14px;
}
.form_wrapper *{
	box-sizing:border-box;
}
.form_wrapper{
	text-align:left;
	font-weight:500;
}
.form_wrapper label{
	font-size:14px;
	font-weight: 400;
	letter-spacing: 0;
	/* font-weight: 600; */
}
.form_wrapper p.red{
	padding: 10px 0;
	font-size:14px;
	color:#cd3474;
}
.form_wrapper dl{
	padding: 10px 0;
}
.form_wrapper dd,
.form_wrapper dt{
	display:table-cell;
	font-size: 15px;
	padding: 0 20px 0 0;
}
.form_wrapper dt{
	width:250px;
	vertical-align:
	middle;
	font-weight: 400;
	letter-spacing: 0;
}
.form_wrapper input[type="date"]{
	padding: 0 15px 0 20px;
	height: auto;
	line-height: 50px;
	font-size:16px;
	border-radius: 0;
	width: auto;
	border: solid 1px #2e3339;
	background-color: #fff;
}

.form_wrapper input[type="text"]{
	padding: 0 20px;
	height: auto;
	line-height: 50px;
	font-size:16px;
	border-radius: 0;
	width: 450px;
	border: solid 1px #2e3339;
	background-color: #fff;
}
.form_wrapper textarea{
	padding: 20px;
	font-size: 16px;
	height: 150px;
	width: 580px;
	background:#FFF;
	border:
	solid 1px #000;
}
.form_wrapper .input_radio{
	padding: 0;
	height: auto;
	line-height: 50px;
	font-size:16px;
	border-radius: 0;
	width: 450px;
}
.form_wrapper .input_radio input[type="radio"]{
	position: absolute;
	opacity:0;
}
.form_wrapper .input_radio label {
	cursor: pointer;
	font-size:16px;
	padding-left: 26px;
	padding-right:30px;
	position: relative;
	/* display: block; */
}
.form_wrapper .input_radio label::before,
.form_wrapper .input_radio label::after {
  content: "";
  display: block; 
  position: absolute;
}
.form_wrapper .input_radio label::before {
	background-color: #ffffff;
	border: 1px solid #353535;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	top: 0%;
	left: 0px;
	margin-top: 2px;
}
.form_wrapper .input_radio label::after {
	background-color: #6388f4;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	top: 0%;
	left: 4px;
	opacity:0;
	margin-top: 6px;
	transition:0.0s;
	transform:scale(2);
}
.form_wrapper .input_radio input:checked + label::after {
	opacity: 1;
	transition:0.5s;
	transform:scale(1);
}
.form_wrapper input[type="file"]{
	font-size:16px;
}
.form_wrapper dt.necessary:after{
	content:
	"※必須";
	font-size: 10px;
	margin-left: 5px;
	color: #ea2f7e;
	display:inline-block;
	vertical-align:top;
	margin-top: 0px;
}
.form_wrapper .text14{
	margin-left: 250px;
	margin-top: 16px;
	font-size: 13px;
}
.form_wrapper input::placeholder {
	color: #acb3b6;
}
.form_sendbtn{
	margin: 20px 0;
	position: relative;
}


.info_more:after,
.info_more:before,
.form_sendbtn:after,
.form_sendbtn:before{
	content:'';
	display:block;
    width:300px;
    height:200px;
    background:url(../images/ef_bakuhatu2.png) no-repeat;
	pointer-events:none;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:0px;
	transform:scale(-1.2,1.2);
	z-index:-1;
}
.info_more:after,
.info_more:before{
	bottom:-50px;
}
.info_more:after,
.form_sendbtn:after{
	left:auto;
	right:50%;
	margin-left:0px;
	transform:scale(1.2,1.2);
}
.info_more.active:after,
.info_more.active:before,
.form_sendbtn.active:after,
.form_sendbtn.active:before{
    animation: 0.8s bakuhatu1 steps(20) 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}


/*
.ttl_ef{
	position:
	absolute;
	top: -100px;
	left:50%;
	margin-left: -140px;
	transform: scale(1.5);
}
*/
.ttl_ef_wrap{
    width:300px;
    height:300px;
    background:url(../images/ef_bakuhatu.png) no-repeat;
    animation: 0.8s bakuhatu1 steps(20) 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	pointer-events:none;
}
.ttl.lock + .ttl_ef_wrap,
.lock_anime .ttl_ef_wrap{
    animation: none;
}
@keyframes bakuhatu1 {
    to{
        background-position: -6000px 0;
    }
}

.form_sendbtn a{
	letter-spacing: 0;
}
.form_sendbtn .text14{
	font-size:16px;
	margin-bottom: 24px;
}
.form_sendbtn input[type="checkbox"]{
	display:
	inline-block;
	margin-right: 8px;
	margin-left: 4px;
	margin-top: -4px;
	transform: scale(1.5);
}
.form_wrapper label + input[type="radio"] {
	margin-left:20px;
}
.form_sendbtn li{
	display:inline-block;
	margin: 10px 0;
}
.form_sendbtn li .btn_normal {
}
.form_pulldown {
}
select {
	outline: none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
}
select option {
	background-color: #FFF;
	color: #000;
}
select::-ms-expand {
	display: none;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
.form_pulldown select {
	position: relative;
	width: 580px;
	max-width: 580px;
	height: 52px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 20px;
	background: #FFF;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 0px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form_pulldown label {
	position: relative;
}
.form_pulldown label::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 50%;
	right: 16px;
	margin-top: -4px;
	border-bottom: 1px solid #353535;
	border-left: 1px solid #353535;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
}
.form_file {
}
.form_file input[type='file'] {
	display: none;
}
.form_file label {
	display: block;
	position: relative;
	width: 400px;
	max-width: 400px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	padding: 0 .8em;
	background: #FFF;
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 0;
	cursor: pointer;
	border-radius:4px;
}
.form_file label::after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 45%;
	right: 16px;
	margin-top: -5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	pointer-events: none;
}
.form_file label::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
}
.form_file label.changed::before {
	content: '';
}
.filename {
	display: block;
	position: relative;
	width: 90%;
	max-width: 360px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	margin: -38px 0 0;
	padding-left: 20px;
	background-color: #FFF;
	border: solid #000;
	border-width: 1px 0 1px 1px;
	box-sizing: border-box;
	border-radius: 0;
	pointer-events: none;
	border-radius:4px 0 0 4px;
}
.filename::after {
	position: absolute;
	content: '';
	top: 10px;
	left: 16px;
	width: 14px;
	height: 18px;
	background-image: url(../image/file_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.error_wrapper {
	width: 100%;
	margin: 0px auto 40px;
	padding: 20px 0;
	background-color: #FF3300;
}
.error_wrapper p {
	line-height:1.8;
	font-size:16px;
	width: 90%;
	max-width: 900px;
	margin: auto;
	color: #FFF;
}
.info_wrapper.text14{
	font-size:15px;
	line-height:1.8;
	/* text-align:center; */
}

/* 内容確認
--------------------------------------------------*/
.check_wrapper{
	text-align:
	left;
	padding: 25px 40px;
	margin:
	auto;
}
.check_wrapper dl{
	padding: 30px 0;
	border-top:solid 1px;
}
.check_wrapper dl:first-child {
	/* border-top:
	none; */
	/* padding-top:0; */
}
.check_wrapper dl:last-child {
	/* padding-bottom:0; */
	border-bottom: solid 1px;
}
.check_wrapper dd,
.check_wrapper dt{
	display:table-cell;
	font-size:16px;
}
.check_wrapper dt{
	width: 260px;
	vertical-align:middle;
	font-weight: 500;
	font-size: 14px;
}
.check_wrapper dd{
	font-size: 16px;
}
.btn_normal{
}
.btn_normal a{
}
.btn_normal span{
}
.add_btn li:first-child .btn_normal:after{
	transform: rotate(-135deg);
	right:auto;
	left: 20px;
}


/* file
---------------------------------------------------- */
.file_select {
	font-size:14px;
	width: 450px;
	height: 52px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #353535;
	margin-bottom: 8px;
}
.file_select .filebtn {
	font-size:14px;
	color: #FFFFFF;
	background-color: #353535;
	height: 100%;
	width: 130px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: left;
}
.file_select .filebtn:hover {
	background-color: #8b8a8a;
}
.file_select .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}
.file_select p {
	line-height: 50px;
	float: left;
	margin-left: 10px;
	/* 追加 */
	overflow:hidden;
	text-overflow: ellipsis;
	width: 300px;
	height:50px;
}
.file a.delate {
	float: left;
	font-size: 16px;
	line-height: 52px;
	margin-left: 10px;
	color: #c7c7c7;
}
.file a.delate:hover {
	color: #1d97e0;
}
.file table {
	border: 1px solid #d8d8d8;
	width: 700px;
	margin-top: 30px;
}
.file table th {
	width: 156px;
	text-align: center;
}

.file table th .filebtn {
	color: #FFFFFF;
	background-color: #616161;
	height: 100%;
	width: 130px;
	text-align: center;
	line-height: 28px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-weight: normal;
}
.file table th .filebtn:hover {
	background-color: #8b8a8a;
}
.file table th .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}

.file .sample {
	margin-left: -18px;
}
.file .sample li {
	float: left;
	width: 126px;
	margin: 10px 0 10px 18px;
	text-align: center;
}
.file .sample li p {
	margin: 5px 0;
}
.file .sample li a {
	font-size: 12px;
	display: block;
	color: #333333;
    border: 1px solid #d8d8d8;
    border-bottom: 3px solid #d8d8d8;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.file .sample li .filebtn {
	font-size: 12px;
	display: block;
	color: #333333;
    border: 1px solid #d8d8d8;
    border-bottom: 3px solid #d8d8d8;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	overflow: hidden;
	position: relative;
}
.file .sample li .filebtn:hover {
	background-color: #1d97e0;
	color: #FFFFFF;
	border: 1px solid #1d97e0;
	border-bottom: 3px solid #1d97e0;
}
.file .sample li .filebtn input[type="file"] {
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	font-size: 100px;
	cursor: pointer;
}
.file_box {
	background-color: #f5fcff;
    padding: 20px;
    width: 740px;
}
.file table th a:hover {
	background-color: #8b8a8a;
}
.file table td {
	padding: 10px 10px 10px 0;
}
.file_upload {
	float: left;
	width: 340px;
	margin-top: 10px;
}
.file_upload .filename {
	background-image: url(/img/admin/index/file_upload_name.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 1px 0 1px 25px;
    word-break: keep-all;
    word-wrap: break-word;
    display:inline-block;
}
.file_upload_box {
	height: 18px;
	padding: 16px 2px;
	margin-top: 2px;
	width:100%;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}
.file_upload_box .gauge50 {
	background-color: #6db11c;
	text-align: center;
	font-size: 10px;
	margin-top:-14px;
	color: #FFFFFF;
	padding:7px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.file_upload_box .gauge100 {
	background-color: #2d99cb;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	width: 100%;
	padding:7px;
	margin-top:-14px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	#contact{
		padding-bottom:50px;
	}
	.left_char.type2,
	.left_char{
		position:relative;
		top:0;
		left:0;
		margin:0;
	}
	.left_char {
	    opacity: 1;
	    transition: 0.5s;
	}
	.left_char li{
		display:block;
	}
	.left_char li.char01{
		display:none;
	}
	.left_char li.char02{
		height:80px;
		margin:-1.2vw 0;
	}
	.left_char li.char02 img{
		height:100px;
	}
	.left_char li.char03{
		height:120px;
		margin:-5vw 0 -1.2vw;
	}
	.left_char li.char03 img{
		height:120px;
	}
	
	.form_wrapper{
		padding:1.5vw 0;
	}
	.form_wrapper label {
		font-size: 3.8vw;
	}
	.form_wrapper p.red{
		padding: 1vw 0 2vw;
		font-size:3.5vw;
	}
	.form_sendbtn {
		margin: 10vw 0 0;
	}
	.form_wrapper dl{
		padding:2.5vw 0;
		display:block;
	}
	.form_wrapper dd,
	.form_wrapper dt{
		display:
		block;
		font-size: 3.8vw;
		padding: 0;
	}
	.form_wrapper dt{
		width:100%;
		margin-bottom:1.25vw;
	}
	.form_wrapper input[type="text"] {
		width: 100%;
		font-size: 3.8vw;
		padding: 2.5vw;
		line-height: 7vw;
	}
	.form_wrapper input[type="date"] {
		width: 100%;
		font-size: 3.8vw;
		padding: 2.5vw 2vw;
		min-height: 12vw;
		line-height: 7vw;
		text-align: left;
	}
	.form_wrapper .input_radio{
		width:100%;
		padding: 2.5vw 0;
		line-height: 7vw;
		border-radius: 0;

	}
	.form_wrapper .input_radio input[type="radio"]{
		position: absolute;
		opacity:0 !important;
	}
	.form_wrapper .input_radio label {
		cursor: pointer;
		font-size:3.8vw;
		padding-left: 6vw;
		padding-right:6vw;
		position: relative;
		/* display: block; */
	}
	.form_wrapper .input_radio label::before,
	.form_wrapper .input_radio label::after {
	  content: "";
	  display: block; 
	  position: absolute;
	}
	.form_wrapper .input_radio label::before {
		background-color: #ffffff;
		border: 1px solid #353535;
		border-radius: 100%;
		width: 5vw;
		height: 5vw;
		top: 0%;
		left: 0;
		margin-top: 0.5vw;
	}
	.form_wrapper .input_radio label::after {
		background-color: #6388f4;
		border-radius: 100%;
		width: 2.5vw;
		height: 2.5vw;
		top: 1.25vw;
		left: 1.24vw;
		margin-top: 0.5vw;
		transition:0.0s;
		transform:scale(2);
	}
	.form_wrapper .input_radio input:checked + label::after {
		opacity: 1;
		transition:0.5s;
		transform:scale(1);
	}
	
	
	.form_wrapper textarea {
		width: 100%;
		font-size: 3.8vw;
		height: 306px;
		padding: 3vw;
		}
	.form_wrapper .text14{
		margin-left:0px;
		margin-top: 1.25vw;
		padding:0 2.5vw;
		font-size: 3.5vw;
	}
	.form_sendbtn li {
		display: block;
		margin: 1.25vw 0px;
	}
	.form_sendbtn li .btn_normal {
	}
	.form_sendbtn li .btn_normal a{
	}
	.form_sendbtn li .btn_normal span{
	}
	.form_sendbtn input[type="checkbox"] {
		display: inline-block;
		margin-right: 10px;
		margin-top: -4px;
		transform: scale(1.6);
	}
	.form_wrapper input[type="radio"] {
		margin-right: 10px;
		margin-top:1.5vw;
		transform: scale(2.1);
	}
	.form_wrapper label + input[type="radio"] {
		margin-left: 5vw;
	}
	.form_sendbtn .text14 {
		font-size: 14px;
		margin-bottom: 5vw;
		width: 100%;
	}
	.form_pulldown select {
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
		font-size: 3.8vw;
		padding: 2.5vw 2.5vw 2.5vw;
		line-height: 7vw;
	}
	.form_file label {
		display: block;
		position: relative;
		width: 100%;
		max-width: 100vw;
		height: 5vw;
		line-height: 5vw;
		font-size: 14px;
		padding: 0 .8em;
		background: #FFF;
		border: 1px solid #000;
		box-sizing: border-box;
		border-radius: 0;
		cursor: pointer;
		border-radius: 4px;
	}

	.file_select {
	    width: 100%;
	}
	.file_select .filebtn {
	    width: 120px;
	    font-size: 14px;
	}
	.file_select p {
	    height: 100%;
	    line-height: 48px;
	    float: left;
	    font-size: 3.8vw;
	    margin-left: 12px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    width: calc( 100% - 140px );
	}
	.form_sendbtn:after,
	.form_sendbtn:before{
		bottom:-7vw;
	}
	.form_wrapper .file .kind2, .form_wrapper .file .kind4, .form_wrapper .file .kind5 {
	    margin: 15px 0 10px 0;
	    font-size: 3.5vw;
	}


	
	/* 内容確認
	--------------------------------------------------*/
	.check_wrapper{
		/* max-width:700px; */
		text-align:left;
		padding: 2.5vw 0 4vw;
		margin:auto;
	}
	.check_wrapper dl{
		padding: 4vw 0;
		border-top:solid 1px;
	}

	
	.check_wrapper dd,
	.check_wrapper dt{
		display: block;
		padding: 1vw 0 1.5vw;
	}
	.check_wrapper dt{
		width: 100%;
		font-size: 4.4vw;
		display: block;
	}
	.check_wrapper dd{
		font-size: 3.8vw;
	}
	.add_btn li:nth-child(2) .btn_normal{
	margin:0.75vw 0 4vw;
	}
	.add_btn li:first-child .btn_normal:after{

	}
	#contact .bottom.text14{
		font-size: 3.8vw;
	}

	.info_more.active:after,
	.info_more.active:before,
	.form_sendbtn.active:after,
	.form_sendbtn.active:before{
	    animation: none;
	}

/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

serial

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#serialcode .normal_box {
    width: 750px;
    margin:0 auto 25px;
}
#serialcode dl.form.playerid{
	position:relative;
	padding-top:20px;
}
#serialcode .form .link a{
	color: #ea2f7e;
	font-size: 12px;
	display:inline-block;
	margin:5px 0 0;
	text-decoration: none;
	transition: 0.5s;
	position:absolute;
	right: 0;
	top: -10px;
}
#serialcode .form dd{
	padding: 0;
}
#serialcode .form .link a:hover{
	opacity:0.5;
}

#serialcode .form_atention_text{
	margin: 30px 0 20px;
}
#serialcode .form_atention_text h3{
	font-size: 14px;
	line-height:1.6em;
	margin:0 0 5px;
}
#serialcode .form_atention_text p{
	font-size:14px;
	line-height:1.5em;
}
#serialcode .form_sendbtn {
    padding: 0 0 60px;
}



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#serialcode .normal_box {
	    width: 100%;
	    margin: 0;
	}
	#serialcode .form .link a{
		font-size: 3vw;
		margin:0;
		top:3.4vw;
		right:0;
	}
	#serialcode dl.form.playerid {
	    padding-top: 3vw;
	}
	
	#serialcode .form .link a:hover{
		opacity:1;
	}
	#serialcode .form_atention_text{
		margin: 6vw 0 4vw;
	}
	#serialcode .form_atention_text h3{
		font-size: 3.6vw;
		line-height:1.6em;
		margin:0 0 2vw;
	}
	#serialcode .form_atention_text p{
		font-size: 3.6vw;
		line-height:1.3;
		padding-left: 1.35em;
		text-indent: -1.35em;
	}
	#serialcode .form_atention_text p + p{
		padding-top:2.5vw;
	}

	
	#serialcode .form_sendbtn {
	    padding: 0 0 10vw;
	    margin: 7vw 0 0;
	}
	

/* =================================== */
}
/* =================================== */







/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

story

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#story{
	text-align:center;
}
#story .contents *{
	color:#353535;
}
#story .sec_wrap {
    min-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
#story .wrap01{
	padding-bottom:110px;
}
#story .wrap01 .box{
    margin: 0 auto;
    border-top: #c1f5f8 solid 12px;
    border-bottom: #c1f5f8 solid 12px;
}
#story .story_video{
	position:
	relative;
	height: 734px;
	overflow:hidden;
	border-top: #7bdee5 solid 5px;
	border-bottom: #7bdee5 solid 5px;
}
#story .story_video video{
	position:absolute;
	top:0;
    min-width: 1920px;
    width: 100%;
    margin: 0 -960px;
    padding: 0;
	vertical-align:top;
}
@media only screen and (min-width: 1920px) {
	#story .story_video{
		height: auto;
	}
	#story .story_video video{
		position:relative;
	}
}


#story .wrap01 .box_ef{
    margin: 0 auto;
}
#story .wrap01 img{
    min-width: 1920px;
    width: 100%;
    margin: 0 -900px;
    padding: 0;
}
#story .wrap02{
	padding-bottom:50px;
}
#story .wrap02{
	padding-bottom:50px;
}
#story .wrap02 .img{
	padding-bottom:50px;
	opacity:0;
	transform:scale(0.9);
	transition:0.4s;
}
#story .wrap02.active .img{
	opacity:1;
	transform:scale(1.0);
}
#story .wrap02 .line1,
#story .wrap02 .line2{
	padding-bottom:30px;
}
#story .wrap02 .line1 span,
#story .wrap02 .line2 span,
#story .wrap02 .line3 span{
	font-size:16px;
	font-weight:400;
	display:block;
	line-height:1.8;
}
#story .wrap02 .line1,
#story .wrap02 .line2,
#story .wrap02 .line3{
	position:relative;
	opacity:0;
	transition:0;
	top:10px;
}
#story .wrap02.active .line1{
	opacity:1;
	top:0px;
	transition:0.5s 0.5s;
}
#story .wrap02.active .line2{
	opacity:1;
	top:0px;
	transition:0.5s 0.6s;
}
#story .wrap02.active .line3{
	opacity:1;
	top:0px;
	transition:0.5s 0.7s;
}
#story .wrap02 span.large1{
	font-size:35px;
	font-weight:600;
	display:block;
	line-height:1.5;
}
#story .wrap02 span.large2{
	font-size:35px;
	font-weight:500;
	display:
	block;
	line-height:1.3;
	margin:25px;
	padding:0px 20px 2px;
	background-color:#000;
	color: #ecf3f9;
	display:
	inline-block;
	letter-spacing:0;
}
#story .wrap02 .line2 img{
	vertical-align:middle;
	margin:0 5px 0 15px;
}
#story .wrap03{
	position:relative;
	z-index:101;
	opacity:0;
	transition:0.5s;
}
#story .wrap03.active{
	opacity:1;
	transition:0.5s;
}
#story .wrap03 .box{
    margin: 0 auto;
	height:666px;
    background-image:
    url(../images/story_image03.jpg);
    background-size:auto 100%;
	background-position:2600px 0px;
    animation: 90s haikeiloop linear infinite;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    pointer-events:none;
}
@keyframes haikeiloop {
    to{
        background-position: -2600px 0;
    }
}
#story .wrap04{
    padding:50vh 0 0;
    /* height:750vh; */
	background-image:none;
	overflow:hidden;
	position:relative;
	z-index:50;
}

#story .wrap04:after{
	content:'';
	background-image:url(../images/story_image04_bg.png);
	background-size:auto;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	width:300px;
	height:400px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-150px;
	z-index:51;
	opacity:0;
	transition: 0.1s 0.0s;
	pointer-events: none;
}
#story .wrap04.active:after{
	transform:scale(1);
	opacity:1;
	animation: puyon2 0.3s linear 0s 1;
}
@keyframes puyon2 {
  0%   { transform: scale(1.0, 1.5) translate(0%, -50%); }
  40%  { transform: scale(0.97, 1.06) translate(0%, -3%); }
  50%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -0%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 0%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}



#story .wrap04.active.hide:after{
	opacity:0 !important;
}


#story .wrap04 .fukidasi_box{
}
#story .wrap04 .fukidasi_box.type1{
	height:80vh;
}
#story .wrap04 .fukidasi_box.type2{
	height:80vh;
}
#story .wrap04 .fukidasi_box.type3{
	height:30vh;
}
#story .wrap04 .fukidasi_box.type4{
	height:80vh;
}	
#story .wrap04 .fukidasi_box.type5{
	height:100vh;
}


#story .wrap04 .fix_fukidasi{
	position:fixed;
	top:50%;
	left:50%;
	opacity: 0;
	margin-top:-95px;
	pointer-events: none;
	transform:scale(0.1);
	transition:0s;
	z-index:52;
}
#story .wrap04 .fukidasi_box.type5 .fix_fukidasi{
	margin-top:0;
	pointer-events: none;
	transform:scale(3);
	transition:0.3s;
}
#story .wrap04 .fukidasi_box.active .fix_fukidasi{
	opacity:1;
	transform:scale(1);
	transition: 0.2s cubic-bezier(0, 1.75, 0.73, 1.01);
}

#story .wrap04 .fukidasi_box.type5.active  .fix_fukidasi{
	opacity:1;
	transform:scale(1);
	transition: 0.4s cubic-bezier(0, 1.75, 0.73, 1.01);
}
#story .wrap04 .fix_fukidasi img{
	margin: -255px -600px;
}

#story .wrap04 .fukidasi_box .base{
	position:relative;
	z-index:5;
}
#story .wrap04 .fukidasi_box .over{
	position:relative;
	z-index:6;
}
#story .wrap04 .fukidasi_box.type5.active .base img{
	animation: yure-loop5 0.15s linear infinite;
}
@keyframes yure-loop5 {
	0% {	transform: translate(0, 2px);}
	25% {	transform: translate(-2px, -0);}
	50% {	transform: translate(2px, 0);}
	75% {	transform: translate(-2px, -0);}
	100% {	transform: translate(0, 2px);}
}

#story .wrap05{
	position:relative;
	z-index:55;
	opacity:0;
	transition: 2s cubic-bezier(0, 1.75, 0.73, 1.01);
}
#story .wrap05.active{
	opacity:1;
}
#story .wrap05 img {
    min-width: 1920px;
    width: 100%;
    margin: 0 -900px;
    padding: 0;
}
#story .wrap05.active img{
	animation: yure-loop 0.3s linear infinite;
	animation-iteration-count:3;
}
@keyframes yure-loop {
	0% {	transform: translate(0, 0);}
	25% {	transform: translate(-5px, -0);}
	50% {	transform: translate(5px, 0);}
	75% {	transform: translate(-5px, -0);}
	100% {	transform: translate(0, 0);}
}

#story .wrap06{
	padding:80px 0;
}
#story .wrap06 .line1 span,
#story .wrap06 .line2 span{
	font-size:20px;
	font-weight:600;
	display:block;
	line-height:1.5;
}
#story .wrap06 span.large1{
	font-size:80px;
	font-weight:600;
	display:block;
	line-height:1;
	letter-spacing:0;
}





/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#story{
	}
	#story .sec_wrap {
	    min-width: 100%;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	#story .wrap01{
		padding-bottom:15vw;
	}
	#story .wrap01 .box{
	border-top: #c1f5f8 solid 2vw;
	border-bottom: #c1f5f8 solid 2vw;
	}
	#story .wrap01 .box_ef{
	}
	#story .wrap01 img{
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	#story .story_video{
		height:
		auto;
		border-top: #7bdee5 solid 0.8vw;
		border-bottom: #7bdee5 solid 0.8vw;
	}
	#story .story_video video{
		position:relative;
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	    padding: 0;
	}
	#story .wrap02{
		padding-bottom:15vw;
	}
	#story .wrap02 .img{
		padding: 0 10vw 10vw;
	}
	#story .wrap02.active .img{
		opacity:1;
		transform:scale(1.0);
	}
	#story .wrap02 .img img{
		width:100%;
	}
	#story .wrap02 .line1,
	#story .wrap02 .line2{
		padding-bottom:5vw;
	}
	#story .wrap02 .line1 span,
	#story .wrap02 .line2 span,
	#story .wrap02 .line3 span{
		font-size:3.6vw;
		line-height:2;
	}
	#story .wrap02 .text{
		padding:0 6vw;
	}
	#story .wrap02 .line1,
	#story .wrap02 .line2,
	#story .wrap02 .line3{
		position:relative;
		opacity:0;
		transition:0;
		top:10px;
	}
	#story .wrap02.active .line1{
		opacity:1;
		top:0px;
		transition:0.5s 0.5s;
	}
	#story .wrap02.active .line2{
		opacity:1;
		top:0px;
		transition:0.5s 0.6s;
	}
	#story .wrap02.active .line3{
		opacity:1;
		top:0px;
		transition:0.5s 0.7s;
	}
	#story .wrap02 span.large1{
		font-size:7vw;
		font-weight:600;
		display:block;
		line-height:1.5;
	}
	#story .wrap02 span.large2{
		font-size:10vw;
		line-height:1.3;
		margin:4vw;
		padding:0px 20px 2px;
	}
	#story .wrap02 .line2 img{
		vertical-align:
		middle;
		margin: 0 5px 0;
		display: none;
	}
	#story .wrap03{
		position:relative;
		opacity:0;
		transition:0.5s;
	}
	#story .wrap03.active{
		opacity:1;
		transition:0.5s;
	}
	#story .wrap03 .box{
	    margin: 0 auto;
	    height: 160vw;
		animation:none;
		background-position:center;
		background-image: url(../images/story_image03_sp.jpg);
	    background-size: auto 100%;
		
	}
	@keyframes haikeiloop {
	    to{
	        background-position: -2600px 0;
	    }
	}
	#story .wrap04{
	    padding: 50vw 0 0vh;
	}
	#story .wrap04 .fukidasi_box{
	}
	#story .wrap04 .fukidasi_box.type1{
		height:80vh;
	}
	#story .wrap04 .fukidasi_box.type2{
		height:80vh;
	}
	#story .wrap04 .fukidasi_box.type3{
		height:30vh;
	}
	#story .wrap04 .fukidasi_box.type4{
		height:50vh;
	}	
	#story .wrap04 .fukidasi_box.type5{
		height:80vh;
	}
	#story .wrap04 .fix_fukidasi{
	}
	#story .wrap04 .fukidasi_box.active .fix_fukidasi{
	}
	#story .wrap04 .fix_fukidasi img {
	    transform:scale(0.8);
	}
	#story .wrap04 .fukidasi_box.type5 .fix_fukidasi{
		left:0;
		margin-top:-25vh;
		transform:scale(3);
		transition:0.3s;
	}
	#story .wrap04 .fukidasi_box.type5.active  .fix_fukidasi{
		opacity:1;
		transform:scale(1.4);
		transition: 0.4s cubic-bezier(0, 1.75, 0.73, 1.01);
	}
	#story .wrap04 .fukidasi_box.type5 .fix_fukidasi img{
		margin:0;
		width:100%;
	}
	#story .wrap05{
	}
	#story .wrap05.active{
	}
	#story .wrap05 img {
	    min-width: 1500px;
	    margin: 0 -750px;
	}
	#story .wrap05.active img{
	}
	#story .wrap04 .fukidasi_box .base{
	}
	#story .wrap04 .fukidasi_box .over{
	}
	#story .wrap04 .fukidasi_box.type5 .over img{
		transform:scale(0.90);
	}
	#story .wrap04 .fukidasi_box.type5 .base img{
		margin-bottom:-82vw;
	}
	#story .wrap06{
		padding: 13vw 0 10vw;
	}
	#story .wrap06 .line1 span,
	#story .wrap06 .line2 span{
		font-size:20px;
		font-weight:600;
		display:block;
		line-height:1.5;
	}
	#story .wrap06 span.large1{
		font-size:15vw;
		font-weight:600;
		display:
		block;
		line-height:1;
		letter-spacing: -0.03em;
	}
	
/* =================================== */
}
/* =================================== */












/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

system

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#system{
}
#system .sec_wrap {
    min-width: 1100px;
    width: 100%;
    margin: auto;
    padding: 0 0;
}

#system .system_thumb{
	width: 643px;
	height: 372px;
	padding: 15px;
	margin:
	auto;
	position:
	relative;
	background-color:#97b2ff;
	border-radius:30px;
	box-shadow: 0 5px 5px #057cff30;
	filter: contrast(1.1);
	cursor: pointer;
}
#system .system_thumb .over{
	position:absolute;
	top:50%;
	left:50%;
	margin:-55px 0 0 -65px;
}
#system .system_thumb .over img{
	width:130px;
}

#system .system_thumb a .over img{
	transition:0.3s;
}
#system .system_thumb a:hover .over img{
	transform:scale(1.1);
}
#system .system_thumb .top_main_youtube_img{
	width:613px;
	height:342px;
	border-radius:20px;
	opacity: 0.5;
	filter: grayscale(1);
	mix-blend-mode: luminosity;
}

#system .sysem_movie{
	position:
	relative;
	width:1000px;
	margin: auto;
	padding: 20px 0 120px;
}
#system .system_movie_over{
	position:
	absolute;
	top: 3%;
	left: 50%;
	margin: 0 -500px;
	pointer-events: none;
}


#system .tab{
	padding:40px 0 0;
	font-size:0;
}
#system .tab li{
	position:relative;
	width:217px;
	margin:0 3px;
	height:50px;
	background-color:#6f93f9;
	display:inline-block;
	border-radius:20px 20px 0 0;
	cursor:pointer;
}
#system .tab li.active{
	background-color:#ff008a;
}
#system .tab li .tab_btn{
	font-size:20px;
	font-weight:600;
	color:#FFF;
	letter-spacing:0;
	display:block;
	line-height:58px;
}
#system .tab li.active:after{
	content:'';
	width:100px;
	height:75px;
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin-top:-55px;
	margin-left:-50px;
	background-image:url(../images/system_tab_after.png);
	background-position:center;
	background-size:100px;
}
#system .tab li.active:after {
  animation: puyon 1.0s linear 0s 1;
}
@keyframes puyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  40%  { transform: scale(0.97, 1.06) translate(0%, -3%); }
  50%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
  60%  { transform: scale(0.95, 1.05) translate(0%, -2%); }
  70%  { transform: scale(1.05, 0.95) translate(0%, 2%); }
  80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
#system .normal_box{
	position:relative;
    min-width: 700px;
    width: 700px;
    margin: -80px auto 30px;
    padding: 0 0;
}
#system .normal_box .normal_box_wrap{
	padding-top: 10px;
	padding-left: 90px;
	padding-right: 90px;
}
#system .box{
	display:none;
}
#system .box.active{
	display:block;
}
#system .box .image_wrap{
	position:
	relative;
	/* background-color:#dd22dd; */
	padding: 60px 0 90px;
	border-top:
	solid 18px #6f93f9;
	border-bottom:
	solid 18px #6f93f9;
	text-align:
	center;
	background-attachment: scroll;
	background-size: cover;
}
#system .box.box1 .image_wrap{
	background-image:
	url(../images/system_image_wrap01.jpg);
}
#system .box.box2 .image_wrap{
	background-image:url(../images/system_image_wrap02.jpg);
}
#system .box.box3 .image_wrap{
	background-image:url(../images/system_image_wrap03.jpg);
}
#system .box.box4 .image_wrap{
	background-image:url(../images/system_image_wrap04.jpg);
}
#system .swiper-pagination{
	position:relative;
	z-index:30;
}
#system .swiper-button-next {
	position: absolute;
	top: 50%;
	left: auto;
	bottom: auto;
	right: 50%;
	margin-top: -40px;
	margin-right: -255px;
	width: 30px;
	height: 60px;
	z-index: 10;
	cursor: pointer;
	background-image: url(../images/top_char_arrow01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s;
}
#system .swiper-button-prev{
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	margin-top: -40px;
	margin-left: -255px;
	width: 30px;
	height: 60px;
	z-index: 10;
	cursor: pointer;
	background-image: url(../images/top_char_arrow02.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s;
}
#system .swiper-button-next:hover,
#system .swiper-button-prev:hover{
	transform:scale(1.1);
}
#system .swiper-pagination{
	position: relative;
	text-align: center;
	margin:
	auto;
	transform:
	none;
	z-index: 10;
	display:
	block;
	width:100%;
	padding-top: 20px;
	padding-bottom: 0;
	z-index:50;
}
#system .swiper-button-prev.swiper-button-disabled,
#system .swiper-button-next.swiper-button-disabled{
	opacity:0;
	transition:0.5s;
}
#system .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #cddafe;
	margin:8px;
	border-radius:5px;
    /* cursor: pointer; */
}
#system .swiper-pagination .swiper-pagination-bullet-active {
    background: #537ae9;
}


#system .swiper-system{
	margin:
	auto;
	width: 1000px;
}


#system .swiper-slide{
	text-align:center;
}

#system .swiper-slide .image{
	background-color: #6f94f9;
	display:
	inline-block;
	/* transform: scale(0.85); */
	transition:0.5s;
	opacity: 0.75;
	border-radius: 25px;
	overflow: hidden;
	border: solid 8px #6f94f9;
	border-style: solid;
	box-shadow: 0px 10px 10px #00000050;
}
#system .swiper-slide.swiper-slide-active .image{
	transform: scale(1);
	opacity: 1;
}
#system .swiper-slide img{
	width: 100%;
	max-width:370px;
	margin:auto;
	
	opacity:0.5;
	filter:grayscale(1);
	mix-blend-mode: luminosity;
	transition:0.0s;
}
#system .swiper-slide.swiper-slide-active img{
	opacity:1;
	filter:grayscale(0);
	mix-blend-mode: normal;
}
#system .normal_box .over{
	position:
	absolute;
	top: -165px;
	left: -220px;
	z-index: 100;
	opacity:1;
	transition:0.5s;
}
#system .normal_box .over.active{

}
#system .normal_box .c_ttl{
	padding: 0 0 20px;
	margin:0 0 20px;
	border-bottom:
	dotted 7px #becbef;
}
#system .normal_box .c_ttl span{
	font-size:28px;
	font-weight:600;
	letter-spacing:0;
	line-height:1.20;
	color:#364e63;
}
#system .normal_box .c_ttl .large1{
	font-size:38px;
	font-weight:600;
	color: #f11a8f;
}
#system .normal_box .c_ttl .large2{
	font-size:38px;
	font-weight:600;
	color: #537df9;
}
#system .normal_box .c_text{
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:1.6;
	color:#364e63;
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	#system{
	}
	#system .sec_wrap {
	    min-width: 0px;
	}

	
	#system .system_thumb{
		width: 78vw;
		height: 50vw;
		padding: 2vw;
		background-color:#97b2ff;
		border-radius:30px;
	}
	#system .system_thumb .over{
		margin:-9vw;
	}
	#system .system_thumb a .over img{
		width:18vw;
	}
	#system .system_thumb a:hover .over img{
	}
	#system .system_thumb .top_main_youtube_img{
		width: 74vw;
		height: 46vw;
		border-radius:20px;
		opacity: 0.5 !important;
		filter: grayscale(1);
		mix-blend-mode: luminosity;
	}
	
	#system .sysem_movie{
		position:
		relative;
		width:100%;
		margin: auto;
		padding: 5vw 0 12vw;
	}
	#system .system_movie_over{
		position:absolute;
		top: 18%;
		left: 0;
		margin: 0;
		width:100%;
	}
	#system .system_movie_over img{
		width:100%;
		transform:scale(1.20)
	}
	
	
	#system .tab{
		padding:5vw 3vw 0;
		font-size:0;
		margin-bottom: -1px;
	}
	#system .tab li{
		width:24%;
		margin:0 0.5%;
		height:10vw;
		border-radius:4vw 4vw 0 0;
	}
	#system .tab li.active{
	}
	#system .tab li .tab_btn{
		font-size: 4.2vw;
		font-weight:500;
		line-height:12vw;
	}
	#system .tab li.active:after{
		content:'';
		width:20vw;
		height:14vw;
		margin-top:-10vw;
		margin-left:-10vw;
		background-size:contain;
		background-repeat:no-repeat;
	}
	#system .normal_box{
		position:
		relative;
		min-width: 90%;
		width: 90%;
		margin: 25vw auto 5vw;
		padding: 0;
	}
	#system .normal_box .normal_box_wrap{
		padding: 5vw 8vw;
	}
	#system .box{
	}
	#system .box.active{
	}
	#system .box .image_wrap{
		padding: 10vw 0 20vw;
		border-top: solid 3vw #6f93f9;
		border-bottom: solid 3vw #6f93f9;
	}
	#system .system_wrap{
		margin-top: 0;
	}
	#system .swiper-slide .image {
	}

	
	#system .box .image_wrap{
		background-a
	}
	#system .box.box1 .image_wrap{
	}
	#system .box.box2 .image_wrap{
	background-attachment: scroll;
	background-size: cover;
	background-position: center;
	}
	#system .box.box3 .image_wrap{
	}
	#system .box.box4 .image_wrap{
	}
	#system .swiper-pagination{
	}
	#system .swiper-button-next {
		top: 42%;
		left: auto;
		bottom: auto;
		right: 4%;
		margin-top: -6vw;
		margin-right:0;
		width: 8vw;
		height: 12vw;
	}
	#system .swiper-button-prev{
		top: 42%;
		left: 4%;
		bottom: auto;
		right: auto;
		margin-top: -6vw;
		margin-left:0;
		width: 8vw;
		height: 12vw;
	}
	#system .swiper-button-next:hover,
	#system .swiper-button-prev:hover{
		transform:scale(1);
	}
	#system .swiper-pagination{
	padding-top: 3vw;
	}
	#system .swiper-button-prev.swiper-button-disabled,
	#system .swiper-button-next.swiper-button-disabled{
	}
	#system .swiper-pagination .swiper-pagination-bullet {
	}
	#system .swiper-pagination .swiper-pagination-bullet-active {
	}
	#system .swiper-system {
	    margin: auto;
	    width: 100%;
	}
	#system .swiper-slide img{
		width: 70vw;
		mix-blend-mode: normal;
		opacity:1;
		filter:grayscale(0);
	}
	#system .swiper-slide.swiper-slide-active img{
		mix-blend-mode: normal;
		opacity:1;
		filter:grayscale(0);
	}
	#system .normal_box .over{
		position:relative;
		top: -72vw;
		margin-bottom:-75vw;
		left: 0;
		opacity:1;
		transition:0.5s;
		transform:scale(1);
	}
	#system .normal_box .over img{
		width:100%;
	}
	#system .normal_box .over,
	#system .normal_box .over.active{
		position:
		relative;
		top: -64vw;
		margin-bottom: -74vw;
		left: 0;
		opacity:1;
		transition:0.5s;
		transform: scale(1.0);
	}
	#system .normal_box .c_ttl{
		padding: 0 0 4vw;
		margin:0 0 4vw;
		border-bottom:dotted 1.5vw #becbef;
		text-align:center;
	}
	#system .normal_box .c_ttl span{
		font-size:7vw;
		line-height:10vw;
	}
	#system .normal_box .c_ttl .large1{
		font-size:9vw;
	}
	#system .normal_box .c_ttl .large2{
		font-size:9vw;
	}
	#system .normal_box .c_text{
		font-size: 3.6vw;
		font-weight:500;
		line-height:1.5;
		text-align:
		center;
	}
	#system .normal_text {
	    padding: 0 7vw;
	}
	
/* =================================== */
}
/* =================================== */





/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

guide

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#guide{
}
#guide .sec_wrap{
    width: 100%;
    margin: auto;
    padding: 0;
}
#guide .wrap01{
	position:relative;
	background-image: url(../images/beginner_bg4.jpg);
	background-image: url(../images/beginner_bg3.jpg);
	background-image: url(../images/beginner_bg2.jpg);
	background-image: url(../images/beginner_bg1.jpg);
	background-size:cover;
	background-attachment: fixed;
	background-position: center;
	/* border-top:solid 15px #d4f7fd; */
	/* border-bottom:solid 15px #d4f7fd; */
	margin-bottom: 0px;
	margin-top: 0;
	/* overflow: hidden; */
}
#guide .wrap01.slide01{
	background-image: url(../images/beginner_bg1.jpg);
}
#guide .wrap01.slide02{
	background-image: url(../images/beginner_bg2.jpg);
}
#guide .wrap01.slide03{
	background-image: url(../images/beginner_bg3.jpg);
}
#guide .wrap01.slide04{
	background-image: url(../images/beginner_bg4.jpg);
}


#guide .wrap01 .box{
	width: 100%;
	padding: 0;
	margin:auto;
	text-align: center;
	overflow: hidden;
	max-height:900px;
	transition:1s 0s cubic-bezier(0.61, 0.25, 0.61, 0.98);
}
.lock_anime #guide .wrap01 .box{
	/*max-height:0px;*/
}

.lock_anime #guide .asagi{
	right:-300px;
}
#guide .asagi{
	position: fixed;
	right:0px;
	bottom: 30px;
	z-index: 100;
	transition:1.5s;
	border:solid 2px #ff1595;
	transition:0s;
}
#guide .asagi a{
	/* display:block; */
	/* width:240px; */
}


#guide .asagi:hover{
	opacity:0.6;
}
#guide .asagi.on{
}
#guide .asagi img{
	width:240px;
}
#guide .beginner_scroll_btn{
	position:absolute;
	left:50%;
	z-index:10;
	margin-left:-45px;
	bottom: -70px;
	transition:0.5s;
	height: 90px;
	z-index:100;
}
#guide .beginner_scroll_btn a{
	width:90px;
	height:90px;
	display:block;
}
#guide .beginner_scroll_btn_anime{
	position:absolute;
	left:50%;
	z-index:10;
	margin-left:-45px;
	bottom: -70px;
	transition:0.5s;
	text-align:center;
}
#guide .beginner_scroll_btn_anime.left_anime{
	animation: btn_slide_left 0.8s linear 0s 1;
}
#guide .beginner_scroll_btn_anime.right_anime{
	animation: btn_slide_right 0.8s linear 0s 1;
}

@keyframes btn_slide_left{
	0%{
		left:50%;
	}
	40%{
		left:-300px;
		transform:scale(1);
	}
	41%,70%{
		left:50%;
		transform:scale(0);
	}
	95%{
		transform:scale(1.05);
	}
	100%{
		transform:scale(1);
	}
}
@keyframes btn_slide_right{
	0%{
		left:50%;
	}
	40%{
		left:calc(100% + 300px);
		transform:scale(1);
	}
	41%,70%{
		left:50%;
		transform:scale(0);
	}
	95%{
		transform:scale(1.05);
	}
	100%{
		transform:scale(1);
	}
}

#guide .beginner_scroll_btn_anime img{
	display:block;
	/* margin:auto; */
	/* position: relative; */
}
#guide .beginner_scroll_btn.active{
	animation: puyon 1.0s linear 0.5s 1;
}

#guide .beginner_scroll_btn:hover{
	opacity:0.5;
}
#guide .pic{
	position:relative;
	z-index:4;
	margin: -15px 0 0;
}
#guide .pic .kokuban{
	position:relative;
	z-index:1;
	top:0;
	display: none;
}
#guide .pic .teacher{
	position:absolute;
	z-index:4;
	top:0;
	pointer-events: none;
	left: 50%;
	margin: 0 -500px;
	display:none;
}
#guide .pic .teacher.active{
	display:block;
}


#guide .pic .moji{
	position: relative;
	z-index:3;
	top:0;
	width: 100vw;
	/* overflow: hidden; */
	pointer-events: none;
}

#guide .swiper-slide.swiper-slide-active{
	opacity:1;
}
#guide .swiper-slide{
	opacity:1;
	transition:0.5s;
}

#guide .swiper-button-next {
	position: absolute;
	top: 50%;
	left: auto;
	bottom: auto;
	right: 50%;
	margin-top: -40px;
	margin-right: -500px;
	width: 30px;
	height: 60px;
	z-index: 10;
	cursor: pointer;
	background-image: url(../images/top_char_arrow01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s;
}
#guide .swiper-button-prev{
	top: 50%;
	left: 50%;
	bottom: auto;
	right: auto;
	margin-top: -40px;
	margin-left: -500px;
	width: 30px;
	height: 60px;
	z-index: 10;
	cursor: pointer;
	background-image: url(../images/top_char_arrow02.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition:0.5s;
}


#guide .sttl.type01 {
    padding: 2px;
    color: #353535;
}

#guide .be_menu{
	font-size:0;
	width: 850px;
	margin:auto;
	height: 62px;
	overflow:hidden;
	padding-top: 10px;
}
#guide .be_menu li{
	display:inline-block;
	width:24%;
	margin:0 0.5%;
	height:90px;
	background-image:url(../images/beginner_be_menu_btn.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	transition:0.2s;
	position:relative;
	top:0;
}
#guide .be_menu li.active{
	background-image:url(../images/beginner_be_menu_btn_off.png);
	pointer-events: none;
}
#guide .be_menu li:hover{
	top:5px;
}
#guide .be_menu li a{
	display:
	block;
	font-size:18px;
	font-weight:500;
	/* line-height: 80px; */
	vertical-align:top;
	color:#FFF;
	letter-spacing:0;
}

#guide .be_menu li a img{
	display:inline-block;
	vertical-align:top;
	margin: 19px 0px;
	height: 17px;
}
#guide .be_menu li a:before{
	content:'';
	display:inline-block;
	vertical-align:top;
	margin: -2px 10px 0 -15px;
	transform:scale(1)
}
#guide .be_menu li.li1 a:before{
	content:url(../images/beginner_menu1.png);
}
#guide .be_menu li.li2 a:before{
	content:url(../images/beginner_menu2.png);
}
#guide .be_menu li.li3 a:before{
	content:url(../images/beginner_menu3.png);
}
#guide .be_menu li.li4 a:before{
	content:url(../images/beginner_menu4.png);
}
#gude_wrap02_top{
    position: relative;
    top: 150px;
}


#gude_tab01,
#gude_tab02,
#gude_tab03,
#gude_tab04{
	display:none;
}
#gude_tab01.active,
#gude_tab02.active,
#gude_tab03.active,
#gude_tab04.active{
	display:block;
}


#guide .wrap02 .box{
	padding-top: 160px;
}
#guide .wrap02 .box.box5{
}
#guide .box_ttl{
	color:#FFF;
	background:#ff008a;
	margin: 0 auto 0;
	font-size:35px;
	font-weight:600;
	letter-spacing:0;
	/* line-height:80px; */
	border-bottom: 6px solid #6f93f9;
	position:relative;
	margin-bottom: 40px;
	width:700px;
	opacity:0;
	transition:0.5s;
	border-radius: 100px;
	padding: 20px 0px 22px;
}
#guide .box.active .box_ttl{
	width: 700px;
	opacity:1;
}
#guide .box1 .box_ttl:after,
#guide .box2 .box_ttl:after,
#guide .box3 .box_ttl:after,
#guide .box4 .box_ttl:after,
#guide .box5 .box_ttl:after{
	content:'';
	display:block;
	width:160px;
	height:160px;
	position:absolute;
	bottom:0;
	left:0px;
	display:none;
}
#guide .box1 .box_ttl:after{
	background-image:url(../images/beginner_kanban1.png);
}
#guide .box2 .box_ttl:after{
	background-image:url(../images/beginner_kanban2.png);
}
#guide .box3 .box_ttl:after{
	background-image:url(../images/beginner_kanban3.png);
}
#guide .box4 .box_ttl:after{
	background-image:url(../images/beginner_kanban4.png);
}
#guide .box5 .box_ttl:after{
	background-image:url(../images/beginner_kanban5.png);
}
#guide .wrap02 .box_ttl.type2:after{
	/*
	content:'';
	display:none;
	*/
}





#guide .top_movie{
    height: 675px;
    font-size: 0;
    position: relative;
    overflow: hidden;
    opacity:0;
    top:0px;
    transform:scale(1.1);
    transition:0.5s 0.5s;
}
#guide .box.active .top_movie{
	opacity:1;
	top:0px;
	transform:scale(1.0);
}
#guide .top_movie .movie_thumb{
	position: absolute;
	width: 400px;
	top: 0;
	left: 50%;
	margin-left: calc( -400px / 2);
	padding: 30px 35px;
	background-image: url(../images/movie_bg01b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
#guide .tab1 .top_movie .movie_thumb{
	background-image: url(../images/movie_bg01b1.png);
}
#guide .tab2 .top_movie .movie_thumb{
	background-image: url(../images/movie_bg01b2.png);
}
#guide .tab3 .top_movie .movie_thumb{
	background-image: url(../images/movie_bg01b3.png);
}
#guide .tab4 .top_movie .movie_thumb{
	background-image: url(../images/movie_bg01b4.png);
}


#guide .top_movie .top_main_youtube_img img {
    transform: scale(0.7);
}
#guide .top_movie .movie_thumb:hover .top_main_youtube_img{
	background-size: 100% auto;
    transform: scale(1);
}
#guide .top_movie .movie_right,
#guide .top_movie .movie_left{
	width:49%;
	height: 92%;
	background-image:url(../images/movie_effect011.png);
	background-repeat:repeat-x;
	background-position: 475px center;
	background-size:1500px auto;
}
#guide .tab1 .top_movie .movie_right,
#guide .tab1 .top_movie .movie_left{
	background-image:url(../images/movie_effect011.png);
}
#guide .tab2 .top_movie .movie_right,
#guide .tab2 .top_movie .movie_left{
	background-image:url(../images/movie_effect012.png);
}
#guide .tab3 .top_movie .movie_right,
#guide .tab3 .top_movie .movie_left{
	background-image:url(../images/movie_effect013.png);
}
#guide .tab4 .top_movie .movie_right,
#guide .tab4 .top_movie .movie_left{
	background-image:url(../images/movie_effect014.png);
}

#guide .text_wrap{
	position:relative;
	width: 900px;
	margin: 0 auto 30px;
}
#guide .text_wrap_box{
}
#guide .text_wrap .normal_box{
	position:relative;
	z-index:10;
}
#guide .text_wrap .img.right{
	position:absolute;
	right: 5px;
	top: -215px;
	z-index:15;
}

#guide .text_wrap .img.left{
	position:absolute;
	left:10px;
	top:-280px;
	z-index:5;
}

#guide .text_wrap .text{
	font-size:16px;
	font-weight:500;
	line-height: 1.7;
}


#guide .text_wrap .copy{margin-top: 10px;margin-bottom: 5px;}
#guide .text_wrap .copy span{
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	margin: 5px auto 0px;
	color:#09caed;
	display: inline-block;
	/* border-bottom: solid 10px #fff554; */
	letter-spacing: 0;
}
#guide .text_wrap .copy span+span{
	/* margin-top: 0px; */
}
#guide .text_wrap.under_icon:before{
	content:'';
	position:absolute;
	width:100px;
	margin-left:-50px;
	height: 60px;
	bottom: 20px;
	left:50%;
	background-color: #fff;
	transition:0.5s;
}
#guide .text_wrap.under_icon:after{
	content:'';
	position:absolute;
	margin-left:-70px;
	bottom:-0px;
	left:50%;
	width: 0;
	height: 0;
	border-left: 70px solid transparent;
	border-right: 70px solid transparent;
	border-top: 40px solid #ffffff;
	transition:0.5s;
}
#guide .text_wrap.under_icon.active:before{
	bottom: -50px;
	background-color: #09caed;
}
#guide .text_wrap.under_icon.active:after{
	bottom: -80px;
	border-top: 40px solid #09caed;
}
#guide .box .status_imgs{
	transform:scale(1.1);
	transition:0.5s;
	opacity:0;
	margin-bottom:50px;
}
#guide .box.active .status_imgs{
	transform:scale(1.0);
	opacity:1;
	/* margin-bottom: 10vw; */
}
#gude_tab03 .normal_box,
#gude_tab02 .normal_box{
    z-index: 20;
    width:900px;
    position:relative;
    text-align:left;
    margin: 0 auto 25px;
}
#gude_tab03 .normal_box_wrap,
#gude_tab02 .normal_box_wrap {
    width: 100%;
    padding: 25px 60px 35px;
}

#guide .status_list li{
	transition:0.5s;
}
#guide .status_list li{
    z-index: 20;
    width: 900px;
    width: 100%;
    position:relative;
    text-align:left;
    margin: 0 auto 30px;
}
#guide .status_list li:last-child{
    margin-bottom: 0;
}


#guide .status_list .copy{
	font-size:25px;
	font-weight: 600;
	line-height: 30px;
	margin: 0px auto 5px;
	color: #4072e2;
	display: block;
	letter-spacing: 0;
}
#guide .status_list .copy span{
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:100%;
	background-color: #4271e3;
	line-height:33px;
	margin-right: 12px;
	color:#FFF;
	font-size:20px;
	font-weight: 600;
	position:relative;
	top:-0.15em;
	text-align:center;
	padding-left: 2px;
}
#guide .status_list .text{
	line-height: 1.5;
	display: block;
	letter-spacing: 0;
}
#guide .status_list .img.right{
	position:absolute;
	top: 50%;
	right: -10px;
	margin-top: -35px;
}
#guide .status_list .img.right2{
	position:absolute;
	top:50%;
	right: 0px;
	margin-top: -70px;
}
#guide .status_list .img.right img{
	width: 70px;
}
#guide .status_list .img.right2 img{
	width: 140px;
}
#guide .box .status_list li img{
	
}
#guide .tab4 .text_wrap_box {
    /* padding: 0px 50px; */
}



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	#guide{
	}
	#guide .normal_text{
		padding: 4vw 10vw;
		line-height:1.6;
	}
	#guide .sec_wrap{
	    padding: 0;
	}
	#guide .wrap01{
		background-size:cover;
		background-position:center;
		background-attachment: scroll;
		border-top: none;
		border-bottom: none;
		margin-bottom: 5vw;
	}
	#guide .wrap01 .box{
		width:100%;
		padding: 5vw 0 10vw;
		margin:
		auto;
	}
	#guide .asagi{
	    bottom: 18vw;
	    /* display:none; */
	}
	#guide .asagi img{
		width:30vw;
	}
	#guide .beginner_scroll_btn{

	}
	#guide .beginner_scroll_btn img{
		width:15vw;
	}

	
	#guide .beginner_scroll_btn:hover{
		opacity:1;
	}
	#guide .pic{
	margin: 0;
	}
	#guide .pic img{
		width: 100%;
		transform: scale(0.9);
	}
	#guide .pic .kokuban{
		transform:scale(1);
	}
	#guide .pic .teacher{
		transform: scale(1.1);
		top: 0;
		left:0;
		margin: 0;
	}
	#guide .pic .teacher img{
		width:100%;
	}
	
	#guide .pic .moji{
		/* position: absolute; */
		padding: 0;
		margin-top: 0;
	}
	#guide .normal_box.type_tab{
		margin: -2vw 0 0;
		padding: 0 3vw;
	}
	#guide .normal_box.type_tab .normal_box_wrap{
		padding: 3vw 8vw;
	}
	#guide .be_menu{
		width: 100%;
		height: auto;
		padding: 0vw 7vw 8vw;
	}
	#guide .be_menu li{
		width: 100%;
		margin: 1% 1% 0;
		height: auto;
	}
	#guide .be_menu li:hover{
		top:0px;
	}
	#guide .be_menu li.active{
		background-image:url(../images/beginner_be_menu_btn_off.png) !important;
		pointer-events: auto;
	}
	#guide .be_menu li:hover{
		background-image:url(../images/beginner_be_menu_btn.png);
	}
	#guide .be_menu li a{
	text-align: left;
	padding: 0.5vw 5vw 0.6vw;
	}

	#guide .be_menu li a img {
		height: 12vw;
		padding: 4.0vw 1.7vw;
		width: auto;
		margin: 0 0 0.5vw;
	}
	#guide .be_menu li a:before{
		margin:0;
		padding:0;
		height: 12vw;
		width:6vw;
	}
	#guide .be_menu li.li1 a:before{
		content:'';
		background:url(../images/beginner_menu1.png);
		background-size: 100% auto;
		background-position:center;
		background-repeat:no-repeat;
	}
	#guide .be_menu li.li2 a:before{
		content:'';
		background:url(../images/beginner_menu2.png);
		background-size: 100% auto;
		background-position:center;
		background-repeat:no-repeat;
	}
	#guide .be_menu li.li3 a:before{
		content:'';
		background:url(../images/beginner_menu3.png);
		background-size: 100% auto;
		background-position:center;
		background-repeat:no-repeat;
	}
	#guide .be_menu li.li4 a:before{
		content:'';
		background:url(../images/beginner_menu4.png);
		background-size: 100% auto;
		background-position:center;
		background-repeat:no-repeat;
	}

	#gude_wrap02_top{
	    top: 22vw;
	    padding-bottom: 5vw;
	}
	#guide .wrap02 .box{
		padding-top: 25vw;
	}
	#guide .wrap02 .box.box5{
	}
	#guide .box_ttl{
		font-size: 5vw;
		font-weight:600;
		line-height: 1em;
		border-bottom: 1.5vw solid #6f93f9;
		position:relative;
		margin-bottom:5vw;
		padding: 3vw;
		width:90%;
		opacity:1;
	}
	#guide .box_ttl img{
		height: 10.5vw;
	}
	#guide .box .box_ttl,
	#guide .box.active .box_ttl{
		width: 85%;
		opacity:1;
	}
	#guide .box1 .box_ttl:after,
	#guide .box2 .box_ttl:after,
	#guide .box3 .box_ttl:after,
	#guide .box4 .box_ttl:after,
	#guide .box5 .box_ttl:after{
		content:'';
		display:block;
		width:20vw;
		height:20vw;
		background-size:100%;
		background-repeat:no-repeat;
		background-position:bottom;
		bottom:0;
		left: -3vw;
		display:none;
	}
	#guide .box1 .box_ttl:after{
		background-image:url(../images/beginner_kanban1.png);
	}
	#guide .box2 .box_ttl:after{
		background-image:url(../images/beginner_kanban2.png);
	}
	#guide .box3 .box_ttl:after{
		background-image:url(../images/beginner_kanban3.png);
	}
	#guide .box4 .box_ttl:after{
		background-image:url(../images/beginner_kanban4.png);
	}
	#guide .box5 .box_ttl:after{
		background-image:url(../images/beginner_kanban5.png);
	}
	#guide .top_movie{
		width:100%;
		height: 100vw;
		font-size: 0;
		position: relative;
		overflow: hidden;
		opacity:1;
		top:0px;
		transform:scale(1.0);
		transition:0.5s 0.5s;
	}
	#guide .box.active .top_movie{
		opacity:1;
		top:0px;
		transform:scale(1.0);
	}
	#guide .box .top_movie.type2{
		/* margin-bottom:30vw; */
	}
	#guide .top_movie .movie_thumb{
		position: absolute;
		width: 60vw;
		top: 0;
		left: 20vw;
		margin: 0;
		padding: 5vw 5vw;
		background-image: url(../images/movie_bg01b.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	#guide .top_movie .top_main_youtube_img video{
	    width:100%;
		height:auto;
	}


	
	#guide .top_movie .top_main_youtube_img img {
	    transform: scale(1);
	}
	#guide .top_movie .movie_thumb:hover .top_main_youtube_img{
		background-size: 100% auto;
	}
	#guide .top_movie .movie_left,
	#guide .top_movie .movie_right{
	    background-repeat: repeat-x;
	    background-position: 65vw center;
	    background-size: 300vw auto;
	    display: block;
	}
	#guide .text_wrap{
		width:100%;
		padding: 0 10vw;
		margin: 29vw 0 0;
	}
	#guide .tab4 .text_wrap{
		width:100%;
		padding: 0 5vw;
		margin: 5vw 0 0;
	}

	
	#guide .text_wrap .text {
	    font-size: 3.5vw;
	    font-weight: 500;
	    line-height: 1.6;
	    text-align:left;
	}
	#guide .text_wrap .copy {
	    margin: 1vw auto 0;
	    display: block;
	    border-bottom: none;
	    text-align:left;
	    font-size: 0;
	}
	#guide .text_wrap .copy span{
	    font-size: 4.5vw;
	    font-weight: 600;
	    line-height: 1.4;
	    margin: 0;
	    color: #09caed;
	    display: inline;
	    /* border-bottom: solid 10px #fff554; */
	    text-align:left;
	    letter-spacing: 0;
	}
	#guide .text_wrap_box {
	}

	
	#guide .text_wrap .text br{
		display:none;
	}
	


	#guide .text_wrap .img.right{
		position:absolute;
		right: 13vw;
		top: -37vw;
	}
	#guide .text_wrap .img.right img{
		width: 42vw;
	}

	
	#guide .text_wrap .img.left{
		position:absolute;
		left: 8vw;
		top: -53vw;
	}
	#guide .text_wrap .img.left img{
		width: 55vw;
	}

	#guide .text_wrap .img.right.sp_center{
		position:absolute;
		right: 5vw;
		top: -25vw;
	}
	#guide .text_wrap .img.right.sp_center img{
		width: 35vw;
	}
	
	#guide .text_wrap.under_icon:before{
		content:'';
		position:absolute;
		width:100px;
		margin-left:-50px;
		height: 10vw;
		background-color: #7094f9;
		bottom:15vw;
		left:50%;
		transition:0.5s;
	}
	#guide .text_wrap.under_icon.active:before{
		bottom: -7vw;
	}

	#guide .text_wrap.under_icon:after{
		content:'';
		position:absolute;
		margin-left:-21vw;
		bottom:2vw;
		left:50%;
		width: 0;
		height: 0;
		border-left: 21vw solid transparent;
		border-right: 21vw solid transparent;
		border-top: 14vw solid #7094f9;
		transition:0.5s;
	}
	#guide .text_wrap.under_icon.active:after{
		bottom: -16vw;
	}
	#guide .text_wrap .charimg{
		position:
		absolute;
		top: -30vw;
		right: 2vw;
		transform: scale(1.3);
	}
	#guide .text_wrap .charimg img{
		width:30vw;
	}
	#guide .text_wrap .charimg.type2{
		position:relative;
		top:-50vw;
		right:0;
		margin-bottom:-50vw;
		transform: scale(1.0);
	}
	#guide .text_wrap .charimg.type2 img{
		width:50vw;
	}
	#guide .text_wrap .small{
		font-size: 3.6vw;
		font-weight: 400;
		line-height: 1.5;
		display:block;
		text-align:left;
	}
	#guide .text_wrap .small br{
		display:none;
	}
	#guide .text_wrap .large{
		font-size: 3.8vw;
		font-weight:500;
		line-height: 1.6;
		display:
		block;
		width: 108%;
		padding: 3vw 5vw;
		border-radius: 4vw;
		margin: 0 -4%;
		letter-spacing: 0;
		margin-top: 3vw;
	}
	#guide .box .status_imgs {
	    margin-bottom: 10vw;
	}
	#guide .status_imgs img{
		width:80vw;
	}
	#guide .box .status_list{
		width: 100%;
		padding: 2vw 2vw 0;
	}
	#guide .box .status_list li{
	    width:100%;
	    margin-bottom: 5vw;
	}
	#guide .status_list .copy{
		font-size:5.3vw;
		font-weight: 600;
		line-height: 30px;
		margin:0px auto 2vw;
		display: block;
		letter-spacing: 0;
	}
	#guide .status_list .copy span{
		display:inline-block;
		width:8vw;
		height:8vw;
		border-radius:100%;
		line-height:8vw;
		margin-right:2vw;
		color:#FFF;
		font-size:4.5vw;
		font-weight: 600;
		position:relative;
		top:-0.1em;
		text-align:center;
	}
	#guide .status_list .text{
	    font-size: 3.7vw;
	    font-weight: 500;
	    line-height: 1.5;
	    text-align: left;
	}
	#guide .status_list .text br{
		display:none;
	}
	#guide .status_list .img.right{
		position:absolute;
		top:3.6vw;
		right:5vw;
		margin-top:0px;
	}
	#guide .status_list .img.right img{
		width:12vw;
		transform:scale(1.05);
		display: none;
	}
	#guide .status_list .img.right2{
		position:relative;
		top:0;
		right:0;
		margin-top:4vw;
		display:none;
	}
	#guide .status_list .img.right2 img{
		width:100%;
	}
	#guide .box .status_list li img{
	}

	/* add */
	#guide .wrap01 iframe{
		width: 100%;
		height:125vw;
		margin: 0;
		padding: 0;
	}
	#guide .wrap01{
		/* background-image:none; */
		/* border-top: solid 3vw #d4f7fd; */
		/* border-bottom: solid 3vw #d4f7fd; */
		margin: 0;
		padding:0;
	}
	#guide .wrap01 .box{
		width:100%;
		padding: 0;
		margin:0;
		/* overflow: hidden; */
	}
	.lock_anime #guide .wrap01 .box{
		max-height:1000px;
	}

	#guide .normal_box.type_tab {
	    margin: 0;
	    padding: 0;
	    width: 100%;
	}
	#guide .tab2 .normal_box.type_tab,
	#guide .tab3 .normal_box.type_tab{
		padding: 5vw 9vw;
	}
	
	#guide .beginner_scroll_btn_anime img{
		transform:scale(0.8);
	}
	#guide .swiper-button-prev {
	    margin-top: -5vw;
	    margin-left: -47vw;
	    width: 6vw;
	    height: 10vw;
	    z-index: 50;
	}
	#guide .swiper-button-next {
	    margin-top: -5vw;
	    margin-right: -47vw;
	    width: 6vw;
	    height: 10vw;
	    z-index: 50;
	}
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#error

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */
#error .sec_box{
	padding: 80px 0 80px;
}

.lock_anime #error ul.error{
	opacity:0;
	transform:scale(0.7);
}
#error ul.error{
	position:relative;
	opacity:1;
	transform:scale(1);
	transition: 1s cubic-bezier(0, 0.88, 0.58, 1);
}


#error .ef_error_particle{
	position:absolute;
	top: -350px;
	left:0;
	z-index: 3;
	animation:8s linear 0s infinite rocate_anime00_re;
}
@keyframes rocate_anime00_re {
	0%{
	    transform:rotate(0deg) scale(1.0);
	}
	100% {
	    transform:rotate(360deg) scale(1.0);
	}
}
#error ul.error:before{
	content:'';
	display:block;
	width: 1000px;
	height: 1000px;
	padding: 0 0 0;
	left:0;
	background-image: url(../images/error_main.png);
	background-size: 120%;
	background-position: center;
	top: -350px;
	position: absolute;
	z-index: 2;
	animation:8s linear 0s infinite rocate_anime00;
}
@keyframes rocate_anime00 {
	0%{
	    transform:rotate(-0deg) scale(1.0);
	}
	100% {
	    transform:rotate(-360deg) scale(1.0);
	}
}
#error ul.error:after{
	content:'';
	display:block;
	width: 1000px;
	height: 1000px;
	padding: 0 0 0;
	left:0;
	background-image: url(../images/error_main.png);
	background-size: 120%;
	background-position: center;
	top: -350px;
	position: absolute;
	z-index: 2;
	animation:8s linear 0s infinite rocate_anime02;
}
@keyframes rocate_anime02 {
	0%{
	    transform:rotate(-0deg) scale(1);
		opacity:0;
	}
	50% {
	    transform:rotate(-180deg) scale(1.25);
		opacity:1;
	}
	100% {
	    transform:rotate(-360deg) scale(1.5);
		opacity:0;
	}
}

.lock_anime #error .e_title,
.lock_anime #error .e_text,
.lock_anime #error .e_subtitle{
	opacity:0;
	transform:scale(1);
}
.lock_anime #error .e_code{
	opacity:0;
	transform:scale(1.2);
}

#error .e_title,
#error .e_code,
#error .e_code:before,
#error .e_text,
#error .e_subtitle{
	opacity:1;
	color:#FFF;
	font-weight:400;
	letter-spacing:0;
	line-height:1.5;
	text-align:center;
	position:relative;
	z-index:5;
	transition:1s 0.7s;
}
#error .e_title{
	font-size:30px;
	margin-bottom:25px;
}
#error .e_code{
	font-size: 140px;
	margin-bottom:10px;
	font-weight:600;
	transition: 2s 2s;
}
#error .e_text{
	font-size:16px;
	margin-bottom:40px;
}
#error .e_subtitle{
	font-size:14px;
}
#error .e_code:before{
	content:'エラーコード';
	display:block;
	padding: 1px 5px;
	font-size:12px;
	border:solid 1px #FFF;
	width:110px;
	margin: 0px auto -30px;
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	#error .sec_box{
		padding: 10vh 0 15vh;
	}
	
	.lock_anime #error ul.error{
	}
	#error ul.error{
	}
	#error .ef_error_particle {
	    position: absolute;
		top: 45%;
		left:50%;
		margin:-500px 0 0 -500px;
	    z-index: 3;
		transform:scale(1);
	}
	#error ul.error:before{
		content:'';
		display:block;
		width: 1000px;
		height: 1000px;
		padding: 0 0 0;
		margin:-500px 0 0 -500px;
		background-image: url(../images/error_main.png);
		background-size: 110%;
		background-position: center;
		top: 45%;
		left:50%;
		position: absolute;
		z-index: 2;
		animation:8s linear 0s infinite rocate_anime00;
	}
	#error ul.error:after{
		content:'';
		display:block;
		width: 1000px;
		height: 1000px;
		padding: 0 0 0;
		margin:-500px 0 0 -500px;
		background-image: url(../images/error_main.png);
		background-size: 110%;
		background-position: center;
		top: 45%;
		left:50%;
		position: absolute;
		z-index: 2;
		animation:8s linear 0s infinite rocate_anime02;
	}
	.lock_anime #error .e_title,
	.lock_anime #error .e_text,
	.lock_anime #error .e_subtitle{
	}
	.lock_anime #error .e_code{
	}
	#error .e_title,
	#error .e_code,
	#error .e_code:before,
	#error .e_text,
	#error .e_subtitle{
	}
	#error .e_title{
		font-size:6vw;
		margin-bottom:6vw;
	}
	#error .e_code{
		font-size: 20vw;
		margin-bottom:3vw;
		font-weight:600;
	}
	#error .e_text{
		font-size:3.6vw;
		margin-bottom:40px;
	}
	#error .e_subtitle{
		font-size:3.2vw;
	}
	#error .e_code:before{
		content:'エラーコード';
		display:block;
		padding: 0 1vw;
		font-size:3.4vw;
		border:solid 1px #FFF;
		width:30vw;
		margin: 0 auto -2vw;
	}

/* =================================== */
}
/* =================================== */








/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#goods

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */


#goods .normal_box_wrap {
    width: 100%;
    background-image: url(../images/normal_box03.png);
    background-position: center;
    background-size: 100%;
    line-height: 1.5;
    font-size: 16px;
    padding: 15px 50px 0;
}
.clearb {
	clear:both;
}

/* storesearch_results */
.storesearch_results {
	padding: 0;
	/* border-bottom: 1px solid #e0e0e0; */
	max-width:1800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
}
.storesearch_results:after {
	content:"";
	display:block;
	clear: both;
}
.storesearch_results .search_results_box {
	font-size: 16px;
	/* padding-bottom: 5px; */
	float: left;
}
.storesearch_results .search_results_box p {
	float: left;
}
.storesearch_results .search_results_box span {
	font-size: 24px;
	font-weight: bold;
}

.storesearch_results .dropmenu {
	float: right;
	text-align: left;
	position: relative;
}
.storesearch_results .dropmenu li {
	position: relative;
	float: left;
}
.storesearch_results .dropmenu li span {
	display: block;
	padding: 14px 15px 14px 15px;
	color: #26292e;
	font-size: 14px;
	line-height: 1;
	position: relative;
	width: 80px;
}
.storesearch_results .dropmenu li span::before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 12px 0 0;
	content: "";
	vertical-align: middle;
	right: 20px;
	width: 9px;
	height: 9px;
	border-top: 1px solid #cc0000;
	border-right: 1px solid #cc0000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.storesearch_results .dropmenu li span::before {
	animation-name: animearrow;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes animearrow {
	0% {top:0px;}
	5% {top:5px;}
	10% {top:3px;}
	20% {top:3px;}
	25% {top:0px;}
	30% {top:5px;}
	35% {top:3px;}
	95% {top:3px;}
	100% {top:0px;}
}
.storesearch_results .dropmenu li ul {
	position: absolute;
	z-index: 9999;
	top: 100%;
	right: 0;
}
.storesearch_results .dropmenu li ul li {
	width: 100%;
	overflow: hidden;
	height: 0;
	transition: .2s;
}
.storesearch_results .dropmenu li:hover ul li {
	overflow: visible;
	height: 40px;
}
.storesearch_results .dropmenu li ul li a {
	padding: 13px 8px;
	border-top: 1px solid #d2eef7;
	background: rgb(237 253 253);
	display: block;
	font-size: 13px;
	line-height: 1;
}
.storesearch_results .dropmenu li:hover > a {
	color: #8cdaff;
}
.storesearch_results .dropmenu li a:hover {
	color: #8cdaff;
}
.storesearch_results .dropmenu li:last-child span {
	width: 250px;
	background: #ffffff;
}
.storesearch_results .dropmenu li:last-child ul {
	left: inherit;
	right: 0;
}
.storesearch_results .dropmenu li:last-child span::before {
    border-top: 2px solid #8cdaff;
    border-right: 2px solid #8cdaff;
    right: 10px;
}
.storesearch_results .dropmenu li label {
	font-size: 13px;
	padding: 6px 20px 6px 10px;
	display: block;
}
.storesearch_results .dropmenu li label input {
    vertical-align: -0.1em;
    margin-right: 3px;
}
/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	.storesearch_results {
		padding: 0;
		margin-bottom: 0;
	}
	.storesearch_results:after {
		content:"";
		display:block;
		clear: both;
	}
	.storesearch_results .search_results_box {
		font-size: 3.2vw;
		padding-bottom: 0;
		float: none;
		/* text-align: center; */
	}
	.storesearch_results .search_results_box p {
		float: none;
	}
	.storesearch_results .search_results_box span {
		font-size: 5vw;
		font-weight: bold;
	}

	.storesearch_results .dropmenu {
		float: none;
		text-align: left;
		position: relative;
		/* border: none; */
		/* border-bottom: 1px solid; */
	}
	.storesearch_results .dropmenu li {
		position: relative;
		float: none;
		/* border: none; */
	}
	.storesearch_results .dropmenu li span {
		display: block;
		padding: 5vw 0 3vw;
		color: #26292e;
		font-size: 4.2vw;
		line-height: 1;
		position: relative;
		width: 100%;
	}
	.storesearch_results .dropmenu li span::before {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: 12px 0 0;
		content: "";
		vertical-align: middle;
		right: 20px;
		width: 9px;
		height: 9px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.storesearch_results .dropmenu li span::before {
	}
	.storesearch_results .dropmenu li ul {

	}
	.storesearch_results .dropmenu li ul li {

	}
	.storesearch_results .dropmenu li ul{
		width:100%;
	}
	.storesearch_results .dropmenu li ul li {
	}
	.storesearch_results .dropmenu li ul li a {
		/* padding: 13px 8px; */
		/* border-top: 1px solid #e0e0e0; */
		/* background: rgba(240,240,240,0.95); */
		/* display: block; */
		/* font-size: 13px; */
		/* line-height: 1; */
		width:100%;
	}
	.storesearch_results .dropmenu li:hover > a {
	}
	.storesearch_results .dropmenu li a:hover {
	}
	.storesearch_results .dropmenu li:last-child span {
		width: 100%;
		background: #ffffff;
		/* border: none; */
	}
	.storesearch_results .dropmenu li:last-child ul {
		left: inherit;
		right: 0;
		position: relative;
	}
	.storesearch_results .dropmenu li:last-child span::before {
	    border-top: 2px solid #8cdaff;
	    border-right: 2px solid #8cdaff;
	    right: 10px;
	    /* bottom: 2vw; */
	}
	.storesearch_results .dropmenu li label {
		font-size: 13px;
		padding: 6px 20px 6px 10px;
		display: block;
	}
	.storesearch_results .dropmenu li label input {
	    vertical-align: -0.1em;
	    margin-right: 3px;
	}

	.storesearch_results .dropmenu li ul{
		margin-bottom:3vw;
		border-bottom: 1px solid #d2eef7;
	}
	.storesearch_results .dropmenu.sp_hide  li ul{
		margin-bottom:0vw;
		border-bottom: 1px solid #d2eef700;
	}
	.storesearch_results .dropmenu li ul li {
		overflow: visible;
		height: 40px;
	}
	.storesearch_results .dropmenu.sp_hide li ul li {
		overflow: hidden;
		height: 0px;
		opacity:0;
	}
/* =================================== */
}
/* =================================== */


/* salelist
---------------------------------------------------- */
.salelist {
	position: relative;
	overflow:hidden;
	border-top: 3px #95bada50 dotted;
	padding: 10px 0 0;
	border-bottom: 3px #95bada50 dotted;
}
.salelist ul li{
	position: relative;
	float: left;
	width: 285px;
}
.salelist ul li img {
	width: 100%;
}
.salelist ul.salelistblc {
	margin: 0 0 0 -2%;
}
.salelist ul.salelistblc li {
	margin: 20px 0 20px 20px;
}
.salelist ul li figure {
	position: relative;
	overflow: hidden;
}
.salelist ul li:hover{
	opacity:1;
    animation: 1s flash001 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;/*infinite*/
}
@keyframes flash001 {
	0%{
	    opacity: 0.7;
	}
	30%{
	    opacity: 0.7;
	}
	100% {
	    opacity: 1;
	}
}
.salelist ul li:hover .itemmorebtn{
	transform:scale(0.97);
}


/* itemttl
---------------------------------------------------- */
p.itemttl {
	/* margin-top: 10px; */
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	word-break:break-all;
	font-size: 14px;
	text-align: left;
	height: 3em;
	overflow: hidden;
	padding: 0 20px;
	font-feature-settings: "palt";
	letter-spacing: 0em;
	margin: 12px 0 15px;
}
.itemmorebtn{
	/* background:#6388f4; */
	color:#FFF;
	font-size: 14px;
	width:100%;
	padding: 20% 0 0 0;
	background-image:url(../images/salelist_itemmorebtn.png);
	background-size:100%;
	background-repeat:no-repeat;
	transition:0.5s cubic-bezier(0, 0.56, 0.58, 1);
}


/* store_icon
---------------------------------------------------- */
.store_new {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.store_new p {
	position: relative;
	color: #FFF;
	background-color: #8cd9ff;
	color: #FFF !important;
	display: block;
	padding: 0 0;
	font-feature-settings: "palt";
	letter-spacing:0;
	/* width:50px; */
	/* height:50px; */
	/* border-radius:50px; */
	/* transform: scale(0.8); */
}
.store_new p:after{
	content: "";
	position: absolute;
	right: -16px;
	width: 0;
	height: 0;
	top: 0;
	border-style: solid;
	border-color: transparent transparent transparent #3bcbff;
	border-width: 0 0 22px 16px;
	z-index: 10;
	display: none;
}
.store_new p span {
	color: #FFF;
	font-feature-settings: "palt";
	letter-spacing:0.00em;
	font-size: 12px;
	line-height: 1em;
	padding: 5px 10px;
	transform: rotate(0deg);
	position: relative;
	display: block;
}

/* pagenation
---------------------------------------------------- */
#goods .pagenation{
	font-size:0;
	line-height:1;
	padding: 25px 0 35px;
	text-align: center;
}
#goods .pagenation li{
	font-size:18px;
	display:inline-block;
	vertical-align:top;
}
#goods .pagenation li a{
	display:block;
	cursor:pointer;
	width:35px;
	height:20px;
	text-align:center;
}
#goods .pagenation li a:hover{
	color:#8cdaff;
}
#goods .pagenation li.active a{
	color:#afc1cc;
	pointer-events:none;
	cursor:none;
}

#goods .pagenation li.btn_p_back,
#goods .pagenation li.btn_p_prev{
	font-size:0px;
	padding:0 0 0;
	position:relative;
}
#goods .pagenation li.btn_p_back a::before,
#goods .pagenation li.btn_p_prev a::before{
    content: "";
	position: absolute;
    margin: 12px 0 0;
    vertical-align: middle;
    top: -8px;
    width: 11px;
    height: 11px;
    border-top: 1px solid #353535;
    border-right: 1px solid #353535;
}
#goods .pagenation li.btn_p_back a:before{
    left: 0%;
    transform: rotate(-135deg) scale(1.3);
}
#goods .pagenation li.btn_p_prev a:before{
    right: 0%;
    transform: rotate(45deg) scale(1.3);
}
#goods .pagenation li.btn_p_prev:hover a::before,
#goods .pagenation li.btn_p_back:hover a::before{
    border-top: 1px solid #8cdaff;
    border-right: 1px solid #8cdaff;
}
#goods .pagenation li.btn_p_prev.active a::before,
#goods .pagenation li.btn_p_back.active a::before{
    border-top: 1px solid #afc1cc;
    border-right: 1px solid #afc1cc;
	pointer-events:none;
	cursor:none;
}


#goods .pagenation li.btn_p{

}




/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */


	#goods .ttl{
		padding: 0 3.5vw;
	}
	#goods .top_backbtn {
	    padding: 10px 0 40px;
	}
	#goods .normal_box_wrap {
	    padding: 2vw 7vw 0;
	}

	#goods .sec_wrap{
		padding: 0 0vw;
	}
	#goods .normal_box_wrap,
	#goods .normal_box:before,
	#goods .normal_box:after{
	    background-size: 200% 100%;
	}

	
	.clearb {
		clear:both;
	}

	/* salelist
	---------------------------------------------------- */
	.salelist {
		border-top: 4px #95bada50 dotted;
		padding: 5vw 0 0;
	}
	.salelist ul li{
		width: 48%;
	}
	.salelist ul li img {
		width: 100%;
	}
	.salelist ul.salelistblc {
		margin: 0 0 0 -2%;
	}
	.salelist ul.salelistblc li {
		margin:5% 0 8% 2%;
	}
	.salelist ul li figure {
		position: relative;
		overflow: hidden;
	}
	.salelist ul li:hover{
		opacity:0.8;
	}
	
	/* itemttl
	---------------------------------------------------- */
	p.itemttl {
		/* margin-top: 10px; */
		line-height: 1.5em;
		letter-spacing: 0.1em;
		font-size: 3vw;
		text-align: left;
		height: 4.5em;
		overflow: hidden;
		padding: 0 0;
		font-feature-settings: "palt";
		letter-spacing: 0em;
		margin: 2vw 0 3vw;
	}
	.itemmorebtn{
		/* background:#6388f4; */
		color:#FFF;
		font-size: 14px;
		width:100%;
		padding:29% 0 0 0;
		background-image:url(../images/salelist_itemmorebtn_sp.png);
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	
	/* store_icon
	---------------------------------------------------- */
	.store_new {
	}
	.store_new p {
	}
	.store_new p:after{
	}
	.store_new p span {
		font-size: 3vw;
		line-height: 1em;
		padding: 1vw 2vw;
	}
	
/* =================================== */
}
/* =================================== */






/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#goods_details

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */

#goods_details .normal_box_wrap {
	padding: 2vw 75px 0;
	overflow:hidden;
}
#goods_details .storedetails_center{
}
#goods_details .storedetails_center .name{
	font-size: 25px;
	line-height:1.2;
	font-weight: bold;
	margin-bottom: 20px;
	text-align:left;
	padding-left:18px;
	border-left:solid 8px #6388f4;
	overflow:hidden;
}
#goods_details .storedetails_left{
    float: left;
    width: 450px;
    z-index: 1;
    position: relative;
    text-align:left;
    padding-bottom: 20px;
}
#goods_details .storedetails_left img{
	width:auto;
	max-width:100%;
	transition:0.6s;
}
#goods_details .storedetails_left img:hover{
    animation: 1s flash001 1;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;/*infinite*/
}
#goods_details .storedetails_left ul li {
    float: left;
    width: 20%;
}
#goods_details .storedetails_right{
    float: right;
    width: 360px;
    z-index: 1;
    position: relative;
    text-align:left;
	padding-bottom: 20px;
}
#goods_details  .normal_box_wrap *{
    font-feature-settings: "palt";
    letter-spacing: 0em;
}
#goods_details .storedetails_right .release{
    text-align:center;
    font-size: 18px;
    padding: 13px 0;
    line-height:1;
    border:solid 1px;
    margin-bottom: 0px;
    background: #f2f9fb;
}
#goods_details .storedetails_right .txtarea{
    font-size: 14px;
    line-height:1.8;
    margin: 0 0 25px;
}
#goods_details .storedetails_right .txtarea br{
    display:none;
}
#goods_details .storedetails_right .price{
	font-size: 16px;
	border-bottom:dotted 2px;
	border:solid 1px;
	border-top:none;
	margin: 0 0 0;
	padding:14px 0 15px;
	line-height:1;
	text-align:center;
}
#goods_details .storedetails_right .price .en{
	font-size: 30px;
}
#goods_details .storedetails_right .link{
	cursor:pointer;
	transition:0.5s;
	margin: 30px 0 40px;
}
#goods_details .storedetails_right .link a{
	display:block;
}
#goods_details .storedetails_right .link:hover{
	transform:scale(0.98);
	transition: 0.3s cubic-bezier(0.06, 0.92, 0.61, 1.69) !important;
	opacity: 1;
}
#goods_details .storedetails_right .itemdata{
	border-collapse:collapse;
	width:100%;
}
#goods_details .storedetails_right .itemdata td,
#goods_details .storedetails_right .itemdata th{
	border:solid 1px;
	padding:12px 15px;
	line-height:1.5;
	font-size:14px;
}
#goods_details .storedetails_right .itemdata th{
	width:25%;
}
#goods_details .storedetails_right .itemdata td{
	width:75%;
}
#goods_details .form_sendbtn{
	margin: 0;
	padding: 20px 0 20px;
}


/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
	#goods_details .ttl{
		padding: 0 3.5vw;
	}
	#goods_details .sec_wrap{
		padding: 0 0vw;
	}
	#goods_details .normal_box_wrap {
	    padding: 4vw 7vw 3vw;
	}
	#goods_details .normal_box_wrap,
	#goods_details .normal_box:before,
	#goods_details .normal_box:after{
	    background-size: 200% 100%;
	}

	#goods_details .normal_box_wrap{
		display: flex;
		flex-direction: column;
	}
	#goods_details .storedetails_center,
	#goods_details .storedetails_left,
	#goods_details .storedetails_right{
		float:none;
		overflow:hidden;
		width:100%;
	}
	#goods_details .storedetails_center{
		order:1;
	}
	#goods_details .storedetails_left{
		order:2;
	}
	#goods_details .storedetails_right{
		order:3;
	}
	
	#goods_details .storedetails_center{
	}
	#goods_details .storedetails_center .name{
		font-size: 4.8vw;
		line-height:1.2;
		font-weight: bold;
		margin-bottom: 3vw;
		padding-left:0vw;
		border:none;
	}
	#goods_details .storedetails_left{
	    z-index: 1;
	    padding-bottom: 5vw;
	}
	#goods_details .storedetails_left img{
	}
	#goods_details .storedetails_left img:hover{
	}
	#goods_details .storedetails_left ul li {
	    width: 25%;
	    /* filter: grayscale(1); */
	}
	#goods_details .storedetails_right{
		padding-bottom: 5vw;
	}
	#goods_details .storedetails_right .release{
	    font-size: 4.5vw;
	    padding: 3vw 0;
	}
	#goods_details .storedetails_right .txtarea{
	    font-size: 3.6vw;
		line-height:1.6;
	}
	#goods_details .storedetails_right .txtarea br{
	    display:none;
	}
	#goods_details .storedetails_right .price{
		font-size: 3.8vw;
		border-bottom:dotted 2px;
		border:solid 1px;
		border-top:none;
		margin: 0 0 5vw;
		padding: 3vw 0 3vw;
		line-height:1;
		text-align:center;
	}
	#goods_details .storedetails_right .price .en{
		font-size: 6vw;
	}
	#goods_details .storedetails_right .link{
		cursor:pointer;
		transition:0.5s;
		margin: 0 0 10vw;
	}
	#goods_details .storedetails_right .link img{
		width: 100%;
		max-width:100%;
	}
	#goods_details .storedetails_right .link a{
		display:block;
	}
	#goods_details .storedetails_right .link:hover{
		transform:scale(0.98);
		transition: 0.3s cubic-bezier(0.06, 0.92, 0.61, 1.69) !important;
		opacity: 1;
	}
	#goods_details .storedetails_right .itemdata{
		border-collapse:collapse;
		width:100%;
	}
	#goods_details .storedetails_right .itemdata td,
	#goods_details .storedetails_right .itemdata th{
		padding:3vw;
		line-height:1.5;
		font-size: 3.6vw;
	}
	#goods_details .storedetails_right .itemdata th{
		width:25%;
	}
	#goods_details .storedetails_right .itemdata td{
		width:75%;
	}
	#goods_details .form_sendbtn{
		margin: 0;
		padding: 0 0 10vw;
	}

	
/* =================================== */
}
/* =================================== */









/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

#comic

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */



#comic{
	text-align:center;
}
#comic *{
	letter-spacing:0;;
}
#comic .comic_header{
	padding: 20px 0 120px;
	position:relative;
	z-index:50;
}
#comic .comic_header_wrap{
	width:100%;
	background-image:url(../images/comic_header_bg1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	/* border-bottom: solid 4px #353535; */
	/* border-top: solid 4px #353535; */
	overflow:hidden;
	/* margin: -50px 0; */
}
@media only screen and (max-width: 1350px) {
	#comic .comic_header_wrap{
		background-image:url(../images/comic_header_bg2.jpg);
	}
}
#comic .comic_header_wrap{
    animation: 0.6s yureanime01;
	animation-delay: 0.6s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;/*infinite*/
}
@keyframes yureanime01 {
  0% {
		transform:rotate(0deg);
  }
  5% {
		transform:rotate(-1deg);
  }
  15% {
		transform:rotate(2deg);
  }
  25% {
		transform:rotate(-1deg);
  }
  40% {
		transform:rotate(0.5deg);
  }
  100% {
		transform:rotate(0deg);
  }
}

body.lock_anime #comic .comic_header_wrap{
    animation: none;
}
#comic .comic_header img{
	transform:scale(1);
	transition:0.7s cubic-bezier(1, -0.85, 0.62, 1.31);
	margin: -50px 0;
}
body.lock_anime #comic .comic_header img{
	transform:scale(2);
}




#comic .top_movie .movie_thumb .top_main_youtube_img{
	/* border: solid 3px #353535; */
	display:block;
	/* box-shadow: 
		0 6px 0px -2px #dd8d0182; */
}
#comic .top_movie .top_main_youtube_img img {
    width: auto;
    max-width: 100%;
    transform: scale(0.9);
}
#comic .comic_sttl{
	margin: 0 0 10px;
}
#comic .comic_title p{
	line-height:1.5;
	font-size: 30px;
	color:#212121;
	margin-top: -0.6em;
	margin-bottom: 0.4em;
	display:none;
}
#comic .comic_cast {
    margin: 0 auto 25px;
    max-width: 700px;
    border: solid 2px #6388f4;
    border-radius: 25px;
    overflow: hidden;
}
#comic .comic_cast table{
	width:100%;
	border-collapse:collapse;

}
#comic .comic_cast th{
	font-size: 14px;
	line-height:1;
	text-align:center;
	background: #6388f4;
	padding: 14px 0 15px;
	color: #fdffff;
	/* letter-spacing: 0.12em; */
}
#comic .comic_cast td{
	font-size:0px;
	line-height:1.6;
	text-align:center;
	background:#fff;
	padding: 16px 30px 18px;
}
#comic .comic_cast dl + dl:before{
	content:"／";
	font-size:13px;
	display:inline-block;
	padding:0 5px;
}
#comic .comic_cast dt+dd:before{
	content:":";
	font-size:13px;
	display:inline-block;
	padding:0 5px;
}
#comic .comic_cast dl,
#comic .comic_cast dt,
#comic .comic_cast dd{
	display:inline-block;
	font-size: 14px;
}
#comic .comic_cast dl{
	font-size:0;
}
#comic .comic_largetxt {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 120px;
    line-height: 1.0;
    font-feature-settings: "palt";
    padding: 14px 60px;
    background-color: #ff008a;
    color: #FFF;
    border-bottom: 5px solid #6f93f9;
    display: inline-block;
    letter-spacing: 0;
    border-radius: 50px;
}
#comic .comic_result p{
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0 0;
    margin-bottom: -20px;
    line-height: 1.0;
}
#comic .comic_update p{
    font-size: 16px;
    font-weight: 400;
    padding: 25px 0 0;
    margin-bottom:-10px;
    line-height: 1.0;
    letter-spacing: 0;
}
#comic .comic_list {
    min-width: 1100px;
    width: 1100px;
    margin: auto;
    padding: 0 50px 50px;
}

#comic .top_main_youtube {
    width: 1000px;
    padding: 30px 0px 0px;
    text-align: center;
    font-size: 0;
    margin-left: 0;
    margin-bottom: -20px;
    text-align: left;
}
#comic .top_main_youtube_li{
	position:relative;
	margin: 1%;
	width: 23%;
	margin-bottom: 30px;
}
#comic .top_main_youtube_li a{
	/* border:solid 2px #212121; */
}
#comic .comin_list_number{
	position:absolute;
	font-size: 18px;
	width:100%;
	text-align:center;
	padding:15px 0 0;
	left:0;
	display:none;
}
#comic .top_main_youtube_li:nth-child(n){
	background-image:unset;
	width: 30%;
	padding:0;
	margin: 10px 1.6% 30px;
	border: solid 5px #000;
	/* box-shadow: 3px 5px #08c6ff; */
	box-sizing: border-box;
}




/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */

	
	
	#comic{
	}
	#comic *{
	}
	#comic .comic_header{
		padding: 2vw 0 15vw;
		position:relative;
		z-index:50;
	}
	#comic .comic_header_wrap{
		background-image:url(../images/comic_header_bg2_sp.jpg);
	}
	#comic .comic_header_wrap{
	}
	#comic .comic_header img{
		width:100%;
		margin: -5vw 0;
	}
	#comic .top_movie .movie_thumb .top_main_youtube_img{
		/* border: solid 3px #353535; */
		display:block;
		box-shadow: none;
	}
	#comic .top_movie .top_main_youtube_img img {
	}
	#comic .comic_sttl{
		margin: 0 0 2vw;
	}
	#comic .comic_sttl img{
		max-width: 38vw;
		width:auto;
	}

	#comic .box1{
		padding: 0 8vw;
	}
	#comic .comic_title p{
		line-height:1.4;
		font-size: 5vw;
		margin-top: 1vw;
		font-weight: 500;
		margin-bottom: 2vw;
	}
	#comic .comic_cast{
		margin: 0 auto 4vw;
		border-radius: 4vw;
	}
	#comic .comic_cast table{
	}
	#comic .comic_cast th{
		font-size: 3.6vw;
		padding: 3vw 0;
	}
	#comic .comic_cast td{
		font-size: 3.6vw;
		line-height:1.6;
		text-align:left;
		background:#fff;
		padding: 3vw 5vw 3.5vw;
	}
	#comic .comic_cast dl + dl:before{
		content:"／";
		font-size: 3.6vw;
		display:inline-block;
		padding:0 0.5vw;
	}
	#comic .comic_cast dt+dd:before{
		content:":";
		font-size: 3.6vw;
		display:inline-block;
		padding:0 0.5vw;
	}
	#comic .comic_cast dl,
	#comic .comic_cast dt,
	#comic .comic_cast dd{
		display:inline;
		font-size: 3.6vw;
	}
	#comic .comic_cast dl{
		font-size:0;
	}
	#comic .comic_largetxt {
		font-size: 4.2vw;
		margin-bottom: 15vw;
		padding: 3vw 10vw;
		border-radius: 50vw;
	}
	#comic .comic_result p{
		font-size: 4.2vw;
		font-weight: 500;
		padding: 2vw 0 0;
		margin-bottom:0;
		line-height: 1.0;
	}
	#comic .comic_update p{
		font-size: 4.2vw;
		padding: 3vw 0 1vw;
		margin-bottom:0;
	}
	#comic .comic_list {
	    min-width: 0;
	    width: 100%;
	    margin: auto;
	    padding: 0;
	}
	
	#comic .top_main_youtube {
	    width: 100%;
	    padding: 3vw 2vw 0;
	    /* margin: 3vw; */
	    text-align: center;
	    font-size: 0;
	    margin: 0;
	}
	#comic .top_main_youtube_li{
		position:relative;
		margin:0 1vw 8vw;
		width: 45%;
	}
	#comic .top_main_youtube_li a{
	}
	#comic .comin_list_number{
		position:absolute;
		font-size: 4vw;
		width:100%;
		text-align:center;
		padding:3vw 0 0;
		left:0;
	}
	#comic .form_sendbtn {
	    margin: 5vw 0 0;
	    padding-bottom: 10vw;
	}
	#comic .top_main_youtube_li:nth-child(n){
		background-image:unset;
		width: 42%;
		padding:0;
		margin: 2vw;
		border: solid 5px #000;
		box-shadow: 0.5vw 0.5vw #08c6ffbb;
	}


	
/* =================================== */
}
/* =================================== */













/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

add

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */




/* anime */
.blur_on .fix_back,
.blur_on .fix_back2,
.blur_on main,
.blur_on footer,
.blur_on .fix_icon_menu,
.blur_on .fix_lt{
	filter:blur(20px);
	transition: 0.5s;
	/*filter: saturate(0%) blur(16px);*/
}
.fix_back,
.fix_back2,
main,
footer,
.fix_icon_menu,
.fix_lt{
	transition: 0.5s;
}

.click_anime_particle{
	display: none;
}
.click_anime{
	pointer-events: none;
}
.click_anime_wrap{
	position: fixed;
	z-index: 1000;
}
.click_anime_box{
	position: relative;
	top:-5px;
	left:-5px;
}
.click_anime_box .cpr{
	position: absolute;
}
.click_anime_box .cpr_wrap{
	position: relative;
}
.click_anime_box .cpr span{
	display: inline-block;
	text-align: center;
}
.click_anime_box .cpr img{
	width: 60px;
	height: 60px;
	margin: -30px -20px 0px;
	animation: 2s linear infinite cpr_rotation;
}

@keyframes cpr_rotation{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
.click_anime_box .cpb{
	position: absolute;
	text-align: center;
}
.click_anime_box .cpb img{
	width: 80px;
	height: 80px;
	margin: -50px -40px -30px;
	animation: 3s ease-out 1 cpb_scale;
}
@keyframes cpb_scale{
	0%{ transform:scale(0.2);}
	100%{ transform:scale(1.5);}
}
.click_anime_box .cpb2{
	position: absolute;
	text-align: center;
}
.click_anime_box .cpb2 img{
	width: 80px;
	height: 80px;
	margin: -50px -40px -30px;
	animation: 3s ease-out 1 cpb_scale2;
}
@keyframes cpb_scale2{
	0%{ transform:scale(0.2);}
	100%{ transform:scale(1.3);}
}









/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	.blur_on .fix_back,
	.blur_on .fix_back2,
	.blur_on main,
	.blur_on footer,
	.blur_on .fix_icon_menu,
	.blur_on .fix_lt{
		filter:blur(0px);
		transition: 0s;
	}

	*:hover{
		opacity:1 !important;
	}
	
/* =================================== */
}
/* =================================== */




















/*-----------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------
-----------------------------------------------------

aaa

-----------------------------------------------------
-----------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------- */



/* =================================== */
@media only screen and (max-width: 600px) {
/* =================================== */
	
/* =================================== */
}
/* =================================== */