@charset "utf-8";

/* ==================================================
All device
================================================== */
* {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック Pro', Hiragino Kaku Gothic Pro, '游ゴシック体', Yu Gothic, YuGothic, Osaka, 'ＭＳ Ｐゴシック', MS PGothic, sans-serif　!important;
}

body {
  -webkit-text-size-adjust: 100%;
}

a {
  color: #00002f;
  text-decoration: none;
}
  a:hover,
  a:active {
    opacity: 0.75;
  }

.inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
}
  .inner:after {
    content: "";
    clear: both;
    display: block;
  }

.fixed {
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#container,
#contents,
#main_module {
  background: #fff !important;
}


/* ==================================================
PC
================================================== */
@media only screen and (min-width: 738px){

body {
  min-width: 1020px;
  background: #00022E;
  padding: 0 0 10px;
}

.inner {
  width: 1020px;
  padding: 0 10px;
}

.content {

}


/*header
-------------------------------------------------- */
#header {
  position: relative;
  width: 100%;
  height: 54px;
  background: #fff/* url(/files/user/img/header/header_logo.png) left 10px center no-repeat*/;
}
#header .inner {
  width: auto;
  position: static;
}

  #header #logo {
    z-index: 10;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 120px;
    height: 30px;
  }
  #header #logo img{
    width: 100%;
  }
  #header #logo a {
    display: block;
  }
  #header #logo a:hover {
    opacity: 1;
  }

  #header #sign {
    width: 250px;
    position: relative;
    top: 3px;
    text-align: center;
    margin: 0 auto;
  }
  #header #sign a:hover {
    opacity: 1;
  }
  #header #sign img {
    width: 100%;
  }

  #header ul {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header ul.login {
    height: 55px;
    border-left: solid 2px #EAEEF1;
    padding: 0 5px;
  }
  #header ul.login li {
    display: inline-block;
    padding: 12px 0 0;
  }
  #header ul.login li:last-child img {
    position: relative;
    top: -4px;
  }

  #header ul.login .ico_type img {
    width: 110px;
  }
  #header ul.login .ico_rank img {
    width: 70px;
  }

  #header .btn__header--login {}
  #header .btn__header--login a {
    display: block;
    background: #E7BA62 url(/files/user/img/button/ico_login.png) left 20px center no-repeat;
    background-size: 20%;
    color: #221815;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 20px 20px 55px;
  }



/*navigation
-------------------------------------------------- */
#navigation {
  position: relative;
  background: #00022E;
}
  #navigation ul {}
  #navigation ul li {
    float: left;
  }
  #navigation ul li a {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 18px 0 18px 20px;
  }
  #navigation ul li a.current {
    color: #00022E;
    font-weight: bold;
  }
  /*home*/
  #navigation #home {width: 18.5%;}
  #navigation #home a {
    background: transparent url(/files/user/img/navigation/ico_home_off.png) left 55px center no-repeat;
    background-size: 11%;
  }
  #navigation #home a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_home_on.png) left 55px center no-repeat;
    background-size: 11%;
  }
  /*info*/
  #navigation #info {width: 19%;}
  #navigation #info a {
    background: transparent url(/files/user/img/navigation/ico_info_off.png) left 45px center no-repeat;
    background-size: 11%;
  }
  #navigation #info a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_info_on.png) left 45px center no-repeat;
    background-size: 11%;
  }
  /*admission*/
  #navigation #admission {width: 19%;}
  #navigation #admission a {
    background: transparent url(/files/user/img/navigation/ico_admission_off.png) left 45px center no-repeat;
    background-size: 11%;
  }
  #navigation #admission a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_admission_on.png) left 45px center no-repeat;
    background-size: 11%;
  }
  /*privilege*/
  #navigation #privilege {width: 17.5%;}
  #navigation #privilege a {
    background: transparent url(/files/user/img/navigation/ico_privilege_off.png) left 45px center no-repeat;
    background-size: 11%;
  }
  #navigation #privilege a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_privilege_on.png) left 45px center no-repeat;
    background-size: 11%;
  }
  /*faq*/
  #navigation #faq {width: 26%;}
  #navigation #faq a {
    background: transparent url(/files/user/img/navigation/ico_faq_off.png) left 15px center no-repeat;
    background-size: 8%;
  }
  #navigation #faq a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_faq_on.png) left 15px center no-repeat;
    background-size: 8%;
  }

  /*mymenu*/
  #navigation #mymenu {width: 18%;}
  #navigation #mymenu a {
    background: transparent url(/files/user/img/navigation/ico_mymenu_off.png) left 30px center no-repeat;
    background-size: 13%;
  }
  #navigation #mymenu a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_mymenu_on.png) left 30px center no-repeat;
    background-size: 13%;
  }
  /*regist*/
  #navigation #regist {width: 20%;}
  #navigation #regist a {
    background: transparent url(/files/user/img/navigation/ico_regist_off.png) left 15px center no-repeat;
    background-size: 8%;
  }
  #navigation #regist a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_regist_on.png) left 15px center no-repeat;
    background-size: 8%;
  }
  /*logout
  #navigation #regist a {
    background: transparent url(/files/user/img/navigation/ico_logout_off.png) left 15px top 8px no-repeat;
    background-size: 9%;
  }
  #navigation #regist a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_logout_on.png) left 15px top 8px no-repeat;
    background-size: 9%;
  }
  */

#headline {
  background: #F9F9F9;
  padding: 20px 0 30px;
  text-align: center;
}
  #headline h1,
  #headline i {
    display: inline-block;
    color: #00002f;
    font-size: 40px;
    font-weight: bold;
    padding: 20px 0 20px 60px;
    margin: 10px 0 0;
  }
  /*line news*/
  #headline .line__news {
    background: url(/files/user/img/headline/news.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line topics*/
  #headline .line__topics {
    background: url(/files/user/img/headline/topics.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line event*/
  #headline .line__event {
    background: url(/files/user/img/headline/event.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line campaign*/
  #headline .line__campaign {
    background: url(/files/user/img/headline/campaign.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line regist*/
  #headline .line__regist {
    background: url(/files/user/img/headline/regist.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line tag*/
  #headline .line__tag {
    background: url(/files/user/img/headline/tag.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line search*/
  #headline .line__search {
    background: url(/files/user/img/headline/search.png) left center no-repeat;
    background-size: 50px 50px;
  }
  /*line login*/
  #headline .line__login {
    background: url(/files/user/img/headline/login.png) left center no-repeat;
    background-size: 50px 50px;
  }

  #headline h2,
  #headline p {
    font-size: 18px;
    line-height: 1.5em;
  }
  #headline h2.text__news span,
  #headline p.text__news span{
    background: url(/files/user/img/headline/ico_news.png) left top no-repeat;
    background-size: 18px 18px;
    padding: 0 0 0 24px;
  }

  /*breadcrumb*/
  #breadcrumb {}
  #breadcrumb li {
    float: left;
    height: 18px;
    font-size: 13px;
    font-weight: normal;
  }
  #breadcrumb li a {
    display: inline;
  }
  #breadcrumb li a:after {
    content: ">";
    width: 15px;
    height: 18px;
    font-weight: normal;
    margin: 0 5px;
  }
  #breadcrumb li a span {
    display: inline-block;
    font-weight: normal;
    text-decoration: underline;
    padding: 2px 5px 0;
  }
  #breadcrumb li span {
    display: block;
    padding: 2px 5px 0;
  }

  #breadcrumb li:first-child {
    background: url(/files/user/img/headline/ico_home.png) left top no-repeat;
    background-size: 22%;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.regist {
    background: url(/files/user/img/headline/ico_regist.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.news {
    background: url(/files/user/img/headline/ico_news.png) left top no-repeat;
    background-size: 18px 18px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.topics {
    background: url(/files/user/img/headline/ico_topics.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.event {
    background: url(/files/user/img/headline/ico_event.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.campaign {
    background: url(/files/user/img/headline/ico_campaign.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.tag {
    background: url(/files/user/img/headline/ico_tag.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.search {
    background: url(/files/user/img/headline/ico_search.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }
  #breadcrumb li.login {
    background: url(/files/user/img/headline/ico_login.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 0 0 0 20px;
  }


/*footer
-------------------------------------------------- */
#footer {
  width: 100%;
  height: 130px;
  background: #EAEEF1;
  text-align: center;
}

  /*footer PageLink*/
  #footer__page--link {
    position: relative;
    top: -20px;
  }
  #footer__page--link img {
    width: 44px;
  }

  /*footer Navigation*/
  .footer__navigation {
    position: relative;
    overflow: hidden;
  }
  .footer__navigation ul {
    position: relative;
    float: left;
    left: 50%;
    margin: 0 0 20px;
  }
  .footer__navigation ul li {
    position: relative;
    float: left;
    left: -50%;
    border-right: solid 1px #221815;
  }
  .footer__navigation ul li:last-child {
    border-right: none;
  }
  .footer__navigation ul li a {
    color: #221815;
    font-size: 12px;
    padding: 0 10px;
  }

  /*footer Copylight*/
  #footer .copylight {
    color: #221815;
    font-size: 10px;
  }

}





/* ==================================================
Smartphone
================================================== */
@media only screen and (max-width: 737px){

body {
  background: #00022E url(/files/user/img/footer/footer_logo.png) bottom 6px center no-repeat;
  background-size: 55px 12px;
  padding: 0 0 24px;
  margin: 50px 0 0;
}

.inner {
  width: 100%;
}

.content {
  position: relative;
  z-index: 20;
}


/*header
-------------------------------------------------- */
#header {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 51px;
  background: #fff;
  border-bottom: solid 1px #EAEEF1;
}

  #header #logo {
    display: none;
  }

  #header #sign {
    position: relative;
    top: 10px;
    text-align: center;
  }
  #header #sign img {
    width: 160px;
  }

  #header ul {
    position: absolute;
    top: 0;
    right: 0;
  }
  #header ul.login {
    height: 50px;
    text-align: center;
    border-left: solid 2px #EAEEF1;
    padding: 0 5px;
  }
  #header ul.login li {}
  #header ul.login li:first-child img {
    width: 58px;
    padding: 8px 0 0;
  }
  #header ul.login li:last-child img {
    width: 48px;
    padding: 2px 0 0;
  }

  #header .btn__header--login {}
  #header .btn__header--login a {
    display: block;
    height: 50px;
    background: #E7BA62 url(/files/user/img/button/ico_login.png) top 7px center no-repeat;
    background-size: 35%;
    color: #221815;
    font-size: 10px;
    font-weight: bold;
    padding: 35px 14px 5px 14px;
  }

  #header .btn__header--menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 50px;
    background: #fff url(/files/user/img/navigation/navigation_menu_open.png) center center no-repeat;
    background-size: 35%;
    color: #221815;
    font-size: 1px;
    font-weight: bold;
    border-right: solid 2px #EAEEF1;
    padding: 15px 15px 15px 18px;
    cursor: pointer;
  }
  #header .btn__header--menu span {
    display: none;
  }
  #header .btn__header--menu.close {
    background: #00002F url(/files/user/img/navigation/navigation_menu_close.png) center center no-repeat;
    background-size: 35%;
    padding: 13px 15px 15px 18px;
  }

#navigation {
  /**/display: none;
  z-index: 100000;
  position: fixed;
  top: 49px;
  left: 0;
  width: 100%;
}
#navigation.open {
  display: block !important;
}
#navigation.close {
  display: none !important;
}

  #navigation ul {
    z-index: 1000;
    height: 100%;
  }
  #navigation ul li {
    background: #00002f;
    border-top: solid 1px #3B3B58;
  }
  #navigation ul li a {
    display: block;
    position: relative;
    width: auto;
    color: #fff;
    font-size: 13px;
    padding: 30px 20px 30px 45px;
  }
  #navigation ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 38%;
    right: 15px;
    width: 10px;
    height: 20px;
    background: url(/files/user/img/navigation/ico_arrow.png) right center no-repeat;
    background-size: 6px 10px;
  }
  #navigation ul li a.current {
    color: #00002f;
    font-weight: bold;
  }
  #navigation ul li span {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 15px 10px 20px;
    cursor: pointer;
  }
  #navigation ul li span i {
    font-size: 18px;
    margin: 0 5px;
  }

  /*home*/
  #navigation #home {}
  #navigation #home a {
    background: #2F3058 url(/files/user/img/navigation/ico_home_off.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  #navigation #home a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_home_on.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  /*info*/
  #navigation #info {}
  #navigation #info a {
    background: #2F3058 url(/files/user/img/navigation/ico_info_off.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  #navigation #info a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_info_on.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  /*info*/
  #navigation #info {}
  #navigation #info a {
    background: #2F3058 url(/files/user/img/navigation/ico_info_off.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  #navigation #info a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_info_on.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  /*admission*/
  #navigation #admission {}
  #navigation #admission a {
    background: #2F3058 url(/files/user/img/navigation/ico_admission_off.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  #navigation #admission a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_admission_on.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  /*privilege*/
  #navigation #privilege {}
  #navigation #privilege a {
    background: #2F3058 url(/files/user/img/navigation/ico_privilege_off.png) left 15px center no-repeat;
    background-size: 18px 22px;
  }
  #navigation #privilege a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_privilege_on.png) left 15px center no-repeat;
    background-size: 18px 22px;
  }
  /*faq*/
  #navigation #faq {}
  #navigation #faq a {
    background: #2F3058 url(/files/user/img/navigation/ico_faq_off.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }
  #navigation #faq a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_faq_on.png) left 15px center no-repeat;
    background-size: 20px 18px;
  }

  /*mymenu*/
  #navigation #mymenu {}
  #navigation #mymenu a {
    background: #2F3058 url(/files/user/img/navigation/ico_mymenu_off.png) left 15px center no-repeat;
    background-size: 22px 18px;
  }
  #navigation #mymenu a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_mymenu_on.png) left 15px center no-repeat;
    background-size: 22px 18px;
  }
  /*regist*/
  #navigation #regist {}
  #navigation #regist a {
    background: #2F3058 url(/files/user/img/navigation/ico_regist_off.png) left 15px center no-repeat;
    background-size: 18px 20px;
  }
  #navigation #regist a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_regist_on.png) left 15px center no-repeat;
    background-size: 18px 20px;
  }
  /*logout*/
  #navigation #logout {}
  #navigation #logout a {
    background: #2F3058 url(/files/user/img/navigation/ico_logout_off.png) left 15px center no-repeat;
    background-size: 18px 20px;
  }
  #navigation #logout a.current {
    background: #D7DADC url(/files/user/img/navigation/ico_logout_on.png) left 15px center no-repeat;
    background-size: 18px 20px;
  }


#headline {
  position: relative;
  background: #F9F9F9;
  padding: 10px 0 20px;
  text-align: center;
}
  #headline h1,
  #headline i {
    display: inline-block;
    color: #00002f;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 0 10px 35px;
  }
  /*line news*/
  #headline .line__news {
    background: url(/files/user/img/headline/news.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line topics*/
  #headline .line__topics {
    background: url(/files/user/img/headline/topics.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line event*/
  #headline .line__event {
    background: url(/files/user/img/headline/event.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line campaign*/
  #headline .line__campaign {
    background: url(/files/user/img/headline/campaign.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line regist*/
  #headline .line__regist {
    background: url(/files/user/img/headline/regist.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line tag*/
  #headline .line__tag {
    background: url(/files/user/img/headline/tag.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  /*line search*/
  #headline .line__search {
    background: url(/files/user/img/headline/search.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }
  #headline .line__login {
    background: url(/files/user/img/headline/login.png) left top 11px no-repeat;
    background-size: 28px 28px;
  }

  #headline h2,
  #headline p {
    font-size: 13px;
    line-height: 1.5em;
  }
  #headline h2.text__news span,
  #headline p.text__news span{
    background: url(/files/user/img/headline/ico_news.png) left top no-repeat;
    background-size: 16px 16px;
    padding: 2px 0 2px 20px;
  }

  /*breadcrumb*/
  #breadcrumb {
    display: none;
  }


/*footer
-------------------------------------------------- */
#footer {
  width: 100%;
  height: 130px;
  background: #EAEEF1;
  background-size: 50px 12px;
  text-align: center;
}

  /*footer PageLink*/
  #footer__page--link {
    position: relative;
    top: -20px;
  }
  #footer__page--link img {
    width: 44px;
  }

  /*footer Navigation*/
  .footer__navigation {
    position: relative;
    overflow: hidden;
  }
  .footer__navigation ul {
    position: relative;
    float: left;
    left: 50%;
    margin: 0 0 15px;
  }
  .footer__navigation ul li {
    position: relative;
    float: left;
    left: -50%;
    border-right: solid 1px #221815;
  }
  .footer__navigation ul li:last-child {
    border-right: none;
  }
  .footer__navigation ul li a {
    color: #221815;
    font-size: 12px;
    padding: 0 7px;
  }

  /*footer Copylight*/
  #footer .copylight {
    color: #221815;
    font-size: 10px;
  }

}