@media screen and ( max-width:768px ) { /* ウィンドウサイズが左数値以下で適用されます */

body {
/*-webkit-text-size-adjust: 100%;アイフォンで文字サイズ固定*/
min-width:						768px;
font-size:						24px;
line-height:					130%; /* 行の高さ */
}

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

.coution{ /*注意*/
height:							1140px;
}

.button_yes{ /*はいボタン*/
font-size:						200%;
padding:						20px 45px 10px 45px;
width: 							170px;
}


.button_no{ /*いいえボタン*/
font-size:						200%;
padding:						20px 45px 10px 45px;
width: 							170px;
}

.no_copy{ /*NOコピーボタン位置*/
font-size:						18px;
letter-spacing:					0.1em; /* 文字間 */
line-height:					130%; /* 行の高さ */
}

.button_no_copy{ /*NOコピーボタン*/
font-size:						150%;
padding:						20px 10px 20px 10px;
margin:							10px auto 0px auto;
}

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

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

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

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

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

#order { /*通販はこちら*/
position: 						fixed;
bottom:							40px;
left: 							-50px;
z-index: 						1;
}

#page_top { /*ページTOPへ戻る*/
bottom:							13px;
right: 							20px;
}

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

.page {
width: 							768px;
}

.br_pc {
display:						none;
}

.br_sp {
display:						block;
}

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

.button01 { /*ボタン*/
font-size:						130%;
padding:						10px 20px 15px 20px;
}

.button_ { /*ボタン不可*/
font-size:						130%;
padding:						10px 20px 15px 20px;
}

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



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

.dlspec{ /*情報_位置*/
overflow:						hidden; /* IE対策。はみ出た部分はスクロールなどで表示させない */
margin:							40px auto 20px 20px;
line-height:					125%; /* 行の高さ */
float:							left;
}

.dtspec{ /*情報_文字_項目*/
padding:						3px 3px;
width:							700px;
margin-bottom:					10px;
font-size:						24px;
}

.ddspec{ /*情報_文字_内容*/
margin-left:					20px;
margin-bottom:					20px;
font-size:						24px;
}

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

.header_menu li {
float:							left; /*ボタン左から並べる*/
margin:							0px 2px 0px 2px;
}

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

.estop { /*ブランドＴＯＰに戻る*/
top:							90px;
}

.footermenu { /*サイトメニュー*/
display:						none; /*非表示*/
}

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

.main_visual { /*メインビジュアル*/
background:						url(./img/main_visual_sp_e.png)no-repeat top;
position:						absolute;
top:							0px;
}

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

.top { /*メイン画像スペース*/
height:							1710px;
}

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

.top_part_01 { /*タイトルロゴ*/
display:						none;
}

.top_part_02 { /*情報*/
display:						none;
}

.top_part_03 { /*マスターアップ*/
display:						none;
}

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

.banner_cambg { /*キャンペーン用バナー背景*/

width:							100%;
}

.banner_goodsbg { /*グッズ用バナー背景*/

width:							100%;
}

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

.history_bg{ /*履歴背景*/
width:							100%;
}

.history_box0{ /*履歴*/
width:							690px;
font-size:						18px;
}

.history_box1{ /*履歴*/
width:							660px;
}

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

.twi{ /*ツイッター本体*/
margin:							60px 0px 0px 0px;
}

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

.qa { /*回答全体*/
margin-bottom:					2em;
position:						relative;
left:							20px;
}

.qa:before,.qa:after {
clear:							both;
content:						"";
display:						block;
}

.qa-image-left { /*キャラアイコン*/
float:							none; /*非表示*/
margin-right:					30px;
}

.qa figure img { /*キャラアイコン*/
width:							144px;
height:							150px;
position:						relative;
top:							0px;
}

.qa-image-description { /*キャラ名*/
float:							none; /*非表示*/
}

.qa-text-right { /*フキダシ本体*/
position:						relative;
width:							720px;
height:							auto;
text-align:						left;
padding:						0 10px 0 30px;
margin:							0 0px 0 20px;
border-radius:					10px;
max-width:						-webkit-calc(100% - 120px);
max-width:						calc(100% - 120px);
display:						inline-block;
background-color: 				rgba(238,78,78,0.6);
float:							left;
color:							#ffffff;
}

.qa-text-right:after{ /*フキダシ三角*/
display:						none; /*非表示*/
}

.qa_img { /*画像*/
height:                     	96%;
width:							96%;
}


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

.chara_select { /*キャラクターセレクトメニュー*/
left:							-5px;
}

.chara_select_size { /*キャラクターセレクトメニュー*/
width:							144px;
height: 						150px;
}

.chara_bg{ /*キャラ背景------------------------------------------------------*/
background:						url(./img/hisbg.jpg) repeat;
overflow:						hidden;
padding-top:					15px;
padding-bottom:					30px;
width:							100%;
}

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

.chara_hontai { /*キャラクタービジュアル*/
margin-bottom:					1450px;
top:				        	110px;
left:                           -450px;
}

.chara_hontai_victor { /*キャラクタービジュアル＠ヴィクトル*/
margin-bottom:					780px;
top:				        	110px;
left:                           -450px;
}

.chara_hontai_other { /*キャラクタービジュアル＠アンネリース*/
margin-bottom:					1100px;
top:				        	110px;
left:                           -450px;
}

.chara_hontai_other2 { /*キャラクタービジュアル＠天使*/
margin-bottom:					900px;
top:				        	110px;
left:                           -450px;
}

.chara_hontai_other3 { /*キャラクタービジュアル＠クオリア*/
margin-bottom:					570px;
top:				        	110px;
left:                           -450px;
}

.chara_name { /*キャラクター名前*/
left:							0px;
}

.chara_words { /*キャラクターセリフ*/
position:						absolute;
top:				        	350px;
left:                           530px;
}

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

.sample_cg { /*イベントCG*/
position:						absolute;
top:				        	1900px;
left:                           0px;
}

.sample_cg_size { /*イベントCGボタン*/
width:							238px;
height: 						238px;
}

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

.sample_voice { /*サンプルボイスボタン（位置）*/
top:				        	1730px;
}

.sample_voice li { /*ボタン左寄せ*/
margin:							-5px -2px 0px -2px;
}

.sample_voice_button01 { /*サンプルボイスボタン＠通常*/
border:							4px solid #dd9e13;
width:							120px;
height: 						120px;
line-height: 					120px; /*文字中央*/
margin:							0px 5px 0px 5px;
}

.sample_voice_button01:hover{
border:							4px solid #dd9e13;
}

.sample_voice_button02 { /*サンプルボイスボタン＠Ｈ*/
border:							4px solid #dd9e13;
width:							120px;
height: 						120px;
line-height: 					120px; /*文字中央*/
margin:							0px 5px 0px 5px;
}

.sample_voice_button02:hover{
border:							4px solid #dd9e13;
}

.sample_voice_button03 { /*サンプルボイスボタン＠不可*/
border:							4px solid #dd9e13;
width:							120px;
height: 						120px;
line-height: 					120px; /*文字中央*/
margin:							0px 5px 0px 5px;
}

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

.chara_cos { /*コスチュームボタン（位置）*/
position:						absolute;
top:				        	1800px;
}

.chara_cos li { /*ボタン左寄せ*/
display:						inline-block;
margin:							0px -50px 0px 50px;
}

.chara_cos_button { /*コスチュームボタン*/
background-color: 				rgba(0,88,3,0.8);
border:							4px solid #9b750c;
border-radius:					20px; /*角丸*/
padding:						20px 20px;
width:							250px;
float:							left; /*ボタン左から並べる*/
text-align:						center;
transition: 					.2s;
font-size:						30px;
}

.chara_cos_button:hover{
background-color: 				rgba(18,162,23,0.8);
border:							4px solid #f3c443;
color:							#ffffff;
text-decoration:				none;
}

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

.chara_prof_box { /*キャラ紹介枠*/
width: 							720px;
top:				        	2420px;
left:                           15px;
}

.chara_prof_box_victor { /*キャラ紹介枠＠ヴィクトル*/
width: 							720px;
top:				        	1800px;
left:                           15px;
}

.chara_prof_box_other { /*キャラ紹介枠＠アンネリース*/
width: 							720px;
top:				        	2180px;
left:                           15px;
}

.chara_prof_box_other2 { /*キャラ紹介枠＠天使*/
width: 							720px;
top:				        	2180px;
left:                           15px;
}

.chara_prof_box_other3 { /*キャラ紹介枠＠クオリア*/
width: 							720px;
top:				        	1900px;
left:                           15px;
}

.chara_prof1 { /*キャラ紹介文*/
display:						inline-block;
text-align:						left;
margin-bottom:					40px;
text-shadow:					2px 2px 2px #feeeb5,-2px 2px 2px #feeeb5,2px -2px 2px #feeeb5,-2px -2px 2px #feeeb5; /*横・縦・ぼかし・色*/
}

.chara_prof2 ul {
border-radius:					10px; /*角丸*/
padding:						5px 5px;
background-color: 				#9e7d0f;
color:							#ffffff;
width:							160px;
float:							left; /*ボタン左から並べる*/
text-align:						center;
}

.chara_prof2 li {
list-style-type: 				none; /*リスト「・」非表示*/
padding:						5px;
margin-bottom:					5px;
margin-left:					190px;
text-align:						left;
width: 							720px;
text-shadow:					2px 2px 2px #feeeb5,-2px 2px 2px #feeeb5,2px -2px 2px #feeeb5,-2px -2px 2px #feeeb5; /*横・縦・ぼかし・色*/
}

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

.system_img { /*システム_画像*/
height:                     	72%;
width:							72%;
}

.system_img2 { /*システム_画像*/
height:                     	90%;
width:							90%;
}

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

.dlsystem{ /**/
width:							692px;
}

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

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

.webtri { /*体験版画像*/
width:							720px;
}

.download_movie01 { /*ムービー*/
position: 						relative;
padding-bottom: 				56.25%;
}
 
.download_movie01 iframe { /*ムービー*/
position: 						absolute;
left:							30px;
width: 							90%;
height: 						90%;
}

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

.banner_400_sp{ /*特大バナー大きさ*/
width:							700px;
}

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

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

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

.shopguide_pic01_size { /*画像*/
width:							522px;
height: 						298px;
}

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

.shopguide_pic02_size { /*画像*/
width:							469px;
height: 						659px;
}

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

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

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