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

body {
text-align: 					center;
color:							#760a2e;
margin:							0;
background-size:				cover;   	/* 背景画像をウィンドウサイズに合わせる */
background-attachment: 			fixed;   	/* 背景画像をスクロールさせない */
scrollbar-face-color:			#ffffff;    /* 表面の色 */
scrollbar-3dlight-color:		#ffffff;    /* 左端と上端の色 */
scrollbar-darkshadow-color: 	#ffffff;	/* 右端と下端 */
scrollbar-highlight-color: 		#a0802f;  	/* ハイライトの色 */
scrollbar-shadow-color: 		#a0802f;    /* 影の色 */
scrollbar-arrow-color: 			#ffffff;    /* 矢印の色 */
scrollbar-track-color: 			#a0802f;	/* バーの背景の色 */
/*padding:						0;
border:							none;*/
font-family : 					'Noto Sans JP','Play',"メイリオ", Meiryo, MS UI Gothic, sans-serif;/* sans-serif＝アイフォンでゴシックにする */
-webkit-text-size-adjust: 100%; /* アイフォンで文字サイズ固定 */
min-width:						1040px;
font-size:						20px;
letter-spacing:					0.1em; /* 文字間 */
line-height:					140%; /* 行の高さ */
}

/****************************************インデックス*****************************************/

.coution{ /*注意*/
position:						relative;
top:				        	10px;
height:							1100px;
}

.yes_no{ /*はい、いいえボタン位置*/
position:						relative;
top:				        	0px;
left:                           0px;
}

.button_yes{ /*はいボタン*/
background-color: 				rgba(197,0,41,0.8);
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 45px 15px 45px;
display:						inline-block;
transition: 					.2s;
}

.button_yes:hover{
background-color: 				rgba(255,81,117,0.6);
color:							#ffffff;
}

.button_no{ /*いいえボタン*/
background-color: 				rgba(0,78,255,0.8);
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 45px 15px 45px;
display:						inline-block;
transition: 					.2s;
}

.button_no:hover{
background-color: 				rgba(55,163,255,0.6);
color:							#ffffff;
}

.no_copy{ /*NOコピーボタン位置*/
position:						relative;
top:				        	30px;
font-size:						16px;
}

.button_no_copy{ /*NOコピーボタン*/
background-color: 				rgba(20,20,20,0.8);
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 25px 15px 25px;
margin:							25px 0px 70px 0px;
display:						inline-block;
transition: 					.2s;
}

.button_no_copy:hover{
background-color: 				rgba(121,121,121,0.6);
color:							#ffffff;
}

/*********************************************全体********************************************/

html,body{ /*iPad・iPhone右側余白対策用1（HTML側のMETA name="viewport"〜でサイト横幅指定）*/
width: 							100%;
}

#wrapper { /*iPad・iPhone右側余白対策用2*/
overflow:						hidden;
}

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

p.font_N3 {/*WEBフォント指定*/
font-family: "Noto Sans JP",sans-serif;
font-weight: 300;
}

p.font_N4 {
font-family: "Noto Sans JP",sans-serif;
font-weight: 400;
}

p.font_N7 {
font-family: "Noto Sans JP",sans-serif;
font-weight: 700;
}

p.font_N9 {
font-family: "Noto Sans JP",sans-serif;
font-weight: 900;
}

p.font_P4 {
font-family: "Play",serif;
font-weight: 400;
}

p.font_P7 {
font-family: "Play",serif;
font-weight: 700;
}

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

a { /*リンク文字 */
color:							#ffffff;
text-decoration:				none;
}

a:link { /*クリックしていないリンク文字 */
color:							#ffffff;
} 

a:visited { /*クリックしたリンク文字 */
color:							#ffffff;
}

a:hover { /*マウスON*/
color:							#ffe050;
text-decoration:				underline;
}

a.link2 { 
color:							#1153da;
text-decoration:				none;
}

a.link2:link { /*クリックしていないリンク文字 */
color:							#1153da;
} 

a.link2:visited { /*クリックしたリンク文字 */
color:							#1153da;
}

a.link2:hover { /*マウスON*/
color:							#1153da;
text-decoration:				underline;
}

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

h2 {
position:						relative;
display:						inline-block;
padding:						0 120px;
color:							#ffffff;
line-height:					110%; /* 行の高さ */
}

h2:before, h2:after {
content:						'';
position:						absolute;
top:							50%;
display:						inline-block;
width:							80px;
height:							1px;
background-color:				#fff;
}

h2:before {
left:							0;
}
h2:after {
right:							0;
}

h3 {
padding:						10px;
}

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

.text_01 { /*文字全体*/
position:						relative;
margin:							40px auto 100px auto;
line-height:					140%; /* 行の高さ */
font-size:						20px;
}

.letter_01 { /*強調文字1*/
font-size:						24px;
}

.letter_02 { /*小文字1*/
font-size:						16px;
}

.marker-pink { /*マーカー*/
background: linear-gradient(transparent 60%, #ffacc7 0%);
}

.color_black {
color:							#1c191b;
}

.color_white {
color:							#ffffff;
text-shadow:					-1px -1px 10px #000000, 1px 1px 10px #000000; /*横・縦・ぼかし・色*/
}

.color_blue {
color:							#1153da;
}

.color_red {
color:							#d9002e;
}

.color_yellow {
color:							#ffff9f;
}

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

#page_top { /*ページTOPへ戻る*/
position: 						fixed;
bottom:							0px;
right: 							50px;
z-index: 						1;
}

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

ul { /*上部隙間消し*/
float:							right;
margin:							0;
position:						relative;
right:							0px;
width:							100%;
}

li { /*リスト「・」非表示*/
list-style-type: 				none;
}

.menu ul {
margin: 						0; /*ボタン中央へ*/
padding: 						0; /*ボタン中央へ*/
}

.menu li { /*メニューボタン*/
float:							left; /*ボタン左から並べる*/
padding: 						8px 5px 0px 3px;
}

.list ul {
margin: 						0; /*ボタン中央へ*/
padding: 						0; /*ボタン中央へ*/
}

.list li {
list-style-type: 				none; /*リスト「・」非表示*/
display: 						inline-block; /*ボタン左から並べる*/
}

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

.page_title { /*個別ページの上部タイトル*/
position:						relative;
margin:							30px auto 0px auto;
}

.page {
width: 							1040px;
margin:							0px auto 80px auto;
}

.page_left {
width: 							1040px;
margin:							0px auto 0px auto;
text-align:						left;
}

.br_pc {
display:						block;
}

.br_sp {
display:						none;
}

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

.button01 { /*ボタン*/
background-color: 				rgba(178,9,69,0.8);
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 25px 15px 25px;
margin:							25px 0px 25px 0px;
display:						inline-block;
transition: 					.2s;
}

.button01:hover{
background-color: 				rgba(247,51,110,0.6);
color:							#ffffff;
}

.button02 { /*ボタン*/
background-color: 				rgba(178,9,69,0.8);
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 25px 15px 25px;
margin:							25px 0px 25px 0px;
display:						inline-block;
transition: 					.2s;
}

.button02:hover{
background-color: 				rgba(247,51,110,0.6);
color:							#ffffff;
}

.button_ { /*ボタン不可*/
background-color: 				rgba(100,100,100,0.5);
color:							#495769;
font-weight:					bold;
width:							auto;
text-align:						center;
padding:						15px 25px 15px 25px;
margin:							25px 0px 70px 0px;
display:						inline-block;
transition: 					.2s;
}

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

.material-icons {/*マテリアルアイコン指定*/
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1px;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

/* Rules for sizing the icon. */
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-26 { font-size: 26px; }
.material-icons.md-44 { font-size: 44px; }

.material-icons.white { color: #FFFFFF; }
.material-icons.gray { color: #dce1e8; }
.material-icons.blue { color: #1153da; }
.material-icons.red { color: #d9002e; }

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

.headline01{ /*見出し*/
background-color: 				rgba(100, 0, 35,0.8);
color:							#ffffff;
}

.headline02{ /*見出し*/
background-color: 				rgba(147, 2, 78,0.6);
color:							#ffffff;
}

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

.clear{ 
clear:							both; /*floatクリア*/ 
} 

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

.dlspec{ /*情報_位置*/
position:						relative;
margin:							40px 0px 0px 50px;
letter-spacing:					0.1em; /* 文字間 */
}

.dtspec{ /*情報_文字_項目*/
padding:						2px 2px;
background-color: 				rgba(200, 49, 104,0.8);
color:							#ffffff;
text-align:						center;
width:							250px;
float:							left; 
clear:							left;
}

.ddspec{ /*情報_文字_内容*/
margin-top:						3px;
margin-bottom:					8px;
width:							auto;
font-size:						18px;
text-align:						left;
float:							left;
}

.ddspec a:link {/*クリックしていないリンク文字*/
color:							#760a2e;
text-decoration:				none;
}

.ddspec a:visited {/*クリックしたリンク文字*/
color:							#760a2e;
text-decoration:				none;
}

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

.main_bg02 { /*背景＠その他ページ用*/
background:						url(./img/bg_02.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

/***************************************ヘッダーメニュー**************************************/

.header_menu_pc {
position:						relative;
background:						url(./img/header.png) repeat-x top;
width: 							100%;
height:							153px;
margin:							0px auto 0px auto;
}

.header_menu { /*サイトメニュー*/
width: 							1040px;
margin: 						auto;
overflow: 						hidden;
}

.header_menu_sp { /*モバイルサイトメニュー*/
display:						none
}

/******************************************フッター*******************************************/

.footer {
background:						url(./img/footer.png) repeat-x bottom;
width:							100%;
height:							230px;
}

.estop { /*ブランドＴＯＰに戻る*/
position:						relative;
top:							70px;
color:							#ffffff;
display:						inline-block;
}

.footermenu { /*サイトメニュー*/
position:						relative;
top:							0px;
font-size:						16px;
}

.footermenu a:link {/*クリックしていないリンク文字*/
color:							#ffffff;
text-decoration:				none;
}

.footermenu a:visited {/*クリックしたリンク文字*/
color:							#ffffff;
text-decoration:				none;
}

.footermenu_bt {
padding:						5px 5px;
transition: 					.2s;
background-color: 				rgba(178,9,69,0.8);
}

.footermenu_bt:hover{
background-color: 				rgba(247,51,110,0.6);
}

.footermenu_bt_ {/*不可*/
padding:						3px 5px;
background-color: 				rgba(73,87,105,0.6);
color:							#dce1e8;
}

/********************************************トップ*******************************************/

.main_visual { /*メインビジュアル＠キャラ*/
background:						url(./img/main_visual_pc_a.png)no-repeat top;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
}

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

.top { /*メイン画像スペース*/
width:							100%;
height:							1000px;/*-850px;-*/
}

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

.top_part_01 { /*見出し*/
position:						relative;
left:							0px;
top:							0px;
}

.top_part_02 { /*タイトルロゴ*/
position:						relative;
left:							0px;
top:							400px/*-410px;-*/
}

.top_part_03 { /*スタッフ*/
position:						relative;
left:							0px;
top:							400px/*-410px;-*/
}

.top_part_04 { /*ジャンル・発売日*/
position:						relative;
left:							0px;
top:							400px/*-410px;-*/
}

.top_part_05 { /*カウントダウンムービー*/
position:						relative;
left:							0px;
top:							10px;
}

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

.bottom_space { /*キラキラパーツ*/
background:						url(./img/bottom_space_01.png) repeat-x;
width: 							100%;
height:							21px;
margin:							0px auto 0px auto;
}


.banner_cambg { /*キャンペーン用バナー背景*/
background-color: 				rgba(67,2,22,0.6);
overflow:						hidden;
padding-top:					15px;
padding-bottom:					30px;
width:							100%;
}

.banner_goodsbg { /*グッズ用バナー背景*/
background-color: 				rgba(67,2,22,0.6);
overflow:						hidden;
padding-top:					15px;
padding-bottom:					30px;
width:							100%;
}

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

.history_bg{ /*履歴背景*/
background-color: 				rgba(67,2,22,0.6);
overflow:						hidden;
padding-top:					15px;
padding-bottom:					30px;
width:							100%;
}

.history_box0{ /*履歴*/
overflow:						auto;
width:							90%;
height:							350px;
position:						relative;
margin:							0px auto 0px auto;
outline:						none;
text-align:						left;
overflow-x: 					hidden;
}

.history_box1{ /*履歴*/
overflow:						auto;
margin:							0px auto 10px auto;
width:							90%;
height:							auto;
background-color: 				rgba(51,2,26,0.8);
border:							2px solid #f2527f;
}

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

.ddmove{ /*内容*/
position:						relative;
margin-top:						10px;
margin-bottom:					5px;
width:							auto;
line-height:					120%; /* 行の高さ */
color:							#ffffff;
}

.dlmove{ /*日付*/
line-height:					110%; /* 行の高さ */
}

.dtmove{ /*日付の囲い*/
background-color: 				#fb2f6e;
font-weight:					bold;
text-decoration:				none;
text-align:						center;
margin:							-7px 0px 0px 7px;
padding:						5px;
display:						inline-block;
color:							#ffffff;
}

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

.twi_bg{ /*ツイッター背景*/
background-color: 				rgba(0,0,0,0.8);
overflow:						hidden;
padding-top:					0px;
padding-bottom:					0px;
width:							100%;
}

.twi{ /*ツイッター本体*/
position:						relative;
margin:							80px 0px 50px 0px;
}

/*****************************************概要******************************************/

.about_02_box_main { /*用語解説*/
background-color: 				rgba(127,19,50,0.5); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
height:							auto;
width: 							100%;
color:							#ffffff;
margin-bottom:					40px;
}

.about_02_text1 { /*用語解説・見出し*/
background:						#7f1332;
padding:						8px 0px 8px 0px;
text-align:						center;
font-size:						24px;
line-height:					110%; /* 行の高さ */
}

.about_02_text2 { /*用語解説・内容*/
text-align:						left;
padding:						0px 20px 20px 20px;
line-height:					120%; /* 行の高さ */
}

/****************************************キャラクター*****************************************/

.chara_select { /*キャラクターセレクトメニュー*/
position:						relative;
margin:							20px auto 0px auto;
padding: 						0; /*ボタン中央へ*/
}

.chara_select li {
display:						inline;
margin:							0px 0px 0px -4px;
}

.chara_select_size {
width:							110px;
height: 						123px;
}

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

.chara_bg01 { /*背景＠ひより*/
background:						url(./img/bg_03.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg02 { /*背景＠一華*/
background:						url(./img/bg_04.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg03 { /*背景＠ありす*/
background:						url(./img/bg_05.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg04 { /*背景＠キャロライン*/
background:						url(./img/bg_06.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg05 { /*背景＠詩*/
background:						url(./img/bg_07.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg06 { /*背景＠主人公*/
background:						url(./img/bg_08.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg07 { /*背景＠エリス*/
background:						url(./img/bg_09.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg08 { /*背景＠ニニア*/
background:						url(./img/bg_10.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

.chara_bg09 { /*背景＠天璃*/
background:						url(./img/bg_11.jpg)no-repeat top;
background-size:				cover;
background-attachment:			fixed;/*スクロールしても背景画像を固定*/
height:100%;
}

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

.chara1 { /*キャラ紹介_メイン・主人公*/
margin:							18px auto 500px auto;
position:						relative;
}

.chara2 { /*キャラ紹介_魔王・女神*/
margin:							18px auto 300px auto;
position:						relative;
}

.chara3 { /*キャラ紹介_その他*/
margin:							18px auto 300px auto;
position:						relative;
}

.chara_words_pc { /*キャラクターセリフ＠ＰＣ*/
position:						relative;
top:				        	0px;
left:                           0px;
}

.chara_words_sp { /*キャラクターセリフ＠モバイル*/
display:						none; /*非表示*/
}

.chara_bg { /*キャラクターアップ＆背景*/
position:						absolute;
top:				        	130px;
left:                           30px;
}

.chara_name { /*キャラクター名前・CV*/
position:						absolute;
top:				        	130px;
right:                          55px;
}

.chara_name_size { /*キャラクター名前・CVサイズ*/
width:							580px;
height: 						269px;
}

.chara_hontai { /*キャラクター本体*/
position:						relative;
top:				        	240px;
left:                           100px;
}

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

.chara_info { /*左側情報*/
position:						absolute;
top:				   		    0px;
left:                           0px;
}

.chara_linespace { /*見出しライン*/
background-color: 				rgba(127,19,50,0.7); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
color: 							#ffffff;
padding:						1px;
margin-bottom:					15px;
border-top: 					solid 2px #6c0d31;
border-bottom: 					solid 2px #6c0d31;
width:							480px;
text-align:						center;
font-size:						16px;
}

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

.sample_voice { /*サンプルボイスボタン（位置）*/
position:						relative;
top:				        	460px;
left:                           50px;
}

.sample_voice li { /*ボタン左寄せ*/
display:						inline-block;
margin:							-5px -2px 0px -2px;
position:						relative;
left:                           0px;
}

.voice_on_icon {
color: 							#ffffff;
}

.voice_off_icon {
color: 							rgba(255,255,255,0.4); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
}

.sample_voice_button01 { /*サンプルボイスボタン＠通常*/
background-color: 				rgba(16,129,255,0.9); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
font-size:						100%;
width:							60px;
height: 						60px;
line-height: 					60px;
border-radius:					50%; /*円*/
color:							#ffffff;
vertical-align:					middle;
display:						inline-block;
margin:							0px 5px 0px 5px;
transition: 					.2s;
}

.sample_voice_button01:hover{
background-color: 				rgba(126,193,255,0.8); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
}

.sample_voice_button02 { /*サンプルボイスボタン＠Ｈ*/
background-color: 				rgba(255,56,173,0.9); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
font-size:						100%;
width:							60px;
height: 						60px;
line-height: 					60px;
border-radius:					50%; /*円*/
color:							#ffffff;
vertical-align:					middle;
display:						inline-block;
margin:							0px 5px 0px 5px;
transition: 					.2s;
}

.sample_voice_button02:hover{
background-color: 				rgba(255,148,211,0.8); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
}

.sample_voice_button03 { /*サンプルボイスボタン＠不可*/
background-color: 				rgba(14,18,39,0.3); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
font-size:						120%;
width:							60px;
height: 						60px;
line-height: 					60px;
border-radius:					50%; /*円*/
color:							#ffffff;
vertical-align:					middle;
display:						inline-block;
margin:							0px 5px 0px 5px;
}

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

.chara_cos01 { /*コスチュームボタン（位置）*/
position:						relative;
top:				        	490px;
left:                           50px;
}

.chara_cos01 li { /*ボタン左寄せ*/
display:						inline-block;
margin:							10px 2px 0px 2px;
position:						relative;
left:                           0px;
}

.chara_cos01_icon {
color: 							#ffffff;
}

.chara_off_icon {
color: 							rgba(255,255,255,0.4); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
}

.chara_cos01_button01 { /*コスチュームボタン*/
background-color: 				rgba(164,42,221,0.9); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
font-size:						100%;
text-decoration:				none;
text-align:						center;
padding:						10px 20px 10px 20px;
margin:							-30px auto 10px auto;
width: 							90px;
display:						inline-block;
transition: 					.2s;
}

.chara_cos01_button01:hover{
background-color: 				rgba(216,162,242,0.8); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
}

.chara_cos01_button02 { /*コスチュームボタン＠不可*/
background-color: 				rgba(14,18,39,0.3); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
font-size:						100%;
text-decoration:				none;
text-align:						center;
padding:						10px 20px 10px 20px;
margin:							-30px auto 10px auto;
width: 							90px;
display:						inline-block;
}

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

.chara_part_prof1 { /*キャラ紹介*/
font-size:						16px;
text-align:						left;
letter-spacing:					0.1em; /* 文字間 */
display:						inline-block;
width: 							480px;
position:						relative;
top:				        	520px;
left:                           50px;
color:							#ffffff;
}

.chara_part_prof1_ { /*キャラ紹介文*/
background-color: 				rgba(127,19,50,0.6); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
display:						inline-block;
line-height:					140%; /* 行の高さ */
margin:							2px;
height:							auto;
width:							440px;
padding:						18px;
font-size:						16px;
}

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

.chara_part_prof2_main { /*キャラプロフィール＠メインヒロイン*/
position:						relative;
text-align:						center;
top:				        	20px;
left:                           -10px;
width:							480px;
font-size:						16px;
}

.chara_part_prof2_main ul {
padding:						7px 7px;
margin-left:					10px;
background:						#7f1332;
color:							#ffffff;
line-height: 					1.2; /* 行間 */
width:							160px;
float:							left; /*ボタン左から並べる*/
}

.chara_part_prof2_main li {
list-style-type: 				none; /*リスト「・」非表示*/
text-shadow:					-1px -1px 10px #7f1332, 1px 1px 10px #7f1332; /*横・縦・ぼかし・色*/
padding:						4px;
margin-left:					200px;
color:							#ffffff;
text-align:						left;
}

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

.chara_part_prof3_box_main { /*変身後キャラプロフィール*/
background-color: 				rgba(127,19,50,0.6); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
height:							auto;
width: 							480px;
position:						relative;
top:				        	570px;
left:                           50px;
color:							#ffffff;
}

.chara_part_prof3_text1 { /*変身後テキスト・見出し*/
background:						#7f1332;
width:							100%;
margin-top:						-8px;
margin-bottom:					16px;
padding:						8px 0px 8px 0px;
text-decoration:				none;
text-align:						center;
font-size:						16px;
line-height:					110%; /* 行の高さ */
}

.chara_part_prof3_text2 { /*変身後テキスト・内容*/
text-align:						left;
font-size:						16px;
padding:						0px 0px 25px 15px;
line-height:					120%; /* 行の高さ */
}

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

.chara_square { /*キャラ後ろの四角*/
position:						absolute;
top:				        	600px;
left:                           600px;
height:							400px;
width: 							400px;
border: 						solid 3px #6c0d31;
animation-name: 				rotation;/*キーフレーム指定名*/
animation-duration:				10s;/*アニメーション時間*/
animation-timing-function:		linear;/*一定速度*/
animation-iteration-count:		infinite;/*ループ*/
}

@keyframes rotation {
0%  {transform: rotate(0);} /*開始*/
100%  {transform: rotate(360deg);} /*終了*/
}

/*****************************************ギャラリー******************************************/

.gallery_space_pc {
height: 							130px;
}

.item {
display:							block;
position:							relative;
width:								254px;
height:								254px;
padding:							40% 0;
color:								white;
background-position: 				center center;
background-size: 					cover;
-webkit-box-sizing: 				border-box;
-moz-box-sizing: 					border-box;
-ms-box-sizing: 					border-box;
box-sizing: 						border-box;
}

.hov:hover:after {
content: 							"";
display: 							block;
position: 							absolute;
top: 								0;
left: 								0;
width: 								100%;
height: 							100%;
background: 						rgba(0, 0, 50, 0.3);
}

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

a.ev01{ background: url("img/bt_g_01a_off.png"); }
a.ev02{ background: url("img/bt_g_02a_off.png"); }
a.ev03{ background: url("img/bt_g_03a_off.png"); }
a.ev04{ background: url("img/bt_g_04a_off.png"); }
a.ev05{ background: url("img/bt_g_05a_off.png"); }
a.ev06{ background: url("img/bt_g_06a_off.png"); }
a.ev07{ background: url("img/bt_g_07a_off.png"); }
a.ev08{ background: url("img/bt_g_08a_off.png"); }
a.ev09{ background: url("img/bt_g_09a_off.png"); }
a.ev10{ background: url("img/bt_g_10a_off.png"); }
a.ev11{ background: url("img/bt_g_11a_off.png"); }
a.ev12{ background: url("img/bt_g_12a_off.png"); }
a.ev13{ background: url("img/bt_g_13a_off.png"); }
a.ev14{ background: url("img/bt_g_14a_off.png"); }
a.ev15{ background: url("img/bt_g_15a_off.png"); }
a.ev16{ background: url("img/bt_g_16a_off.png"); }
a.ev17{ background: url("img/bt_g_17a_off.png"); }
a.ev18{ background: url("img/bt_g_18a_off.png"); }
a.ev00{ background: url("img/bt_g_00.png"); }

a.ev01:hover { background: url("img/bt_g_01a_on.png") no-repeat; }
a.ev02:hover { background: url("img/bt_g_02a_on.png"); }
a.ev03:hover { background: url("img/bt_g_03a_on.png"); }
a.ev04:hover { background: url("img/bt_g_04a_on.png"); }
a.ev05:hover { background: url("img/bt_g_05a_on.png"); }
a.ev06:hover { background: url("img/bt_g_06a_on.png"); }
a.ev07:hover { background: url("img/bt_g_07a_on.png"); }
a.ev08:hover { background: url("img/bt_g_08a_on.png"); }
a.ev09:hover { background: url("img/bt_g_09a_on.png"); }
a.ev10:hover { background: url("img/bt_g_10a_on.png"); }
a.ev11:hover { background: url("img/bt_g_11a_on.png"); }
a.ev12:hover { background: url("img/bt_g_12a_on.png"); }
a.ev13:hover { background: url("img/bt_g_13a_on.png"); }
a.ev14:hover { background: url("img/bt_g_14a_on.png"); }
a.ev15:hover { background: url("img/bt_g_15a_on.png"); }
a.ev16:hover { background: url("img/bt_g_16a_on.png"); }
a.ev17:hover { background: url("img/bt_g_17a_on.png"); }
a.ev18:hover { background: url("img/bt_g_18a_on.png"); }

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

a.sc01{ background: url("img/bt_sys_01a_off.png"); }
a.sc02{ background: url("img/bt_sys_02a_off.png"); }
a.sc03{ background: url("img/bt_sys_03a_off.png"); }
a.sc04{ background: url("img/bt_sys_04a_off.png"); }
a.sc05{ background: url("img/bt_sys_05a_off.png"); }
a.sc06{ background: url("img/bt_sys_06a_off.png"); }
a.sc07{ background: url("img/bt_sys_07a_off.png"); }

a.sc01:hover { background: url("img/bt_sys_01a_on.png") no-repeat; }
a.sc02:hover { background: url("img/bt_sys_02a_on.png"); }
a.sc03:hover { background: url("img/bt_sys_03a_on.png"); }
a.sc04:hover { background: url("img/bt_sys_04a_on.png"); }
a.sc05:hover { background: url("img/bt_sys_05a_on.png"); }
a.sc06:hover { background: url("img/bt_sys_06a_on.png"); }
a.sc07:hover { background: url("img/bt_sys_07a_on.png"); }

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

a.bg01{ background: url("img/bt_bg_01a_off.png"); }
a.bg02{ background: url("img/bt_bg_02a_off.png"); }
a.bg03{ background: url("img/bt_bg_03a_off.png"); }
a.bg04{ background: url("img/bt_bg_04a_off.png"); }
a.bg05{ background: url("img/bt_bg_05a_off.png"); }
a.bg06{ background: url("img/bt_bg_06a_off.png"); }
a.bg07{ background: url("img/bt_bg_07a_off.png"); }

a.bg01:hover { background: url("img/bt_bg_01a_on.png") no-repeat; }
a.bg02:hover { background: url("img/bt_bg_02a_on.png"); }
a.bg03:hover { background: url("img/bt_bg_03a_on.png"); }
a.bg04:hover { background: url("img/bt_bg_04a_on.png"); }
a.bg05:hover { background: url("img/bt_bg_05a_on.png"); }
a.bg06:hover { background: url("img/bt_bg_06a_on.png"); }
a.bg07:hover { background: url("img/bt_bg_07a_on.png"); }

/*****************************************システム******************************************/

.system_box { /*システム解説*/
background-color: 				rgba(127,19,50,0.5); /*前３つはＲＧＢ色指定・末尾の数字は透過度0.0〜1*/
height:							auto;
width: 							750px;
color:							#ffffff;
margin:							0px auto 0px auto;
}

.system_text { /*システム解説・内容*/
text-align:						left;
padding:						20px 20px 20px 20px;
}

/*****************************************スぺシャル******************************************/

/****************************************ダウンロード*****************************************/

/**********************************スぺシャル（応援バナー＆Twitter）********************************/

.bantwi800 { /*800×400 特大バナー*/
width:							800px;
height:							auto;
margin:							5px;
display:						inline-block;
}

.bantwi200 { /*200×40 最小バナー*/
width:							200px;
height:							auto;
margin:							5px;
display:						inline-block;
}

.bantwi250 { /*250×250 四角バナー*/
width:							250px;
height:							auto;
margin:							5px;
display:						inline-block;
}

.bantwi600 { /*150×600 縦長バナー*/
width:							150px;
height:							auto;
margin:							5px;
display:						inline-block;
}

.bantwi150 { /*600×150 横長バナー*/
width:							600px;
height:							auto;
margin:							5px;
display:						inline-block;
}

/*****************************特典情報（予約キャンペーン）*****************************/

.shop_list { /* キャンペーン対象店舗・文字 */
margin:							30px auto 0px auto;
}

.shop_list table { /*キャンペーン対象店舗一覧・表*/
width:							700px;
border:							3px solid #822f4d;
border-collapse: 				collapse;
vertical-align: 				middle;
line-height:					160%;
}

.shop_list th { /*キャンペーン対象店舗一覧・見出し*/
background-color: 				rgba(200, 49, 104,0.8);
border:							1px solid #822f4d;
}

.shop_list td { /*キャンペーン対象店舗一覧・リスト*/
background-color: 				rgba(255, 142, 183,0.2);
border:							1px solid #822f4d;
text-align: 					center;
}

.shop_list a:link {/*クリックしていないリンク文字*/
color:							#760a2e;
}

.shop_list a:visited {/*クリックしたリンク文字*/
color:							#760a2e;
text-decoration:				none;
}

/**********************************特典情報（店舗特典情報）**********************************/

.shopguide_area { /*店舗特典範囲*/
height:							100%;
}

.shopguide_pic03_size { /*オリジナル縦画像*/
width:							343px;
height: 						482px;
}

.shopguide_pic01_size { /*オリジナル横画像*/
width:							480px;
height: 						274px;
}

.shopguide_pic02 { /*画像*/
float:							left;
}

.shopguide_pic02_size { /*描き下ろし画像*/
width:							356px;
height: 						500px;
}

.shopguide_text01 { /*テキスト*/
position:						relative;
top:							0px
}

.shopguide_text02 { /*テキスト*/
position:						relative;
top:							100px
}

/**********************************スぺシャル（関連商品情報）**********************************/

/********************************** 製品情報 **********************************/

.dtspec_cast{ /*情報_キャスト文字_項目*/
padding:						2px 2px;
background-color: 				rgba(200, 49, 104,0.8);
color:							#ffffff;
text-align:						center;
width:							580px;
float:							left; 
clear:							left;
}

/********************************** ダウンロード版 **********************************/