@media screen and (min-width:961px) { .spOnly { display:none !important; } }
@media screen and (max-width:960px) { .pcOnly { display:none !important; } }

/* ========================================================================

  /css/style.css

======================================================================== */

html { color:#fff; }
body { font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",sans-serif; color:#fff; min-height:100vh; font-size:16px; }

img { max-width:100%; border:0; vertical-align:bottom; }

/* ============ smart phone ============ */
@media screen and (max-width:960px){
 body{ background:#000; font-size:3.5vw; }
}
/************************************************************************
  body
************************************************************************/
body { min-height:100vh; background-color:#1b0808; background:url(../img/bg.png) no-repeat center top; color:#ffffff; background-position:center top; /*background-size:100% auto;*/ font-size:18px; }

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

body { /*background-image:url('../img/contents_bg_sp.png');*/ }

}
/************************************************************************
  link
************************************************************************/

a:visited { color:#666666; }
a:hover { color:red;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-o-transition:0.3s;
-ms-transition:0.3s;
transition:0.3s;
}

/************************************************************************
  .pc-only
************************************************************************/
.pc-only { display:inherit; }

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

.pc-only { display:none; }

}
/************************************************************************
  .sp-only
************************************************************************/
.sp-only { display:none; }

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

.sp-only { display:inherit; }

}
/************************************************************************
  .expanding 拡大表示する
************************************************************************/

.expanding {
-moz-transition:-moz-transform 0.2s linear;
-webkit-transition:-webkit-transform 0.2s linear;
-o-transition:-o-transform 0.2s linear;
-ms-transition:-ms-transform 0.2s linear;
transition:transform 0.2s linear;
}

.expanding:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);
}

/************************************************************************
  #contents-bg
************************************************************************/
#contents-bg {  }
#contents-bg { max-width:2000px; height:100%; background:url('../img/contents_bg.png') no-repeat center center #2a0a0a; background-attachment:fixed; background-position:center center; }

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

#contents-bg { background-image:url('../img/contents_bg_sp.png'); background-attachment:fixed; background-position:center bottom; background-size:100% auto; }


}
/************************************************************************
  #line
************************************************************************/
#line { margin:auto; /*width:100%; max-width:2000px;*/ max-width:2000px; height:100%; position:relative; z-index:0; overflow:hidden; }

#line::before { content:''; width:100%; height:100%; background:url('../img/line.png') no-repeat top center; position:absolute; top:0; right:0; z-index:0; }

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

#line { width:100%; }
#line::before { background:url('../img/line_sp.png') no-repeat; background-size:100% auto; z-index:-1; }

}
/************************************************************************
  header
************************************************************************/
header { margin:auto; width:100%; max-width:2000px; /*height:calc(1039/2000*100vw); max-height:1029px;*/height:942px; background:url('../img/main_image.png') no-repeat top center; /*background-size:auto 100%;*/ z-index:-1; position:relative; }

header h1 { display:none; }



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

header { margin:auto; height:calc(970/750*100vw); max-height:970px; background:url('../img/main_image_sp.png') no-repeat top center; background-size:100% auto; z-index:1; position:relative; }

}
/************************************************************************
  #movie
************************************************************************/
#movie { margin:auto; width:1200px; display:block; font-size:0; position:relative; position:absolute; top:0; right:0; left:0; height:0; z-index:auto; }
#movie figure { width:346px; height:213px; background:url('../img/movie.png') no-repeat; background-size:100% auto; display:block; position:absolute; top:456px; left:190px; }
#movie a { width:100%; height:100%; display:block;  }

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

#movie { width:100%; position:static; }

#movie figure { width:calc(323/750*100%); height:calc(223/750*100vw); background:url('../img/movie_sp.png') no-repeat; background-size:100% auto; top:calc(514/750*100vw); left:calc(400/750*100%); position:absolute; z-index:3; }
}
/************************************************************************
  #btn-p5r
************************************************************************/
#btn-p5r { margin:auto; width:100%; max-width:1200px; display:block; font-size:0; position:absolute; top:668px; right:0; left:0; z-index:auto; }
#btn-p5r a { position:absolute; left:186px; }
#btn-p5r img { margin:auto; }

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

#btn-p5r { top:auto; z-index:1; }
#btn-p5r a { margin:auto; width:calc(654/750*100vw); height:calc(161/750*100vw); background:url('../img/btn_p5r_sp.png') no-repeat; background-size:100% auto; top:calc(-240/750*100vw); right:0; left:0; display:block; }
#btn-p5r img { display:none; }

}

/************************************************************************
  nav#menu
************************************************************************/
nav#menu { margin-bottom:0; position:relative; top:-90px; }
nav#menu ul { margin:auto; width:914px; display:flex; align-items:flex-end; }
nav#menu ul li:nth-child(1) { margin-right:9px; }
nav#menu ul li:nth-child(2) { margin-right:7px; }
nav#menu ul li:nth-child(3) { margin-right:14px; }
nav#menu ul li:last-child { margin-right:0; }

nav#menu ul li img { max-width:100%; height:auto; }

nav#menu ul li img {
-moz-transition:-moz-transform 0.2s linear;
-webkit-transition:-webkit-transform 0.2s linear;
-o-transition:-o-transform 0.2s linear;
-ms-transition:-ms-transform 0.2s linear;
transition:transform 0.3s linear;
}
nav#menu ul li img:hover {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
}

/* ============ smart phone ============ */
@media screen and (max-width:750px){
nav#menu { display:none; }

}
/************************************************************************
  nav#menu
************************************************************************/
nav#dl-btn { display:none; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
nav#dl-btn { margin:0 0 calc((23 - 32)/750*100vw); display:block; position:relative; top:calc(-32/750*100vw); z-index:1; }

/* ul */
nav#dl-btn ul { margin:auto; width:calc(600/750*100%); display:flex; }
nav#dl-btn ul li { margin:auto; width:calc(288/600*100%); }
}
/************************************************************************
  main
************************************************************************/
main { position:relative; z-index:2; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
main { z-index:auto; }

main::before {  }

}
/************************************************************************
  #introduction
************************************************************************/
#introduction { margin:0 0 289px; height:1093px; background:url('../img/introduction.png') no-repeat top center; box-sizing:border-box; }

#introduction .wrapper { margin:auto; width:1200px; height:100%;  }

#introduction h2 { margin:25px 0 63px 79px; width:489px; height:217px; }
#introduction h2 img { max-width:100%; height:auto; }

#introduction .text { margin:auto; /*width:calc(390/1200*100%);*/ /*display:flex; flex-direction:column; flex-wrap:wrap;*/ /*margin-left:calc(458/1200*100%);*/ position:relative; left:calc(400/1200*100%); }
#introduction p { margin-bottom:1.8em; line-height:2; font-size:17px; }

#introduction-text { margin-top:52px; margin-left:53px; width:500px; height:55px; background:url('../img/introduction_text.png') no-repeat; font-size:0 !important; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#introduction { /*margin:0 0 calc(61/750*100vw);*/ margin:0 0 calc(134/750*100vw); /*padding-top:calc(58/750*100vw);*/ height:calc(1529/750*100vw); background-image:url('../img/introduction_sp.png'); background-size:100% auto; position:relative; box-sizing:border-box; }
#introduction .wrapper { padding-top:0; width:100%; }

#introduction h2 { margin:0 0 0 calc(44/750*100vw); width:calc(405/750*100vw); max-width:405px; height:calc(283/750*100vw); background:url('../img/h2_introduction_sp.png') no-repeat; background-size:100% auto; position:relative; z-index:2; }
#introduction h2 img { display:none; }

#introduction .text { padding:calc(100/750*100vw) calc(40/750*100vw) 0 0 ; width:calc(500/750*100vw); text-align:left; position:static; z-index:2; }
#introduction .text p { margin:auto auto calc(20/750*100vw); width:calc(469/750*100vw); line-height:1.7692; font-size:calc(24/750*100vw); text-align:center; }

#introduction-text { margin-top:0; margin-bottom:0;  margin-left:auto; width:100% !important; height:calc(166/750*100vw); background-image:url('../img/introduction_text_sp.png'); background-size:100% auto; }
}
/************************************************************************
  #character
************************************************************************/
#character { margin:0 auto 0; }

#character .wrapper { margin:auto; position:relative; }

#character .h2 { margin:auto auto 82px; max-width:1000px; text-align:right; position:relative; }

#character h2 { width:559px; display:inline-block; }

#character h3 { display:none; }
#character p.text { line-height:1.875; font-size:16px; }
#character div.box .cv { cursor:pointer; }

/* ====== #violet ====== */
#violet { margin:0 auto 70px; height:940px; background:url('../img/violet.png') no-repeat center top; }
#violet h4 { width:420px; position:absolute; top:241px; left:37px; }

#violet .character { margin:auto; max-width:1200px; position:relative; }

#violet div.box { padding:185px 0 0 90px; width:447px; height:281px; background:url('../img/violet_bg.png') no-repeat; background-size:100% auto; box-sizing:border-box; position:absolute; top:516px; right:99px; }
#violet div.box p.text { margin-bottom:1px; line-height:2; font-size:13px; }

#violet div.box .cv { width:246px; position:absolute; top:72px; right:-46px; }

/* ====== #scale ====== */
#scale { margin:0 auto 164px; height:981px; background:url('../img/scale.png') no-repeat center top; }
#scale h4 { width:454px; position:absolute; top:287px; right:-73px; }

#scale .character { margin:auto; max-width:1200px; position:relative; }

#scale div.box { padding:230px 0 0 45px; width:423px; height:321px; background:url('../img/scale_bg.png') no-repeat; background-size:100% auto; box-sizing:border-box; position:absolute; top:514px; left:139px; }
#scale div.box p.text { margin-bottom:10px; line-height:2; font-size:16px; }

#scale div.box .cv { width:302px; position:absolute; top:132px; left:121px; }

/* ====== #joker ====== */
#joker { margin:130px auto 0; height:900px; background:url('../img/joker.png') no-repeat top center; }
#joker div.character { margin-left:calc(729/1662*100%); padding-top:372px; }

#joker h4 { width:455px; }

#joker div.box { padding:166px 0 0 calc(60/933*100%); width:573px; height:333px; background:url('../img/joker_bg.png') no-repeat; background-size:100% auto; box-sizing:border-box; position:relative; top:-17px; }
#joker div.box p.text { margin-bottom:10px; }
#joker div.box .cv { width:221px; position:relative; left:calc((50/573*100%)* -1); }


/* ====== #morgana ====== */
#morgana { margin:110px auto 0; height:900px; background:url('../img/morgana.png') no-repeat top center; }
#morgana h4 { margin:0 0 40px; width:493px; }

#morgana div.character { margin:auto; padding-top:122px; max-width:1000px; }

#morgana div.box { margin:0 0 0; padding:165px 0 0 calc(220/933*100%); width:529px; height:319px; background:url('../img/morgana_bg.png') no-repeat top center; box-sizing:border-box; position:relative; /*top:calc((17/1662*100vw)* -1);*/ top:-17px; }
#morgana div.box p.text { margin-bottom:10px; }
#morgana div.box .cv { width:244px; position:relative; right:-68px; }

/* .note */
#character .note { margin:auto; width:906px; position:relative; top:-94px; }
#character .note p { margin:0 0 112px auto; width:603px; height:103px; background:url('../img/character_note.png') no-repeat; font-size:0; }


/* ====== #other ====== */
#other { margin-bottom:206px; height:690px; background:url('../img/other_character.png') no-repeat top center;  }

#other div.character { margin:0 auto; max-width:1200px; height:100%; position:relative; }
#character #other h3 { margin:0 0 0 0; width:524px; display:block; position:absolute; top:31px; left:440px; }
#character #other .text { font-size:0; }


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

#character { margin:0 0 calc(41/750*100vw); }
#character .wrapper { width:100%; }

#character .h2 { margin:auto auto calc(43/750*100vw); max-width:initial; }
#character h2 { width:calc(559/750*100vw); position:relative; top:0; right:calc(13/750*100vw); z-index:2; }
#character p.text { line-height:1.4166; font-size:24px; font-size:calc(24/750*100vw); }

/* ====== #violet ====== */
#violet { margin:0 auto calc(87/750*100vw); height:calc(814/750*100vw); background-image:url('../img/violet_sp.png'); background-size:100% auto; }
#violet h4 { width:calc(426/750*100vw); height:calc(273/750*100vw); background:url('../img/violet_words_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(286/750*100vw); right:calc(43/750*100vw); left:auto; }
#violet h4 img { display:none; }

#violet .character { margin:auto; max-width:1200px; position:relative; }

#violet div.box { padding:calc(131/750*100vw) 0 0 calc(52/750*100vw); width:calc(393/750*100vw); height:calc(288/750*100vw); background-image:url('../img/violet_bg_sp.png'); top:calc(526/750*100vw); right:calc(9/750*100vw); }
#violet div.box p.text { margin-bottom:0; font-size:calc(20/750*100vw); line-height:calc(36/24); }

#violet div.box .cv { width:calc(185/750*100vw); height:calc(49/750*100vw); background:url('../img/violet_cv_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(79/750*100vw); right:calc(13/750*100vw); z-index:0; }
#violet div.box .cv img { display:none; }

/* ====== #scale ====== */
#scale { margin:0 auto calc(108/750*100vw); height:calc(882/750*100vw); background-image:url('../img/scale_sp.png'); background-size:100% auto; }

#scale h4 { width:calc(417/750*100vw); height:calc(303/750*100vw); background:url('../img/scale_words_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(260/750*100vw); left:calc(25/750*100vw); }
#scale h4 img { display:none; }

#scale div.box { padding:calc(184/750*100vw) 0 0 calc(25/750*100vw); width:calc(360/750*100vw); height:calc(351/750*100vw); background-image:url('../img/scale_bg_sp.png'); top:calc(490/750*100vw); left:calc(19/750*100vw); }
#scale div.box p.text { margin-bottom:0; font-size:calc(20/750*100vw); line-height:calc(36/24); }

#scale div.box .cv { width:calc(215/750*100vw); height:calc(53/750*100vw); background:url('../img/scale_cv_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(131/750*100vw); left:calc(137/750*100vw); z-index:0; cursor:pointer; }
#scale div.box .cv img { display:none; }

/* ====== #joker ====== */
#joker { margin:0 0 calc((170 + 135)/750*100vw); width:100%; height:calc(830/750*100vw); max-height:830px; background:url('../img/joker_sp.png') no-repeat; background-size:100% auto; overflow:hidden; position:relative; top:calc(135/750*100vw); z-index:auto; }
#joker div.character { margin-left:calc(332/750*100vw); padding-top:calc(239/750*100%); width:calc(426/750*100vw); box-sizing:border-box; }

#joker h4 { width:calc(383/750*100vw); }
#joker div.box { padding:calc(149/750*100vw) 0 0 calc(58/750*100vw); width:calc(407/750*100vw); height:calc(417/750*100vw); background:url('../img/joker_bg_sp.png') no-repeat; background-size:100% auto; }

#joker div.box .cv { width:calc(229/750*100vw); position:relative; left:calc((30/407*100vw)* -1); }


/* ====== #morgana ====== */
#morgana { margin:0 0 calc(90/750*100vw); height:calc(600/750*100vw); background:url('../img/morgana_sp.png') no-repeat; background-size:100% auto; }

#morgana h4 { margin:0 0 calc(31/750*100vw) calc(15/750*100vw); width:calc(422/750*100vw); }
#morgana div.box { margin:0 0 0 calc(22/750*100vw); padding:calc(134/750*100vw) 0 0 calc(122/750*100vw); width:calc(403/750*100vw); height:calc(362/750*100vw); background:url('../img/morgana_bg_sp.png') no-repeat; background-size:100% auto; }
#morgana div.character { padding-top:calc(122/1662*100%); }
#morgana div.box .cv { width:calc(244/750*100vw); right:calc((68/750*100vw)* -1); }

/* .note */
#character .note { width:auto; position:static; }
#character .note p { margin:0 0 calc(70/750*100vw) auto; width:100%; height:calc(65/750*100vw); background:url('../img/character_note_sp.png') no-repeat; background-size:100% auto; }

/* ====== #other ====== */
#other { margin-top:0; margin-bottom:0; width:100%; height:calc(730/750*100vw); max-height:730px; background:url('../img/other_character_sp.png') no-repeat; background-size:100% auto; }
#other div.character { margin-left:0; padding-top:0; max-width:initial; }
#character #other h3 { width:calc(425/750*100vw); top:0; right:calc(70/750*100vw); left:auto; }
/*
#character #other .text { width:calc(300/750*100vw); top:calc(481/750*100vw); left:calc(365/750*100vw); line-height:calc(36/24); font-size:calc(24/750*100vw); }
*/
#character #other .text {  }
}
/************************************************************************
  #requirements
************************************************************************/
#requirements { margin-top:0; margin-bottom:222px; height:690px; }

#requirements .wrapper { margin:auto; max-width:1200px; height:100%; background:url('../img/requirements.png') no-repeat top center; position:relative; }

#requirements h2 { margin:0 0 0 17px; width:493px; position:relative; top:-20px; left:130px; z-index:-1; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#requirements { margin:0 0 calc(313/750*100vw); height:calc(710/750*100vw); max-height:710px; box-sizing:border-box; }
#requirements .wrapper { margin:auto; width:100%; max-width:initial; height:100%; background:url('../img/requirements_sp.png') no-repeat; background-size:100% auto; }

#requirements h2 { margin:0 0 0 calc(22/750*100vw); width:calc(517/750*100vw); height:calc(334/750*100vw); background:url('../img/h2_requirements_sp.png') no-repeat; background-size:100% auto; top:auto; left:auto; }
#requirements h2 img { display:none; }

}
/************************************************************************
  #gallery
************************************************************************/
#gallery { margin-top:0; margin-bottom:112px; height:1116px; }

#gallery .wrapper { margin:auto; max-width:1200px; height:100%; background:url('../img/gallery.png') no-repeat top center; position:relative; }

#gallery h2 { margin:0 0 0 calc(874/1662*100%); width:476px; }

#gallery a { display:block; position:absolute; cursor:pointer; z-index:0; /*background-color:rgba(255,0,0,0.5);*/ }


/* link */
a.gallery-1 { width:320px; height:210px; top:245px; left:483px; }
a.gallery-2 { width:420px; height:270px; top:415px; left:183px; }
a.gallery-3 { width:250px; height:260px; top:455px; left:613px; }
a.gallery-4 { width:500px; height:360px; top:684px; left:423px; }

/* ====== pop up ====== */
.gallery-arrow-right { width:74px; height:66px; background:url('../img/next.png') no-repeat 0 0; background-size:contain; display:block; position:absolute; top:50%; z-index:1100; right:30px; cursor:pointer; opacity:0.5; }
.gallery-arrow-right:hover { opacity:1; }

.gallery-arrow-left { width:74px; height:66px; background:url('../img/prev.png') no-repeat 0 0; background-size:contain; display:block; position:absolute; top:50%; z-index:1100; left:30px; cursor:pointer; opacity:0.5; }
.gallery-arrow-left:hover { opacity:1; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width:33px; height:31px; background:url(../img/btn_close.png) no-repeat; background-size:100% auto; font-size:0; cursor:pointer; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){
#gallery { margin:0 0 calc(83/750*100vw); height:calc(1220/750*100vw); max-height:1220px; }
#gallery .wrapper { margin:auto; width:100%; max-width:initial; height:100%; background:url('../img/gallery_sp.png') no-repeat; background-size:100% auto;  }

#gallery h2 { margin:0 0 0 calc(191/750*100vw); width:calc(529/750*100vw); height:calc(243/750*100vw); background:url('../img/h2_gallery_sp.png') no-repeat; background-size:100% auto; }
#gallery h2 img { display:none; }

/* link */
#gallery a { /*background-color:rgba(255,0,0,0.5);*/ }
a.gallery-1 { width:calc(310/750*100vw); height:calc(230/750*100vw); top:calc(235/750*100vw); left:calc(290/750*100vw); }
a.gallery-2 { width:calc(420/750*100vw); height:calc(280/750*100vw); top:calc(407/750*100vw); left:calc(13/750*100vw); }
a.gallery-3 { width:calc(235/750*100vw); height:calc(270/750*100vw); top:calc(447/750*100vw); left:calc(428/750*100vw); }
a.gallery-4 { width:calc(490/750*100vw); height:calc(330/750*100vw); top:calc(687/750*100vw); left:calc(216/750*100vw); }

/* ====== pop up ====== */
.gallery-arrow-right { width:10vw; height:11vw; right:1vw; }
.gallery-arrow-left { width:10vw; height:11vw; left:1vw; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { width:calc(67/750*100vw); height:calc(62/750*100vw); }

}

/************************************************************************
  #more
************************************************************************/
#more { margin-bottom:90px; height:610px; }
#more .wrapper { margin:auto; max-width:1200px; height:100%; background:url('../img/more.png') no-repeat; }
#more h2 { display:none; }

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

#more { margin-bottom:0; height:calc(525/750*100vw); }
#more .wrapper { background:url('../img/more_sp.png') no-repeat; background-size:100% auto; }

}
/************************************************************************
  #update
************************************************************************/
#update { margin-top:395px; margin-bottom:100px; text-align:center; }

#update .wrapper { margin:auto; padding:0 calc(((1000 - 850)/2)/2000*100%); width:1000px; height:616px; background:url('../img/update_bg.png') no-repeat top center; box-sizing:border-box; }
#update h2 { margin:auto; width:437px; position:relative; top:-113px; }


#update .info { margin-bottom:40px; }
#update .info::after { content:''; height:0; clear:both; display:block; }

#update .main-part { border-bottom:1px solid #493939; }

#update h3 { padding:0.8em 0; width:calc(230/850*100%); background:#ff0000; border:1px solid #ffffff; font-size:16px; float:left; }
#update .right { padding:0 0 0 calc(40/(850 - 230)*100%); float:left; }

#update ul { margin-bottom:1.5em; }
#update ul li { margin:0 0 1em; font-size:16px; text-align:left; }
#update ul li::before { content:'★'; margin:0 0.5em 0 0; color:rgba(255,255,255,0.5); display:inline; }

#update h4 { margin:0 0 1em; text-align:left; font-size:16px; }

strong { color:#ff0000; }

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

#update { margin:0 0 calc(89/750*100vw); text-align:center; }
#update .wrapper { margin:auto; padding:0 calc(((1000 - 850)/2)/2000*100%); width:100%; height:calc(780/750*100vw); max-height:780px; background:url('../img/update_bg_sp.png') no-repeat; background-size:100% auto; }

#update h2 { margin:auto; width:calc(499/750*100vw); position:static; top:0; }
#update h3 { margin:0 0 1em; padding:0.4em 0; width:100%; font-size:26px; font-size:calc(26/750*100vw); float:none; }
#update h4 { margin:0 0 0.5em; font-size:24px; font-size:calc(24/750*100vw); }

#update .right { padding:0; float:none; }

#update .info { margin:auto; width:calc(570/750*100vw); }
#update ul { margin:0 0 0.6em; width:100%; }
#update ul li { margin:0 0 0.3em 1.5em; text-indent:-1.5em;  line-height:1.5; font-size:24px; font-size:calc(24/750*100vw); }
#update ul li::before { content:'★'; margin:0 0.5em 0 0; color:rgba(255,255,255,0.5); font-size:18px; font-size:calc(18/750*100vw); }

}
/************************************************************************
  .pagetop
************************************************************************/
.pagetop { width:calc(119/2000*100%); 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){

.pagetop { width:calc(119/750*100vw); bottom:25px; right:25px; }
}
/************************************************************************
  footer
************************************************************************/
footer { padding:30px 0; background-color:#1b0808; text-align:center; position:relative; z-index:0; font-size:12px; }

footer ul { margin:auto auto 1.5em; display:flex; align-items:center; justify-content:center; }
footer ul li { padding:0 1em; border-right:1px solid #ffffff; line-height:1; }
footer ul li:last-child { border-right:0; }

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

footer { padding:calc(30/750*100vw) 0;color:#999999; }
footer ul { flex-direction:column; }
footer ul li { padding:0 1em; border-right:0; line-height:1.9166; font-size:24px; font-size:calc(24/750*100vw); }

footer ul li a { color:#999999; }
}
/************************************************************************
  #copyright
************************************************************************/
#copyright { display:none; }


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

#copyright { margin:0 calc(15/750*100vw) calc((79 - 20 - 25)/750*100vw); width:calc(255/750*100vw); display:block; position:relative; top:calc(20/750*100vw); font-size:0; }

}