@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2&display=swap');


/* --------
common
---------------*/
html{
   font-family:  "Hiragino Sans","Yu Gothic",sans-serif;
   font-size: 62.5%; /*基本のフォントサイズを10pxに指定 */
}

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

/* margin */
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.auto{margin: 0 auto;}

/* Align */
.center{text-align: center;}


/* --------
Main　Contents
---------------*/
body{
	background: url(../img/bg2.png);
	background-repeat: repeat-y;
	background-size: cover;
	position: relative;
}

/* --- Level 1 --- */
.level1{
	padding: 30px 5.3% 30px;
	
}

.day{
	font-family: 'Yusei Magic', sans-serif;
	text-align: center;
	margin-bottom: 30px;
	font-size: 5.5rem;
	line-height: 1.0;
	color: #2c2c2c;
	text-shadow: -1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff,
	0 -1px 0 #fff,                  0 1px 0 #fff,
  1px -1px 0 r#fff,  1px 0 0 #fff,  1px 1px 0 #fff;
}
	

.small{
	font-size: 3.2rem;
}

.week{
	font-size: 3.6rem;
}

.talent{
	width: 69%;
	margin: 0 auto 30px;
	padding: 10px;
	/* animation: fadeIn2 1s ease 1s 1 normal backwards; */
}

/* @keyframes fadeIn2 {
	from {
	  opacity: 0;
	  transform: translateX(20px);
	}
	to {
	  opacity: 1;
	  transform: translateX(0);
	}
  } */



.bottom_wrapper{
	border-radius: 10px;
	padding:20px 5.3% ;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
	/* animation: fadeIn3 2s ease 2s 1 normal backwards;*/
} 
/* @keyframes fadeIn3 {
	from {
	  opacity: 0;
	  transform: translateY(20px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  } */

.name{
	font-family: 'Yusei Magic', sans-serif;
	font-size: 3.5rem;
	text-align: center;
}
.name_en{
	font-family: 'Yusei Magic', sans-serif;
	font-size: 2.7rem;
	text-align: center;
}

.bg_name{
	font-size: 5.8em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top:30px;
	left:-20px;
	color: transparent;
}

hr{
	margin-bottom: 17px;
	border-right: none; 
	border-bottom: none; 
	border-left: none;
	border-top: 3px dotted #fff; opacity: 0.5;
}

.comment{
	font-family: 'M PLUS 2', sans-serif;
}

.comment dt{
	font-size:2.0rem ;
	font-weight: bold;
}

.comment dd{
	font-size:1.6rem ;
	line-height: 2.2rem;
	
}

.sub_ja{
	margin-top: 25px;
}



.copyright{
	color: #333;
	font-size: 1.2rem;
	text-align: right;
	/* animation: fadeIn3 1s ease 2s 1 normal backwards; */
}


/* --- Image Color --- */
/* Aster Arcadia */
.aster_arcadia_name{-webkit-text-stroke: 2px #6662A4; opacity:0.3; font-size: 4.8rem;}
.aster_arcadia_comment{background: #6662A4; color: #fff;}

/* Doppio Dropscythe */
.doppio_dropscythe_name{-webkit-text-stroke: 2px #A50082; opacity:0.3; font-size: 3.3rem; left:-5px;}
.doppio_dropscythe_comment{background: #A50082; color: #fff;}

/* Finana Ryugu */
.finana_ryugu_name{-webkit-text-stroke: 2px #35D9AD; opacity:0.3; font-size: 4.8rem; left:-10px;}
.finana_ryugu_comment{background: #35D9AD; color: #fff;}

/* Fulgur Ovid */
.fulgur_ovid_name{-webkit-text-stroke: 2px #FF0000; font-size: 4.8rem; opacity:0.3; left:-10px;}
.fulgur_ovid_comment{background: #FF0000; color: #fff;}

/* Ike Eveland */
.ike_eveland_name{-webkit-text-stroke: 2px #348EC7; opacity: 0.3;}
.ike_eveland_comment{background: #348EC7; color: #fff;}

/* Maria Marionette */
.maria_marionette_name{-webkit-text-stroke: 2px #E55A9B; opacity:0.3; font-size: 3.8rem; left:-10px;}
.maria_marionette_comment{background: #E55A9B; color: #fff;}

/* Pomu Rainpuff */
.pomu_rainpuff_name{-webkit-text-stroke: 2px #258E70; opacity:0.3; font-size: 4.0rem; left:-5px;}
.pomu_rainpuff_comment{background: #258E70; color: #fff;}

/* Selen Tatsuki */
.selen_tatsuki_name{-webkit-text-stroke: 2px #7E4EAC; opacity:0.3; font-size: 4.8rem;}
.selen_tatsuki_comment{background: #7E4EAC; color: #fff;}

/* Shu Yamino */
.shu_yamino_name{-webkit-text-stroke: 2px #A660A7; opacity:0.3; font-size: 4.8rem;}
.shu_yamino_comment{background: #A660A7; color: #fff;}

/* Ver Vermillion */
.ver_vermillion_name{-webkit-text-stroke: 2px #D5345E; opacity:0.3; font-size: 4.8rem;}
.ver_vermillion_comment{background: #D5345E; color: #fff;}

/* Vox Akuma */
.vox_akuma_name{-webkit-text-stroke: 2px #960018; opacity:0.3;}
.vox_akuma_comment{background: #960018; color: #fff;}

/* アルス・アルマル */
.ars_almal_name{-webkit-text-stroke: 2px #7FD6E2; opacity:0.3;}
.ars_almal_comment{background: #7FD6E2; color: #fff;}

/* 天ヶ瀬むゆ */
.amagase_muyu_name{-webkit-text-stroke: 2px #FA5578; opacity:0.3; font-size: 4.0rem; left:-5px;}
.amagase_muyu_comment{background: #FA5578; color: #fff;}

/* 天宮こころ */
.amamiya_kokoro_name{-webkit-text-stroke: 2px #C5EDFF; opacity:0.8; font-size: 3.8rem; left:-5px;}
.amamiya_kokoro_comment{background: #C5EDFF; color: #2c2c2c;}

/* 愛園愛美 */
.aizono_manami_name{-webkit-text-stroke: 2px #F98FB7; opacity:0.3; font-size: 4.0rem; left:-10px;}
.aizono_manami_comment{background: #F98FB7; color: #fff;}

/* 飛鳥ひな */
.asuka_hina_name{-webkit-text-stroke: 2px #FAD8DC; opacity:0.8;}
.asuka_hina_comment{background: #FAD8DC; color: #2c2c2c;}

/* 家長むぎ */
.ienaga_mugi_name{-webkit-text-stroke: 2px #FF899D; opacity:0.3; font-size: 4.8rem; left:-10px;}
.ienaga_mugi_comment{background: #FF899D; color: #fff;}

/* 海妹四葉 */
.umise_yotsuha_name{-webkit-text-stroke: 2px #FFE632; opacity:0.8; font-size: 4.0rem; left:-10px;}
.umise_yotsuha_comment{background: #FFE632; color: #2c2c2c;}

/* える */
.elu_name{-webkit-text-stroke: 2px #E2364F;  opacity:0.3; top:150px;}
.elu_comment{background: #E2364F; color: #fff;}

/* 小野町春香 */
.onomachi_haruka_name{-webkit-text-stroke: 2px #FF336E; opacity:0.3; font-size: 3.5rem; left:-15px;}
.onomachi_haruka_comment{background: #FF336E; color: #fff;}

/* 加賀美ハヤト */
.kagami_hayato_name{-webkit-text-stroke: 2px #B9ADB9; opacity:0.3; font-size: 4.0rem; left:-5px;}
.kagami_hayato_comment{background: #B9ADB9; color: #fff;}

/* 甲斐田晴 */
.kaida_haru_name{-webkit-text-stroke: 2px #4DD7E3; opacity:0.3;}
.kaida_haru_comment{background: #4DD7E3; color: #fff;}

/* 鏑木ろこ */
.kaburaki_roco_name{-webkit-text-stroke: 2px #198CAA; opacity:0.3; font-size: 4.0rem; left:-15px;}
.kaburaki_roco_comment{background: #198CAA; color: #fff;}

/* ギルザレンⅢ世 */
.gilzaren3_name{-webkit-text-stroke: 2px #002FA7; opacity:0.3;}
.gilzaren3_comment{background: #002FA7; color: #fff;}

/* 来栖夏芽 */
.kurusu_natsume_name{-webkit-text-stroke: 2px #8AD1EF; opacity:0.5; font-size: 3.8rem; left:-15px;}
.kurusu_natsume_comment{background: #8AD1EF; color: #fff;}

/* 小清水透 */
.koshimizu_toru_name{-webkit-text-stroke: 2px #CDA5FF; opacity:0.3; font-size: 4.0rem; left:-15px;}
.koshimizu_toru_comment{background: #CDA5FF; color: #fff;}

/* 桜凛月 */
.sakura_ritsuki_name{-webkit-text-stroke: 2px #C57FC7; opacity:0.3; font-size: 4.2rem; left:-15px;}
.sakura_ritsuki_comment{background: #C57FC7; color: #fff;}

/* シスター・クレア */
.sister_claire_name{-webkit-text-stroke: 2px #DFC6A8; opacity:0.3; font-size: 4.8rem; left:-15px;}
.sister_claire_comment{background: #DFC6A8; color: #2c2c2c;}

/* 四季凪アキラ */
.shikinagi_akira_name{-webkit-text-stroke: 2px #235AAA; opacity:0.3; font-size: 4.2rem; left:-10px;}
.shikinagi_akira_comment{background: #235AAA; color: #fff;}

/* 渋谷ハジメ */
.shibuya_hajime_name{-webkit-text-stroke: 2px #D7FAD7; opacity:0.8; font-size: 4.2rem; left:-10px;}
.shibuya_hajime_comment{background: #D7FAD7; color: #2c2c2c;}
.shibuya_hajime_comment hr{border-top: 3px dotted #b8f3ba; }

/* 健屋花那 */
.sukoya_kana_name{-webkit-text-stroke: 2px #FF2FA2; opacity:0.3; font-size: 4.8rem; left:-10px;}
.sukoya_kana_comment{background: #FF2FA2; color: #fff;}

/* 周央サンゴ */
.suo_sango_name{-webkit-text-stroke: 2px #EF8468; opacity:0.3;}
.suo_sango_comment{background: #EF8468; color: #fff;}

/* 鈴鹿詩子 */
.suzuka_utako_name{-webkit-text-stroke: 2px #FA4F62; opacity:0.3; font-size: 4.8rem; }
.suzuka_utako_comment{background: #FA4F62; color: #fff;}

/* 鈴木勝 */
.suzuki_masaru_name{-webkit-text-stroke: 2px #7B788A; opacity:0.3; font-size: 4.3rem; left:-15px;}
.suzuki_masaru_comment{background: #7B788A; color: #fff;}

/* 鈴谷アキ */
.suzuya_aki_name{-webkit-text-stroke: 2px #F2F9C3; opacity:0.9; }
.suzuya_aki_comment{background: #F2F9C3; color: #2c2c2c;}
.suzuya_aki_comment hr{border-top: 3px dotted #a6f8a9;}

/* セラフ・ダズルガーデン */
.seraph_dazzlegarden_name{-webkit-text-stroke: 2px #DC3C41; opacity:0.3; font-size: 3.0rem; left:-5px;}
.seraph_dazzlegarden_comment{background: #DC3C41; color: #fff;}

/* ソフィア・ヴァレンタイン */
.sophia_valentine_name{-webkit-text-stroke: 2px #C8C3DC; opacity:0.6; font-size: 3.6rem; left:-5px;}
.sophia_valentine_comment{background: #C8C3DC; color: #2c2c2c;}

/* 鷹宮リオン */
.takamiya_rion_name{-webkit-text-stroke: 2px #CC3D7B; opacity:0.3; font-size: 4.2rem; left:-5px;}
.takamiya_rion_comment{background: #CC3D7B; color: #fff;}

/* でびでび・でびる */
.debidebi_debiru_name{-webkit-text-stroke: 2px #444C7D; opacity:0.3; font-size: 4.0rem; left:-15px;}
.debidebi_debiru_comment{background: #444C7D; color: #fff;}

/* 轟京子 */
.todoroki_kyoko_name{-webkit-text-stroke: 2px #E76186; opacity:0.3; font-size: 4.0rem; left:-5px;}
.todoroki_kyoko_comment{background: #E76186; color: #fff;}

/* ドーラ */
.dola_name{-webkit-text-stroke: 2px #A83E4A; opacity:0.3; top:150px;}
.dola_comment{background: #A83E4A; color: #fff;}

/* 成瀬鳴 */
.naruse_naru_name{-webkit-text-stroke: 2px #E06489; opacity:0.3; font-size: 4.8rem; left:-15px;}
.naruse_naru_comment{background: #E06489; color: #fff;}

/* 葉山舞鈴 */
.hayama_marin_name{-webkit-text-stroke: 2px #72D5CE; opacity:0.6; font-size: 4.0rem; left:-5px;}
.hayama_marin_comment{background: #72D5CE; color: #fff;}

/* 樋口楓 */
.higuchi_kaede_name{-webkit-text-stroke: 2px #FBAF71; opacity:0.3; font-size: 4.0rem; left:-5px;}
.higuchi_kaede_comment{background: #FBAF71; color: #fff;}

/* 壱百満天原サロメ */
.hyakumantenbara_salome_name{-webkit-text-stroke: 2px #CD3796; opacity:0.3; font-size: 2.5rem; left:-5px;}
.hyakumantenbara_salome_comment{background: #CD3796; color: #fff;}

/* 町田ちま */
.machita_chima_name{-webkit-text-stroke: 2px #EDDDBB; opacity:0.8; font-size: 4.0rem; left:-15px;}
.machita_chima_comment{background: #EDDDBB; color: #2c2c2c;}
.achita_chima_comment hr{border-top: 3px dotted #a6f8a9;}

/* 森中花咲 */
.morinaka_kazaki_name{-webkit-text-stroke: 2px #C8F39A; opacity:0.6; font-size: 4.0rem; left:-15px;}
.morinaka_kazaki_comment{background: #C8F39A; color: #2c2c2c;}

/* 物述有栖 */
.mononobe_alice_name{-webkit-text-stroke: 2px #81D4E2; opacity:0.3; font-size: 4.0rem; left:-15px;}
.mononobe_alice_comment{background: #81D4E2; color: #fff;}

/* 山神カルタ */
.yamagami_karuta_name{-webkit-text-stroke: 2px #384B5A; opacity:0.3; font-size: 3.8rem; left:-15px;}
.yamagami_karuta_comment{background: #384B5A; color: #fff;}

/* 社築 */
.yashiro_kizuku_name{-webkit-text-stroke: 2px #B6C6F2; opacity:0.3; font-size: 4.0rem; left:-15px;}
.yashiro_kizuku_comment{background: #B6C6F2; color: #2c2c2c;}

/* 雪城眞尋 */
.yukishiro_mahiro_name{-webkit-text-stroke: 2px #B4E9FF; opacity:0.6; font-size: 3.8em; left:-15px;}
.yukishiro_mahiro_comment{background: #B4E9FF; color: #2c2c2c;}

/* ラトナ・プティ */
.ratna_petit_name{-webkit-text-stroke: 2px #F8B759; opacity:0.3;}
.ratna_petit_comment{background: #F8B759; color: #fff;}

/* リゼ・ヘルエスタ */
.lize_helesta_name{-webkit-text-stroke: 2px #42FFFF; opacity:0.3; font-size: 4.8em; left:-15px;}
.lize_helesta_comment{background: #42FFFF; color: #2c2c2c;}


/* レイン・パターソン */
.lain_paterson_name{-webkit-text-stroke: 2px #F74848; opacity:0.3; font-size: 4.6em; left:-15px;}
.lain_paterson_comment{background: #F74848; color: #fff;}



/* --------
UPDATE
---------------*/
.logo_square{
	width: 52.2%;
	margin: 0 auto 30px;
}

.info_wrap{
	background: #fff;
	border: 3px solid #ABD5EB;
	border-radius: 10px;
	padding: 24px 5%;
	font-family:  "Hiragino Sans","Yu Gothic",sans-serif;
}

.copyright_update{
	text-align: right;
}

.info_update{
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 20px;
	font-weight: 400;
}

.info_update span{
	font-weight: 600;
	font-size: 1.8rem;
}

.store_button a{
	display: block;
	background: #0099EB;
	border-radius: 30px;
	padding: 15px 0;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}




  

  
 






@media screen and (min-width: 640px) {
	/* --- Level 1 --- */
.level1{
	padding: 30px 15.9% 30px;
	
}

.name{
	font-family: 'Yusei Magic', sans-serif;
	font-size: 7.0rem;
	text-align: center;
}
.name_en{
	font-family: 'Yusei Magic', sans-serif;
	font-size: 4.0rem;
	text-align: center;
}

.bg_name{
	font-size: 5.8em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top:30px;
	left:-20px;
	color: transparent;
}

.comment dt{
	font-size:3.6rem ;
}

.comment dd{
	font-size:3.2rem ;
	line-height: 4.4rem;
}

}


@media screen and (min-width: 1025px){

	
}