@charset "utf-8";
/* CSS Document */

/* NotoSans読込 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }

/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	min-width: 1100px;
	min-height: 100vh;
	font-size: 1.0rem;
	overflow-x: hidden;
}

#PageWrapper {
	min-width:1100px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	overflow-x:hidden;
	background:url("../img/grand_bg.png") left top repeat;
}

.pn {
	display: none!important;
}

/* メニュー */

#Menu {
	width:100%;
	height:100px;
	position: fixed;
	transition: all 0.3s;
	background-color:#000;
	top:0;
	left:0;
	z-index:300;
}

#Menu:before {
	content: "";
	background:url("../img/menu_m.png") left top repeat-x;
	width:100%;
	height:6px;
	display: block;
	position: absolute;
	left:0;
	top:0;
	z-index:310;
}

#Menu:after {
	content: "";
	background: #ebd2e5;
	background: -moz-linear-gradient(left, #ebd2e5 0%, #93d4ed 50%, #78bbe5 100%);
	background: -webkit-linear-gradient(left, #ebd2e5 0%,#93d4ed 50%,#78bbe5 100%);
	background: linear-gradient(to right, #ebd2e5 0%,#93d4ed 50%,#78bbe5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebd2e5', endColorstr='#78bbe5',GradientType=1 );
	width:100%;
	height:5px;
	display: block;
	position: absolute;
	left:0;
	bottom:1px;
	z-index:310;
}

.menu_wrap {
	width:1100px;
	margin:0 auto;
	display: flex;
}

.menu_logo {
	width:280px;
}

.menu_logo a {
	width:159px;
	height:95px;
	display: block;
	background:url("../img/menu_logo.png") left center no-repeat;
	transition: all 0.3s;
	background-size:contain;
}

.menulist {
	width:820px;
	display: block;
	position: relative;
}

.menulist ul {
	width:820px;
	height: 95px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s;
}

.menulist ul li {
	display: block;
	height:33px;
}

.menulist ul li a {
	display: block;
	height:33px;
	transition: all 0.3s;
}

.menulist ul li a:hover {
	opacity: 0.6
}

li.menu_01 a {background:url("../img/menu_01.png") left top no-repeat;width:66px;}
li.menu_02 a {background:url("../img/menu_02.png") left top no-repeat;width:52px;}
li.menu_03 a {background:url("../img/menu_03.png") left top no-repeat;width:100px;}
li.menu_04 a {background:url("../img/menu_04.png") left top no-repeat;width:88px;}
li.menu_05 a {background:url("../img/menu_06.png") left top no-repeat;width:85px;}
li.menu_06 a {background:url("../img/menu_08.png") left top no-repeat;width:64px;}
li.menu_07 a {background:url("../img/menu_07.png") left top no-repeat;width:100px;}

body.fixed #Menu {
	height:60px!important;
}

body.fixed .menu_logo a { 
	width:90px;
	height:55px!important;
}

body.fixed .menulist ul {
	height:55px!important;
}

/* メインビジュアル */

#Mainvisual {
	width:100%;
	height:980px;
	background:url("../img/mainvisual_old.jpg") center top no-repeat;
	position: relative;
}

.main_logo {
	display: none;
}

.top_topics {
	position: absolute;
	left:50%;
	margin-left:-550px;
	top:130px;
	width:160px;
	height:160px;
	background-color:#fff;
	box-shadow:0 0 15px #abdbf6;
}

.top_topics a {
	width:160px;
	height:160px;
	display: block;
	background:url("../img/top_topics/25.jpg") left top no-repeat;
	background-size:cover;
	transition: all 0.3s;
}

.top_topics a:hover {
	opacity: 0.6;
}

.top_topics2 {
	position: absolute;
	left:50%;
	margin-left:-550px;
	/*top:130px;*/
	top:306px;
	width:160px;
	height:160px;
	background-color:#fff;
	box-shadow:0 0 15px #abdbf6;
}

.top_topics2 a {
	width:160px;
	height:160px;
	display: block;
	background:url("../img/top_topics/26.jpg") left top no-repeat;
	transition: all 0.3s;
}

.top_topics2 a:hover {
	opacity: 0.6;
}

.top_movie {
	position: absolute;
	left:50%;
	margin-left:-550px;
	bottom:40px;
	width:300px;
	height:100px;
	background-color:#fff;
	box-shadow:0 0 15px #abdbf6;
}

.top_movie a {
	width:300px;
	height:100px;
	display: block;
	background:url("../img/top_topics/movie.png") left top no-repeat;
	transition: all 0.3s;
}

.top_movie a:hover {
	opacity: 0.6;
}

.top_attention {
	width:252px;
	height:38px;
	position: absolute;
	bottom:220px;
	left:50%;
	margin-left:-550px;
	background:#fff;
	border-radius: 5px;
}

.top_attention a {
	width:250px;
	height:36px;
	border:1px solid #153a6c;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	background:url("../img/zizen_attention.png") left top no-repeat;
	background-size:cover;
	transition: all 0.3s;
}

.top_attention a:hover {
	opacity: 0.6;
}

.top_preo {
	background:url("../img/mv_preorder_bg.png") left top no-repeat;
	width:430px;
	padding:72px 48px 0;
	height:124px;
	position: absolute;
	left:50%;
	margin-left:-550px;
	bottom:20px;
}

.top_preo ul {
	display: flex;
	justify-content: space-between;
	width:430px;
	height:81px;
}

.top_preo ul li {
	background-color:#fff;
	width:81px;
	height:81px;
	border-radius: 7px;
	overflow: hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.top_preo ul li a {
	display: block;
	width:81px;
	height:81px;
	background-size:cover;
	transition: all 0.3s;
}

li.prelink01 a {background:url("../img/po_twitter.png") center top no-repeat;}
li.prelink02 a {background:url("../img/po_line.png") center top no-repeat;}
li.prelink03 a {background:url("../img/po_mail.png") center top no-repeat;}
li.prelink04 a {background:url("../img/po_top10.png") center top no-repeat;}

.top_preo ul li a:hover {
	opacity: 0.6;
}

.sns_share {
	background:url("../img/sns_share.png") left center no-repeat;
	height:30px;
	width:100px;
	position: absolute;
	top:110px;
	right:50%;
	margin-right:-550px;
	display: flex;
	justify-content: space-between;
	padding-left:50px;
}

.sns_share a:hover {
	opacity: 0.6;
}

a.share_twit {
	background:url("../img/sns_twitter.png") left top no-repeat;
	width:26px;
	height:30px;
	display: block;
	transition: all 0.3s;
}

a.share_fb {
	background:url("../img/sns_facebook.png") left top no-repeat;
	width:26px;
	height:30px;
	display: block;
	transition: all 0.3s;
}

a.share_line {
	background:url("../img/sns_line.png") left top no-repeat;
	width:26px;
	height:30px;
	display: block;
	transition: all 0.3s;
}

/*事前登録バッジ*/

.badge_area {
	background:#000;
	padding:48px 0;
}

.badge_area ul {
	display: flex;
	width:1100px;
	margin:0 auto;
	/*justify-content: space-between;*/
	justify-content:flex-end;
	background:url("../img/store_preorder.png") left center no-repeat;
}

.badge_area ul li.badge_googleplay a {
	background:url("../img/badge_googleplay.png") left top no-repeat;
	width:282px;
	height:84px;
	display: block;
	background-size:contain;
}

.badge_area ul li.badge_appstore a {
	background:url("../img/badge_appstore.png") left top no-repeat;
	width:227px;
	height:84px;
	display: block;
	background-size:contain;
	margin-left:24px;
}

/* ログ */

.log_wrap {
	width:1100px;
	margin:0 auto;
	padding:80px 0;
	display: flex;
	justify-content: space-between;
}

.log_news {
	background:url("../img/news_bg.png") left top no-repeat;
	width:540px;
	height:500px;
	position: relative;
}

.logbox {
	width:480px;
	height:360px;
	margin:100px auto 0;
	overflow: hidden;
}

.logbox iframe {
	width:480px;
	height:360px;
}

.oneday {
	width:480px;
	padding:12px 20px;
	min-height: 120px;
	display: block;
	box-sizing: border-box;
	text-align: left;
}

.oneday:nth-child(2n) {
	background-color:rgba(255,255,255,1);
}

.oneday:nth-child(2n+1) {
	background-color:rgba(251,251,252,1);
}

.oneday p {
	width:440px;
}

.oneday em {
	display: inline-block;
	width:80px;
	height:20px;
	line-height: 20px;
	text-align: center;
	margin-right:12px;
	
}

em.day {
	background-color:#beaabe;
	border:1px solid #beaabe;
	color:#fff;
	font-size:1.3rem;
	margin-bottom:8px;
}

em.tag {
	border:1px solid #beaabe;
	color:#beaabe;
	font-size:1.3rem;
}

.oneday span {
	color:#beaabe;
	font-size:1.6rem;
	line-height: 2;
}

.oneday a {
	color:#784278;
	text-decoration: underline;
}

.oneday a:hover{
	text-decoration: none;
}

.log_twit {
	background:url("../img/twit_bg.png") left top no-repeat;
	width:540px;
	height:500px;
	position: relative;
}

.twidget {
	width:480px;
	height:360px;
	margin:0 auto;
	/*overflow: hidden;*/
}

.twitlink {
	margin-left:395px;
	margin-top:36px;
	margin-bottom:40px;
	width:120px;
	height:24px;
}

.twitlink a {
	width:120px;
	height:24px;
	background:url("../img/twitlink.png") left top no-repeat;
	display: block;
}

.twitlink a:before {
	content: "";
	width:120px;
	height:24px;
	background:url("../img/twitlink_over.png") left top no-repeat;
	display: block;
	opacity: 0;
	transition: all 0.3s;
}

.twitlink a:hover:before {
	opacity: 1;
}

/* 事前登録 */

#Preorder {
	background:url("../img/preorder_bg.jpg") center center no-repeat;
	background-size:cover;
	width:100%;
	position: relative;
}

.preorder_body {
	background:url("../img/preorder_body.jpg") center top no-repeat;
	width:100%;
	height:900px;
	position: relative;
}

.pre_attention {
	width:252px;
	height:38px;
	position: absolute;
	bottom:240px;
	left:50%;
	margin-left:-595px;
	background:#fff;
	border-radius: 5px;
}

.pre_attention a {
	width:250px;
	height:36px;
	border:1px solid #153a6c;
	border-radius: 5px;
	overflow: hidden;
	display: block;
	background:url("../img/zizen_attention.png") left top no-repeat;
	background-size:cover;
	transition: all 0.3s;
}

.pre_attention a:hover {
	opacity: 0.6;
}

.preorder_link {
	width:348px;
	bottom:113px;
	position: absolute;
	left:50%;
	margin-left:-584px;
}

.preorder_link ul {
	display: flex;
	justify-content: space-between;
}

.preorder_link ul li {
	background-color:#fff;
	width:81px;
	height:81px;
	border-radius: 7px;
	overflow: hidden;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.preorder_link ul li a {
	display: block;
	width:81px;
	height:81px;
	background-size:cover;
	transition: all 0.3s;
}

li.prelink01 a {background:url("../img/po_twitter.png") center top no-repeat;}
li.prelink02 a {background:url("../img/po_line.png") center top no-repeat;}
li.prelink03 a {background:url("../img/po_mail.png") center top no-repeat;}

.preorder_link ul li a:hover {
	opacity: 0.6;
}

/* 世界観 */

#Movie {
	width:100%;
	padding:80px 0;
	background:url("../img/mvbg.jpg") center center no-repeat;
	background-size:cover;
}

.movie-wrap {
    position: relative;
	width:1000px;
    padding-bottom: 565px;
    padding-top: 30px;
    height: 0;
	margin:0 auto;
	box-shadow:0 0 25px rgba(0,0,0,1);
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 世界観 */

#Story {
	width:100%;
	height:950px;
	background: url("../img/story_bg.jpg") center center no-repeat;
	background-size:cover;
}

.story_dot {
	width:100%;
	height:950px;
	background:url("../img/story_dot.png") left top repeat;
}

.story_body {
	width:100%;
	height:950px;
	background:url("../img/story_body.png") center top no-repeat;
}

.story_body p {
	display: none;
}

/* キャラクター */

#Character_select {
}

.c_sp {
	width:1098px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	position: relative;
	margin:0 auto;
}

.c_sp01 {
	height:220px;
}

.c_sp02 {
	height:24px;
}

.c_sp03 {
	height:80px;
}

.chara_head {
	background:url("../img/chara/chara_head.png") left top no-repeat;
	width:554px;
	height:84px;
	display: block;
	position: absolute;
	left:-12px;
	top:68px;
}

.chara_head p {
	display: none;
}

.select_col {
	width:100%;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}

#Character_select ul {
	width:1092px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	padding:20px 3px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#Character_select ul li {
	background:#fff;
	
}

#Character_select ul li.cs01 {
	margin-bottom:24px;
}

#Character_select ul li.cspt01 {
	margin-bottom:24px;
}

#Character_select ul li.csfr01 {
	margin-bottom:24px;
}

#Character_select ul li a {
	display: block;
	background-color:#fff;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	width:200px;
	height:400px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}

#Character_select ul li a:hover {
	opacity: 0.7;
}

#Character_select ul li em {
	display: block;
	background-color:#fff;
	box-shadow:2px 2px 1px rgba(0,0,0,0.2);
	width:200px;
	height:400px;
	overflow: hidden;
	position: relative;
}

#Character_select ul li.cs00 em {background:url("../img/chara/select_00.jpg") left top no-repeat;}
#Character_select ul li.cs01 a {background:url("../img/chara/select_01.jpg") left top no-repeat;}
#Character_select ul li.cs02 a {background:url("../img/chara/select_02.jpg") left top no-repeat;}
#Character_select ul li.cs03 a {background:url("../img/chara/select_03.jpg") left top no-repeat;}
#Character_select ul li.cs04 a {background:url("../img/chara/select_04.jpg") left top no-repeat;}
#Character_select ul li.cs05 a {background:url("../img/chara/select_05.jpg") left top no-repeat;}
#Character_select ul li.cs06 a {background:url("../img/chara/select_06.jpg") left top no-repeat;}
#Character_select ul li.cs07 a {background:url("../img/chara/select_07.jpg") left top no-repeat;}
#Character_select ul li.cs08 a {background:url("../img/chara/select_08.jpg") left top no-repeat;}
#Character_select ul li.cs09 a {background:url("../img/chara/select_09.jpg") left top no-repeat;}
#Character_select ul li.cs10 a {background:url("../img/chara/select_10.jpg") left top no-repeat;}

#Character_select ul li.cspt01 a {background:url("../img/chara/select_pt01.jpg") left top no-repeat;}
#Character_select ul li.cspt02 a {background:url("../img/chara/select_pt02.jpg") left top no-repeat;}
#Character_select ul li.cspt03 a {background:url("../img/chara/select_pt03.jpg") left top no-repeat;}
#Character_select ul li.cspt04 a {background:url("../img/chara/select_pt04.jpg") left top no-repeat;}
#Character_select ul li.cspt05 a {background:url("../img/chara/select_pt05.jpg") left top no-repeat;}
#Character_select ul li.cspt06 a {background:url("../img/chara/select_pt06.jpg") left top no-repeat;}
#Character_select ul li.cspt07 a {background:url("../img/chara/select_pt07.jpg") left top no-repeat;}
#Character_select ul li.cspt08 a {background:url("../img/chara/select_pt08.jpg") left top no-repeat;}
#Character_select ul li.cspt09 a {background:url("../img/chara/select_pt09.jpg") left top no-repeat;}
#Character_select ul li.cspt10 a {background:url("../img/chara/select_pt10.jpg") left top no-repeat;}

#Character_select ul li.csfr01 a {background:url("../img/chara/select_fr01.jpg") left top no-repeat;}
#Character_select ul li.csfr02 a {background:url("../img/chara/select_fr02.jpg") left top no-repeat;}
#Character_select ul li.csfr03 a {background:url("../img/chara/select_fr03.jpg") left top no-repeat;}
#Character_select ul li.csfr04 a {background:url("../img/chara/select_fr04.jpg") left top no-repeat;}
#Character_select ul li.csfr05 a {background:url("../img/chara/select_fr05.jpg") left top no-repeat;}
#Character_select ul li.csfr06 a {background:url("../img/chara/select_fr06.jpg") left top no-repeat;}
#Character_select ul li.csfr07 a {background:url("../img/chara/select_fr07.jpg") left top no-repeat;}
#Character_select ul li.csfr08 a {background:url("../img/chara/select_fr08.jpg") left top no-repeat;}
#Character_select ul li.csfr09 a {background:url("../img/chara/select_fr09.jpg") left top no-repeat;}
#Character_select ul li.csfr10 a {background:url("../img/chara/select_fr10.jpg") left top no-repeat;}

#Character_select ul li a:before {
	content: "";
	width:200px;
	height:200px;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	left:-200px;
	top:-200px;
	transition: all 0.2s;
	z-index:20;
}

#Character_select ul li.cs01 a:before {background-color:#9f384a;}
#Character_select ul li.cs02 a:before {background-color:#5c83b9;}
#Character_select ul li.cs03 a:before {background-color:#ce94bb;}
#Character_select ul li.cs04 a:before {background-color:#9f462a;}
#Character_select ul li.cs05 a:before {background-color:#488fd5;}
#Character_select ul li.cs06 a:before {background-color:#364e65;}
#Character_select ul li.cs07 a:before {background-color:#c62529;}
#Character_select ul li.cs08 a:before {background-color:#ee8fa1;}
#Character_select ul li.cs09 a:before {background-color:#f39800;}
#Character_select ul li.cs10 a:before {background-color:#cc9f00;}

#Character_select ul li.cspt01 a:before {background-color:#475a95;}
#Character_select ul li.cspt02 a:before {background-color:#6d4f8b;}
#Character_select ul li.cspt03 a:before {background-color:#8caed4;}
#Character_select ul li.cspt04 a:before {background-color:#ffcb00;}
#Character_select ul li.cspt05 a:before {background-color:#f969a4;}
#Character_select ul li.cspt06 a:before {background-color:#d10303;}
#Character_select ul li.cspt07 a:before {background-color:#548fa1;}
#Character_select ul li.cspt08 a:before {background-color:#bd6765;}
#Character_select ul li.cspt09 a:before {background-color:#d594c8;}
#Character_select ul li.cspt10 a:before {background-color:#b1cd68;}

#Character_select ul li.csfr01 a:before {background-color:#373333;}
#Character_select ul li.csfr02 a:before {background-color:#845a8b;}
#Character_select ul li.csfr03 a:before {background-color:#c24971;}
#Character_select ul li.csfr04 a:before {background-color:#fae840;}
#Character_select ul li.csfr05 a:before {background-color:#c48a51;}
#Character_select ul li.csfr06 a:before {background-color:#e88ab0;}
#Character_select ul li.csfr07 a:before {background-color:#97adee;}
/*#Character_select ul li.cspt08 a:before {background-color:#bd6765;}
#Character_select ul li.cspt09 a:before {background-color:#d594c8;}
#Character_select ul li.cspt10 a:before {background-color:#b1cd68;}*/

#Character_select ul li a:hover:before {
	margin-left:70px;
	margin-top:70px;
}

#Character_select ul li a:after {
	content: "";
	width:200px;
	height:200px;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	right:-200px;
	bottom:-200px;
	transition: all 0.2s;
	z-index:20;
}

#Character_select ul li.cs01 a:after {background-color:#9f384a;}
#Character_select ul li.cs02 a:after {background-color:#5c83b9;}
#Character_select ul li.cs03 a:after {background-color:#ce94bb;}
#Character_select ul li.cs04 a:after {background-color:#9f462a;}
#Character_select ul li.cs05 a:after {background-color:#488fd5;}
#Character_select ul li.cs06 a:after {background-color:#364e65;}
#Character_select ul li.cs07 a:after {background-color:#c62529;}
#Character_select ul li.cs08 a:after {background-color:#ee8fa1;}
#Character_select ul li.cs09 a:after {background-color:#f39800;}
#Character_select ul li.cs10 a:after {background-color:#cc9f00;}

#Character_select ul li.cspt01 a:after {background-color:#475a95;}
#Character_select ul li.cspt02 a:after {background-color:#6d4f8b;}
#Character_select ul li.cspt03 a:after {background-color:#8caed4;}
#Character_select ul li.cspt04 a:after {background-color:#ffcb00;}
#Character_select ul li.cspt05 a:after {background-color:#f969a4;}
#Character_select ul li.cspt06 a:after {background-color:#d10303;}
#Character_select ul li.cspt07 a:after {background-color:#548fa1;}
#Character_select ul li.cspt08 a:after {background-color:#bd6765;}
#Character_select ul li.cspt09 a:after {background-color:#d594c8;}
#Character_select ul li.cspt10 a:after {background-color:#b1cd68;}

#Character_select ul li.csfr01 a:after {background-color:#373333;}
#Character_select ul li.csfr02 a:after {background-color:#845a8b;}
#Character_select ul li.csfr03 a:after {background-color:#c24971;}
#Character_select ul li.csfr04 a:after {background-color:#fae840;}
#Character_select ul li.csfr05 a:after {background-color:#c48a51;}
#Character_select ul li.csfr06 a:after {background-color:#e88ab0;}
#Character_select ul li.csfr07 a:after {background-color:#97adee;}
/*#Character_select ul li.csfr08 a:after {background-color:#bd6765;}
#Character_select ul li.csfr09 a:after {background-color:#d594c8;}
#Character_select ul li.csfr10 a:after {background-color:#b1cd68;}*/

#Character_select ul li a:hover:after {
	margin-right:70px;
	margin-bottom:70px;
}

/* CHARA_TAB */

/*タブ切り替え全体のスタイル*/
.tabs {
	width: 100%;
	margin: 0 auto;}

/*タブのスタイル*/

.tabselect_left {
	width: calc(50% - 550px);
	height:120px;
	float: left;
	border-right:1px solid #bfbfbf;
	margin-right:3px;
}

.tabselect_right {
	width: 1px;
	height:120px;
	float: left;
	border-left:1px solid #bfbfbf;
}

.tab_item {
	width: 362px;
	height: 100px;
	background-color: #d9d9d9;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.2s ease;
	margin:0 auto;
	margin-right:3px;
	text-indent: -9999px;
	position: relative;
}

.tab_item p {
	display: none;
}

.click_gcr:hover , .click_pt:hover, .click_fruit:hover {
	opacity: 0.6;
}

.click_gcr {background:url("../img/chara/series_select01.png") left top no-repeat; cursor:pointer;}
.click_pt {background:url("../img/chara/series_select02.png") left top no-repeat; cursor:pointer;}
.click_fruit {background:url("../img/chara/series_select03.png") left top no-repeat; cursor:pointer;}

.click_fruit:after {
	content: "";
	display:block;
	width: 10px;
	height:120px;
	border-right:1px solid #bfbfbf;
	position: absolute;
	right:-4px;
	top:0;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#sel_gcr:checked ~ #tab_gcr,
#sel_pt:checked ~ #tab_pt,
#sel_fruit:checked ~ #tab_fruit {
  display: block;
}

/*選択されているタブのスタイルを変える*/
/*.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}*/

/* SPECIAL */

#Special {
	position: relative;
	background:url("../img/special_bg.png") left top repeat;
	box-shadow:0 -10px 10px rgba(0,0,0,1) inset;
}

.special_dot {
	width:100%;
	background:url("../img/special_pt.png") center center repeat;
	background-size:cover;
}

.special_body {
	padding:70px 0;
	width:1100px;
	margin:0 auto;
}

.special_head {
	background:url("../img/special_head.png") left top no-repeat;
	width:420px;
	height:83px;
	position: relative;
	display: block;
	margin-bottom:70px;
}

.special_list {
	width:1050px;
	margin:0 auto;
}

.special_list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.special_list ul li {
	margin-bottom:32px;
	background-color:#fff;
}

.special_list ul li a img {
	opacity: 1;
	transition: all 0.3s;
}

.special_list ul li a:hover img {
	opacity: 0.6;
}

/* アウトライン */

#Outline {
	background:#000;
	position: relative;
	
}

#Outline:before {
	content: "";
	position: absolute;
	background:url("../img/outline_left.jpg") left top no-repeat;
	width:993px;
	height:611px;
	left:0;
	top:0;
	z-index:10;
}

#Outline:after {
	content: "";
	position: absolute;
	background:url("../img/outline_right.jpg") left top no-repeat;
	width:633px;
	height:642px;
	right:0;
	bottom:0;
	z-index:15;
}

.mem {
	background:url("../img/mem_right.png") right top repeat-y;
	padding:48px 0;
	position: relative;
	z-index: 20;
	overflow: hidden;
}

.mem:before {
	content: "";
	background:url("../img/mem_left.png") left top repeat-y;
	width:13px;
	height:2000px;
	position: absolute;
	left:0;
	top:0;
}

.catch {
	background:url("../img/catch.png") left top no-repeat;
	width:1100px;
	height:173px;
	margin:0 auto 48px;
}

.catch p {
	display: none;
}

.outline {
	width:660px;
	color:#fff;
	margin:0 auto;
	border:1px solid #fff;
	padding:4px;
	position: relative;
}

.outline_wrap {
	border:1px solid #fff;
	background:url("../img/outline_bg2.png") left top repeat;
	box-sizing: border-box;
	padding:20px;
	font-size:1.6rem;
}

.outline_wrap dl {
	display: flex;
}

.outline_wrap dl dt {
	width:40%;
	padding:10px 0;
	text-align: right;
}

.outline_wrap dl dd {
	width:60%;
	text-align: left;
	padding:10px 0;
	font-family: 'Noto Sans JP', sans-serif;
}

.outline table {
	width:492px;
	line-height: 28px;
	font-size:1.6rem;
}

.outline table th {
	width:176px;
	text-align: right;
}

.outline table td {
	width:316px;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
}

.release {
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	font-size:2.4rem;
	width:1000px;
	margin:0 auto 64px;
	line-height: 64px;
	border-bottom:1px solid #fff;
}

.anime_banner {
	width:910px;
	height:170px;
	margin:0 auto 12px;
}

.anime_txt {
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	font-size:2.2rem;
	width:1000px;
	margin:0 auto 48px;
}

.anime_banner a {
	background:url("../img/anime_banner.jpg") left top no-repeat;
	width:910px;
	height:170px;
	display: block;
	transition: all 0.3s;
}

.anime_banner a:hover {
	opacity: 0.6;
}

.recruit_link {
	width:600px;
	height:100px;
	border:3px solid #909090;
	margin:0 auto 80px;
	background-color:#fff;
}

.recruit_link a {
	background:url("../img/recruit_link.png") center top no-repeat;
	width:600px;
	height:100px;
	display: block;
	transition: all 0.3s;
}

.recruit_link a:hover {
	opacity: 0.6;
}

/* フッター */

footer {
	width:100%;
	padding:48px 0;
	color:#fff;
	font-size:1.5rem;
	border-top:10px solid #bababa;
	background-color:#1e1e1e;
}

.foot_logo_wrap {
	width:420px;
	display: flex;
	justify-content: space-between;
	margin:0 auto 24px;
}

.fw_logo {
	background:url("../img/logo_fw.png") left top no-repeat;
	background-size:contain;
	width:186px;
	height:42px;
	margin:0 auto 8px;
}

.bsm_logo {
	background:url("../img/logo_bsm.png") left top no-repeat;
	background-size:contain;
	width:186px;
	height:42px;
}

/* サブページ汎用 */

#Sub_head {
	width:100%;
	height:300px;
}

/* キャラ個別ページ */

#Chara {
	width:100%;
	padding-top:160px;
	position: relative;
}

.chara_select {
	width:100%;
	position: absolute;
	left:0;
	top:140px;
}

.chara_select ul {
	display: flex;
	width:1100px;
	margin:0 auto;
	justify-content: space-between;
}

.chara_select ul li {
	width:80px;
	height:80px;
	background-color:#fff;
	box-shadow:10px 10px 0 rgba(0,0,0,0.2);
}

.chara_select ul li a {
	width:80px;
	height:80px;
	background-size:cover;
	display:block;
	transition: all 0.3s;
}

.chara_select ul li a:hover {
	opacity: 0.6;
}

.chara_select ul li em {
	width:80px;
	height:80px;
	background-size:cover;
	display:block;
}

.sel00 em {background:url("../img/chara/cs00.jpg") center top no-repeat;}
.sel01 a {background:url("../img/chara/cs01.jpg") center top no-repeat;}
.sel02 a {background:url("../img/chara/cs02.jpg") center top no-repeat;}
.sel03 a {background:url("../img/chara/cs03.jpg") center top no-repeat;}
.sel04 a {background:url("../img/chara/cs04.jpg") center top no-repeat;}
.sel05 a {background:url("../img/chara/cs05.jpg") center top no-repeat;}
.sel06 a {background:url("../img/chara/cs06.jpg") center top no-repeat;}
.sel07 a {background:url("../img/chara/cs07.jpg") center top no-repeat;}
.sel08 a {background:url("../img/chara/cs08.jpg") center top no-repeat;}
.sel09 a {background:url("../img/chara/cs09.jpg") center top no-repeat;}
.sel10 a {background:url("../img/chara/cs10.jpg") center top no-repeat;}

.sel_pt01 a {background:url("../img/chara/cs_pt01.jpg") center top no-repeat;}
.sel_pt02 a {background:url("../img/chara/cs_pt02.jpg") center top no-repeat;}
.sel_pt03 a {background:url("../img/chara/cs_pt03.jpg") center top no-repeat;}
.sel_pt04 a {background:url("../img/chara/cs_pt04.jpg") center top no-repeat;}
.sel_pt05 a {background:url("../img/chara/cs_pt05.jpg") center top no-repeat;}
.sel_pt06 a {background:url("../img/chara/cs_pt06.jpg") center top no-repeat;}
.sel_pt07 a {background:url("../img/chara/cs_pt07.jpg") center top no-repeat;}
.sel_pt08 a {background:url("../img/chara/cs_pt08.jpg") center top no-repeat;}
.sel_pt09 a {background:url("../img/chara/cs_pt09.jpg") center top no-repeat;}
.sel_pt10 a {background:url("../img/chara/cs_pt10.jpg") center top no-repeat;}

.sel_fr01 a {background:url("../img/chara/cs_fr01.jpg") center top no-repeat;}
.sel_fr02 a {background:url("../img/chara/cs_fr02.jpg") center top no-repeat;}
.sel_fr03 a {background:url("../img/chara/cs_fr03.jpg") center top no-repeat;}
.sel_fr04 a {background:url("../img/chara/cs_fr04.jpg") center top no-repeat;}
.sel_fr05 a {background:url("../img/chara/cs_fr05.jpg") center top no-repeat;}
.sel_fr06 a {background:url("../img/chara/cs_fr06.jpg") center top no-repeat;}
.sel_fr07 a {background:url("../img/chara/cs_fr07.jpg") center top no-repeat;}
.sel_fr08 a {background:url("../img/chara/cs_fr08.jpg") center top no-repeat;}
.sel_fr09 a {background:url("../img/chara/cs_fr09.jpg") center top no-repeat;}
.sel_fr10 a {background:url("../img/chara/cs_fr10.jpg") center top no-repeat;}

.chara_body {
	width:100%;
	height:1200px;
}

.chara_stand {
	width:100%;
	height:1200px;
}

.chara_txt {
	width:100%;
	height:1200px;
}

.chara_txt p {display: none;}

.chara_voice {
	position: absolute;
	left:50%;
	margin-left:-180px;
	top:590px;
	z-index:100;
}

.chara_voice ul {
	display: flex;
	justify-content: space-between;
	width:380px;
}

.chara_voice ul li {
	width:120px;
	height:24px;
}

.chara_voice ul li a {
	display: block;
	width:120px;
	height:24px;
	background-color:#000;
	text-indent:-9999px;
	overflow: hidden;
	transition: all 0.3s;
	position: relative;
}

.chara_voice ul li a:before {
	content:"";
	width:120px;
	height:24px;
	background:url("../img/chara/voice_b.png") left top no-repeat;
	position: absolute;
	left:0;
	top:0;
}

#Chara01 {background:url("../img/chara/chara01_bg.png") center top no-repeat;}
#Chara01 .chara_stand {background:url("../img/chara/chara01_stand.png") center top no-repeat;}
#Chara01 .chara_txt {background:url("../img/chara/chara01_txt.png") center top no-repeat;}

#Chara02 {background:url("../img/chara/chara02_bg.png") center top no-repeat;}
#Chara02 .chara_stand {background:url("../img/chara/chara02_stand.png") center top no-repeat;}
#Chara02 .chara_txt {background:url("../img/chara/chara02_txt.png") center top no-repeat;}

#Chara03 {background:url("../img/chara/chara03_bg.png") center top no-repeat;}
#Chara03 .chara_stand {background:url("../img/chara/chara03_stand.png") center top no-repeat;}
#Chara03 .chara_txt {background:url("../img/chara/chara03_txt.png") center top no-repeat;}

#Chara04 {background:url("../img/chara/chara04_bg.png") center top no-repeat;}
#Chara04 .chara_stand {background:url("../img/chara/chara04_stand.png") center top no-repeat;}
#Chara04 .chara_txt {background:url("../img/chara/chara04_txt.png") center top no-repeat;}

#Chara05 {background:url("../img/chara/chara05_bg.png") center top no-repeat;}
#Chara05 .chara_stand {background:url("../img/chara/chara05_stand.png") center top no-repeat;}
#Chara05 .chara_txt {background:url("../img/chara/chara05_txt.png") center top no-repeat;}

#Chara06 {background:url("../img/chara/chara06_bg.png") center top no-repeat;}
#Chara06 .chara_stand {background:url("../img/chara/chara06_stand.png") center top no-repeat;}
#Chara06 .chara_txt {background:url("../img/chara/chara06_txt.png") center top no-repeat;}

#Chara07 {background:url("../img/chara/chara07_bg.png") center top no-repeat;}
#Chara07 .chara_stand {background:url("../img/chara/chara07_stand.png") center top no-repeat;}
#Chara07 .chara_txt {background:url("../img/chara/chara07_txt.png") center top no-repeat;}

#Chara08 {background:url("../img/chara/chara08_bg.png") center top no-repeat;}
#Chara08 .chara_stand {background:url("../img/chara/chara08_stand.png") center top no-repeat;}
#Chara08 .chara_txt {background:url("../img/chara/chara08_txt.png") center top no-repeat;}

#Chara09 {background:url("../img/chara/chara09_bg.png") center top no-repeat;}
#Chara09 .chara_stand {background:url("../img/chara/chara09_stand.png") center top no-repeat;}
#Chara09 .chara_txt {background:url("../img/chara/chara09_txt.png") center top no-repeat;}

#Chara10 {background:url("../img/chara/chara10_bg.png") center top no-repeat;}
#Chara10 .chara_stand {background:url("../img/chara/chara10_stand.png") center top no-repeat;}
#Chara10 .chara_txt {background:url("../img/chara/chara10_txt.png") center top no-repeat;}

#Chara01 .chara_voice ul li a {background-color:#9f384a;}
#Chara02 .chara_voice ul li a {background-color:#5c83b9;}
#Chara03 .chara_voice ul li a {background-color:#ce94bb;}
#Chara04 .chara_voice ul li a {background-color:#9f462a;}
#Chara05 .chara_voice ul li a {background-color:#488fd5;}
#Chara06 .chara_voice ul li a {background-color:#364e65;}
#Chara07 .chara_voice ul li a {background-color:#c62529;}
#Chara08 .chara_voice ul li a {background-color:#ee8fa1;}
#Chara09 .chara_voice ul li a {background-color:#f39800;}
#Chara10 .chara_voice ul li a {background-color:#cc9f00;}

#Chara_pt01 {background:url("../img/chara/chara_pt01_bg.png") center top no-repeat;}
#Chara_pt01 .chara_stand {background:url("../img/chara/chara_pt01_stand.png") center top no-repeat;}
#Chara_pt01 .chara_txt {background:url("../img/chara/chara_pt01_txt.png") center top no-repeat;}

#Chara_pt02 {background:url("../img/chara/chara_pt02_bg.png") center top no-repeat;}
#Chara_pt02 .chara_stand {background:url("../img/chara/chara_pt02_stand.png") center top no-repeat;}
#Chara_pt02 .chara_txt {background:url("../img/chara/chara_pt02_txt.png") center top no-repeat;}

#Chara_pt03 {background:url("../img/chara/chara_pt03_bg.png") center top no-repeat;}
#Chara_pt03 .chara_stand {background:url("../img/chara/chara_pt03_stand.png") center top no-repeat;}
#Chara_pt03 .chara_txt {background:url("../img/chara/chara_pt03_txt.png") center top no-repeat;}

#Chara_pt04 {background:url("../img/chara/chara_pt04_bg.png") center top no-repeat;}
#Chara_pt04 .chara_stand {background:url("../img/chara/chara_pt04_stand.png") center top no-repeat;}
#Chara_pt04 .chara_txt {background:url("../img/chara/chara_pt04_txt.png") center top no-repeat;}

#Chara_pt05 {background:url("../img/chara/chara_pt05_bg.png") center top no-repeat;}
#Chara_pt05 .chara_stand {background:url("../img/chara/chara_pt05_stand.png") center top no-repeat;}
#Chara_pt05 .chara_txt {background:url("../img/chara/chara_pt05_txt.png") center top no-repeat;}

#Chara_pt06 {background:url("../img/chara/chara_pt06_bg.png") center top no-repeat;}
#Chara_pt06 .chara_stand {background:url("../img/chara/chara_pt06_stand.png") center top no-repeat;}
#Chara_pt06 .chara_txt {background:url("../img/chara/chara_pt06_txt.png") center top no-repeat;}

#Chara_pt07 {background:url("../img/chara/chara_pt07_bg.png") center top no-repeat;}
#Chara_pt07 .chara_stand {background:url("../img/chara/chara_pt07_stand.png") center top no-repeat;}
#Chara_pt07 .chara_txt {background:url("../img/chara/chara_pt07_txt.png") center top no-repeat;}

#Chara_pt08 {background:url("../img/chara/chara_pt08_bg.png") center top no-repeat;}
#Chara_pt08 .chara_stand {background:url("../img/chara/chara_pt08_stand.png") center top no-repeat;}
#Chara_pt08 .chara_txt {background:url("../img/chara/chara_pt08_txt.png") center top no-repeat;}

#Chara_pt09 {background:url("../img/chara/chara_pt09_bg.png") center top no-repeat;}
#Chara_pt09 .chara_stand {background:url("../img/chara/chara_pt09_stand.png") center top no-repeat;}
#Chara_pt09 .chara_txt {background:url("../img/chara/chara_pt09_txt.png") center top no-repeat;}

#Chara_pt10 {background:url("../img/chara/chara_pt10_bg.png") center top no-repeat;}
#Chara_pt10 .chara_stand {background:url("../img/chara/chara_pt10_stand.png") center top no-repeat;}
#Chara_pt10 .chara_txt {background:url("../img/chara/chara_pt10_txt.png") center top no-repeat;}

#Chara_pt01 .chara_voice ul li a {background-color:#475a95;}
#Chara_pt02 .chara_voice ul li a {background-color:#6d4f8b;}
#Chara_pt03 .chara_voice ul li a {background-color:#8caed4;}
#Chara_pt04 .chara_voice ul li a {background-color:#ffcb00;}
#Chara_pt05 .chara_voice ul li a {background-color:#f969a4;}
#Chara_pt06 .chara_voice ul li a {background-color:#d10303;}
#Chara_pt07 .chara_voice ul li a {background-color:#548fa1;}
#Chara_pt08 .chara_voice ul li a {background-color:#bd6765;}
#Chara_pt09 .chara_voice ul li a {background-color:#d594c8;}
#Chara_pt10 .chara_voice ul li a {background-color:#b1cd68;}

#Chara_fr01 {background:url("../img/chara/chara_fr01_bg.png") center top no-repeat;}
#Chara_fr01 .chara_stand {background:url("../img/chara/chara_fr01_stand.png") center top no-repeat;}
#Chara_fr01 .chara_txt {background:url("../img/chara/chara_fr01_txt.png") center top no-repeat;}

#Chara_fr02 {background:url("../img/chara/chara_fr02_bg.png") center top no-repeat;}
#Chara_fr02 .chara_stand {background:url("../img/chara/chara_fr02_stand.png") center top no-repeat;}
#Chara_fr02 .chara_txt {background:url("../img/chara/chara_fr02_txt.png") center top no-repeat;}

#Chara_fr03 {background:url("../img/chara/chara_fr03_bg.png") center top no-repeat;}
#Chara_fr03 .chara_stand {background:url("../img/chara/chara_fr03_stand.png") center top no-repeat;}
#Chara_fr03 .chara_txt {background:url("../img/chara/chara_fr03_txt.png") center top no-repeat;}

#Chara_fr04 {background:url("../img/chara/chara_fr04_bg.png") center top no-repeat;}
#Chara_fr04 .chara_stand {background:url("../img/chara/chara_fr04_stand.png") center top no-repeat;}
#Chara_fr04 .chara_txt {background:url("../img/chara/chara_fr04_txt.png") center top no-repeat;}

#Chara_fr05 {background:url("../img/chara/chara_fr05_bg.png") center top no-repeat;}
#Chara_fr05 .chara_stand {background:url("../img/chara/chara_fr05_stand.png") center top no-repeat;}
#Chara_fr05 .chara_txt {background:url("../img/chara/chara_fr05_txt.png") center top no-repeat;}

#Chara_fr06 {background:url("../img/chara/chara_fr06_bg.png") center top no-repeat;}
#Chara_fr06 .chara_stand {background:url("../img/chara/chara_fr06_stand.png") center top no-repeat;}
#Chara_fr06 .chara_txt {background:url("../img/chara/chara_fr06_txt.png") center top no-repeat;}

#Chara_fr07 {background:url("../img/chara/chara_fr07_bg.png") center top no-repeat;}
#Chara_fr07 .chara_stand {background:url("../img/chara/chara_fr07_stand.png") center top no-repeat;}
#Chara_fr07 .chara_txt {background:url("../img/chara/chara_fr07_txt.png") center top no-repeat;}

/*#Chara_fr08 {background:url("../img/chara/chara_fr08_bg.png") center top no-repeat;}
#Chara_fr08 .chara_stand {background:url("../img/chara/chara_fr08_stand.png") center top no-repeat;}
#Chara_fr08 .chara_txt {background:url("../img/chara/chara_fr08_txt.png") center top no-repeat;}

#Chara_fr09 {background:url("../img/chara/chara_fr09_bg.png") center top no-repeat;}
#Chara_fr09 .chara_stand {background:url("../img/chara/chara_fr09_stand.png") center top no-repeat;}
#Chara_fr09 .chara_txt {background:url("../img/chara/chara_fr09_txt.png") center top no-repeat;}

#Chara_fr10 {background:url("../img/chara/chara_fr10_bg.png") center top no-repeat;}
#Chara_fr10 .chara_stand {background:url("../img/chara/chara_fr10_stand.png") center top no-repeat;}
#Chara_fr10 .chara_txt {background:url("../img/chara/chara_fr10_txt.png") center top no-repeat;}*/

#Chara_fr01 .chara_voice ul li a {background-color:#373333;}
#Chara_fr02 .chara_voice ul li a {background-color:#845a8b;}
#Chara_fr03 .chara_voice ul li a {background-color:#c24971;}
#Chara_fr04 .chara_voice ul li a {background-color:#fae840;}
#Chara_fr05 .chara_voice ul li a {background-color:#c48a51;}
#Chara_fr06 .chara_voice ul li a {background-color:#e88ab0;}
#Chara_fr07 .chara_voice ul li a {background-color:#97adee;}
/*#Chara_fr08 .chara_voice ul li a {background-color:#bd6765;}
#Chara_fr09 .chara_voice ul li a {background-color:#d594c8;}
#Chara_fr10 .chara_voice ul li a {background-color:#b1cd68;}*/

.chara_voice ul li a:hover {
	background-color:#000!important;
}

/* リクルートページ */

.head_recruit {
	width:100%;
	height:300px;
	background:url("../img/head_rec.jpg") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

#Recruit {
	
}

.rec_about {
	width:800px;
	margin:48px auto 48px;
	color:#262626;
	font-size:1.7rem;
	text-align: left;
	line-height: 28px;
}

.rec_menu {
	width:800px;
	margin:0 auto 48px;
	color:#262626;
	font-size:1.7rem;
	text-align: left;
	line-height: 28px;
}

.rec_menu a {
	color:rgba(0,196,228,1.00);
	text-decoration: none;
}

.rec_menu a:hover {
	text-decoration: underline;
}

.rec_menu li {
	position: relative;
	list-style: none;
	list-style-position: outside;
	margin-left:24px;
}

.rec_menu li:before {
	content: "・";
	position: absolute;
	left:-24px;
}

.rec_title {
	width:800px;
	margin:0 auto 48px;
	color:#262626;
}

.rec_title h4 {
	border-left:5px solid #262626;
	border-bottom:1px solid #262626;
	line-height: 48px;
	font-size:2.6rem;
	font-weight: bold;
	text-align: left;
	text-indent: 36px;
}

.rec_table {
	width:800px;
	margin:0 auto 80px;
	box-sizing: border-box;
}

.rec_table table {
	width:100%;
	margin-bottom:24px;
}

.rec_table table strong {
	font-weight: bold;
}

.rec_table th {
	width:25%;
	padding:8px;
	border:1px solid rgba(172,172,172,1.00);
	font-size:1.6rem;
	background:rgba(85,85,85,1.00);
	color:#fff;
	line-height: 28px;
}

.rec_table td {
	width:75%;
	padding:8px;
	text-align: left;
	border:1px solid rgba(172,172,172,1.00);
	font-size:1.7rem;
	background:rgba(227,227,227,1.00);
	color:#000;
}

.rec_table td li {
	position: relative;
	list-style: none;
	list-style-position: outside;
	margin-left:24px;
	color:#262626;
	line-height: 28px;
}

.rec_table td li:before {
	content: "・";
	position: absolute;
	left:-24px;
}

.rec_backlogo {
	width:497px;
	height:226px;
	margin:0 auto 48px;
}

.rec_backlogo a {
	background:url("../img/logo.png") center top no-repeat;
	width:497px;
	height:226px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	transition: all 0.3s;
}

.rec_backlogo a:hover {
	opacity: 0.6;
}

.small {
	font-size:75%;
	line-height: 16px!important;
}


/* スペシャルページ */

.special_page {
	padding-top:70px;
	min-height: 70vh;
}

.spacer {
	font-size:2rem;
	color:rgba(215,215,215,1.00);
	margin:60px 0;
	text-align:center;
}

/* インタビュー*/

.head_interview {
	width:100%;
	height:300px;
	background:url("../img/interview/head_interview.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

.interview_body {
	width:1100px;
	margin:0 auto;
}

.iv_head01 {
	background:url("../img/interview/head_c01.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head02 {
	background:url("../img/interview/head_c02.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head03 {
	background:url("../img/interview/head_c03.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head04 {
	background:url("../img/interview/head_c04.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head05 {
	background:url("../img/interview/head_c05.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head06 {
	background:url("../img/interview/head_c06.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head07 {
	background:url("../img/interview/head_c07.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head08 {
	background:url("../img/interview/head_c08.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head09 {
	background:url("../img/interview/head_c09.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head10 {
	background:url("../img/interview/head_c10.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr01 {
	background:url("../img/interview/head_fr01.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr02 {
	background:url("../img/interview/head_fr02.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr03 {
	background:url("../img/interview/head_fr03.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr04 {
	background:url("../img/interview/head_fr04.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr05 {
	background:url("../img/interview/head_fr05.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr06 {
	background:url("../img/interview/head_fr06.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.iv_head_fr07 {
	background:url("../img/interview/head_fr07.jpg") left top no-repeat;
	width:1100px;
	height:100px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:36px;
}

.ques {
	color:rgba(100,100,100,1.00);
	font-size:1.5rem;
	text-shadow:0 0 6px rgba(104,104,104,0.3);
	text-align:left;
	line-height:24px;
	margin-bottom:24px;
	font-weight:bold;
	
}

.ques strong {
	font-size:2.2rem;
	font-weight:bold;
	color:rgba(173,173,173,1.00);
}

.ans {
	color:rgba(100,100,100,1.00);
	font-size:1.6rem;
	text-align:left;
	border:1px solid rgba(100,100,100,1.00);
	padding:24px;
	margin-bottom:24px;
	box-shadow:4px 4px 0 rgba(100,100,100,0.5);
	background-color:#fff;
}

/* ボイスコメント */

.head_vomment {
	width:100%;
	height:300px;
	background:url("../img/vomment/head_vomment.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

.vomment_body {
	padding:0 0 70px;
	width:1100px;
	margin:0 auto;
	min-height: 50vh;
}

/* 事前登録 */

.head_preregi {
	width:100%;
	height:300px;
	background:url("../img/pre_regi.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

.preorder_box {
	color:rgba(100,100,100,1.00);
	font-size:1.6rem;
	line-height: 1.8;
}

.description {
	width:900px;
	padding:24px;
	margin:0 auto 36px;
	border:1px solid rgba(100,100,100,1.00);
	background-color:rgba(255,255,255,1.00);
}

.description a {
	color:rgba(44,102,171,1.00);
	text-decoration: none;
}

.description a:hover {
	text-decoration: underline;
}

.dl-button {
	width:200px;
	line-height:36px;
	border-radius: 5px;
	padding:8px;
	border:1px solid rgba(100,100,100,1.00);
	background-color:rgba(229,229,229,1.00);
	font-size:1.8rem;
	font-weight: bold;
	transition: all 0.3s;
}

.preorder_box hr {
	width:1000px;
	border:none;
	border-top: 1px dashed #8c8b8b;
	margin:24px auto;
}

.dl-table {
	width:600px;
	margin:0 auto;
	font-size:1.7rem;
}

.dl-table tr th{
	width:200px;
}

.dl-table tr td{
	width:400px;
}

.dl-table tr td input {
	width:100%;
	line-height: 32px;
	padding:4px;
	border-radius: 5px;
	border:1px solid rgba(100,100,100,1.00)
}

.dl-button:hover {
	background-color:rgba(115,170,200,1.00);
	color:#fff;
}

/* プライバシーポリシー */

.head_privacy {
	width:100%;
	height:300px;
	background:url("../img/head_privacy.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

.privacy_body {
	width:1000px;
	margin:0 auto 120px;
}

.privacy_body h6 {
	width:100%;
	margin:0 auto 72px;
	font-size:2.2rem;
	text-align: left;
	font-weight: bold;
	color:#555f7a;
	background: linear-gradient(transparent 60%, #E3E3E3 0%);
}

.privacy_body p {
	width:100%;
	margin:0 auto 48px;
	font-size:1.7rem;
	text-align: left;
	line-height: 1.8;
	color:#555f7a;
}

.privacy_body a {
	color:deepskyblue;
	text-decoration: none;
}

.privacy_body a:hover {
	color:deepskyblue;
	text-decoration: underline;
}

.privacy_body table {
	background-color:#fff;
	width:90%;
	margin:0 auto 48px;
	font-size:1.7rem;
	color:#555f7a;
	line-height: 1.8;
	position: relative;
}

.privacy_body table th.line1 {width:30%;}
.privacy_body table th.line2 {width:70%;}

.privacy_body table tr {
	border:1px solid #E3E3E3;
}

.privacy_body table th {
	box-sizing: border-box;
	border:1px solid #E3E3E3;
	padding:12px;
	text-align: center;
	font-weight: bold;
	background-color:rgba(243,243,243,1.00);
}

.privacy_body table td {
	box-sizing: border-box;
	border:1px solid #E3E3E3;
	padding:12px;
	text-align: left;
}

/* サポート */

.head_support {
	width:100%;
	height:300px;
	background:url("../img/head_support.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

/* ニュース　*/

.head_news {
	width:100%;
	height:300px;
	background:url("../news/head_news.png") center bottom no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

.news_body {
	width:1000px;
	margin:0 auto 72px;
}

.news_block {
	width:1000px;
	box-sizing: border-box;
	padding:32px 60px;
	background-color:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	text-align: center;
}

.nw_day {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.8rem;
	color:rgba(20,181,179,1.00);
	margin-bottom:12px;
	text-align: left;
}

.news_block h3 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2.5rem;
	color:rgba(41,41,41,1.00);
	border-bottom:1px dotted rgba(20,181,179,1.00);
	padding-bottom:16px;
	margin-bottom:48px;
	text-align: left;
}

.news_block h4 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:2.1rem;
	width:100%;
	border-left:10px solid rgba(20,181,179,1.00);
	border-bottom:1px solid rgba(20,181,179,1.00);
	color:rgba(20,181,179,1.00);
	padding:6px 6px 6px 24px;
	margin-bottom:40px;
	box-sizing: border-box;
	text-align: left;
}

.news_block h5 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.8rem;
	color:rgba(62,62,62,1.00);
	border-top:1px solid rgba(20,181,179,1.00);
	border-bottom:1px solid rgba(20,181,179,1.00);
	padding:4px 4px 4px 12px;
	margin-bottom:40px;
	background-color:rgba(242,251,251,1.00);
	text-align: left;
}

.news_block p {
	font-size:1.8rem;
	line-height: 1.7;
	color:rgba(41,41,41,1.00);
	margin-bottom:40px;
	text-align: left;
}

.news_block a {
	font-weight: bold;
	text-decoration: underline;
	color:rgba(20,181,179,1.00);
}

.news_block a:hover {
	text-decoration: none;
}

.news_block ul {
	margin-bottom:40px;
	padding-left:24px;
	text-align: left;
}

.news_block ul li {
	font-size:1.8rem;
	line-height: 1.7;
	color:rgba(41,41,41,1.00);
	list-style-type: disc;
}

.news_block blockquote {
	font-size:1.8rem;
	line-height: 1.7;
	color:rgba(41,41,41,1.00);
	margin-bottom:40px;
	padding:24px;
	box-sizing: border-box;
	border:1px solid rgba(191,191,191,1.00);
	background-color:rgba(245,251,251,1.00);
	text-align: left;
}

.imgbox {
	display: inline-block;
	padding:20px;
	background-color:#fff;
	position: relative;
	box-shadow:0 0 10px rgba(20,181,179,0.2);
	margin-bottom:40px;
}

.imgbox img {
	max-width: 100%;
}

.t_red {color:red;}
.t_orange {color:orange;}
.t_blue {color:blue;}
.t_pink {color:rgba(255,0,110,1.00);}

.t_small {font-size:1.5rem!important;}

.news_block strong {
	font-weight: bold;
}

.news_block em {
	font-style: italic;
}

.news_block table {
	width:100%;
	box-sizing: border-box;
	font-size:1.8rem;
	line-height: 1.7;
	color:rgba(41,41,41,1.00);
	margin-bottom:40px;
	border:1px solid rgba(191,191,191,1.00);
	table-layout: fixed;
}

.news_block table tr th {
	background-color:rgba(20,181,179,1.00);
	padding:6px;
	color:#fff;
	text-align: center;
	border:1px solid rgba(191,191,191,1.00);
	font-weight: bold;
	font-size:1.6rem;
}

.news_block table tr td {
	background-color:#fff;
	padding:6px 16px;
	color:rgba(41,41,41,1.00);
	text-align: left;
	border:1px solid rgba(191,191,191,1.00);
}

.nw_movie {
	position: relative;
	margin:0 auto 40px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.nw_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	box-shadow:0 0 15px rgba(0,0,0,0.1);
}

.spacer {
	width:100%;
	height:48px;
}

#Play {
	width:100%;
	background-color:#000;
	position: relative;
}

#Play:after {
	content: "";
	background:url("../img/play/head.png") left top no-repeat;
	width:567px;
	height:84px;
	position: absolute;
	left:50%;
	margin-left:-550px;
	top:70px;
}

ul.play_wrap {
	width:100%;
	background-color:#000;
}

ul.play_wrap li {
	width:100%;
	box-sizing: border-box;
	padding:200px;
	position: relative;
}

ul.play_wrap li:after {
	content: "";
	background:url("../img/play/shadow.png") left top repeat;
	width:100%;
	height:964px;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
}

.play01 {background:url("../img/play/bg01.jpg") center center no-repeat;background-size:cover;}
.play02 {background:url("../img/play/bg02.jpg") center center no-repeat;background-size:cover;}
.play03 {background:url("../img/play/bg03.jpg") center center no-repeat;background-size:cover;}
.play04 {background:url("../img/play/bg04.jpg") center center no-repeat;background-size:cover;}
.play05 {background:url("../img/play/bg05.jpg") center center no-repeat;background-size:cover;}
.play06 {background:url("../img/play/bg01.jpg") center center no-repeat;background-size:cover;}
.play07 {background:url("../img/play/bg02.jpg") center center no-repeat;background-size:cover;}
.play08 {background:url("../img/play/bg03.jpg") center center no-repeat;background-size:cover;}
.play09 {background:url("../img/play/bg04.jpg") center center no-repeat;background-size:cover;}

.playbox {
	width:882px;
	height:564px;
	margin:0 auto;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 2px 10px rgba(0,0,0,0.7);
	position: relative;
	z-index: 50;
}

.play01 .playbox {	background:url("../img/play/01.jpg") left top no-repeat;}
.play02 .playbox {	background:url("../img/play/02.jpg") left top no-repeat;}
.play03 .playbox {	background:url("../img/play/03.jpg") left top no-repeat;}
.play04 .playbox {	background:url("../img/play/04.jpg") left top no-repeat;}
.play05 .playbox {	background:url("../img/play/05.jpg") left top no-repeat;}
.play06 .playbox {	background:url("../img/play/06.jpg") left top no-repeat;}
.play07 .playbox {	background:url("../img/play/07.jpg") left top no-repeat;}
.play08 .playbox {	background:url("../img/play/08.jpg") left top no-repeat;}
.play09 .playbox {	background:url("../img/play/09.jpg") left top no-repeat;}

#nvs01 {
	width:1100px;
	position: absolute;
	display: flex;
	justify-content: space-between;
	left:50%;
	margin-left:-550px;
	bottom:90px;
}

#nvs01 li {
	width:10%;
	position: relative;
	background-color:#fff;
	border-radius: 4px;
	box-shadow:0 2px 5px rgba(0,0,0,0.7);
}

#nvs01 li a {
	width:100%;
	padding-top:63%;
	display: block;
	border-radius: 4px;
	transition: all 0.3s;
}

#nvs01 li a:hover {
	opacity: 0.6;
}

#nvs01 li.pn01 a {background:url("../img/play/01.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn02 a {background:url("../img/play/02.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn03 a {background:url("../img/play/03.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn04 a {background:url("../img/play/04.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn05 a {background:url("../img/play/05.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn06 a {background:url("../img/play/06.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn07 a {background:url("../img/play/07.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn08 a {background:url("../img/play/08.jpg") center top no-repeat; background-size:cover;}
#nvs01 li.pn09 a {background:url("../img/play/09.jpg") center top no-repeat; background-size:cover;}

.news_list {
	width:100%;
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	margin:0 auto 0px;
	font-size:1.7rem;
	box-sizing: border-box;
	padding:32px 60px;
}

.news_list dl {
	display: flex;
	border-bottom:1px solid rgba(233,233,233,1.00);
}

.news_list dl dt {
	width:20%;
	padding:24px 0;
	font-weight: bold;
	color:#5F8F8D;
}

.news_list dl dd {
	width:80%;
	text-align: left;
	padding:24px 0;
}

.news_list dl dd a {
	text-decoration: none;
	color:deepskyblue;
}

.news_list dl dd a:hover {
	text-decoration: underline;
}

.news_return a {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	width:300px;
	line-height: 60px;
	background:rgba(20,181,179,1.00);
	color:#fff;
	font-size:1.8rem;
	text-decoration: none;
	margin:36px auto;
	transition: all 0.3s;
}

.news_return a:hover {
	opacity: 0.6;
}