@charset "UTF-8";
@import url("base.css");
/***************************************************************************  COMMON STYLE  **************************************************************************/
.hira { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.oswald { font-family: 'Oswald', sans-serif; }

body { background: url("../images/common/bg.jpg") repeat-y center center/100%; font-size: 14px; line-height: 1.5; color: #000000; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.inner { width: 980px; margin: 0 auto; }

.area-title { color: #484848; background: url("../images/common/title-bg.png") no-repeat bottom left/100%; padding: 0 0 20px 30px; line-height: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; justify-content: space-between; }
.area-title .en { font-size: 50px; font-weight: 500; margin-right: 15px; }
.area-title .ja { font-size: 18px; font-weight: bold; }

/*VALIDATE CONTACT*/
.error { display: block; font-size: 12px; color: red; }

/* HEADER */
#header { width: 100%; background: #fff; padding-bottom: 6px; }
#header .head__top { background: #1d1d1d; border-bottom: 1px solid #5a5a5a; }
#header .head__top a { display: block; }
#header .head__top a .yes { display: block; }
#header .head__top a .no { display: none; }
#header .head__top a:hover .yes { display: none; }
#header .head__top a:hover .no { display: block; }
#header .main__menu { background: url(../images/common/header-menu-bg.jpg) repeat-x top left; border-bottom: 1px solid #000; background-size: contain; }
#header .main__menu .menu { display: flex; }
#header .main__menu .menu li { position: relative; }
#header .main__menu .menu li.active a:before { opacity: 1; }
#header .main__menu .menu li a { display: block; }
#header .main__menu .menu li a:before { content: ""; position: absolute; bottom: -6px; left: 0; width: 100%; height: 4px; border-bottom: 4px solid #f08200; transition: all 0.3s; opacity: 0; }
#header .main__menu .menu li a:hover:before { opacity: 1; }
#header .main__menu .menu li a.disabled { pointer-events: none; }
#header .main__menu .menu li a.disabled:hover:before { opacity: 0; }

/* CONTENT */
#content { width: 100%; }

/* FOOTER */
#footer { width: 100%; }
#footer .footer__top { background: url(../images/common/foot-top-border-bg-2.jpg) repeat-x top left, url(../images/common/foot-top-border-bg.jpg) repeat-x bottom left, url(../images/common/foot-top-bg.jpg) repeat top left; padding: 80px 0 42px; }
#footer .footer__top .wrap--iteam { display: flex; justify-content: space-around; }
#footer .footer__top .wrap--iteam .col--item { width: 280px; }
#footer .footer__top .wrap--iteam .col--item .list--img li { margin-bottom: 30px; }
#footer .footer__top .wrap--iteam .col--item .list--img li:last-child { margin-bottom: 0; }
#footer .footer__top .wrap--iteam .col--item .list--img li img { width: 100%; }
#footer .footer__top .wrap--iteam .col--item.twitter { background: url(../images/common/td-twitter.png) no-repeat top left; background-size: 100%; padding: 25px 15px 10px; margin-top: -10px; }
#footer .footer__top .wrap--iteam .col--item.mailmaga { margin-top: -10px; position: relative; }
#footer .footer__top .wrap--iteam .col--item.mailmaga img { width: 100%; }
#footer .footer__top .wrap--iteam .col--item.mailmaga .click { position: absolute; width: 110px; height: 110px; top: 135px; right: 20px; }
#footer .footer__top .wrap--iteam .col--item.mailmaga .click:hover { background: url(../images/common/mailmagabt.jpg) no-repeat center; }
#footer .footer__bottom { text-align: center; padding: 60px 0; }
#footer .footer__bottom .sns--share li { display: inline-block; vertical-align: top; font-weight: bold; margin-right: 5px; }
#footer .footer__bottom .sns--share li:first-child { font-size: 15px; margin-top: -1px; }
#footer .footer__bottom .back--haikyu { margin-top: 25px; }
#footer .footer__bottom .txt--footer { font-size: 12px; letter-spacing: -0.5px; margin-top: 37px; }

.back__to__top { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: none; }

.sp { display: none; }

@media (max-width: 1000px) { .inner { width: 100%; padding: 0 15px; } }
@media (max-width: 900px) and (min-width: 769px) { #footer .footer__top .wrap--iteam .col--item { width: 250px; }
  #footer .footer__top .wrap--iteam .col--item.mailmaga .click { width: 98px; height: 98px; top: 121px; right: 18px; }
  #footer .footer__top .wrap--iteam .col--item.mailmaga .click:hover { background-size: 100%; }
  #footer .footer__top .wrap--iteam .col--item.twitter .twibox iframe { height: 315px !important; } }
@media (max-width: 808px) and (min-width: 769px) { #footer .footer__top .wrap--iteam .col--item { width: 220px; }
  #footer .footer__top .wrap--iteam .col--item.mailmaga .click { width: 86px; height: 98px; top: 100px; right: 16px; }
  #footer .footer__top .wrap--iteam .col--item.mailmaga .click:hover { background-size: 100%; }
  #footer .footer__top .wrap--iteam .col--item.twitter .twibox iframe { height: 280px !important; } }
/* STYLE MOBILE */
@media (max-width: 768px) { body { background-image: url("../images/common/bg-sp.jpg"); }
  .pc { display: none; }
  .sp { display: block; }
  .inner { width: 100%; padding: 0 4.5%; }
  #content { border-top: 1px solid #fff; }
  #header { background: #0c1923; padding: 8px 0; border-bottom: 1px solid #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 99992; }
  #header .inner { padding: 0 3.5%; }
  #header .head__top { background: transparent; border-bottom: none; }
  #header .head__top a { display: block; width: 62px; float: left; margin-left: -3px; }
  #header .head__top a .pc { display: none; }
  #header .main__menu { display: none; position: fixed; top: 51px; left: 0; width: 100%; height: calc(100% - 51px); background: rgba(0, 0, 0, 0.9); z-index: 99991; overflow-y: auto; padding-bottom: 50px; }
  #header .main__menu .menu { display: block; }
  #header .main__menu .menu li { display: block; width: 100%; }
  #header .main__menu .menu li a { display: block; color: #fff; font-size: 19px; padding: 15px 0 9px; border-bottom: 1px dotted rgba(255, 255, 255, 0.3); text-transform: uppercase; text-align: center; font-weight: bold; }
  #header .main__menu .menu li a:before { content: none; }
  #header .main__menu .menu li a.disabled { pointer-events: none; color: #868686; }
  #header .main__menu .menu li.active a { border-bottom: 1px dotted white; }
  #header .main__menu .menu li:last-child a { border: none; }
  .hambuger { width: 44px; height: 34px; padding: 0 5px; float: right; z-index: 9991; display: flex; justify-content: center; flex-direction: column; text-align: center; }
  .hambuger span { display: block; height: 4px; width: 100%; background: #fff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; }
  .hambuger span:nth-child(1) { margin-bottom: 6px; }
  .hambuger span:nth-child(2) { opacity: 1; }
  .hambuger span:nth-child(3) { margin-top: 6px; }
  .hambuger.open span:nth-child(1) { margin-bottom: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
  .hambuger.open span:nth-child(2) { opacity: 0; }
  .hambuger.open span:nth-child(3) { margin-top: -4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
  #footer .footer__top { padding: 38px 0; background: url(../images/common/foot-top-border-bg-2.jpg) repeat-x top left, url(../images/common/foot-top-border-bg.jpg) repeat-x bottom left, url(../images/common/foot-top-bg.jpg) repeat center; }
  #footer .footer__top .wrap--iteam { width: 100%; display: block; }
  #footer .footer__top .wrap--iteam .col--item { width: 100%; }
  #footer .footer__top .wrap--iteam .col--item .list--img li { margin-bottom: 20px; }
  #footer .footer__top .wrap--iteam .col--item.twitter { width: 100%; margin-top: 23px; background: transparent; padding: 0; }
  #footer .footer__top .wrap--iteam .col--item.twitter .twibox { background: #1d1d1d; padding: 20px 0px; height: 565px; overflow: hidden; }
  #footer .footer__top .wrap--iteam .col--item.twitter .twibox iframe { /*width: 100% !important;*/ height: 100% !important; }
  #footer .footer__bottom { padding: 30px 0; }
  #footer .footer__bottom .sns--share li:first-child { font-size: 13px; margin-top: 1px; }
  #footer .footer__bottom .back--haikyu { width: 195px; margin: 15px auto 0; }
  #footer .footer__bottom .txt--footer { font-size: 10px; margin-top: 24px; }
  .back__to__top { width: 45px; bottom: 84px; right: 15px; } }
@media (max-width: 610px) { .area-title { flex-direction: column; align-items: flex-start; display: flex; } }
@media (max-width: 510px) { .area-title { background-image: url(../images/common/title-bg-sp.png); padding: 10px 0 28px 19px; }
  .area-title .en { font-size: 23px; margin-bottom: 4px; }
  .area-title .ja { font-size: 12px; }
  .list--banner .list li a .text { font-size: 3.2vw; } }
@media (max-width: 375px) { #footer .footer__top .wrap--iteam .col--item.twitter .twibox { padding: 20px 15px; } }

/*# sourceMappingURL=common.css.map */