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

  kor.css

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


/************************************************************************
  header
************************************************************************/
header h1 { width:calc(984px /2); height:calc(467px /2); top:137px; left:-14px; }
#pv { top:343px; }
#update { width:calc(808px /2); top:550px; left:31px; }

.dl-btn-steam  { width:350px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
header h1 { width:calc(632/750*100vw); height:calc(365/750*100vw); top:calc(484/750*100vw); left:0; }
#pv { top:calc(816/750*100vw); }
#update { width:calc(579/750*100vw); height:calc(57/750*100vw); top:calc(1019/750*100vw); left:0; }
}
/************************************************************************
  #introduction
************************************************************************/
#introduction h3 { width:calc(1259px /2); }
#introduction p.txt { width:calc(992px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#introduction h3 { margin-bottom:calc(75/750*100vw); width:calc(701/750*100vw); }
#introduction p.txt { width:calc(571/750*100vw); }
}
/************************************************************************
  #information
************************************************************************/
#information .left p.title { margin-bottom:20px; width:241px; }

/************************************************************************
  #character
************************************************************************/
#character h2 { width:calc(788px /2); }

p.tales-of-alise { top:396px; left:28px; }
p.tales-of-symphonia { height:calc(232px /2); top:412px; left:24px; }
a.btn-play { top:707px; left:33px; }

/* #other-characters */
#other-characters h3 { width:calc(1091px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#character h2 { width:calc(421/750*100vw); }

/* #other-characters */
#other-characters h3 { width:calc(610/750*100vw); }
#other-characters p.pict { width:calc((1077/2)/750*100vw); }

p.tales-of-alise { display:none; }
p.tales-of-symphonia { display:none; }
a.btn-play { top:calc(1336/750*100vw); left:calc(43/750*100vw); }
}
/************************************************************************
  #chara-001
************************************************************************/
#chara-001 h3 { width:calc(298px /2); height:calc(152px /2); top:573px; left:46px; }
#chara-001 h4 { width:calc(524px /2); height:calc(96px /2); top:513px; left:46px; }
#chara-001 p.lines { width:calc(751px /2); height:calc(198px /2); top:267px; left:56px; }
#chara-001 .chara-cv { top:663px; left:46px; }
#chara-001 .chara-cv a { width:calc(402px /2); height:calc(69px /2); }

#chara-001 p.sd { top:458px; left:281px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#chara-001 h3 { width:calc((390/2)/750*100vw); height:calc((199/2)/750*100vw); top:calc(1159/750*100vw); left:calc(58/750*100vw); }
#chara-001 h4 { width:calc(382/750*100vw); height:calc(70/750*100vw); top:calc(1084/750*100vw); left:calc(62/750*100vw); }
#chara-001 p.lines { width:calc(394/750*100vw); height:calc(104/750*100vw); top:calc(917/750*100vw); left:calc(51/750*100vw); }
#chara-001 .chara-cv { top:calc(1269/750*100vw); left:calc(58/750*100vw); }
#chara-001 p.sd { top:calc(1034/750*100vw); left:calc(476/750*100vw); }
}
/************************************************************************
  #chara-002
************************************************************************/
#chara-002 h3 { width:calc(312px /2); height:calc(148px /2); top:573px; left:45px; }
#chara-002 h4 { width:calc(617px /2); height:calc(38px /2); top:541px; left:46px; }
#chara-002 p.lines { width:calc(750px /2); height:calc(199px /2); top:267px; left:57px; }
#chara-002 .chara-cv { top:664px; left:45px; }
#chara-002 .chara-cv a { width:calc(402px /2); height:calc(69px /2); }

#chara-002 p.sd { top:468px; left:258px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#chara-002 h3 { width:calc((397/2)/750*100vw); height:calc((204/2)/750*100vw); top:calc(1127/750*100vw); left:calc(57/750*100vw); }
#chara-002 h4 { width:calc(457/750*100vw); height:calc(28/750*100vw); top:calc(1080/750*100vw); left:calc(57/750*100vw); }
#chara-002 p.lines { width:calc((786/2)/750*100vw); height:calc((209/2)/750*100vw); top:calc(914/750*100vw); left:calc(45/750*100vw); }
#chara-002 .chara-cv { top:calc(1249/750*100vw); left:calc(45/750*100vw); }
#chara-002 .chara-cv a { width:calc(281/750*100vw); height:calc(48/750*100vw); }

#chara-002 p.sd { top:calc(1036/750*100vw); left:calc(418/750*100vw); }
}
/************************************************************************
  #chara-003
************************************************************************/
#chara-003 h3 { width:calc(458px /2); height:calc(156px /2); top:572px; left:45px; }
#chara-003 h4 { width:calc(465px /2); height:calc(38px /2); top:540px; left:45px; }
#chara-003 p.lines { width:calc(608px /2); height:calc(199px /2); top:267px; left:55px; }
#chara-003 .chara-cv { top:654px; left:46px; }
#chara-003 .chara-cv a { width:calc(484px /2); height:calc(69px /2); }

#chara-003 p.sd { top:483px; left:298px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#chara-003 h3 { width:calc((600/2)/750*100vw); height:calc((205/2)/750*100vw); top:calc(1134/750*100vw); left:calc(59/750*100vw); }
#chara-003 h4 { width:calc(339/750*100vw); height:calc(27/750*100vw); top:calc(1080/750*100vw); left:calc(57/750*100vw); }
#chara-003 p.lines { width:calc((638/2)/750*100vw); height:calc((208/2)/750*100vw); top:calc(910/750*100vw); left:calc(70/750*100vw); }
#chara-003 .chara-cv { top:calc(1248/750*100vw); left:calc(57/750*100vw); }
#chara-003 .chara-cv a { width:calc(338/750*100vw); height:calc(48/750*100vw); }
    
#chara-003 p.sd { top:calc(1059/750*100vw); left:calc(492/750*100vw); }
}
/************************************************************************
  #chara-004
************************************************************************/
#chara-004 h3 { width:calc(462px /2); height:calc(155px /2); top:573px; left:45px; }
#chara-004 h4 { width:calc(604px /2); height:calc(38px /2); top:541px; left:45px; }
#chara-004 p.lines { width:calc(742px /2); height:calc(200px /2); top:266px; left:55px; }
#chara-004 .chara-cv { top:664px; left:45px; }
#chara-004 .chara-cv a { width:calc(406px /2); height:calc(69px /2); }

#chara-004 p.sd { top:474px; left:326px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#chara-004 h3 { width:calc((606/2)/750*100vw); height:calc((204/2)/750*100vw); top:calc(1130/750*100vw); left:calc(53/750*100vw); }
#chara-004 h4 { width:calc(446/750*100vw); height:calc(28/750*100vw); top:calc(1080/750*100vw); left:calc(53/750*100vw); }
#chara-004 p.lines { width:calc((778/2)/750*100vw); height:calc((209/2)/750*100vw); top:calc(914/750*100vw); left:calc(47/750*100vw); }
#chara-004 .chara-cv { top:calc(1249/750*100vw); left:calc(57/750*100vw); }
#chara-004 .chara-cv a { width:calc(284/750*100vw); height:calc(48/750*100vw); }

#chara-004 p.sd { top:calc(1041/750*100vw); left:calc(511/750*100vw); }
}
/************************************************************************
  #feature
************************************************************************/
/*#feature h2 { width:calc(618px /2); }*/

#feature article#feature-001 h3 { width:calc(239px /2); }
#feature article#feature-002 h3 { width:calc(497px /2); }
#feature article#feature-003 h3 { width:calc(171px /2); }
#feature article#feature-004 h3 { width:calc(385px /2); }
#feature article#feature-005 h3 { width:calc(419px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#feature article#feature-001 h3 { width:calc((288/2)/750*100vw); }
#feature article#feature-002 h3 { width:calc((633/2)/750*100vw); }
#feature article#feature-003 h3 { width:calc((212/2)/750*100vw); }
#feature article#feature-004 h3 { width:calc((474/2)/750*100vw); }
#feature article#feature-005 h3 { width:calc((509/2)/750*100vw); }
}
/************************************************************************
  #requirement
************************************************************************/
/*#requirement h2 { width:calc(881px /2); }*/
/************************************************************************
  #movie
************************************************************************/
#movie ul li:nth-child(1) h3 { width:calc(672px /2); }
#movie ul li:nth-child(2) h3 { width:calc(776px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#movie ul li:nth-child(1) h3 { width:calc((864/2)/750*100vw); }
#movie ul li:nth-child(2) h3 { width:calc((1018/2)/750*100vw); }
}
/************************************************************************
  #theme-song
************************************************************************/
#theme-song h2 { width:calc(1074px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#theme-song h2 { width:calc(626/750*100vw); }
}
/************************************************************************
  #
************************************************************************/