@media screen and (min-width:961px) { .spOnly { display:none !important; } }
@media screen and (max-width:960px) { .pcOnly { display:none !important; } }
/************************************************************************
  
************************************************************************/
html { color:#1c242c; }
img { vertical-align:bottom; border:0; }
body { font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",sans-serif; color:#1c242c; min-height:100vh; font-size:16px; }

* { box-sizing:border-box; }
.pointer-events { pointer-events:none; }

*:focus { outline:none; }

/* SP */
@media screen and (max-width:960px){
body{ font-size:3.5vw; }
}
/************************************************************************
  body
************************************************************************/
body { background-color:#ffffff; line-height:1; font-size:0; }

/************************************************************************
  
************************************************************************/
.dp-none { display:none; }
p.img { font-size:0 }
h2 { font-size:0; }

a { color:#b29a3e; }
a:hover { cursor:pointer !important; }

/* margin */
.mb0 { margin-bottom:0 !important; }
.mb60 { margin-bottom:60px !important; }

a.pe-none { pointer-events:none; }

.flex { display:flex; }

hr { display:none; }

ul.disc { list-style:disc; }
ul.disc li { margin-left:1.5em; }


/* ============ smart phone ============ */
@media screen and (max-width:750px){
.mb60 { margin-bottom:calc(60px * 0.7) !important; }
}
/************************************************************************
  header
************************************************************************/
header { margin-bottom:0; height:calc(1818px /2); background:url('../img/main_image.png') no-repeat top center transparent; background-size:auto 100%; font-size:0; overflow:hidden; position:relative; z-index:1; pointer-events:none; }
header .contents { width:1000px; position:relative; }
header h1 {  }

/* #update */
#update { width:calc(639px /2); display:block; position:absolute; top:545px; left:31px;  }
#update img { width:100%; height:auto;  }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

header { height:calc(1234/750*100vw); background-image:url('../img/main_image_sp.png'); background-size:100% auto; overflow:visible; }
header .contents { width:auto; height:100%; }

/* #update */
#update { margin:auto; width:calc(669/750*100vw); height:calc(91/750*100vw); top:calc(1046/750*100vw); left:0; right:0; }

}
/************************************************************************
  #pv
************************************************************************/
#pv { position:absolute; top:334px; z-index:10; pointer-events:auto; cursor:pointer; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#pv { margin:auto; width:calc(429/750*100vw); top:calc(810/750*100vw); right:0; left:0; }
#pv img { width:100%; }

}
/************************************************************************
  #download
************************************************************************/
#download { padding:15px; background-color:rgba(255,255,255,0.7); border-radius:10px; border:1px solid #ffffff; position:absolute; top:672px; z-index:10; }

/* ul */
#download ul { margin:auto; width:370px; display:flex; justify-content:space-between; }
#download ul li { width:180px; pointer-events:auto; cursor:pointer; }
#download ul li img { width:100%; }
#download ul li a { width:180px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#download { margin:auto; padding:0; border:0; border-radius:0; top:calc(1138/750*100vw); right:0; left:0; }
#download ul { margin:auto; width:auto; justify-content:center; }
#download ul li { margin-right:calc(17/750*100vw); width:calc(306/750*100vw); }
#download ul li:last-child { margin-right:0; }
#download ul li img { width:100%; }

}
/************************************************************************
  .contents
************************************************************************/
.contents { margin:auto; width:1280px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
.contents { margin:auto calc(30/750*100vw); width:auto; }
}
/************************************************************************
  #bg-fixed
************************************************************************/
#bg-fixed {  }
#bg-fixed::after { content:''; margin:auto; width:100%; height:1350px; background:url('../img/bg_fixed.png') bottom center no-repeat; position:fixed; bottom:0; z-index:-10; pointer-events:none; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#bg-fixed::after { display:none; }
}
/************************************************************************
  main
************************************************************************/
main { margin:0; padding:160px 0 0; background:url('../img/bg_main.png') repeat-y top center; }

/* h2 */
main h2 { margin:auto; }
main h2 img { width:100%; }

/* h3 */
main h3 { margin:auto; }
main h3 img { width:100%; }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

main { padding-top:0; background:url('../img/bg_main_sp.png') no-repeat; background-size:100% auto; }

}
/************************************************************************
  #menu
************************************************************************/
#menu { margin:0 auto -89px; padding:0 0 10px; width:100%; height:90px; background:url('../img/bg_menu_shadow.png') repeat-x; position:relative; top:-89px; z-index:0; }
#menu div { height:80px; background:url('../img/bg_menu.png') no-repeat #0f61b0 center top; }

#menu ul { margin:auto; width:1000px; display:flex; justify-content:space-between; }
#menu ul li { margin-left:1px; width: calc(330px/ 2); height:80px; }
#menu ul li a { width:100%; height:100%; background-position:center; background-size:100% auto; display:block; cursor:pointer; }
#menu ul li a img { width:100%; }
#menu ul li a:hover img { display:none; }

#menu ul li.nav-introduction a:hover { background-image:url('../img/nav_introduction_on.png'); }
#menu ul li.nav-character a:hover { background-image:url('../img/nav_character_on.png'); background-position: -0.5px center; }
#menu ul li.nav-feature a:hover { background-image:url('../img/nav_feature_on.png'); background-position:center -0.5px; }
#menu ul li.nav-movie a:hover { background-image:url('../img/nav_movie_on.png'); }
#menu ul li.nav-requirement a:hover { background-image:url('../img/nav_requirement_on.png'); background-position:center -0.5px; }
#menu ul li.nav-fankit a:hover { background-image:url('../img/nav_fankit_on.png'); }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

#menu { display:none; }

}
/************************************************************************
  .pagetop
************************************************************************/
#scrollUp { width:80px; height:80px; /*background:url('../img/btn_top.png') no-repeat; background-size:100% auto;*/ position:fixed; bottom:30px; right:55px; display:none; z-index:3; }
.pagetop a { height:100%; display:block; position:relative; z-index:3; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#scrollUp { display:none !important; }

}
/************************************************************************
  .column
************************************************************************/
.column { margin:auto auto 200px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

.column { margin-bottom:calc(150/750*100vw); padding-top:0; }

}
/************************************************************************
  #introduction
************************************************************************/
#introduction { margin-bottom:0; min-height:1420px; background:url('../img/bg_introduction.png') no-repeat bottom center; }
#introduction h2 { margin-bottom:75px; width:calc(1206px /2); padding-top:100px; }
#introduction h3 { margin-bottom:25px; width:calc(916px /2); }
#introduction p.txt { margin:auto; width:calc(896px /2); }
#introduction p.txt img { width:100%; }
#introduction a.clock { display:block; width:calc(702px /2);margin: -94px auto 0; position: relative; left: -11px;}
#introduction a.clock img { width:100%; transition:0.5s ease-out; }
#introduction a.clock:hover img { filter: contrast(130%); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#introduction { margin-bottom:calc(150/750*100vw); height:calc(1720/750*100vw); min-height:initial; background:none; position:relative; }
#introduction .contents { margin:auto calc(30/750*100vw); padding-top:calc(225/750*100vw); height:100%; background-image:url('../img/bg_introduction_sp.png'); background-position:top center; background-size:100% auto; }
#introduction h2 { margin-bottom:calc(13/750*100vw); width:calc((1134/2)/750*100vw); padding-top:0;}
#introduction h3 { margin-bottom:0; width:calc((1160/2)/750*100vw); }
#introduction p.txt { width:calc((1224/2)/750*100vw); }
#introduction a.clock { width: 48vw; margin: 0 auto; left: 0; left: 0.65vw; top: 0.5vw;}
}
/************************************************************************
  #bg
************************************************************************/
#bg { background:url('../img/bg.png') no-repeat bottom center; }
.bg-sp { background-image:none; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#bg { min-height:initial; background-image:none; }
}
/************************************************************************
  #character
************************************************************************/
#character {  }
#character h2 { margin-bottom:25px; width:calc(1015px /2); }
#character h3 { background-repeat:no-repeat; background-size:100% auto; position:absolute; }

#character .contents { position:relative; }
#character .character {  }
#character .txt { background-repeat:no-repeat; background-size:100% auto; position:absolute; }
#character .chara-cv { background-repeat:no-repeat; background-size:100% auto; position:absolute; }
#character .chara-cv:hover { background-size:100% auto; position:absolute; cursor:pointer; }
#character .btn-play { width:calc(368px /2); height:calc(100px /2); background:url('../img/btn_play.png') no-repeat; background-size:100% auto; position:absolute; }
#character .btn-play a { width:100%; height:100%; display:block; }

/* ul.slides-nav */
#character ul.slides-nav { display:flex; justify-content:center; position:relative; z-index:1; }
#character ul.slides-nav li { margin-right:-15px; width:136px; height:129px; }
#character ul.slides-nav li:last-child { margin-right:0; }
#character ul.slides-nav li img { width:auto; height:auto; }
#character ul.slides-nav li.current { background-repeat:no-repeat; background-size:100% auto; }
#character ul.slides-nav li.current img {  display:none; }
 
#character ul.slides-nav li.current.icon-chara-001 { background-image:url('../img/icon_chara_001_on.png'); }
#character ul.slides-nav li.current.icon-chara-002 { background-image:url('../img/icon_chara_002_on.png'); }
#character ul.slides-nav li.current.icon-chara-003 { background-image:url('../img/icon_chara_003_on.png'); }

/* .slides */
#character .slides { margin-bottom:90px; height:800px; /*background:url('../img/bg_character.png') no-repeat top center;*/ }

/* .slick-slide */
.slick-slide { margin:0; padding:0; width:100%; max-width:2200px; background:no-repeat top center; background-size:auto 100%; }
.slick-slide {  }

.slick-list { box-sizing:border-box; }

/* .slick-slide */
.slick-slide .item { margin:auto; width:100%; max-width:1280px; height:800px;  position:relative; }
.slick-slide .item h3 { background:no-repeat center; background-size:100% auto; position:absolute; transition:0.5s; }
.slick-slide .item h4 { background:no-repeat center; background-size:100% auto; position:absolute; transition:0.5s; }
.slick-slide .item p.lines { background:no-repeat center; background-size:100% auto; position:absolute; transition:0.5s; }
.slick-slide .item .chara-cv { position:absolute; }
.slick-slide .item .chara-cv a { background:no-repeat center; background-size:100% auto; display:block; transition:0.5s; }
.slick-slide .item .chara-cv a:hover { cursor:pointer; }
.slick-slide .item p.text { width:420px; line-height:1.7333; font-family:serif; position:absolute; font-size:16px; }

/* .slide-arrow */
.slide-arrow { margin:auto; width:calc(240px /2); height:calc(249px /2); background:no-repeat center; position:absolute; top:0; bottom:0; display:inline-block; z-index:1; }
.slide-arrow img { width:100%; }
.prev-arrow { left:21px; }
.next-arrow { right:21px; }

.slide-arrow:hover img {  }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#character { margin-bottom:0; margin-top:0 !important; padding-top:0 !important; }
#character h2 { margin-bottom:calc(30/750*100vw); width:calc((880/2)/750*100vw); }
#character h3 img { width:100%; }

#character .character { background-size:100% auto; }
#character .btn-play { width:calc((522/2)/750*100vw); height:calc((116/2)/750*100vw); background-image:url('../img/btn_play_sp.png'); }

/* ul.slides-nav */
#character ul.slides-nav li { margin-right:calc(-16/750*100vw); width:calc(136/750*100vw); height:calc(136/750*100vw); }
#character ul.slides-nav li:last-child { margin-right:0; }
#character ul.slides-nav li img { width:100%; }

/* .slides */
#character .slides { margin-bottom:calc(125/750*100vw); height:calc(1120/750*100vw); background-image:url('../img/bg_character_sp.png'); background-size:100% auto; margin-top: calc(-120/750*100vw);}

/* .slick-slide */
.slick-slide { width:auto; background-size:100% auto; }

/* .item */
.slick-slide .item { margin:auto; width:calc(690/750*100vw); max-width:initial; height:calc(1158/750*100vw); }
.slick-slide .item h3 {  }
.slick-slide .item h4 {  }
.slick-slide .item p.text { width:calc(500/750*100vw); line-height:calc(34/22); font-size:calc(22/750*100vw); top:calc(958/750*100vw) !important; left:calc(51/750*100vw) !important; }

/* .slide-arrow */
.slide-arrow { margin:auto; width:calc(124/750*100vw); height:calc(126/750*100vw); background:no-repeat center; position:absolute; top:calc(-194/750*100vw); bottom:0; display:inline-block; z-index:1; }
.slide-arrow img { width:100%; }
.prev-arrow { left:0; }
.next-arrow { right:0; }

}
/************************************************************************
  #chara-001
************************************************************************/
#chara-001 { background-image:url('../img/chara_001.png'); transition:0.5s; }

#chara-001 h3 { width:calc(644px /2); height:calc(272px /2); background-image:url('../img/chara_001_name.png'); top:420px; left:190px; }
#chara-001 h4 { width:calc(952px /2); height:calc(381px /2); background-image:url('../img/chara_001_text.png'); top:163px; left:140px; }
#chara-001 .chara-cv { top:545px; left:190px; }
#chara-001 .chara-cv a { width:calc(356px /2); height:calc(110px /2); background-image:url('../img/chara_001_cv.png'); }
#chara-001 p.text {  }

#chara-001 .btn-play { top:595px; left:190px; }

/* #btn-chara-001 */
#btn-chara-001 { width:calc(515px /2); height:calc(124px /2); background:url('../img/btn_chara_001_normal.png') no-repeat; background-size:100% auto; cursor:pointer; position:absolute; top:624px; left:488px; transition:0.5s; }
#btn-chara-001 img { width:100%; transition:0.5s; }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

#chara-001 { background-image:url('../img/chara_001_sp.png'); }

#chara-001 h3 { width:calc((1020/2)/750*100vw); height:calc((380/2)/750*100vw); background-image:url('../img/chara_001_name_sp.png'); top: calc(834/750*100vw); left: calc(58/750*100vw); right:auto; }
#chara-001 h4 { width:calc((922/2)/750*100vw); height:calc((407/2)/750*100vw); background-image:url('../img/chara_001_text_sp.png'); top: calc(610/750*100vw); left: calc(12/750*100vw); right:auto; }

#chara-001 .chara-cv { top:calc(1008/750*100vw); left:calc(80/750*100vw); right:auto; }
#chara-001 .chara-cv a { width:calc(244/750*100vw); height:calc(69/750*100vw); }

#chara-001 .btn-play { top:calc(1080/750*100vw); left:calc(87/750*100vw); }

}
/************************************************************************
  #chara-002
************************************************************************/
#chara-002 { background-image:url('../img/chara_002.png'); }

#chara-002 h3 { width:calc(698px /2); height:calc(275px /2); background-image:url('../img/chara_002_name.png'); top:415px; left:190px; }
#chara-002 h4 { width:calc(1206px /2); height:calc(256px /2); background-image:url('../img/chara_002_text.png'); top:220px; left:140px; }
#chara-002 p.lines { width:calc(776px /2); height:calc(296px /2); background-image:url('../img/chara_002_lines.png'); top:245px; right:118px; }
#chara-002 .chara-cv { top:545px; left:190px; }
#chara-002 .chara-cv a { width:calc(432px /2); height:calc(110px /2); background-image:url('../img/chara_002_cv.png'); }
#chara-002 p.text {  }

#chara-002 .btn-play { top:595px; left:190px; }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

#chara-002 { background-image:url('../img/chara_002_sp.png'); background-position: 0 calc(160/750*100vw);}

#chara-002 h3 { width:calc((1098/2)/750*100vw); height:calc((382/2)/750*100vw); background-image:url('../img/chara_002_name_sp.png'); top: calc(834/750*100vw); left: calc(58/750*100vw); }
#chara-002 h4 { width:calc((1059/2)/750*100vw); height:calc((308/2)/750*100vw); background-image:url('../img/chara_002_text_sp.png'); top: calc(676/750*100vw); left: calc(12/750*100vw); }

#chara-002 .chara-cv { top:calc(1008/750*100vw); left:calc(80/750*100vw); }
#chara-002 .chara-cv a { width:calc(278/750*100vw); height:calc(69/750*100vw); }

#chara-002 .btn-play { top:calc(1080/750*100vw); left:calc(87/750*100vw); }

}
/************************************************************************
  #chara-003
************************************************************************/
#chara-003 { background-image:url('../img/chara_003.png'); }

#chara-003 h3 { width:calc(596px /2); height:calc(274px /2); background-image:url('../img/chara_003_name.png'); top:413px; left:190px; }
#chara-003 h4 { width:calc(1060px /2); height:calc(259px /2); background-image:url('../img/chara_003_text.png'); top:215px; left:140px; }
/*#chara-003 p.lines { width:calc(977px /2); height:calc(206px /2); background-image:url('../img/chara_003_lines.png'); top:265px; right:48px; }*/
#chara-003 .chara-cv { top:545px; left:190px; }
#chara-003 .chara-cv a { width:calc(350px /2); height:calc(110px /2); background-image:url('../img/chara_003_cv.png'); }

#chara-003 .btn-play { top:595px; left:190px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#chara-003 { background-image:url('../img/chara_003_sp.png'); background-position: 0 calc(40/750*100vw);}
#chara-003 h3 { width:calc((902/2)/750*100vw); height:calc((382/2)/750*100vw); background-image:url('../img/chara_003_name_sp.png'); top: calc(834/750*100vw); left: calc(58/750*100vw); }
#chara-003 h4 { width:calc((1094/2)/750*100vw); height:calc((310/2)/750*100vw); background-image:url('../img/chara_003_text_sp.png'); top: calc(676/750*100vw); left: calc(12/750*100vw); }
#chara-003 p.lines { width:calc(479/750*100vw); height:calc(100/750*100vw); top:calc(667/750*100vw); left:calc(35/750*100vw); right:auto; }

#chara-003 .chara-cv { top:calc(1008/750*100vw); left:calc(80/750*100vw); }
#chara-003 .chara-cv a { width:calc(228/750*100vw); height:calc(69/750*100vw); }

#chara-003 .btn-play { top:calc(1080/750*100vw); left:calc(87/750*100vw); }

}
/************************************************************************
  #other-character
************************************************************************/
#other-character { padding-bottom:270px; min-height:500px; background:url('../img/bg_other_character.png') no-repeat bottom center; }

#other-character h3 { margin:auto auto 65px; width:calc(1018px /2); position:static; }

/* ul */
#other-character ul { margin:auto; display:flex; justify-content:center }
#other-character ul li { margin-right:-10px; width:calc(513px /2); }
#other-character ul li:last-child { margin-right:0; }
#other-character ul li img { width:100%; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#other-character { margin:0 calc(30/750*100vw) calc(80/750*100vw); padding-bottom:calc(183/750*100vw); min-height:calc(500/750*100vw); background-image:url('../img/bg_other_character_sp.png'); background-size:100% auto; }

#other-character h3 { margin-bottom:calc(30/750*100vw); width:calc(509/750*100vw); position:static; }
#other-character ul li { margin-right:calc(-14/750*100vw); width:calc(210/750*100vw); }
#other-character ul li:last-child { margin-right:0; }

}
/************************************************************************
  #feature
************************************************************************/
#feature {  }
#feature .contents { width:960px; }
#feature h2 { margin:auto auto 90px; width:calc(706px /2); }
#feature h3 { margin:auto 0 23px; }
#feature h3 img { width:100%; }
#feature h4 { margin-bottom:15px; }
#feature h4 img { width:100%; }
#feature p { margin-bottom:1.5em; line-height:calc(22/14); font-size:14px; }
#feature p strong { font-weight:bold; }
#feature p small { font-size:12px; }

/* ul */
#feature ul { font-size:14px; display:flex; }
#feature ul li { width:328px; display:flex; flex-direction:column; }
#feature ul li .text { order:2; margin:0 auto; width:290px; }
#feature ul li .pict { order:1; }
#feature ul.disc { margin-bottom: 1.2em; margin-top: 1.2em; display: block; line-height: 1.5; }
#feature ul.disc li { width:auto; display:list-item; }

/* article.feature */
article.feature { margin-bottom:60px; display:flex; justify-content:space-between; }
article.feature .pict { width:602px; }
article.feature .text { width:360px; }

#feature-001 h3 { width:calc(573px /2); }
#feature-001 .pict { order:1; margin-left:-25px; }
#feature-001 .text { order:2; }

#feature-002 h3 { width:calc(322px /2); }
#feature-002 .pict { order:2; margin-right:-20px; }
#feature-002 .text { order:1; }

#feature-003 h3 { width:calc(584px /2); }
#feature-003 .pict { order:1; margin-left:-25px; }
#feature-003 .text { order:2; }

#feature-004 h4 { width:calc(517px /2); }
#feature-005 h4 { width:calc(226px /2); }
#feature-006 h4 { width:calc(294px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#feature .contents { width:auto; }
#feature h2 { margin:auto auto 90px; width:calc((612/2)/750*100vw); }

/* ul */
#feature ul { font-size:calc(24/750*100vw); flex-direction:column; }
#feature ul li { margin:auto; margin-bottom:calc(90/750*100vw); flex-direction:column; }

#feature ul {  }
#feature ul li { width:auto; }
#feature ul.disc li { margin-left:1.5em; margin-bottom:0; }
#feature ul li .text { margin:auto; width:calc(567/750*100vw); flex-direction:column; }


/* article.feature */
article.feature { margin:auto auto calc(90/750*100vw); width:calc(624/750*100vw); justify-content:center; flex-direction:column; }
article.feature .pict { width:calc(624/750*100vw); }
article.feature .pict img { width:100%; }
article.feature .text { margin:auto; width:calc(567/750*100vw);　display:contents; }
article.feature .text p { order:1; }

#feature p { font-size:calc(24/750*100vw); }
#feature p small { font-size:calc(20/750*100vw); }

/* h3, h4 */
#feature-001 h3 { width:calc((1086/2)/750*100vw); }
#feature-002 h3 { width:calc((1086/2)/750*100vw); }
#feature-003 h3 { width:calc((1086/2)/750*100vw); }
#feature-004 h4 { width:calc((1086/2)/750*100vw); }
#feature-005 h4 { width:calc((1086/2)/750*100vw); }
#feature-006 h4 { width:calc((1086/2)/750*100vw); }

#feature-006 { margin-bottom:0 !important; }

#feature-001 .pict { order:0; margin-left:0; }
#feature-001 .text { order:0; }
#feature-001 .text div { order:1; }

#feature-003 .pict { order:2; margin-left:0; }
#feature-004 .text { order:1 !important; }
#feature-005 .text { order:1 !important; }
#feature-006 .text { order:1 !important; }

}
/************************************************************************
  #movie
************************************************************************/
#movie {  }
#movie h2 { margin:0 auto 60px; width:calc(520px /2); }


#movie #movie-001 h3 { width:calc(492px /2); }
#movie #movie-002 h3 { width:calc(536px /2); }
#movie #movie-003 h3 { width:calc(408px /2); }
#movie #movie-004 h3 { width:calc(455px /2); }

/* ul */
#movie ul { margin:auto; width:960px; display:flex; justify-content:center; flex-wrap:wrap; }
#movie ul li { margin-bottom:45px; width:480px; display:flex; flex-direction:column; }
#movie ul li:nth-child(n) { margin-left:-25px; margin-right:0; }
#movie ul li:nth-child(2n) { margin-right:-25px; margin-left:0; }
#movie ul li h3 { order:2; }
#movie ul li p { order:1; }
#movie ul li img { width: 100%; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#movie { margin-bottom:calc(130/750*100vw); }
#movie h2 { margin:0 auto calc(70/750*100vw); width:calc(225/750*100vw); }

/* ul */
#movie ul { width:auto; }
#movie ul li { margin-bottom:calc(30/750*100vw); width:calc(304/750*100vw); }
#movie ul li img { width:100%; }

#movie #movie-001 h3 { width:calc((492/2)/750*100vw*0.92); }
#movie #movie-002 h3 { width:calc((536/2)/750*100vw*0.92); }
#movie #movie-003 h3 { width:calc((408/2)/750*100vw*0.92); }
#movie #movie-004 h3 { width:calc((455/2)/750*100vw*0.92); }

}
/************************************************************************
  #staff
************************************************************************/
#staff {  }
#staff h2 { margin:0 auto 70px; width:calc(466px /2); }

h3#h3-staff-001 { width:calc(229px /2); }
h3#h3-staff-002 { width:calc(200px /2); }
h3#h3-staff-003 { width:calc(274px /2); }
h3#h3-staff-004 { width:calc(412px /2); }

#staff dl { text-align:center; }
#staff dl dt { margin-bottom:10px; }
#staff dl dd { margin-bottom:40px; color:#333333; font-weight:bold; font-size:28px; }
#staff dl dd:last-child { margin-bottom:0; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#staff h2 { margin:0 auto calc(70/750*100vw); width:calc(205/750*100vw); }

#staff dl dd { margin-bottom:40px; font-size:calc(32/750*100vw); }

h3#h3-staff-001 { width:calc(140/750*100vw); }
h3#h3-staff-002 { width:calc(122/750*100vw); }
h3#h3-staff-003 { width:calc(167/750*100vw); }
h3#h3-staff-004 { width:calc(252/750*100vw); }

}
/************************************************************************
  #requirement
************************************************************************/
#requirement { margin-bottom:180px; }
#requirement h2 { margin:0 auto 50px; width:calc(1238px /2); }
#requirement h3 { margin:auto; width:calc(1594px /2); }

#requirement .contents div { display:flex; flex-direction:column; }
#requirement .contents div h3 { order:2; }
#requirement .contents div p { order:1; text-align:center; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#requirement { margin-bottom:calc(190/750*100vw); }

#requirement h2 { margin:0 auto calc(30/750*100vw); width:calc(534/750*100vw); }
#requirement h3 { margin: auto; width: 100%; }

#requirement .contents div p img { width:calc(624/750*100vw); }


}
/************************************************************************
  #fankit
************************************************************************/
#fankit {  }
#fankit h2 { margin:0 auto 50px; width:calc(543px /2); }
#fankit p { width: calc(708px/2); margin: 0 auto; }
#fankit p img { width:100%; }


/* ul */
#fankit ul { margin:auto; width:calc(632px /2); }
#fankit ul li { margin-bottom:5px; }
#fankit ul li img { width:100%; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#fankit h2 { margin:0 auto calc(28/750*100vw); width:calc(238/750*100vw); }
#fankit p { margin-bottom:calc(25/750*100vw); }
#fankit p img { width:calc(374/750*100vw); margin: 0 auto; display: block; }

/* ul */
#fankit ul { width:auto; }
#fankit ul li { margin-bottom:calc(10/750*100vw); }
#fankit ul li img { display:none; }
#fankit ul li a { margin:auto; width:calc(576/750*100vw); height:calc(108/750*100vw); background-repeat:no-repeat; background-size:100% auto; display:block; }
#btn-ios a { background-image:url('../img/btn_ios_sp.png'); }
#btn-android a { background-image:url('../img/btn_android_sp.png'); }
#btn-pc a { background-image:url('../img/btn_pc_sp.png'); }

}
/************************************************************************
  #banner
************************************************************************/
#banner { margin:0 auto 160px; width:calc(1298px /2); }
#banner img { width:100%; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#banner { margin-bottom:calc(170/750*100vw); width:calc(620/750*100vw); }

}
/************************************************************************
  #share
************************************************************************/
#share { margin-bottom:0; min-height:550px; background:url('../img/bg_share.png') no-repeat center bottom; }
#share h2 { margin-bottom:40px; width:calc(264px /2); }

/*.share-list*/
#share ul.share-list { margin:auto auto 220px; display:flex; justify-content:center; align-items:center; }
#share ul.share-list li { margin:0 15px; }

/* .box ================== */
#share .box { margin:auto; width:940px; display:flex; justify-content:space-between; align-items:center; }

/* .box dl */
/*
#share .box dl { font-size:14px; color:#ffffff; }
#share .box dl dt {  }
#share .box dl dt::after { content:'\0FF1A'; }
#share .box dl dd {  }
*/

#share .box p { color:#ffffff; line-height:calc(22/14); font-size:13.5px; letter-spacing: -0.025em;}
#share .box .item:nth-child(1) { width:500px; display:flex; }
#share .box .item .left { margin-right:10px; width: 169px; }
#share .box .item .left img { width: 100%; }
#share .box .item .right {  }

#share .logo img { margin-bottom:15px; width:calc(398px /2); }

#share ul.btn-dl {  }
#share ul.btn-dl li { margin-bottom:10px; }
#share ul.btn-dl li:last-child { margin-bottom:0; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#share { min-height:initial; background-image:none; background-color:#0f73b8; }
#share .contents { margin:0 calc(30/750*100vw); background:url('../img/bg_share_sp.png') no-repeat bottom center #ffffff;; background-size:100% auto; }
#share h2 { margin-bottom:calc(50/750*100vw); width:calc(207/750*100vw); }

/* .share-list */
#share ul.share-list li { margin:0 calc(22/750*100vw); width:calc(100/750*100vw); }
#share ul.share-list li img { width:100%; }

/* .box ================== */
#share .box { width:auto; flex-direction:column; }
#share .box .item { width:auto; margin-bottom:calc(65/750*100vw); }
#share .box .item:nth-child(1) { margin-bottom:calc(45/750*100vw); width:auto; }

#share .box .item .left { margin-right:10px; width:calc(284/750*100vw); }
#share .box .item .left img { width:100%; }

#share .logo img { margin-bottom:calc(25/750*100vw); width:calc(382/750*100vw); }

#share .box p { font-size:calc(20/750*100vw); }
#share .box p strong { width:100%; font-weight:bold; font-size:calc(22/750*100vw); display:inline-block; }

#share ul.btn-dl { display:flex; }
#share ul.btn-dl li { margin:0 calc(10/750*100vw) 0; }
#share ul.btn-dl li img { display:none; }
#share ul.btn-dl li a { width:calc(306/750*100vw); height:calc(92/750*100vw); background-repeat:no-repeat; background-size:100% auto; display:block; }

.btn-app-store a { background-image:url('../img/btn_app_store_sp.png'); }
.btn-google-play a { background-image:url('../img/btn_google_play_sp.png'); }

}
/************************************************************************
  footer
************************************************************************/
footer { padding:60px 0 50px; background-color:#0f61b0; color:#ffffff; text-align:center; font-size:14px; box-sizing:border-box;
-moz-box-shadow: 0px -5px 18px 2px rgba(23, 50, 71, 0.3);
-webkit-box-shadow: 0px -5px 18px 2px rgba(23, 50, 71, 0.3);
-ms-box-shadow: 0px -5px 18px 2px rgba(23, 50, 71, 0.3);
box-shadow: 0px -5px 18px 2px rgba(23, 50, 71, 0.3);
 }

footer .contents {  }

footer nav ul { margin-bottom:40px; display:flex; justify-content:center; }
footer nav ul li { line-height:1; }
footer nav ul li::after { content:'|'; margin:0 0.8em; color:#0e5293; }
footer nav ul li:last-child::after { display:none; }

footer a { color:#cccccc; }
footer a:visited { color:#cccccc; }
footer a:hover { color:#ffffff; text-decoration:underline; }

footer p img { margin-bottom:20px; }
p.copyright { line-height:calc(24/12); font-size:12px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

footer { padding:calc(70/750*100vw) 0 calc(50/750*100vw); font-size:calc(24/750*100vw); }
footer .contents { width:auto; flex-direction:column; }

footer nav ul { margin-bottom:calc(30/750*100vw); flex-direction:column; justify-content:center; }
footer nav ul li { margin-bottom:1em; text-align:center; }
footer nav ul li::after { display:none; }

footer a { color:#ffffff; }
footer a:visited { color:#ffffff; }

p.copyright { margin-bottom:calc(50/750*100vw); text-align:center; font-size:calc(22/750*100vw); }
}

/************************************************************************
  body#pc-ver
************************************************************************/
body#pc-ver {  }
/*
body#pc-ver header { background-image:url('../img/main_image_pc.png'); }
*/

/* pv */
body#pc-ver #pv { width:363px; height:227px; background:url('../img/pv_pc.png') no-repeat; background-size:100% auto; top:318px; left:18px; }
body#pc-ver #pv img { display:none; }

/* #update */
body#pc-ver #update { width:calc(588px /2); height:calc(234px /2); background:url('../img/update_pc.png'); background-size:100% auto; top:510px; left:48px; }
body#pc-ver #update img { display:none; }

/* #download */
body#pc-ver #download { top:627px; }
body#pc-ver #download ul { flex-wrap:wrap; }
body#pc-ver #download ul li { margin-bottom:10px; }
body#pc-ver #download ul li.btn-dl-pc { margin-bottom:0; width:100%; }
body#pc-ver #download ul li a { cursor:pointer; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

body#pc-ver header { height:calc(1396/750*100vw); }

/* pv */
body#pc-ver #pv { margin:auto; width:calc(429/750*100vw); height:calc(264/750*100vw); background-image:url('../img/pv.png'); top:calc(810/750*100vw); right:0; left:0 }
body#pc-ver #pv img { width:100%; }

/* #update */
body#pc-ver #update { margin:auto; width:calc(669/750*100vw); height:calc(91/750*100vw); background-image:url('../img/update_sp.png'); top:calc(1046/750*100vw); left:0; right:0; }

/* #download */
body#pc-ver #download { margin:auto; padding:0; border:0; border-radius:0; top:calc(1138/750*100vw); right:0; left:0; }
body#pc-ver #download ul { width: 92%; justify-content: space-between; }
body#pc-ver #download ul li { margin-right:0; margin-bottom:3.5%;}
/* body#pc-ver ul li.btn-dl-pc { display:none; } */


}