@charset "UTF-8";

/** *********************** **/

/*
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
font-family: 'Shippori Mincho', serif;
	font-weight: 400;
font-family: 'Shippori Mincho', serif;
	font-weight: 500;
font-family: 'Shippori Mincho', serif;
	font-weight: 700;
*/

/** *********************** **/

html:after {
	content: "";
	background-image: url("/assets/pc_img/characters/seiga_bg_nl.jpg"),
	url("/assets/pc_img/characters/ryuga_bg_nl.jpg"),
	url("/assets/pc_img/characters/yashiro_bg_nl.jpg"),
	url("/assets/pc_img/characters/suminoe_bg_nl.jpg"),
	url("/assets/pc_img/characters/mariya_bg_nl.jpg"),
	url("/assets/pc_img/characters/bien_bg_nl.jpg"),
	url("/assets/pc_img/characters/hijiri_bg_nl.jpg"),
	url("/assets/pc_img/characters/yokozawa_bg_nl.jpg"),
	url("/assets/pc_img/characters/natsume_bg_nl.jpg"),    
	url("/assets/pc_img/characters/miyajima_bg_nl.jpg"),
	url("/assets/pc_img/characters/sai_bg_nl.jpg"),
	url("/assets/pc_img/characters/sakurai_bg_nl.jpg"),
	url("/assets/pc_img/characters/nagae_bg_nl.jpg"),
	url("/assets/pc_img/characters/yachi_bg_nl.jpg"),
    url("/assets/pc_img/characters/kagami_bg_nl.jpg")
}

/** *********************** **/

.second_title_wrap {
	width: 100%;
	height: 290px;
	background: url("/assets/pc_img/characters/common/cnt_title_bg.jpg") no-repeat;
	background-size: cover;
    border-bottom: 1px solid #ba9160;
    position: relative;
}
.second_title {
	width: 100%;
}
.second_title h2 {
	width: 189px;
	margin: 1px auto 60px auto;
    position: relative;
}
.second_title h2::after {
    content: "";
    width: 265px;
    height: 54px;
    background: url("/assets/pc_img/characters/common/cnt_title_en.png") no-repeat center bottom;
    background-size: 265px auto;
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -132px;
}
.second_title p {
   width: 115px;
    height: 41px;
    background: url("/assets/pc_img/common/cnt_title_txt_bg.png") no-repeat center center;
    background-size: 50px 41px;
    font-family: 'Shippori Mincho', serif;
	font-weight: 700;
    font-size: 14px;
    padding-top: 12px;
    text-align: center;
	margin: 0 auto;
    position: relative;
}
.second_title p::before,
.second_title p::after {
    content: '';
    position: absolute;
    top: 6px;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #ba9160;
} 
.second_title p::before,
.second_title p span::before {
    left: 0;
} 
.second_title p::after,
.second_title p span::after {
    right: 0;
}
.second_title p span {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.second_title p span::before,
.second_title p span::after {
    content: '';
    position: absolute;
    bottom: 6px;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #ba9160;
} 
.second_title ul {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
    height: 76px;
	text-align: center;
	font-size: 0;
}
.second_title li {
	width: 160px;
	height: 76px;
    background: url("/assets/pc_img/characters/common/group_tab_bg.png") no-repeat top center;
	background-size: 160px auto;
	display: inline-block;
	vertical-align: top;
    position: relative;
    margin-right: 6px;
}
.second_title li:nth-of-type(6) {
    margin-right: 0;
}
.second_title li a {
	width: 100%;
	height: 100%;
	display: block;
	padding-top: 18px;
}
.second_title li img {
	width: 114px !important;
	height: auto;
    position: relative;
    z-index: 10;
}

.second_title .seiga li:nth-of-type(1)::after,
.second_title .ryuga li:nth-of-type(1)::after,
.second_title .yashiro li:nth-of-type(1)::after,
.second_title .suminoe li:nth-of-type(1)::after,
.second_title .mariya li:nth-of-type(1)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}

.second_title .miyajima li:nth-of-type(2)::after,
.second_title .sai li:nth-of-type(2)::after,
.second_title .sakurai li:nth-of-type(2)::after,
.second_title .nagae li:nth-of-type(2)::after,
.second_title .yachi li:nth-of-type(2)::after,
.second_title .kagami li:nth-of-type(2)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}

.second_title .bien li:nth-of-type(3)::after,
.second_title .hijiri li:nth-of-type(3)::after,
.second_title .yokozawa li:nth-of-type(3)::after,
.second_title .natsume li:nth-of-type(3)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}

.second_title .yumesaki li:nth-of-type(6)::after,
.second_title .maki li:nth-of-type(6)::after,
.second_title .sagara li:nth-of-type(6)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}
.second_title .comingsoon01 li:nth-of-type(3)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}
.second_title .comingsoon02 li:nth-of-type(4)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}
.second_title .comingsoon03 li:nth-of-type(5)::after {
    content: "";
    width: 153px;
    height: 22px;
	background: #000;
    position: absolute;
    bottom: -1px;
    left: 4px;
    z-index: 5;
}

/** *********************** **/

.chara_list_wrap {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ba9160;
}
.chara_list {
	display: none;
}
.chara_list_wrap.seiga .seiga_menu {
	display: block;
}
.chara_list_wrap.ryuga .ryuga_menu {
	display: block;
}
.chara_list_wrap.yashiro .yashiro_menu {
	display: block;
}
.chara_list_wrap.suminoe .suminoe_menu {
	display: block;
}
.chara_list_wrap.mariya .mariya_menu {
	display: block;
}

.chara_list_wrap.miyajima .miyajima_menu {
	display: block;
}
.chara_list_wrap.sai .sai_menu {
	display: block;
}
.chara_list_wrap.sakurai .sakurai_menu {
	display: block;
}
.chara_list_wrap.nagae .nagae_menu {
	display: block;
}
.chara_list_wrap.yachi .yachi_menu {
	display: block;
}
.chara_list_wrap.kagami .kagami_menu {
	display: block;
}

.chara_list_wrap.bien .bien_menu {
	display: block;
}
.chara_list_wrap.hijiri .hijiri_menu {
	display: block;
}
.chara_list_wrap.yokozawa .yokozawa_menu {
	display: block;
}
.chara_list_wrap.natsume .natsume_menu {
	display: block;
}

.chara_list_wrap.yumesaki .yumesaki_menu {
	display: block;
}
.chara_list_wrap.maki .maki_menu {
	display: block;
}
.chara_list_wrap.sagara .sagara_menu {
	display: block;
}

.chara_list_wrap.comingsoon02 .comingsoon02_menu {
	display: block;
}
.chara_list_wrap.comingsoon03 .comingsoon03_menu {
	display: block;
}



.chara_list.chara_99 {
    height: 259px;
	background: #000 url("/assets/pc_img/characters/common/chara_list_bg.png") no-repeat bottom right;
    background-size: 1800px auto;
	padding-top: 28px;
	position: relative;
}
.chara_list.nova {
    height: 259px;
	background: #000 url("/assets/pc_img/characters/common/chara_list_bg.png") no-repeat bottom right;
    background-size: 1800px auto;
	padding-top: 20px;
	position: relative;
}
.chara_list.piena {
    height: 259px;
	background: #000 url("/assets/pc_img/characters/common/chara_list_bg.png") no-repeat bottom right;
    background-size: 1800px auto;
	padding-top: 20px;
	position: relative;
}
.chara_list.other {
    height: 259px;
	background: #000 url("/assets/pc_img/characters/common/chara_list_bg.png") no-repeat bottom right;
    background-size: 1800px auto;
	padding-top: 30px;
	position: relative;
}
.chara_list.comingsoon01,
.chara_list.comingsoon02,
.chara_list.comingsoon03 {
	height: 259px;
	background: #000 url("/assets/pc_img/characters/common/chara_list_bg.png") no-repeat bottom right;
    background-size: 1800px auto;
	padding-top: 110px;
	position: relative;
}

.chara_list.chara_99 h4 {
    width: 290px;
    margin: 0 auto 22px auto;
}
.chara_list.nova h4 {
    width: 165px;
    margin: 0 auto 16px auto;
}
.chara_list.piena h4 {
    width: 175px;
    margin: 0 auto 16px auto;
}
.chara_list.other h4 {
    width: 223px;
    margin: 0 auto 23px auto;
}
.chara_list.comingsoon01 h4,
.chara_list.comingsoon02 h4,
.chara_list.comingsoon03 h4 {
    width: 422px;
    margin: 0 auto;
}
.chara_list.chara_99 ul {
	width: 100%;
    text-align: center;
	font-size: 0;
}
.chara_list.chara_99 li {
	display: inline-block;
	vertical-align: top;
	width: 92px;
	height: 129px;
	margin-right: 15px;
	position: relative;
    border: 1px solid #ba9160;
}
.chara_list.chara_99 li:last-child {
	margin-right: 0;
}
.chara_list.nova ul {
	width: 100%;
    text-align: center;
	font-size: 0;
}
.chara_list.nova li {
	display: inline-block;
	vertical-align: top;
	width: 92px;
	height: 129px;
	margin-right: 15px;
    position: relative;
    border: 1px solid #ba9160;
}
.chara_list.nova li:last-child {
	margin-right: 0;
}
.chara_list.piena ul {
	width: 100%;
    text-align: center;
	font-size: 0;
}
.chara_list.piena li {
	display: inline-block;
	vertical-align: top;
	width: 92px;
	height: 129px;
	margin-right: 15px;
    position: relative;
    border: 1px solid #ba9160;
}
.chara_list.piena li:last-child {
	margin-right: 0;
}
.chara_list.other ul {
	width: 100%;
    text-align: center;
	font-size: 0;
}
.chara_list.other li {
	display: inline-block;
	vertical-align: top;
	width: 92px;
	height: 129px;
	margin-right: 15px;
    position: relative;
    border: 1px solid #ba9160;
}
.chara_list.other li:last-child {
	margin-right: 0;
}
.chara_list li a {
	display: block;
	width: 100%;
    height: 100%;
	/*position: relative;*/
}
/*.chara_list li::before {
	content: "";
	display: block;
	width: 90px;
    height: 127px;
	border: 1px solid #ba9160;
	position: absolute;
	top: 0;
	left: 0;
}*/
.chara_list li a.active::after {
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background: #ba9160 url("/assets/pc_img/characters/common/list_arrw.png") no-repeat center center;
	background-size: 24px auto;
	position: absolute;
	bottom: -12px;
	left: 50%;
	margin-left: -12px;
}
.chara_list li img {
	width: 90px;
	height: 127px;
	vertical-align:top;
    transition: all 0.3s ease;
}
.chara_list li:hover img {
	opacity: 0;
    transition: all 0.3s ease;	
}
.chara_list .seiga {
	background: url("/assets/sp_img/characters/common/list_01_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .ryuga {
	background: url("/assets/sp_img/characters/common/list_02_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .yashiro {
	background: url("/assets/sp_img/characters/common/list_03_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .suminoe {
	background: url("/assets/sp_img/characters/common/list_04_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .mariya {
	background: url("/assets/sp_img/characters/common/list_05_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}

.chara_list .miyajima {
	background: url("/assets/sp_img/characters/common/list_06_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .sai {
	background: url("/assets/sp_img/characters/common/list_07_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .sakurai {
	background: url("/assets/sp_img/characters/common/list_08_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .nagae {
	background: url("/assets/sp_img/characters/common/list_09_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .yachi {
	background: url("/assets/sp_img/characters/common/list_10_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .kagami {
	background: url("/assets/sp_img/characters/common/list_11_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}

.chara_list .bien {
	background: url("/assets/sp_img/characters/common/list_15_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .hijiri {
	background: url("/assets/sp_img/characters/common/list_16_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .yokozawa {
	background: url("/assets/sp_img/characters/common/list_17_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .natsume {
	background: url("/assets/sp_img/characters/common/list_18_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}

.chara_list .yumesaki {
	background: url("/assets/sp_img/characters/common/list_12_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .maki {
	background: url("/assets/sp_img/characters/common/list_13_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}
.chara_list .sagara {
	background: url("/assets/sp_img/characters/common/list_14_on.jpg") no-repeat top left ;
	background-size: 90px auto;
}

/** *********************** **/

.character_cnt {
	width: 100%;
	background: url("/assets/pc_img/common/common_twitter_bg.jpg") no-repeat center center;
	background-size: cover;
	padding: 62px 0;
}
.character_cnt div {
	width: 630px;
	margin: 0 auto;
}
.character_cnt div a {
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
	display: block;
	width: 630px;
	height: 91px;
	background: url("/assets/pc_img/index/cnt_08_btn.png") no-repeat;
	background-size: 630px auto;
	font-size: 24px;
	line-height: 88px;
	text-align: center;
	color: #fff;
	padding-left: 55px;
	position: relative;
}
.character_cnt div a::before {
	content: "";
	background: url("/assets/pc_img/index/cnt_08_btn_on.png") no-repeat;
}
.character_cnt div a:hover {
	background: url("/assets/pc_img/index/cnt_08_btn_on.png") no-repeat;
	background-size: 630px auto;
	transition: all 0.3s ease;
}

/** *********************** **/

/*#character-wrap {
  transition: background-image 0.5s ease;
}*/

/*.character_img.nl_move {
   animation-name: fadein-left;
   animation-delay: 2.5s;
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
.character_img.rv_move {
   opacity: 0;
   animation-name: fadein-left;
   animation-delay: 2.5s;
   animation-duration: 0.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-left {
   0% {
      opacity: 0;
      transform: translateX(60px);
   }
   100% {
      opacity: 1;
      transform: translateX(0);
   }
}*/

/** *********************** **/

/* 千木 清雅 */

.character_wrap.seiga.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/seiga_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.seiga.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/seiga_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.seiga .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.seiga .character_img {
    width: 509px;
    position: absolute;
    top: 0;
	right: 0;
    z-index: 9;
}
.seiga .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.seiga .character_txt_01 li {
	color: #fff;
    background: #00489d;
}
.seiga .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.seiga .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/seiga_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.seiga .character_txt_03 th {
	color: #ba9160;
}
.seiga .character_txt_03 td {
	color: #fff;
}
.seiga .character_voice dd li {
    border: 3px solid #00489d;
	background: #fff url("/assets/pc_img/characters/seiga_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #00489d;
    transition: all 0.3s ease;
}
.seiga .character_voice dd li:hover {
    background: #00489d url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.seiga {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/seiga_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 千木 琉雅 */

.character_wrap.ryuga.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/ryuga_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.ryuga.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/ryuga_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.ryuga .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.ryuga .character_img {
    /*width: 332px;*/
	width: 509px;
	position: absolute;
	/*top: 195px;
	right: 115px;*/
    top: 0;
	right: 0;
    z-index: 9;
}
.ryuga .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.ryuga .character_txt_01 ul {
    margin-top: 36px;
}
.ryuga .character_txt_01 li {
	color: #000;
    background: #fef47a;
}
.ryuga .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.ryuga .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/ryuga_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.ryuga .character_txt_03 th {
	color: #ba9160;
}
.ryuga .character_txt_03 td {
	color: #000;
}
.ryuga .character_voice dd li {
    border: 3px solid #fef263;
	background: #fff url("/assets/pc_img/characters/ryuga_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.ryuga .character_voice dd li:hover {
    background: #fef263 url("/assets/pc_img/characters/common/black_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.character_card.ryuga {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/ryuga_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 八代 朱里 */

.character_wrap.yashiro.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yashiro_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yashiro.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yashiro_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yashiro .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.yashiro .character_img {
    /*width: 317px;*/
	width: 509px;
	position: absolute;
    /*top: 121px;
	right: 99px;*/
	top: 0;
	right: 0;
    z-index: 9;
}
.yashiro .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.yashiro .character_txt_01 li {
	color: #fff;
    background: #e60012;
}
.yashiro .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.yashiro .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/yashiro_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.yashiro .character_txt_03 th {
	color: #000;
}
.yashiro .character_txt_03 td {
	color: #fff;
}
.yashiro .character_voice dd li {
    border: 3px solid #e60012;
	background: #fff url("/assets/pc_img/characters/yashiro_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.yashiro .character_voice dd li:hover {
    background: #e60012 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.yashiro {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/yashiro_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 住ノ江 政虎 */

.character_wrap.suminoe.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/suminoe_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.suminoe.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/suminoe_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.suminoe .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.suminoe .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.suminoe .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.suminoe .character_txt_01 li {
	color: #fff;
    background: #2d5667;
}
.suminoe .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.suminoe .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/suminoe_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.suminoe .character_txt_03 th {
	color: #ba9160;
}
.suminoe .character_txt_03 td {
	color: #fff;
}
.suminoe .character_voice dd li {
    border: 3px solid #2d5667;
	background: #fff url("/assets/pc_img/characters/suminoe_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.suminoe .character_voice dd li:hover {
    background: #2d5667 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.suminoe {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/suminoe_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 真里谷 忍 */

.character_wrap.mariya.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/mariya_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.mariya.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/mariya_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.mariya .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.mariya .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.mariya .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.mariya .character_txt_01 li {
	color: #fff;
    background: #e4007f;
}
.mariya .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.mariya .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/mariya_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.mariya .character_txt_03 th {
	color: #000;
}
.mariya .character_txt_03 td {
	color: #fff;
}
.mariya .character_voice dd li {
    border: 3px solid #e4007f;
	background: #fff url("/assets/pc_img/characters/mariya_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.mariya .character_voice dd li:hover {
    background: #e4007f url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.mariya {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/mariya_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/** *********************** **/

/* 宮嶋 あさひ */

.character_wrap.miyajima.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/miyajima_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.miyajima.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/miyajima_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.miyajima .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
    position: relative;
}
.miyajima .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.miyajima .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.miyajima .character_txt_01 li {
	color: #fff;
    background: #4cabab;
}
.miyajima .character_txt_01 dt {
    text-shadow: #fff 0 0 10px,#fff 0 0 10px;
}
.miyajima .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.miyajima .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/miyajima_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.miyajima .character_txt_03 th {
	color: #000;
}
.miyajima .character_txt_03 td {
	color: #fff;
}
.miyajima .character_voice dd li {
    border: 3px solid #4cabab;
	background: #fff url("/assets/pc_img/characters/miyajima_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #4cabab;
    transition: all 0.3s ease;
}
.miyajima .character_voice dd li:hover {
    background: #4cabab url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.miyajima {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/miyajima_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 斎 鷹雄 */

.character_wrap.sai.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/sai_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.sai.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/sai_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.sai .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.sai .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.sai .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.sai .character_txt_01 li {
	color: #fff;
    background: #043c78;
}
.sai .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.sai .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/sai_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.sai .character_txt_03 th {
	color: #ba9160;
}
.sai .character_txt_03 td {
	color: #fff;
}
.sai .character_voice dd li {
    border: 3px solid #043c78;
	background: #fff url("/assets/pc_img/characters/sai_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #043c78;
    transition: all 0.3s ease;
}
.sai .character_voice dd li:hover {
    background: #043c78 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.sai {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/sai_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 櫻井 ノエ */

.character_wrap.sakurai.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/sakurai_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.sakurai.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/sakurai_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.sakurai .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.sakurai .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.sakurai .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.sakurai .character_txt_01 li {
	color: #fff;
    background: #de82a7;
}
.sakurai .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.sakurai .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/sakurai_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.sakurai .character_txt_03 th {
	color: #000;
}
.sakurai .character_txt_03 td {
	color: #fff;
}
.sakurai .character_voice dd li {
    border: 3px solid #de82a7;
	background: #fff url("/assets/pc_img/characters/sakurai_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #de82a7;
    transition: all 0.3s ease;
}
.sakurai .character_voice dd li:hover {
    background: #de82a7 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.sakurai {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/sakurai_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 長衛 輝夜 */

.character_wrap.nagae.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/nagae_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.nagae.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/nagae_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.nagae .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.nagae .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.nagae .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.nagae .character_txt_01 ul {
    margin-top: 36px;
}
.nagae .character_txt_01 li {
	color: #000;
    background: #ffd900;
}
.nagae .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.nagae .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/nagae_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.nagae .character_txt_03 th {
	color: #ba9160;
}
.nagae .character_txt_03 td {
	color: #000;
}
.nagae .character_voice dd li {
    border: 3px solid #ffd900;
	background: #fff url("/assets/pc_img/characters/nagae_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
}
.nagae .character_voice dd li:hover {
    background: #ffd900 url("/assets/pc_img/characters/common/black_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.character_card.nagae {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/nagae_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 矢地 桐久 */

.character_wrap.yachi.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yachi_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yachi.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yachi_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yachi .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.yachi .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.yachi .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.yachi .character_txt_01 li {
	color: #fff;
    background: #47266e;
}
.yachi .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.yachi .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/yachi_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.yachi .character_txt_03 th {
	color: #ba9160;
}
.yachi .character_txt_03 td {
	color: #fff;
}
.yachi .character_voice dd li {
    border: 3px solid #47266e;
	background: #fff url("/assets/pc_img/characters/yachi_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #47266e;
    transition: all 0.3s ease;
}
.yachi .character_voice dd li:hover {
    background: #47266e url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.yachi {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/yachi_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 加賀見 祥太 */

.character_wrap.kagami.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/kagami_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.kagami.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/kagami_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.kagami .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.kagami .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.kagami .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.kagami .character_txt_01 li {
	color: #fff;
    background: #e9474d;
}
.kagami .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.kagami .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/kagami_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.kagami .character_txt_03 th {
	color: #000;
}
.kagami .character_txt_03 td {
	color: #fff;
}
.kagami .character_voice dd li {
    border: 3px solid #e9474d;
	background: #fff url("/assets/pc_img/characters/kagami_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #e9474d;
    transition: all 0.3s ease;
}
.kagami .character_voice dd li:hover {
    background: #e9474d url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.kagami {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/kagami_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/** *********************** **/

/* 美園 爽人 */

.character_wrap.bien.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/bien_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.bien.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/bien_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.bien .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 670px;
    padding-bottom: 52px;
}
.bien .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.bien .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.bien .character_txt_01 li {
	color: #000;
    background: #c7a5cc;
}
.bien .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.bien .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/bien_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.bien .character_txt_03 th {
	color: #000;
}
.bien .character_txt_03 td {
	color: #fff;
}
.bien .character_voice dd li {
    border: 3px solid #c7a5cc;
	background: #fff url("/assets/pc_img/characters/bien_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #c7a5cc;
    transition: all 0.3s ease;
}
.bien .character_voice dd li:hover {
    background: #c7a5cc url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.bien {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/bien_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 聖 波留 */

.character_wrap.hijiri.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/hijiri_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.hijiri.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/hijiri_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.hijiri .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 625px;
    padding-bottom: 52px;
}
.hijiri .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.hijiri .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.hijiri .character_txt_01 li {
	color: #000;
    background: #fff2b6;
}
.hijiri .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.hijiri .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/hijiri_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.hijiri .character_txt_03 th {
	color: #ba9160;
}
.hijiri .character_txt_03 td {
	color: #000;
}
.hijiri .character_voice dd li {
    border: 3px solid #fff2b6;
	background: #fff url("/assets/pc_img/characters/hijiri_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.hijiri .character_voice dd li:hover {
    background: #fff2b6 url("/assets/pc_img/characters/common/black_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.character_card.hijiri {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/hijiri_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 横澤 寿泉 */

.character_wrap.yokozawa.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yokozawa_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yokozawa.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yokozawa_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yokozawa .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 535px;
    padding-bottom: 52px;
}
.yokozawa .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.yokozawa .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.yokozawa .character_txt_01 li {
	color: #fff;
    background: #4e4e4e;
}
.yokozawa .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.yokozawa .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/yokozawa_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.yokozawa .character_txt_03 th {
	color: #ba9160;
}
.yokozawa .character_txt_03 td {
	color: #fff;
}
.yokozawa .character_voice dd li {
    border: 3px solid #4e4e4e;
	background: #fff url("/assets/pc_img/characters/yokozawa_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.yokozawa .character_voice dd li:hover {
    background: #4e4e4e url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.yokozawa {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/yokozawa_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/* 夏目 澪 */

.character_wrap.natsume.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/natsume_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.natsume.rv_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/natsume_bg_rv.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.natsume .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 535px;
    padding-bottom: 52px;
}
.natsume .character_img {
	width: 508px;
	position: absolute;
	top: 0;
	right: 30px;
	z-index: 9;
}
.natsume .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.natsume .character_txt_01 li {
	color: #fff;
    background: #7e381a;
}
.natsume .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.natsume .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/natsume_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 24px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.natsume .character_txt_03 th {
	color: #ba9160;
}
.natsume .character_txt_03 td {
	color: #fff;
}
.natsume .character_voice dd li {
    border: 3px solid #7e381a;
	background: #fff url("/assets/pc_img/characters/natsume_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #7e381a;
    transition: all 0.3s ease;
}
.natsume .character_voice dd li:hover {
    background: #7e381a url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.natsume {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/natsume_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}

/** *********************** **/

/* 夢咲 辰樹 */

.character_wrap.yumesaki.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/yumesaki_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.yumesaki .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.yumesaki .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.yumesaki .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.yumesaki .character_txt_01 ul {
    margin-top: 36px;
}
.yumesaki .character_txt_01 li {
	color: #fff;
    background: #663311;
}
.yumesaki .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.yumesaki .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/yumesaki_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 45px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.yumesaki .character_txt_03 th {
	color: #ba9160;
}
.yumesaki .character_txt_03 td {
	color: #fff;
}
.yumesaki .character_voice dd li {
    border: 3px solid #663311;
	background: #fff url("/assets/pc_img/characters/yumesaki_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #663311;
    transition: all 0.3s ease;
}
.yumesaki .character_voice dd li:hover {
    background: #663311 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.yumesaki {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/yumesaki_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}
.yumesaki .clothing_change {
    display: none !important;
}

/* 槙 晋作 */

.character_wrap.maki.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/maki_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.maki .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.maki .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.maki .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.maki .character_txt_01 ul {
    margin-top: 36px;
}
.maki .character_txt_01 li {
	color: #fff;
    background: #5f651e;
}
.maki .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.maki .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/maki_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 45px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.maki .character_txt_03 th {
	color: #ba9160;
}
.maki .character_txt_03 td {
	color: #fff;
}
.maki .character_voice dd li {
    border: 3px solid #5f651e;
	background: #fff url("/assets/pc_img/characters/maki_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #5f651e;
    transition: all 0.3s ease;
}
.maki .character_voice dd li:hover {
    background: #5f651e url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.maki {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/maki_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}
.maki .clothing_change {
    display: none !important;
}

/* 相良 明之介 */

.character_wrap.sagara.nl_clothing {
	width: 100%;
    background-image: url("/assets/pc_img/characters/sagara_bg_nl.jpg");
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
	background-size: 1800px auto;
	text-align: left;
}
.character_wrap.sagara .character {
    width: 1100px;
    margin: 0 auto;
    padding-top: 610px;
    padding-bottom: 52px;
}
.sagara .character_img {
	width: 509px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}
.sagara .character_txt {
	width: 268px;
	position: absolute;
	top: 13px;
	left: 35px;
	z-index: 10;
}
.sagara .character_txt_01 li {
	color: #000;
    background: #a6dae3;
}
.sagara .character_txt_01 p::after {
    display: block;
    content: "CV.";
    width: 63px;
    height: 24px;
    font-size: 23px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background: #ba9160;
    position: absolute;
    top: 9px;
    left: 0;
}
.sagara .character_txt_03 {
    display: inline-block;
    vertical-align: top;
	width: 472px;
	height: 166px;
	background: url("/assets/pc_img/characters/sagara_txt_bg.png") no-repeat;
	background-size: 472px auto;
	padding: 45px 0 0 0;
    margin-right: 65px;
    margin-top: 12px;
}
.sagara .character_txt_03 th {
	color: #000;
}
.sagara .character_txt_03 td {
	color: #fff;
}
.sagara .character_voice dd li {
    border: 3px solid #a6dae3;
	background: #fff url("/assets/pc_img/characters/sagara_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #000;
    transition: all 0.3s ease;
}
.sagara .character_voice dd li:hover {
    background: #a6dae3 url("/assets/pc_img/characters/common/white_voice_icn.png") no-repeat center right 18px;
	background-size: 23px auto;
    color: #fff;
    transition: all 0.3s ease;
}
.character_card.sagara {
	width: 100%;
	height: 596px;
	background: url("/assets/pc_img/characters/sagara_card_bg.jpg") no-repeat top center;
	background-size: cover;
	padding-top: 70px;
	position: relative;
}
.sagara .clothing_change {
    display: none !important;
}

/** *********************** **/

.character_wrap {
	position: relative;
}
.character_img_box {
	width: 1100px;
	position: absolute;
	top: 0;
	left: 50%;
    margin-left: -550px;
}
/*.character_img.move {
    right: 0;
    transition: left 0.5s ease;
}*/

/** *********************** **/

.nav_btn {
	width: 1100px;
	position: absolute;
	top: 540px;
	left: 50%;
	margin-left: -550px;
	z-index: 15;
}
.nav_btn ul {
	display: none;
}
.seiga .nav_btn .seiga_nav {
	display: block;
}
.ryuga .nav_btn .ryuga_nav {
	display: block;
}
.yashiro .nav_btn .yashiro_nav {
	display: block;
}
.suminoe .nav_btn .suminoe_nav {
	display: block;
}
.mariya .nav_btn .mariya_nav {
	display: block;
}


.miyajima .nav_btn .miyajima_nav {
	display: block;
}
.sai .nav_btn .sai_nav {
	display: block;
}
.sakurai .nav_btn .sakurai_nav {
	display: block;
}
.nagae .nav_btn .nagae_nav {
	display: block;
}
.yachi .nav_btn .yachi_nav {
	display: block;
}
.kagami .nav_btn .kagami_nav {
	display: block;
}

.bien .nav_btn .bien_nav {
	display: block;
}
.hijiri .nav_btn .hijiri_nav {
	display: block;
}
.yokozawa .nav_btn .yokozawa_nav {
	display: block;
}
.natsume .nav_btn .natsume_nav {
	display: block;
}


.yumesaki .nav_btn .yumesaki_nav {
	display: block;
}
.maki .nav_btn .maki_nav {
	display: block;
}
.sagara .nav_btn .sagara_nav {
	display: block;
}
.nav_btn li:nth-of-type(1) {
	float: left;
	margin-left: -1.33vw;
}
.nav_btn li:nth-of-type(2) {
	float: right;
	margin-right: -1.33vw;
}
.nav_btn li:nth-of-type(1) a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius:24px;
	cursor: pointer;
	background: rgba(186,145,96,0.9) url("/assets/pc_img/characters/common/cnt_arrw_01.png") no-repeat center center;
	background-size: 48px auto;
	border: 1px solid #fff;
	position: relative;
}
.nav_btn li:nth-of-type(2) a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius:24px;
	cursor: pointer;
	background: rgba(186,145,96,0.9) url("/assets/pc_img/characters/common/cnt_arrw_02.png") no-repeat center center;
	background-size: 48px auto;
	border: 1px solid #fff;
	position: relative;
}

/** *********************** **/


.character_bottom_cnt {
	padding: 8.53vw 0 9.33vw 0;
	position: relative;
}

.character_txt_01 {
	width: 1010px;
	margin: 0 auto;
    position: relative;
    z-index: 15;
}
.character_txt_01 ul {
	margin-bottom: 22px;
}
.character_txt_01 li {
    font-family: 'Shippori Mincho', serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 1;
	text-align: left;
    display: inline-block;
    padding: 0px 15px 2px 15px;
}
.character_txt_01 li span {
	display: block;
}
.character_txt_01 li:nth-of-type(2) {
	margin-top: 8px;
}
.character_txt_01 dt {
    font-family: 'Shippori Mincho', serif;
	font-weight: 700;
    font-size: 80px;
    line-height: 1;
    margin-bottom: 15px;
}
.character_txt_01 dd {
    font-family: 'Shippori Mincho', serif;
	font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
}
.character_txt_01 p {
	padding-left: 76px;
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
	font-size: 37px;
	line-height: 1;
	text-align: left;
	margin-bottom: 24px;
    position: relative;
}

.clothing_change {
    width: 350px;
    height: 66px;
    border: 1px solid #000;
    background: #fff;
    border-radius: 33px;
    padding: 4px 0;
    text-align: center; 
    margin: 0 auto 22px 45px;
    position: relative;
    z-index: 15;
}
.clothing_change li {
    width: 170px;
    height: 56px;
    border-radius: 28px;
    font-family: 'Shippori Mincho', serif;
	font-weight: 700;
    font-size: 20px;
    line-height: 1;
    padding-top: 25px;
    color: #000;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}
.clothing_change li:nth-of-type(1)::after {
    content: "";
    width: 66px;
    height: 8px;
    background: url("/assets/pc_img/characters/common/clothing_txt_01.png") no-repeat;
    background-size: 66px 8px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -33px;
}
.clothing_change li:nth-of-type(2)::after {
    content: "";
    width: 66px;
    height: 8px;
    background: url("/assets/pc_img/characters/common/clothing_txt_01.png") no-repeat;
    background-size: 66px 8px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -33px;
}
.clothing_change li.active {
    background: #000;
    color: #fff;
}

.character_txt_02 {
	width: 650px;
	margin: 0 auto 21px 45px;
	padding: 0 0 0 5px;
	position: relative;
	z-index: 10;
}
.character_txt_02 p {
	font-family: 'Shippori Mincho', serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 35px;
}
.chara_cnt {
    width: 1010px;
    margin: 0 auto;
}
.character_txt_03 h4 {
    width: 200px;
    height: 33px;
    background: url("/assets/pc_img/characters/common/character_txt_03_bg.png") no-repeat;
    background-size: 200px 33px;
    font-size: 15px;
    line-height: 31px;
    font-family: 'Shippori Mincho', serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding-left: 24px;
    margin: 0 auto 12px auto;
    position: relative;
}
.character_txt_03 h4.role_01::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url("/assets/pc_img/characters/common/role_01.png") no-repeat;
    background-size: 17px auto;
    position: absolute;
    top: 7px;
    left: 37px;
}
.character_txt_03 h4.role_02::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url("/assets/pc_img/characters/common/role_02.png") no-repeat;
    background-size: 17px auto;
    position: absolute;
    top: 7px;
    left: 34px;
}
.character_txt_03 table {
    width: 372px;
    border: none;
    margin: 0 auto;
}
.character_txt_03 th {
	font-family: 'Shippori Mincho', serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1;
    padding-bottom:10px;
	width: 65px;
}
.character_txt_03 td {
	font-family: 'Shippori Mincho', serif;
	font-weight: 600;
	font-size: 17px;
	line-height: 1;
    padding-bottom: 10px;
}
.character_voice {
	width: 473px;
    height: 177px;
	background: url("/assets/pc_img/characters/common/voice_bg.png") no-repeat top center;
	background-size: 473px auto;
	margin: 0 auto;
	padding-top: 43px;
	text-align: center;
    display: inline-block;
    vertical-align: top;
}
.character_voice h4 {
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
	font-size: 29px;
	line-height: 1;
	letter-spacing: 15px;
	padding-left: 15px;
	text-align: center;
	color: #bb9962;
	margin-bottom: 10px;
}
.character_voice dt {
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
	font-size: 15px;
	line-height: 1;
    color: #000;
    margin-bottom: 10px;
}
.character_voice dd li {
	width: 145px;
	height: 50px;
    border-radius: 25px;
	cursor: pointer;
    font-family: 'Shippori Mincho', serif;
	font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.character_voice dd li:last-child {
    margin-right: 0;
}

.character_voice dl dd li span {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
    padding-right: 30px;
}
.character_card {
	width: 100%;
	overflow-x: hidden;
}
.character_card figure {
	width: 819px;
	margin: 0 auto 0 auto;
}

/** *********************** **/

.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.8);
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
	z-index: 9999;
}
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	width: 90%;
}
.modal-close {
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -10.66vw;
	right: 0vw;
	width: 10.66vw;
	height: 10.66vw;
	font-size: 10.66vw;
	color: #fff;
	cursor: pointer;
}
.modal-content{
	background: #fff;
	text-align: left;
	
}
.modal-close span {
	display: block;
	width: 10.66vw;
	height: 10.66vw;
	position: relative;
}
.modal-close span::before, .modal-close span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 9.33vw;
  background: #b99254;
}
 
.modal-close span::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.modal-close span::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/** *********************** **/


.comingsoon01 .clothing_change,
.comingsoon02 .clothing_change,
.comingsoon03 .clothing_change,
.comingsoon04 .clothing_change {
    display: none;
}
.comingsoon01 .character_txt,
.comingsoon02 .character_txt,
.comingsoon03 .character_txt,
.comingsoon04 .character_txt {
	display: none;
}
.comingsoon01 .character_txt_01,
.comingsoon02 .character_txt_01,
.comingsoon03 .character_txt_01,
.comingsoon04 .character_txt_01 {
	display: none;
}
.comingsoon01 .character_txt_02,
.comingsoon02 .character_txt_02,
.comingsoon03 .character_txt_02,
.comingsoon04 .character_txt_02 {
	display: none;
}
.comingsoon01 .character_txt_03,
.comingsoon02 .character_txt_03,
.comingsoon03 .character_txt_03,
.comingsoon04 .character_txt_03 {
	display: none;
}
.character_cnt.comingsoon01,
.character_cnt.comingsoon02,
.character_cnt.comingsoon03,
.character_cnt.comingsoon04 {
	display: none;
}
.comingsoon01 .character_voice,
.comingsoon02 .character_voice,
.comingsoon03 .character_voice,
.comingsoon04 .character_voice {
	display: none;
}
.character_card.comingsoon01,
.character_card.comingsoon02,
.character_card.comingsoon03,
.character_card.comingsoon04 {
	display: none;
}