@charset "UTF-8";
/************************************

	reset

************************************/
a, area, button, input:not([type=range]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

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

	base

************************************/
html,
body {
  height: 100%;
  width: 100%;
}

html {
  box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
  html {
    overflow-x: hidden;
  }
}

*, ::after, ::before {
  box-sizing: inherit;
}

body {
  background: #E8E9EE;
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.2vw;
  font-weight: 400;
}

@media only screen and (min-width: 769px) {
  body {
    font-size: 1.04167vw;
  }
}

body a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: none;
  color: #333;
  outline: none;
  text-decoration: none;
}

body ul li {
  list-style: none;
}

body ul li a {
  display: block;
}

body ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}

body ul.note li::before {
  content: '※';
}

body img {
  height: auto;
  width: 100%;
  border: none;
  margin: auto;
  outline: none;
}

body img.base-size {
  height: auto;
  width: auto;
}

body button {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  outline: none;
}

body aside {
  background: #DBDBDB;
}

body .btn a {
  display: block;
}

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

	local

************************************/
html:lang(hk) body {
  font-family: 'Noto Sans HK', 'Noto Sans SC', 'Noto Sans JP', sans-serif;
}

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

	hack

************************************/
.ua-ie main,
.ua-ie aside,
.ua-ie article,
.ua-ie section {
  display: block;
}

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

	header

************************************/
#header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}

#header .header-box:nth-of-type(1) {
  padding: 4vw;
}

@media only screen and (max-width: 768px) {
  #header .header-box:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 40.74074%;
  }
}

@media only screen and (min-width: 769px) {
  #header .header-box:nth-of-type(1) {
    padding: 0 2vw;
    width: 16.66667%;
  }
}

@media only screen and (max-width: 768px) {
  #header .header-box:nth-of-type(2) {
    width: 59.25926%;
  }
}

@media only screen and (min-width: 769px) {
  #header .header-box:nth-of-type(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 83.33333%;
  }
}

#header .header-btn {
  cursor: pointer;
  display: none;
  height: 5vw;
  position: relative;
  width: 7vw;
}

#header .header-btn .icon {
  background: #FFF;
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header .header-btn::before, #header .header-btn::after {
  background: #FFF;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

#header .header-logo a {
  display: block;
}

#header .header-navi {
  font-size: 2.4vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #header .header-navi {
    background: #003EAD;
    left: 0;
    position: absolute;
    top: calc(100% - 10.5vw);
  }
}

@media only screen and (min-width: 769px) {
  #header .header-navi {
    font-size: 0.9375vw;
    width: 43.75%;
  }
}

#header .header-navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#header .header-navi ul li {
  position: relative;
  text-align: center;
  width: 25%;
}

@media only screen and (min-width: 769px) {
  #header .header-navi ul li {
    padding: 0;
  }
}

#header .header-navi ul li a {
  padding: 4vw 2vw;
}

@media only screen and (min-width: 769px) {
  #header .header-navi ul li a {
    padding: 1.73913vw 0;
  }
}

#header .header-navi ul li::after {
  background: #FED100;
  top: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #header .header-navi ul li:not(:last-child) {
    border-right: 2px solid #002b98;
  }
}

#header .header-navi ul li:not(.current):hover a {
  color: #FED100;
}

#header .header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2.4vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #header .header-menu {
    padding-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  #header .header-menu {
    font-size: 0.9375vw;
    width: 37.5%;
  }
}

#header .header-menu ul {
  text-align: center;
  width: 55%;
}

@media only screen and (min-width: 769px) {
  #header .header-menu ul {
    width: 63.33333%;
  }
}

#header .header-menu ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}

#header .header-menu ul li:nth-child(1) {
  margin-right: 6%;
  padding-right: 6%;
}

@media only screen and (max-width: 768px) {
  #header .header-menu ul li:nth-child(1) {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }
}

#header .header-menu ul li a {
  color: rgba(255, 255, 255, 0.5);
  transition: color .5s ease;
}

@media only screen and (min-width: 769px) {
  #header .header-menu ul li a {
    color: #FFF;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  #header .header-menu ul li a:hover {
    color: #FED100;
  }
}

#header .header-menu ul.member-only {
  display: none;
}

#header .header-menu .btn {
  width: 41.66667%;
}

@media only screen and (min-width: 769px) {
  #header .header-menu .btn {
    width: 36.66667%;
  }
}

#header .header-menu .btn a {
  border: 1px solid #FFF;
  border-radius: .5em;
  color: #FFF;
  padding: 2.66667vw 1vw;
  text-align: center;
  transition: color .5s ease;
}

@media only screen and (min-width: 769px) {
  #header .header-menu .btn a {
    background: #0050C2;
    border: none;
    border-radius: 0;
    padding: 1.73913vw 0.66667vw;
  }
}

@media only screen and (min-width: 769px) {
  #header .header-menu .btn a:hover {
    color: #FED100;
  }
}

#header.portal-header-legal {
  padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
  #header.portal-header-legal .header-navi {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  #header.portal-header-legal .header-navi {
    visibility: hidden;
  }
}

#header.portal-header-legal .header-menu ul {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  #header.portal-header-legal .header-menu ul li:nth-child(1) {
    border-right: 1px solid white;
  }
}

@media only screen and (max-width: 768px) {
  .member #header {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .member #header .header-navi {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .member #header .header-navi {
    visibility: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .member #header .header-menu {
    padding-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .member #header .header-menu {
    font-size: 0.9375vw;
    width: 20.625%;
  }
}

.member #header .header-menu ul {
  display: none;
  text-align: right;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .member #header .header-menu ul {
    text-align: center;
  }
}

.member #header .header-menu ul.member-only {
  display: block;
}

.member #header .header-menu .btn {
  display: none;
}

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

	footer

************************************/
#footer {
  background: #004098;
}

#footer .footer-common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  #footer .footer-common {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1vw 2vw;
  }
}

#footer .footer-menu {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #footer .footer-menu {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  #footer .footer-menu {
    margin-right: auto;
    width: 45.65217%;
  }
}

#footer .footer-menu ul {
  letter-spacing: -.4em;
}

@media only screen and (max-width: 768px) {
  #footer .footer-menu ul {
    text-align: center;
  }
}

#footer .footer-menu ul li {
  display: inline-block;
  letter-spacing: normal;
}

@media only screen and (max-width: 768px) {
  #footer .footer-menu ul li.mg-sp {
    margin-right: 4vw;
    margin-bottom: 2vw;
  }
}

@media only screen and (max-width: 768px) {
  #footer .footer-menu ul li.mg-b-sp {
    margin-bottom: 2vw;
  }
}

@media only screen and (max-width: 768px) {
  #footer .footer-menu ul li.mg-r-sp {
    margin-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  #footer .footer-menu ul li:not(:last-child) {
    margin-right: 1vw;
  }
}

#footer .footer-menu ul li a {
  color: #FFF;
  font-size: 3vw;
}

@media only screen and (min-width: 769px) {
  #footer .footer-menu ul li a {
    font-size: 0.83333vw;
  }
}

#footer .footer-menu ul li a .ic::before {
  color: #FED100;
  margin-right: 0;
}

#footer .footer-text {
  font-size: 2.4vw;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  #footer .footer-text {
    font-size: 0.83333vw;
    margin-left: auto;
    text-align: right;
    width: auto;
  }
}

#footer .footer-legal {
  color: #FFF;
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  #footer .footer-legal {
    margin-bottom: 0.5vw;
  }
}

#footer .footer-legal a {
  color: #FED100;
  text-decoration: underline;
  transition: color .25s ease;
}

#footer .footer-legal a:hover {
  color: #FFF;
  text-decoration: none;
}

#footer .footer-copyright {
  color: #FFF;
  font-size: 2.4vw;
}

@media only screen and (min-width: 769px) {
  #footer .footer-copyright {
    font-size: 0.625vw;
  }
}

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

	content

************************************/
body #wrapper {
  line-height: 1.6;
}

body #wrapper main {
  min-height: 35vh;
}

@media only screen and (min-width: 769px) {
  body #wrapper main {
    min-height: 65vh;
  }
}

body:not(.index) #wrapper, body.news.index #wrapper, body.news.article #wrapper {
  padding-top: 6vw;
}

@media only screen and (min-width: 769px) {
  body:not(.index) #wrapper, body.news.index #wrapper, body.news.article #wrapper {
    padding-top: calc((85/1280)*100vw);
  }
}

@media only screen and (min-width: 769px) {
  body.index[data-page="index"] #wrapper {
    padding-top: calc((55/1280)*100vw);
  }
}

body.member #wrapper main {
  min-height: 92vw;
}

@media only screen and (min-width: 769px) {
  body.member #wrapper main {
    min-height: 84.3vh;
  }
}

.conts-box {
  margin-bottom: 8vw;
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .conts-box {
    margin-bottom: 4vw;
    padding: 0 2vw;
  }
}

.conts-box#langSelect {
  margin-bottom: 0;
  padding: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .conts-box#langSelect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2vw;
  }
}

.col-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

	parts

************************************/
.ttl-h2 {
  color: #004098;
  font-size: 7vw;
  font-weight: 400;
  letter-spacing: .1em;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .ttl-h2 {
    font-size: 3.64583vw;
    margin-bottom: 2vw;
  }
}

.ttl-h2 small {
  display: block;
  font-size: 3.2vw;
  letter-spacing: 0;
}

@media only screen and (min-width: 769px) {
  .ttl-h2 small {
    font-size: 1.04167vw;
  }
}

.ttl-h2.db {
  letter-spacing: normal;
}

.ttl-h2.fs-s {
  font-size: 6.2vw;
}

@media only screen and (min-width: 769px) {
  .ttl-h2.fs-s {
    font-size: 3.22917vw;
  }
}

.ttl-h2.fs-ss {
  font-size: 4.6vw;
}

@media only screen and (min-width: 769px) {
  .ttl-h2.fs-ss {
    font-size: 2.39583vw;
  }
}

.text-box p:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .text-box p:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.text-box.text-box-c {
  text-align: center;
}

.text-box.text-box-c .text-box-c-inner {
  display: inline-block;
  text-align: left;
}

.panel-list:not(.swiper-wrapper) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.panel-list .panel {
  background: #FFF;
  position: relative;
}

.panel-list .panel:not(.swiper-slide) {
  margin-bottom: 4vw;
  width: calc(96% / 2);
}

@media only screen and (min-width: 769px) {
  .panel-list .panel:not(.swiper-slide) {
    margin-bottom: 2vw;
    width: calc(92% / 5);
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .panel-list .panel:not(.swiper-slide) {
    margin-bottom: 2vw;
    width: calc(94% / 4);
  }
}

.panel-list .panel a {
  height: 100%;
}

@media only screen and (min-width: 769px) {
  .panel-list .panel a:hover .thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.panel-list .panel .thumb {
  line-height: 0;
  overflow: hidden;
}

.panel-list .panel .thumb img {
  transition: transform .25s ease;
  vertical-align: bottom;
}

.panel-list .panel .detail {
  padding: 0 2vw 2vw;
}

@media only screen and (min-width: 769px) {
  .panel-list .panel .detail {
    padding: 0 1vw 1vw;
  }
}

.panel-list .panel .detail .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2vw;
  padding-top: 2vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .panel-list .panel .detail .info-box {
    margin-bottom: 1vw;
    padding-top: 1vw;
  }
}

.panel-list.News .panel .cat {
  border-radius: 5em;
  color: #FFF;
  font-size: 2.6vw;
  line-height: 1;
  padding: 1vw 0.66667vw 1.33333vw;
  text-align: center;
  width: 9em;
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .cat {
    font-size: 0.83333vw;
    padding: 0.33333vw 0.33333vw 0.4vw;
    margin-right: 50%;
  }
}

.panel-list.News .panel .cat:not(:last-child) {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .cat:not(:last-child) {
    margin-bottom: 0.25vw;
  }
}

.panel-list.News .panel .cat[class*="game"] {
  background: #00B4FF;
}

.panel-list.News .panel .cat[class*="event"] {
  background: #E90101;
}

.panel-list.News .panel .cat[class*="campaign"] {
  background: #FF7F09;
}

.panel-list.News .panel .cat[class*="goods"] {
  background: #00CC6E;
}

.panel-list.News .panel .cat[class*="media"] {
  background: #8D1AC3;
}

.panel-list.News .panel .cat[class*="live"] {
  background: #C500FF;
}

.panel-list.News .panel .cat[class*="sale"] {
  background: #FF6699;
}

.panel-list.News .panel .cat[class*="apparel"] {
  background: #333;
}

.panel-list.News .panel .cat[class*="other"] {
  background: #333;
}

.panel-list.News .panel a {
  position: relative;
  z-index: 2;
}

.panel-list.News .panel.link-type::after {
  bottom: 2vw;
  color: #004098;
  font-size: .8em;
  position: absolute;
  right: 4vw;
  text-decoration: underline;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel.link-type::after {
    bottom: 0.5vw;
    right: 1vw;
  }
}

.panel-list.News .panel.link-type.outbound::after {
  content: "外部リンク";
}

.panel-list.News .panel .detail .info-box {
  padding-top: 4vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .detail .info-box {
    padding-top: 1.33333vw;
  }
}

.panel-list.News .panel .detail .info-box::before {
  background: #004098;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 7em;
}

@media only screen and (max-width: 768px) {
  .panel-list.News .panel .detail .info-box .series {
    font-size: .8em;
  }
}

.panel-list.News .panel .detail .info-box .date {
  font-size: 2.6vw;
  position: absolute;
  right: 0;
}

@media only screen and (max-width: 768px) {
  .panel-list.News .panel .detail .info-box .date {
    top: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .detail .info-box .date {
    font-size: 0.83333vw;
    top: 1.33333vw;
  }
}

.panel-list.News .panel .detail .ttl {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .detail .ttl {
    margin-bottom: 1vw;
  }
}

.panel-list.News .panel .detail .text {
  font-size: 3.6vw;
  margin-bottom: 6vw;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .panel-list.News .panel .detail .text {
    line-height: 1.5;
  }
}

@media only screen and (min-width: 769px) {
  .panel-list.News .panel .detail .text {
    font-size: 1.04167vw;
    margin-bottom: 2vw;
  }
}

.panel-list.News .panel.pickup .panel-inner::after {
  background: url(../images/common/pickup_icon.svg) center no-repeat;
  background-size: contain;
  bottom: -.2vw;
  content: "";
  display: block;
  height: 4.5vw;
  position: absolute;
  right: -.2vw;
  width: 4.5vw;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .panel-list.News .panel.pickup .panel-inner::after {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .panel-list.News .panel.pickup .detail .info-box .date {
    margin-left: auto;
    position: relative;
    right: auto;
    top: auto;
  }
}

.panel-list.Game .panel .detail {
  padding: 2vw 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.Game .panel .detail {
    padding: 1vw;
  }
}

.panel-list.Game .panel .detail .info-box {
  margin-bottom: 1vw;
  padding-top: 0;
}

@media only screen and (min-width: 769px) {
  .panel-list.Game .panel .detail .info-box {
    margin-bottom: 0.5vw;
  }
}

.panel-list.Game .panel .detail .info-box .title {
  margin-bottom: 0.5em;
  width: 100%;
}

.panel-list.Game .panel .detail .info-box .date {
  font-size: 3vw;
  margin-bottom: 0.5em;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .panel-list.Game .panel .detail .info-box .date {
    font-size: 0.9375vw;
  }
}

.panel-list.Sale .panel .detail .info-box {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.Sale .panel .detail .info-box {
    margin-bottom: 0.5vw;
  }
}

.panel-list.Sale .panel .detail .info-box .date {
  color: #004098;
  font-weight: 700;
  text-align: left;
}

.panel-list.Sale .panel .text {
  margin-bottom: 0;
  position: relative;
}

.panel-list.Series .panel .detail .info-box {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.Series .panel .detail .info-box {
    margin-bottom: 0.5vw;
  }
}

.panel-list.Series .panel .detail .info-box .date {
  color: #004098;
  font-weight: 700;
  text-align: left;
}

.panel-list.Series .panel .detail .info-box .cat {
  color: #004098;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}

.panel-list.Series .panel .text {
  margin-bottom: 0;
  position: relative;
}

.panel-list.Pickup .panel .detail .info-box {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .panel-list.Pickup .panel .detail .info-box {
    margin-bottom: 0.5vw;
  }
}

.panel-list.Pickup .panel .detail .info-box .date {
  color: #004098;
  font-weight: 700;
  text-align: left;
}

.panel-list.Pickup .panel .detail .info-box .cat {
  color: #004098;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}

.panel-list.Pickup .panel .text {
  margin-bottom: 0;
  position: relative;
}

.pf-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.pf-list .pf {
  color: #FFF;
  border-radius: 5em;
  font-size: 2vw;
  line-height: 1;
  margin-bottom: 1vw;
  padding: .35em .5em;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .pf-list .pf {
    font-size: 0.72917vw;
    margin-bottom: 0.33333vw;
  }
}

.pf-list .pf.ps4, .pf-list .pf.ps5 {
  background: #0068BF;
}

.pf-list .pf.xboxx, .pf-list .pf.xboxsx, .pf-list .pf.xbox {
  background: #107C10;
}

.pf-list .pf.switch {
  background: #E60012;
}

.pf-list .pf.steam, .pf-list .pf.apple, .pf-list .pf.ios, .pf-list .pf.apple, .pf-list .pf.android {
  background: #333;
}

.pf-list.col-3 .pf {
  width: 32%;
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .pf-list.col-3 .pf {
    width: 49%;
  }
}

.pf-list.col-3 .pf:not(:nth-child(3n)) {
  margin-right: 2%;
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .pf-list.col-3 .pf:not(:nth-child(3n)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .pf-list.col-3 .pf:not(:nth-child(2n)) {
    margin-right: 2%;
  }
}

.pf-list.col-4 .pf {
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .pf-list.col-4 .pf {
    width: 23.5%;
  }
}

@media only screen and (max-width: 768px) {
  .pf-list.col-4 .pf:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) {
  .pf-list.col-4 .pf:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}

.site-navi {
  padding: 12vw 4vw 2vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .site-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4vw 4vw 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .site-navi-box {
    margin-right: 3vw;
    margin-left: 3vw;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-inner .site-navi-ttl {
    border-top: 1px solid #BABABA;
    margin-top: -1px;
    position: relative;
  }
}

.site-navi-inner:first-child .site-navi-ttl:first-child {
  border-top: none;
}

@media only screen and (min-width: 769px) {
  .site-navi-inner:not(:last-child) {
    margin-bottom: 3vw;
  }
}

.site-navi-ttl {
  color: #004098;
  font-size: 3.8vw;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .site-navi-ttl {
    border-bottom: 1px solid #BABABA;
    cursor: pointer;
    padding: 2.66667vw 2vw;
    position: relative;
  }
}

@media only screen and (min-width: 769px) {
  .site-navi-ttl {
    font-size: 1.04167vw;
    margin-bottom: 0.66667vw;
    pointer-events: none;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-ttl::after {
    color: #8A8A8A;
    content: "\E145";
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 2vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-list li {
    position: relative;
    width: 48%;
  }
}

@media only screen and (min-width: 769px) {
  .site-navi-list li:not(:last-child) {
    margin-bottom: 0.66667vw;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-list li::after {
    content: "\E5CC";
    display: block;
    font-family: 'Material Icons';
    font-size: 1.5em;
    line-height: 1;
    position: absolute;
    right: 1.33333vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.site-navi-list li a {
  color: #333;
  font-size: 2.6vw;
}

@media only screen and (max-width: 768px) {
  .site-navi-list li a {
    padding: 2.66667vw 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .site-navi-list li a {
    font-size: 0.9375vw;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi .toggle-box {
    display: none;
  }
}

.select-box {
  position: relative;
  text-align: center;
  width: 100%;
}

.select-box .label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 100%;
}

.select-box .label::after {
  content: "\E5CF";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  left: 0;
  line-height: 1;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: calc(100% - 1em);
  transition: opacity .25s ease;
}

.select-box .select-list {
  display: none;
  left: 0;
  margin: auto;
  max-width: 92%;
  position: absolute;
  right: 0;
  top: calc(100% + 1.25em);
  width: 92%;
}

@media only screen and (min-width: 769px) {
  .select-box .select-list {
    max-width: 69.56522%;
    width: 69.56522%;
  }
}

.select-box .select-list.upper {
  bottom: 100%;
  top: auto;
}

.select-box .select-list.upper ul::after {
  border-color: #FFF transparent transparent transparent;
  left: 50%;
  top: 100%;
}

.select-box .select-list ul {
  background: #FFF;
  border-radius: .5em;
  padding: 2em 2em 1.25em;
  position: relative;
}

.select-box .select-list ul li {
  background: #E8E9EE;
  border-radius: 5em;
  cursor: pointer;
  display: inline-block;
  margin: 0 .25em .75em;
  transition: background .5s ease, color .5s ease;
}

.select-box .select-list ul li a {
  padding: .5em 3.5vw;
}

@media only screen and (min-width: 769px) {
  .select-box .select-list ul li a {
    padding: .5em 1.5em;
  }
}

@media only screen and (min-width: 769px) {
  .select-box .select-list ul li:hover {
    background: #004098;
    color: #FFF;
  }
}

.select-box .select-list ul li:hover[data-cat*="game"] {
  background: #00B4FF;
}

.select-box .select-list ul li:hover[data-cat*="event"] {
  background: #E90101;
}

.select-box .select-list ul li:hover[data-cat*="camp"] {
  background: #FF7F09;
}

.select-box .select-list ul li:hover[data-cat*="goods"] {
  background: #00CC6E;
}

.select-box .select-list ul li:hover[data-cat*="media"] {
  background: #8D1AC3;
}

.select-box .select-list ul li:hover[data-cat*="live"] {
  background: #C500FF;
}

.select-box .select-list ul li:hover[data-cat*="sale"] {
  background: #FF6699;
}

.select-box .select-list ul li:hover[data-cat*="apparel"] {
  background: #333;
}

.select-box .select-list ul li:hover[data-cat*="other"] {
  background: #333;
}

@media only screen and (min-width: 769px) {
  .select-box .select-list ul li:hover a {
    color: #FFF;
  }
}

.select-box#langSelect {
  padding: 2vw 4vw 4vw;
  width: auto;
}

@media only screen and (min-width: 769px) {
  .select-box#langSelect {
    padding: 1vw 2vw 2vw;
  }
}

.select-box#langSelect .label {
  width: auto;
}

.select-box#langSelect .label::before {
  content: "\E894";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  margin-right: .25em;
  position: relative;
  vertical-align: middle;
}

.select-box#langSelect .label::after {
  bottom: auto;
  content: "\E5D7";
  left: auto;
  margin: 0 0 0 .25em;
  opacity: 1;
  position: relative;
  right: auto;
  vertical-align: middle;
}

.select-box#langSelect .select-list {
  bottom: 100%;
  top: auto;
}

.select-box#langSelect .select-list ul::after {
  border: solid;
  border-width: .75em .75em .75em .75em;
  border-color: #FFF transparent transparent transparent;
  content: "";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.sort-box {
  margin-bottom: 8vw;
  padding: 0 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sort-box {
    margin-bottom: 4vw;
    padding: 0;
  }
}

.sort-box .sort-list {
  background: #FFF;
  border-radius: 5em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list {
    margin-left: auto;
    margin-right: auto;
    width: 95.65217%;
  }
}

.sort-box .sort-list .sort-item {
  cursor: pointer;
  text-align: center;
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item {
    width: 25%;
  }
}

.sort-box .sort-list .sort-item .label {
  transition: color .5s ease;
}

@media only screen and (max-width: 768px) {
  .sort-box .sort-list .sort-item .label {
    font-size: .85em;
  }
}

.sort-box .sort-list .sort-item .label::after {
  transition: border-color .5s ease;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:hover .label {
    color: #004098;
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:hover .label::after {
    color: #004098;
  }
}

.sort-box .sort-list .sort-item:not(.search):not(.clear) .label {
  padding: 4vw 2vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:not(.search):not(.clear) .label {
    padding: 1.33333vw 1vw;
  }
}

.sort-box .sort-list .sort-item:not(.search):not(.clear) .label::before {
  background: rgba(232, 233, 238, 0.8);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.sort-box .sort-list .sort-item:not(.search):not(.clear) .label a {
  padding: 4vw 2vw;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:not(.search):not(.clear) .label a {
    padding: 1.33333vw 1vw;
  }
}

.sort-box .sort-list .sort-item:not(.search):not(.clear).series {
  width: 35%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:not(.search):not(.clear).series {
    width: 25%;
  }
}

.sort-box .sort-list .sort-item:not(.search):not(.clear).category {
  width: 29%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item:not(.search):not(.clear).category {
    width: 25%;
  }
}

.sort-box .sort-list .sort-item.clear {
  transition: color .5s ease;
  width: 20%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.clear {
    width: 25%;
  }
}

.sort-box .sort-list .sort-item.clear .label {
  position: relative;
}

.sort-box .sort-list .sort-item.clear .label::before {
  background: rgba(232, 233, 238, 0.8);
  content: "";
  display: block;
  height: 50%;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.sort-box .sort-list .sort-item.clear a {
  padding: 4vw 2vw;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.clear a {
    padding: 1.33333vw 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.clear:hover {
    color: #004098;
  }
}

.sort-box .sort-list .sort-item.search {
  padding: 0 2vw;
  width: 16%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search {
    padding: 0 1vw;
    position: relative;
    width: 25%;
  }
}

.sort-box .sort-list .sort-item.search .label {
  padding: 2.66667vw 0;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .label {
    display: none;
    padding: 0;
  }
}

.sort-box .sort-list .sort-item.search .label::before {
  color: #AAA;
  font-size: 2.5em;
  line-height: 1;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .label::before {
    font-size: 1.5em;
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .label::after {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list {
    background: transparent;
    border-radius: 0;
    display: block;
    position: relative;
    left: auto;
    margin: auto;
    max-width: 100%;
    max-width: initial;
    padding: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
}

.sort-box .sort-list .sort-item.search .select-list ul {
  display: block;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul {
    background: transparent;
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul::after {
    display: none;
  }
}

.sort-box .sort-list .sort-item.search .select-list ul li {
  background: transparent;
  display: block;
  padding: 0;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul li {
    border-radius: 0;
    cursor: default;
    margin: 0;
    padding: .5em;
  }
}

.sort-box .sort-list .sort-item.search .select-list ul li input[type="search"] {
  -webkit-appearance: none;
  background: #E8E9EE;
  border: 1px solid #D7D7D7;
  border-radius: 2.5em;
  padding: 2vw 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul li input[type="search"] {
    border-radius: .5em;
    padding: 0.5vw 1vw;
  }
}

.sort-box .sort-list .sort-item.search .select-list ul li input[type="search"]::-webkit-search-decoration, .sort-box .sort-list .sort-item.search .select-list ul li input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.sort-box .sort-list .sort-item.search .select-list ul li button[type="submit"] {
  background: none;
  border: none;
  color: #AAA;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 4vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: auto;
  z-index: 9;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul li button[type="submit"] {
    right: .75vw;
  }
}

.sort-box .sort-btn {
  background: #FFF;
  border-radius: 100%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: none;
  margin-left: auto;
  padding: 2.66667vw 0;
  position: fixed;
  right: 4vw;
  text-align: center;
  top: 4vw;
  width: 13.302vw;
  z-index: -1;
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-btn {
    padding: .835vw 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 4.21vw;
  }
}

.sort-box .sort-btn .label::before {
  color: #AAA;
  font-size: 2.5em;
  line-height: 1;
  margin-right: 0;
}

.sort-box .sort-btn .label::after {
  display: none;
}

.message-box {
  background: #FFF;
  border-radius: 1.5em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.message-box .message:not(:last-child) {
  margin-bottom: 2.66667vw;
}

@media only screen and (max-width: 768px) {
  .message-box .message:not(:last-child) {
    border-bottom: 1px dashed #DBDBDB;
    padding-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .message-box .message:not(:last-child) {
    margin-bottom: 1vw;
  }
}

.message-box a {
  display: block;
  padding: 0;
}

.message-box .text-box {
  letter-spacing: -.4em;
}

.message-box .text-box .label {
  background: #004098;
  border-radius: 5em;
  color: #FFF;
  display: inline-block;
  font-size: .75em;
  letter-spacing: normal;
  line-height: 1;
  margin-bottom: 0;
  margin-right: .5em;
  padding: 1vw 1vw 1.33333vw;
  text-align: center;
  vertical-align: top;
  width: 9em;
}

@media only screen and (min-width: 769px) {
  .message-box .text-box .label {
    border-radius: .5em;
    font-size: 1em;
    padding: 0.66667vw 1vw;
    vertical-align: middle;
  }
}

.message-box .text-box .text {
  display: inline-block;
  letter-spacing: normal;
  width: calc(100% - 9.5em);
}

.link-btn {
  margin-right: auto;
  margin-left: auto;
  width: 60%;
}

@media only screen and (min-width: 769px) {
  .link-btn {
    min-width: 360px;
    width: 19.56522%;
  }
}

.link-btn .btn {
  background: linear-gradient(to right, #2caadf 0%, #297aed 100%);
  border-radius: 5em;
}

.link-btn .btn a {
  color: #FFF;
  font-size: 3.2vw;
  line-height: 1;
  padding: 4vw 2vw;
  text-align: center;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .link-btn .btn a {
    font-size: 1.04167vw;
    padding: 1.33333vw 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .link-btn .btn a:hover {
    opacity: .8;
  }
}

.link-btn .btn.color-red {
  background: linear-gradient(to right, #ed5729 0%, #df2c2c 100%);
}

.link-btn .btn.color-dark {
  background: linear-gradient(to right, #919191 0%, #676767 100%);
}

.link-btn .btn.border-only-red {
  background: none;
  border: 2px solid #FF3300;
}

.link-btn .btn.border-only-red a {
  color: #FF3300;
}

.link-btn .btn.square {
  background: transparent;
  border: 2px solid #004098;
  border-radius: 0;
}

.link-btn .btn.square a {
  color: #004098;
}

.link-btn.col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.link-btn.col-2 .btn {
  width: 48%;
}

.link-btn.col-2 .btn a {
  width: 100%;
}

.link-text {
  background: linear-gradient(transparent 96.5%, #004098 0%);
  color: #004098;
  display: inline;
  position: relative;
  transition: background .2s ease;
}

.link-text:hover {
  background: transparent;
}

.bnr-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bnr-list .bnr {
  width: 48%;
}

@media only screen and (max-width: 768px) {
  .bnr-list .bnr {
    margin-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .bnr-list .bnr {
    width: 24%;
  }
}

.bnr-list .bnr a {
  transition: opacity .5s ease;
}

.bnr-list .bnr a:hover {
  opacity: .8;
}

.sns-list {
  background: #FFF;
  border-radius: 1.5em;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
  .sns-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.sns-list li.ttl {
  border-bottom: 1px solid #d2d3d8;
  color: #004098;
  font-size: 5vw;
  font-weight: 700;
  padding: 2.66667vw 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns-list li.ttl {
    border-bottom: none;
    font-size: 2.29167vw;
    padding: 1.33333vw 2vw;
    text-align: center;
    width: 24%;
  }
}

.sns-list li.ttl small {
  margin-left: 2vw;
  font-size: 2.4vw;
  vertical-align: middle;
}

@media only screen and (min-width: 769px) {
  .sns-list li.ttl small {
    display: block;
    font-size: 0.9375vw;
    margin-left: 0;
  }
}

.sns-list li.sns {
  text-align: center;
  width: calc(100% / 3);
}

@media only screen and (max-width: 768px) {
  .sns-list li.sns {
    border-right: 1px solid #d2d3d8;
    border-bottom: 1px solid #d2d3d8;
  }
}

@media only screen and (min-width: 769px) {
  .sns-list li.sns {
    border-left: 1px solid #d2d3d8;
    width: calc(76% / 6);
  }
}

.sns-list li.sns a {
  line-height: 1;
  padding: 2.66667vw 0;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .sns-list li.sns a {
    padding: 1.33333vw 0;
  }
}

@media only screen and (min-width: 769px) {
  .sns-list li.sns a:hover {
    opacity: .8;
  }
}

@media only screen and (max-width: 768px) {
  .sns-list li.sns-YouTube {
    border-right: none;
  }
}

@media only screen and (max-width: 768px) {
  .sns-list li.sns-Instagram {
    border-bottom: none;
  }
}

@media only screen and (max-width: 768px) {
  .sns-list li.sns-LINE {
    border-bottom: none;
  }
}

@media only screen and (max-width: 768px) {
  .sns-list li.sns-OTHER {
    border-right: none;
    border-bottom: none;
  }
}

.sns-list li figure img {
  margin-bottom: 1vw;
  padding: 0 8vw;
}

@media only screen and (min-width: 769px) {
  .sns-list li figure img {
    margin-bottom: 0.5vw;
    padding: 0 0.66667vw;
    width: 50%;
  }
}

.sns-list li figure figcaption span {
  display: none;
}

@media only screen and (min-width: 769px) {
  .sns-list li figure figcaption span {
    display: inline;
  }
}

.iframe-player {
  background: #000;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.iframe-player .player {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

.iframe-player .yt-link {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}

@media only screen and (min-width: 769px) {
  .iframe-player .yt-link {
    display: none;
  }
}

.iframe-player::after {
  -webkit-animation: youtubeLoading 1.1s infinite linear;
  animation: youtubeLoading 1.1s infinite linear;
  content: "";
  border-top: 4px solid rgba(255, 255, 255, 0.8);
  border-right: 4px solid rgba(255, 255, 255, 0);
  border-bottom: 4px solid rgba(255, 255, 255, 0.8);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  box-sizing: border-box;
  display: block;
  height: 12vw;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) translateZ(0);
  -moz-transform: translate(-50%, -50%) translateZ(0);
  -ms-transform: translate(-50%, -50%) translateZ(0);
  transform: translate(-50%, -50%) translateZ(0);
  width: 12vw;
}

@media only screen and (min-width: 769px) {
  .iframe-player::after {
    height: 4vw;
    width: 4vw;
  }
}

.error-msg {
  border: 1px solid #F00;
  margin-bottom: 4vw;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .error-msg {
    margin-bottom: 2vw;
    padding: 2vw;
  }
}

.form-box {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .form-box {
    margin-bottom: 2vw;
  }
}

.form-box-inner {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .form-box-inner {
    margin-bottom: 2vw;
  }
}

.form-box .form-ttl {
  color: #004098;
  font-size: 4.4vw;
  font-weight: 700;
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .form-box .form-ttl {
    font-size: 1.875vw;
    margin-bottom: 1.33333vw;
  }
}

.form-box .form-ttl::before {
  background: #004098;
  height: 1.2em;
  content: "";
  display: inline-block;
  margin-right: .4em;
  position: relative;
  top: -.1em;
  vertical-align: middle;
  width: 3px;
}

@media only screen and (min-width: 769px) {
  .form-box .form-ttl::before {
    width: 5px;
  }
}

.form-box .form-table {
  width: 100%;
}

.form-box .form-table th {
  border-bottom: 1px solid #D7D7D7;
  color: #004098;
  overflow: hidden;
  padding: 2em 0;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 40%;
}

.form-box .form-table th.mandatory::before {
  background: #e90101;
  border-radius: .2em;
  color: #FFF;
  content: "必須";
  display: inline-block;
  float: right;
  font-size: .8em;
  padding: .2em .5em;
}

.form-box .form-table td {
  border-bottom: 1px solid #D7D7D7;
  padding: 2em 0 2em 2em;
  vertical-align: middle;
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .form-box .form-table.responsive-table th {
    border-bottom: none;
    display: block;
    padding: 1em 1em .5em;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .form-box .form-table.responsive-table th {
    padding: 2em 0;
    width: 40%;
  }
}

@media only screen and (max-width: 768px) {
  .form-box .form-table.responsive-table td {
    display: block;
    padding: .5em 1em 1em;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .form-box .form-table.responsive-table td {
    padding: 2em 0 2em 2em;
    width: 60%;
  }
}

.form-box .form-table.ezine th {
  padding: 1em 1em 1em 0;
  text-align: center;
  width: 64%;
}

@media only screen and (min-width: 769px) {
  .form-box .form-table.ezine th {
    padding: 2em 0;
    text-align: left;
    width: 85%;
  }
}

@media only screen and (max-width: 768px) {
  .form-box .form-table.ezine th .label {
    display: block;
  }
}

.form-box .form-table.ezine th img {
  margin-right: 1em;
  max-width: 268px;
  vertical-align: middle;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .form-box .form-table.ezine th img {
    width: 40%;
  }
}

.form-box .form-table.ezine td {
  padding: 1em 0;
  text-align: center;
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .form-box .form-table.ezine td {
    padding: 2em 2em 2em 0;
    width: 15%;
  }
}

.form-box .form-table.ezine-confirm td {
  padding: 2em;
  width: 100%;
}

.form-box .form-table.ezine-confirm td img {
  margin-right: 1em;
  max-width: 268px;
  vertical-align: middle;
  width: 40%;
}

.form-box .form-text {
  background: #E8E9EE;
  border: 1px solid #D7D7D7;
  border-radius: .5em;
  padding: 1em;
  width: 100%;
}

.form-box .form-text.size-l {
  width: 60%;
}

.form-box .form-text.size-l:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-text.size-m {
  width: 40%;
}

.form-box .form-text.size-m:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-text.size-s {
  width: 20%;
}

.form-box .form-text.size-s:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-select {
  background: #FFF;
  border: #D7D7D7 solid 1px;
  border-radius: .5em;
  display: inline-block;
  position: relative;
  width: 30%;
}

.form-box .form-select:not(:last-child) {
  margin-right: .25em;
}

.form-box .form-select.size-l {
  width: 60%;
}

.form-box .form-select.size-m {
  width: 40%;
}

.form-box .form-select.size-s {
  width: 20%;
}

.form-box .form-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  outline: none;
  padding: .75em 1em;
  position: relative;
  width: 100%;
  z-index: 2;
}

.form-box .form-select select::-ms-expand {
  display: none;
}

.form-box .form-select + label {
  margin-right: .5em;
}

.form-box .form-select::after {
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  content: "\E5C5";
  position: absolute;
  right: .25em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.form-box .form-check {
  display: inline-block;
  height: 1.5em;
  position: relative;
  vertical-align: middle;
  width: 1.5em;
}

.form-box .form-check::before {
  background: #E8E9EE;
  border: 1px solid #D7D7D7;
  border-radius: .5em;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.form-box .form-check input[type="checkbox"] {
  display: none;
}

.form-box .form-check input[type="checkbox"]:checked + .check {
  border-bottom: 2px solid #004098;
  border-right: 2px solid #004098;
  content: "";
  display: block;
  height: calc(100% - .8em);
  left: 50%;
  margin-top: -.1em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(40deg);
  -moz-transform: translate(-50%, -50%) rotate(40deg);
  -ms-transform: translate(-50%, -50%) rotate(40deg);
  transform: translate(-50%, -50%) rotate(40deg);
  width: calc(100% - 1em);
}

.form-box .form-radio {
  display: inline-block;
  padding-left: 2em;
  position: relative;
  vertical-align: middle;
}

.form-box .form-radio::before {
  background: #E8E9EE;
  border: 1px solid #D7D7D7;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.5em;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.5em;
}

.form-box .form-radio input[type="radio"] {
  display: none;
}

.form-box .form-radio input[type="radio"]:checked + .radio {
  background: #004098;
  border-radius: 50%;
  content: "";
  display: block;
  height: calc(1.5em - .8em);
  left: .4em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(1.5em - .8em);
}

.form-box .form-radio-switch {
  height: 2rem;
  position: relative;
}

.form-box .form-radio-switch label {
  color: #FFF;
  cursor: pointer;
  font-weight: 700;
  height: .9rem;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 55%;
  z-index: 2;
}

.form-box .form-radio-switch input[type="radio"] {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.form-box .form-radio-switch input[type="radio"]:checked {
  z-index: 1;
}

.form-box .form-radio-switch input[type="radio"]:checked + label {
  cursor: default;
  opacity: 1;
  z-index: 1;
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-on + label {
  left: 30%;
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-on ~ .form-radio-switch-outside {
  background: linear-gradient(to right, #2caadf 0%, #297aed 100%);
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-on ~ .form-radio-switch-outside .form-radio-switch-inside {
  left: 4%;
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-off + label {
  right: 30%;
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-off ~ .form-radio-switch-outside {
  background: linear-gradient(to right, #919191 0%, #676767 100%);
}

.form-box .form-radio-switch input[type="radio"]:checked.form-radio-switch-off ~ .form-radio-switch-outside .form-radio-switch-inside {
  left: calc(96% - 1.5rem);
}

.form-box .form-radio-switch-outside {
  border-radius: 2rem;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: .25rem;
  position: absolute;
  top: 0;
  transition: background .25s ease, left .25s ease;
  width: 100%;
}

.form-box .form-radio-switch-inside {
  background: #FFF;
  border-radius: 50%;
  height: 1.5rem;
  position: absolute;
  top: 50%;
  transition: background .25s ease, left .25s ease;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.5rem;
}

.form-box .button-wrap {
  margin-right: auto;
  margin-left: auto;
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .form-box .button-wrap {
    width: 48%;
  }
}

.form-box .button-wrap.multi-col {
  width: 48%;
}

.form-box .form-button {
  background: linear-gradient(to right, #2caadf 0%, #297aed 100%);
  border: none;
  border-radius: 5em;
  color: #FFF;
  cursor: pointer;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.2vw;
  line-height: 1;
  outline: none;
  padding: 4vw 2vw;
  text-align: center;
  transition: opacity .5s ease;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .form-box .form-button {
    font-size: 1.04167vw;
    padding: 1.33333vw 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .form-box .form-button:hover {
    opacity: .8;
  }
}

.form-box .form-button.single {
  margin-right: auto;
  margin-left: auto;
}

.form-box .form-button.size-l {
  width: 68%;
}

.form-box .form-button.size-l:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-button.size-m {
  width: 48%;
}

.form-box .form-button.size-m:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-button.size-s {
  width: 28%;
}

.form-box .form-button.size-s:not(:last-child) {
  margin-right: .5em;
}

.form-box .form-button.color-dark {
  background: linear-gradient(to right, #919191 0%, #676767 100%);
}

.form-box .form-button.color-red {
  background: linear-gradient(to right, #ed5729 0%, #df2c2c 100%);
}

.ac-box-share {
  display: none;
}

.ac-btn-share {
  cursor: pointer;
  position: relative;
}

.ac-btn-share::after {
  color: #BABABA;
  content: "\025bc";
  display: inline-block;
  font-size: .75em;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 2vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ac-btn-share.is-active::after {
  content: "\025b2";
}

.modal-overlay {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}

.to-top {
  position: absolute;
  right: 4vw;
  top: 0;
}

@media only screen and (min-width: 769px) {
  .to-top {
    right: 2vw;
  }
}

.to-top p {
  background: #004098;
  border-radius: 0 0 .5em .5em / 0 0 .5em .5em;
  color: #FFF;
  cursor: pointer;
  display: block;
  line-height: 1;
  padding: 2vw 4vw 2vw 2vw;
  transition: color .5s ease;
}

@media only screen and (min-width: 769px) {
  .to-top p {
    padding: 0.5vw 1vw 0.5vw 0.5vw;
  }
}

.to-top p::before {
  content: "\E5C7";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 2em;
  vertical-align: middle;
}

@media only screen and (min-width: 769px) {
  .to-top:hover p {
    color: #FED100;
  }
}

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

	Index

************************************/
.index .conts-box#mv {
  padding: 0;
}

.index .conts-box#mv .slide-list {
  line-height: 0;
  position: relative;
}

.index .conts-box#mv .slide-list .thumb {
  background-size: cover;
}

.index .conts-box#mv .slide-list .detail {
  bottom: 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 50%;
  line-height: 1.5;
  overflow: hidden;
  padding: 4vw;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .detail {
    padding: 1vw 2vw;
  }
}

.index .conts-box#mv .slide-list .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list .info-box {
    text-align: center;
    margin-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .info-box {
    width: 70%;
  }
}

.index .conts-box#mv .slide-list .info-box .title {
  color: #FFF;
  font-size: 3.6vw;
  font-weight: 700;
  margin-bottom: 1vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list .info-box .title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .info-box .title {
    font-size: 1.25vw;
    margin-bottom: 0.33333vw;
  }
}

.index .conts-box#mv .slide-list .info-box .date {
  color: #FFF;
  font-size: 3.6vw;
  font-weight: 700;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list .info-box .date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .info-box .date {
    font-size: 1.25vw;
    margin-right: 1em;
    width: auto;
  }
}

.index .conts-box#mv .slide-list .info-box .pf-list {
  line-height: 1;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list .info-box .pf-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .info-box .pf-list {
    width: auto;
  }
}

.index .conts-box#mv .slide-list .info-box .pf-list .pf {
  margin-bottom: 0;
  min-width: 7em;
}

.index .conts-box#mv .slide-list .info-box .pf-list .pf:not(:last-child) {
  margin-right: 0.33333vw;
}

.index .conts-box#mv .slide-list .link-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .link-btn-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 28%;
  }
}

.index .conts-box#mv .slide-list .link-btn-list .btn {
  border-radius: 5em;
  box-shadow: 0 0 0 1px #FFF;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  transition: box-shadow .5s ease;
  width: 48%;
}

.index .conts-box#mv .slide-list .link-btn-list .btn:not(:last-child) {
  margin-right: 4%;
}

.index .conts-box#mv .slide-list .link-btn-list .btn a {
  color: #FFF;
  font-size: 3.2vw;
  padding: 0.57143rem 0.8rem;
  transition: color .5s ease;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .link-btn-list .btn a {
    padding: 0.8rem;
    font-size: 1.04167vw;
  }
}

.index .conts-box#mv .slide-list .link-btn-list .btn img {
  object-fit: cover;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .link-btn-list .btn:hover {
    box-shadow: 0 0 0 1px #FED100;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .link-btn-list .btn:hover a {
    color: #FED100;
  }
}

.index .conts-box#mv .slide-list .link-btn-list.single {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .link-btn-list.single {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

.index .conts-box#mv .slide-list .panel-bg {
  background-clip: content-box;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  -ms-filter: blur(2px);
  filter: blur(2px);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.index .conts-box#mv .slide-list .panel-bg::before {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.index .conts-box#mv .slide-list .slick-slide.slick-current .link-btn-list {
  opacity: 1;
}

.index .conts-box#mv .slide-list .thumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1vw 1vw 0;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .thumb-list {
    padding: 0.5vw 0.5vw 0;
  }
}

.index .conts-box#mv .slide-list .thumb-list li {
  background: #CCC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list .thumb-list li {
    font-size: .9em;
    transition: width .25s ease;
  }
}

.index .conts-box#mv .slide-list .thumb-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2.4vw;
  padding: 2.5vw 2vw;
  position: relative;
  transition: color .5s ease;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .thumb-list li a {
    font-size: 0.83333vw;
    padding: 1.17647vw 1vw;
  }
}

.index .conts-box#mv .slide-list .thumb-list li a .text-box {
  display: block;
  line-height: 1.5;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list .thumb-list li a:hover {
    color: #004098;
  }
}

.index .conts-box#notice {
  margin-top: 8vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#notice {
    margin-top: 4vw;
  }
}

.index .conts-box#notice .message-box {
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#notice .message-box {
    margin-right: auto;
    margin-left: auto;
    padding: 1vw;
    width: 74.23913%;
  }
}

.index .conts-box#emergency {
  margin-top: 8vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#emergency {
    margin-top: 4vw;
  }
}

.index .conts-box#emergency .message-box {
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#emergency .message-box {
    margin-right: auto;
    margin-left: auto;
    padding: 1vw;
    width: 74.23913%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#news .panel-list .panel:not(:nth-of-type(5n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .index .conts-box#news .panel-list .panel:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .index .conts-box#news .panel-list .panel:not(:nth-of-type(4n)) {
    margin-right: 2%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News {
    margin-bottom: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel {
    margin-bottom: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel:not(:first-child)::before {
    background: #DBDBDB;
    content: "";
    display: block;
    height: 1px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 92%;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .thumb {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .thumb img {
    border: 1px solid #E8E9EE;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .detail {
    padding: 0;
    width: 66%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .detail .info-box {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .detail .info-box::before {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .detail .date {
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#news .panel-list.News .panel .detail .text {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#news .panel-list.News .panel:not(:nth-of-type(5n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .index .conts-box#news .panel-list.News .panel:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .index .conts-box#news .panel-list.News .panel:not(:nth-of-type(4n)) {
    margin-right: 2%;
  }
}

.index .conts-box#games {
  background: #FFF;
  margin-bottom: 0;
  padding: 6vw 4vw 8vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#games {
    padding: 3vw 2vw 4vw;
  }
}

.index .conts-box#games .panel-list .panel {
  background: #E8E9EE;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#games .panel-list .panel {
    width: 15%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#games .panel-list .panel:nth-of-type(odd) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#games .panel-list .panel:not(:nth-child(6n)) {
    margin-right: 2%;
  }
}

.index .conts-box#sale {
  background: #FFF;
  margin-bottom: 0;
  padding: 0 4vw 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#sale {
    padding: 0 2vw 2vw;
  }
}

.index .conts-box#sale .panel-list .panel {
  background: #E8E9EE;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#sale .panel-list .panel:nth-of-type(odd) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#sale .panel-list .panel:not(:nth-of-type(5n)) {
    margin-right: 2%;
  }
}

.index .conts-box#sale .panel-list.pos-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#sale .panel-list.pos-c:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#sale .panel-list.pos-c:not(:last-child) {
    margin-right: 2%;
  }
}

.index .conts-box#series {
  background: #FFF;
  margin-bottom: 0;
  padding: 0 0 4vw 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#series {
    padding: 0 2vw 2vw;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#series .swiper-container {
    padding-right: 4vw;
  }
}

.index .conts-box#series .panel-list .panel {
  background: #E8E9EE;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#series .panel-list .panel {
    width: 15%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#series .panel-list .panel:not(:nth-of-type(6n)) {
    margin-right: 2%;
  }
}

.index .conts-box#media {
  margin-bottom: 0;
  padding: 0;
}

.index .conts-box#media .col-box .col {
  padding: 4vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col {
    padding: 2vw;
  }
}

.index .conts-box#media .col-box .col h3 {
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col h3 {
    margin-bottom: 2vw;
  }
}

.index .conts-box#media .col-box .col-inner .thumb {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col-inner .thumb {
    margin-bottom: 0.5vw;
  }
}

.index .conts-box#media .col-box .col-inner a {
  display: block;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.index .conts-box#media .col-box .col-inner a img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.index .conts-box#media .col-box .col-inner a::after {
  background: url(../images/common/yt_icon_b.svg) center no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 22%;
  left: 50%;
  max-width: 135px;
  opacity: .8;
  position: absolute;
  top: 50%;
  transition: background .25s ease, opacity .25s ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col-inner a:hover::after {
    background: url(../images/common/yt_icon_r.svg) center no-repeat;
    background-size: contain;
    opacity: 1;
  }
}

.index .conts-box#media .col-box .col.Channel {
  background: #FFD600;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Channel {
    width: 66%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Channel h3 {
    margin-left: auto;
    margin-right: auto;
    width: 42.53968%;
  }
}

.index .conts-box#media .col-box .col.Channel h3 img {
  width: 73.6%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Channel h3 img {
    width: 100%;
  }
}

.index .conts-box#media .col-box .col.Channel .caption {
  font-weight: 700;
}

.index .conts-box#media .col-box .col.Tv {
  background: #00A0E9;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Tv {
    width: 34%;
  }
}

.index .conts-box#media .col-box .col.Tv h3 {
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Tv h3 {
    margin-left: auto;
    margin-bottom: 1.4375vw;
    margin-right: auto;
    width: 46.36364%;
  }
}

.index .conts-box#media .col-box .col.Tv h3 img {
  width: 50.6%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#media .col-box .col.Tv h3 img {
    width: 100%;
  }
}

.index .conts-box#media .col-box .col.Tv .schedule {
  color: #FFF;
  font-weight: 700;
}

.index .conts-box#official {
  background: #FFF;
  margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
  }
}

.index .conts-box#official .conts-box-inner {
  padding: 8vw 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner {
    padding: 2vw 2vw;
    width: 50%;
  }
}

.index .conts-box#official .conts-box-inner .ttl-h2 {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner .ttl-h2 {
    margin-bottom: 1vw;
  }
}

.index .conts-box#official .conts-box-inner a {
  display: block;
  transition: opacity .5s ease-out;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner a:hover {
    opacity: .8;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner .col-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#official .conts-box-inner .thumb {
    margin-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner .thumb {
    width: 37.5%;
  }
}

.index .conts-box#official .conts-box-inner .thumb img {
  border: 1px solid #E8E9EE;
  box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner .text-box {
    width: 58.33333%;
  }
}

.index .conts-box#official .conts-box-inner .text-box h3 {
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 3.4vw;
  font-weight: 700;
  margin-bottom: 2vw;
  padding-left: .5em;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner .text-box h3 {
    font-size: 1.45833vw;
    margin-bottom: 1vw;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#official .conts-box-inner#myCapcom {
    border-bottom: 1px solid #E8E9EE;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner#myCapcom {
    border-right: 1px solid #E8E9EE;
  }
}

.index .conts-box#official .conts-box-inner#myCapcom .ttl-h2 img {
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner#myCapcom .ttl-h2 img {
    width: 44.79167%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner#eCapcom .ttl-h2 {
    padding: 0.595vw 0;
  }
}

.index .conts-box#official .conts-box-inner#eCapcom .ttl-h2 img {
  width: 72%;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#official .conts-box-inner#eCapcom .ttl-h2 img {
    width: 44.79167%;
  }
}

.index .conts-box#sns {
  background: #E8E9EE;
  margin-bottom: 0;
  padding: 8vw 4vw;
}

@media only screen and (min-width: 769px) {
  .index .conts-box#sns {
    padding: 4vw 2vw;
  }
}

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

	Games

************************************/
.games .conts-box#pickup {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#pickup {
    margin-bottom: 1vw;
  }
}

.games .conts-box#series, .games .conts-box#serach {
  background: #FFF;
  padding-top: 4vw;
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#series, .games .conts-box#serach {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}

.games .conts-box#serach {
  margin-bottom: 0;
  padding-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach {
    padding-bottom: 4vw;
  }
}

.games .conts-box#serach .ttl-h2 {
  font-size: 6.6vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .ttl-h2 {
    font-size: 3.125vw;
  }
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 70.65217%;
  }
}

.games .conts-box#serach .conts-box-inner .serach-platform {
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner .serach-platform {
    border-right: 2px solid #E8E9EE;
    padding-bottom: 2vw;
    padding-right: 3.07692%;
    width: 39.23077%;
  }
}

.games .conts-box#serach .conts-box-inner .serach-series {
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner .serach-series {
    padding-bottom: 2vw;
    width: 57.69231%;
  }
}

.games .conts-box#serach .conts-box-inner .serach-type {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner .serach-type {
    border-right: 2px solid #E8E9EE;
    margin-bottom: 2vw;
    padding-right: 3.07692%;
    width: 39.23077%;
  }
}

.games .conts-box#serach .conts-box-inner .serach-keyword {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner .serach-keyword {
    margin-bottom: 2vw;
    width: 57.69231%;
  }
}

.games .conts-box#serach .conts-box-inner .serach-keyword input[type="text"] {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.8vw;
  padding: .5em 1em;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#serach .conts-box-inner .serach-keyword input[type="text"] {
    font-size: 1.04167vw;
  }
}

.games .conts-box#serach .conts-box-inner .serach-btn {
  width: 100%;
}

.games .conts-box#app {
  padding: 0 0 0 4vw;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#app {
    padding: 0 2vw;
  }
}

@media only screen and (max-width: 768px) {
  .games .conts-box#app .swiper-container {
    padding-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .games .conts-box#app .ttl-h2 {
    margin-bottom: 1vw;
  }
}

.games .conts-box#app .ttl-h2 img {
  width: 48.14815%;
}

@media only screen and (min-width: 769px) {
  .games .conts-box#app .ttl-h2 img {
    width: 20.83333%;
  }
}

.games .title-list:not(.swiper-wrapper) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.games .title-list .list {
  margin-bottom: 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list {
    margin-bottom: 2vw;
    width: 49%;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list:not(:nth-child(even)) {
    margin-right: 2%;
  }
}

.games .title-list .list .panel {
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .games .title-list .list .panel {
    background: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .panel {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.games .title-list .list .panel-inner {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .panel-bg {
    background-clip: content-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    -ms-filter: blur(2px);
    filter: blur(2px);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .panel-bg::before {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.games .title-list .list .thumb {
  line-height: 0;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .thumb img.hide {
    visibility: hidden;
  }
}

.games .title-list .list .detail {
  background: #FFF;
  box-sizing: border-box;
  padding: 2vw 2.66667vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 0.5vw 1vw;
    position: absolute;
    transition: opacity .5s ease-out, z-index .5s ease-out;
    z-index: -1;
  }
}

.games .title-list .list .detail .info-box {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail .info-box {
    margin-right: auto;
    width: 40%;
    z-index: 2;
  }
}

.games .title-list .list .detail .info-box .title {
  margin-bottom: 0.66667vw;
}

@media only screen and (max-width: 768px) {
  .games .title-list .list .detail .info-box .title {
    font-size: 3.2vw;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail .info-box .title {
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0.33333vw;
  }
}

.games .title-list .list .detail .info-box .date {
  margin-bottom: 1.33333vw;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail .info-box .date {
    color: #FFF;
    margin-bottom: 0.66667vw;
  }
}

.games .title-list .list .detail .info-box .pf-list .pf {
  max-width: 7em;
}

.games .title-list .list .detail .conts-list {
  display: none;
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail .conts-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 1vw;
    top: 1vw;
    z-index: 2;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list .detail .conts-list li {
    border: 1px solid #EEE;
    color: #EEE;
    display: inline-block;
    font-size: 0.72917vw;
    padding: .25em .75em;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list .list:hover .detail {
    margin-bottom: 0;
    opacity: 1;
    transition: opacity .5s ease-out, z-index .5s ease-out;
    z-index: 1;
  }
}

.games .title-list.main > li .detail .info-box {
  width: 100%;
}

.games .title-list.main > li .detail .info-box .pf-list .pf {
  width: 15.58%;
}

@media only screen and (min-width: 769px) {
  .games .title-list.main > li .detail .info-box .pf-list .pf {
    width: 15.58%;
  }
}

@media only screen and (max-width: 768px) {
  .games .title-list.main > li .detail .info-box .pf-list .pf:not(:nth-child(6n)) {
    margin-right: 1%;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list.main > li .detail .info-box .pf-list .pf:not(:nth-child(8n)) {
    margin-right: 1%;
  }
}

.games .title-list.sub > li {
  width: 48%;
}

@media only screen and (max-width: 768px) {
  .games .title-list.sub > li {
    background: #FFF;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list.sub > li {
    width: 23.5%;
  }
}

@media only screen and (max-width: 768px) {
  .games .title-list.sub > li:not(:nth-child(even)) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list.sub > li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}

.games .title-list.sub > li .detail .info-box {
  width: 100%;
}

.games .title-list.app {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .games .title-list.app {
    margin-bottom: 0;
  }
}

.games .title-list.app .list {
  margin-bottom: 0;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .games .title-list.app .list {
    width: 18.4%;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list.app .list:not(:nth-child(even)) {
    margin: 0;
  }
}

@media only screen and (min-width: 769px) {
  .games .title-list.app .list:not(:nth-child(5n)) {
    margin: 0 2% 0 0;
  }
}

.games .title-list.app .list .detail .info-box {
  width: 100%;
}

.games .seires-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.games .seires-list li {
  line-height: 0;
  margin-bottom: 4vw;
  width: 48%;
}

@media only screen and (min-width: 769px) {
  .games .seires-list li {
    margin-bottom: 2vw;
    width: 23.5%;
  }
}

.games .seires-list li:not(:nth-child(even)) {
  margin-right: 4%;
}

@media only screen and (min-width: 769px) {
  .games .seires-list li:not(:nth-child(even)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) {
  .games .seires-list li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) {
  .games .seires-list li a:hover .thumb img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.games .seires-list li .thumb {
  border-radius: 1.5em;
  overflow: hidden;
}

.games .seires-list li .thumb img {
  transition: transform .25s ease;
}

.games .serach-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.games .serach-list-ttl {
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 3.8vw;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4vw;
  padding-left: .5em;
}

@media only screen and (min-width: 769px) {
  .games .serach-list-ttl {
    font-size: 1.04167vw;
    margin-bottom: 2vw;
  }
}

.games .serach-list li {
  background: #E8E9EE;
  border-radius: 5em;
  cursor: pointer;
  font-size: 2.4vw;
  line-height: 1;
  margin-bottom: 4vw;
  padding: 4vw 2vw;
  text-align: center;
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .games .serach-list li {
    font-size: 0.9375vw;
    margin-bottom: 1vw;
    padding: 1vw 0.5vw;
    width: 32%;
  }
}

.games .serach-list li:not(:nth-child(3n)) {
  margin-right: 2%;
}

.games .serach-list li.select {
  background: #004098;
  color: #FFF;
}

.games .serach-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list {
    margin-right: auto;
    margin-left: auto;
    width: 59.25926%;
  }
}

.games .serach-btn-list li {
  border-radius: 5em;
  cursor: pointer;
  font-size: 3.2vw;
  line-height: 1;
  text-align: center;
  width: 48%;
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list li {
    font-size: 1.04167vw;
  }
}

.games .serach-btn-list li#serachBtn {
  background: linear-gradient(to right, #2caadf 0%, #297aed 100%);
}

.games .serach-btn-list li#serachBtn a {
  color: #FFF;
  padding: 4vw 2vw 5vw;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list li#serachBtn a {
    padding: 1vw 1vw 1.14286vw;
  }
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list li#serachBtn a:hover {
    opacity: .8;
  }
}

.games .serach-btn-list li#resetBtn {
  box-shadow: 0 0 0 1px #004098;
  color: #004098;
  padding: 4vw 2vw 5vw;
  transition: background .5s ease, color .5s ease;
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list li#resetBtn {
    padding: 1vw 1vw 1.14286vw;
  }
}

@media only screen and (min-width: 769px) {
  .games .serach-btn-list li#resetBtn:hover {
    background: #004098;
    color: #FFF;
  }
}

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

	Product

************************************/
.product {
  background: #FFF;
}

.product .conts-box#serach {
  background: transparent;
}

@media only screen and (min-width: 769px) {
  .product .conts-box#serach {
    margin-right: auto;
    margin-left: auto;
    max-width: 970px;
    padding: 0;
    width: 96%;
  }
}

@media only screen and (min-width: 769px) {
  .product .conts-box#serach .conts-box-inner {
    width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .product .serach-list-ttl {
    font-size: 0.83333vw;
  }
}

@media only screen and (min-width: 1400px) {
  .product .serach-list li {
    font-size: 14px;
  }
}

.product .serach-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 769px) {
  .product .serach-btn-list {
    margin-right: auto;
    margin-left: auto;
    width: 59.25926%;
  }
}

.product .serach-btn-list li {
  border-radius: 5em;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  width: 48%;
}

.product .serach-btn-list li input {
  background: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 3.2vw;
  height: 100%;
  outline: none;
  padding: 4vw 2vw 5vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product .serach-btn-list li input {
    font-size: 1.04167vw;
    padding: 1vw 1vw 1.14286vw;
  }
}

.product .serach-btn-list li#serachBtn {
  cursor: pointer;
  padding: 0;
  transition: opacity .5s ease;
}

.product .serach-btn-list li#serachBtn input[type="submit"] {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  .product .serach-btn-list li#serachBtn:hover {
    opacity: .8;
  }
}

.product .serach-btn-list li#resetBtn {
  padding: 0;
  transition: background .5s ease, color .5s ease;
}

.product .serach-btn-list li#resetBtn input[type="reset"] {
  color: #004098;
}

@media only screen and (min-width: 769px) {
  .product .serach-btn-list li#resetBtn:hover {
    background: #004098;
  }
  .product .serach-btn-list li#resetBtn:hover input[type="reset"] {
    color: #FFF;
  }
}

.product #product {
  margin: 0 auto;
  padding-bottom: 35px;
  margin-top: 8vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product #product {
    margin-top: 4vw;
  }
}

.product #product #productList {
  border-top: 1px solid #999;
  margin: 0 auto;
  padding-top: 25px;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList {
    max-width: 970px;
    padding-top: 31px;
  }
}

.product #product #productList .head {
  margin-bottom: 25px;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .head {
    margin-bottom: 40px;
  }
}

.product #product #productList .head .result {
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .head .result {
    font-size: 16px;
  }
}

.product #product #productList .head .result strong {
  font-size: 30px;
  font-weight: 400;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .head .result strong {
    font-size: 34px;
  }
}

.product #product #productList .head .tab {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.product #product #productList .head .tab li {
  display: inline-block;
  font-size: 10px;
  margin: 0 1%;
  vertical-align: middle;
  width: 37.5%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .head .tab li {
    font-size: 14px;
    height: 26px;
    margin: 0 4px;
    width: 150px;
  }
}

.product #product #productList .head .tab li a {
  background: #E8E9EE;
  color: #333;
  display: block;
  padding: 8.5px 0;
  text-decoration: none;
  transition: color .5s ease, background .5s ease;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .head .tab li a {
    padding: 6px 0;
  }
}

.product #product #productList .head .tab li a:hover {
  background: #297aed;
  color: #fff;
}

.product #product #productList .head .tab li .select {
  background: #297aed;
  color: #fff;
}

.product #product #productList .list {
  width: 100%;
}

.product #product #productList .list > ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

.product #product #productList .list > ol > li {
  margin-bottom: 35px;
  width: 48%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol > li {
    color: #333;
    margin-bottom: 40px;
    width: 23.5%;
  }
}

@media only screen and (max-width: 768px) {
  .product #product #productList .list > ol > li:not(:nth-of-type(2n)) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol > li:not(:nth-of-type(4n)) {
    margin-right: 2%;
  }
}

.product #product #productList .list > ol > li a {
  display: block;
  text-decoration: none;
  transition: color .5s ease, opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol > li a {
    display: block;
    text-decoration: none;
  }
}

.product #product #productList .list > ol > li a img {
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol > li a:hover {
    opacity: .8;
    color: #333;
  }
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol > li a:hover img {
    opacity: .8;
  }
}

.product #product #productList .list > ol figure {
  margin-bottom: 7.5px;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol figure {
    margin-bottom: 10px;
  }
}

.product #product #productList .list > ol figure img {
  border-radius: 1em;
  height: auto;
  vertical-align: bottom;
  width: 100%;
}

.product #product #productList .list > ol figcaption {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol figcaption {
    font-size: 15px;
  }
}

.product #product #productList .list > ol .date {
  font-size: 10px;
  color: #333;
  margin-bottom: 10px;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol .date {
    font-size: 12px;
  }
}

.product #product #productList .list > ol .type {
  margin-bottom: 10px;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol .type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}

.product #product #productList .list > ol .type li {
  border-width: 1px;
  border-style: solid;
  border-radius: 2em;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 5px;
  padding: 4px 0;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol .type li {
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  .product #product #productList .list > ol .type li:nth-of-type(2n) {
    margin-bottom: 0;
  }
}

.product #product #productList .list > ol .hardware {
  letter-spacing: -.4em;
}

.product #product #productList .list > ol .hardware > li {
  background: #ededed;
  border-radius: 2em;
  color: #333;
  display: inline-block;
  font-size: 10px;
  letter-spacing: normal;
  line-height: 1;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 2% 0;
  text-align: center;
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .product #product #productList .list > ol .hardware > li {
    margin-right: 3px;
    margin-bottom: 6px;
    width: 71px;
  }
}

.product #product #productList .list > ol .hardware > li:nth-of-type(3n) {
  margin-right: 0;
}

.product.detail .conts-box#gametitle {
  padding: 0;
}

.product.detail .conts-box#gametitle .conts-box-inner {
  margin-bottom: 8vw;
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
    max-width: 1080px;
    padding: 0 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner .ttl-box {
    max-width: calc(1000px - 270px);
  }
}

.product.detail .conts-box#gametitle .conts-box-inner .ttl-box .gametitle {
  font-size: 3.8vw;
  font-weight: 700;
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner .ttl-box .gametitle {
    font-size: 1.66667vw;
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#gametitle .conts-box-inner .ttl-box .pf-list .pf {
  background: #ededed;
  color: #333;
  min-width: 70px;
}

.product.detail .conts-box#gametitle .conts-box-inner .ttl-box .pf-list .pf:not(:last-child) {
  margin-right: .5em;
}

.product.detail .conts-box#gametitle .conts-box-inner .store-btn {
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#gametitle .conts-box-inner .store-btn {
    margin-right: auto;
    width: 60%;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner .store-btn {
    max-width: 270px;
  }
}

.product.detail .conts-box#gametitle .conts-box-inner .store-btn .btn {
  background: #004098;
  text-align: center;
  position: relative;
}

.product.detail .conts-box#gametitle .conts-box-inner .store-btn .btn a {
  color: #FFF;
  display: block;
  line-height: 1;
  padding: 4vw 2vw;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner .store-btn .btn a {
    padding: 1vw;
  }
}

.product.detail .conts-box#gametitle .conts-box-inner .store-btn .btn a::after {
  content: "\E5C6";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  margin-left: .5em;
  vertical-align: text-bottom;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#gametitle .conts-box-inner .store-btn .btn a:hover {
    opacity: .8;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#gametitle .slide-list {
    margin-bottom: 8vw;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail {
    margin-right: auto;
    margin-left: auto;
    max-width: 1080px;
  }
}

.product.detail .conts-box#detail .conts-box-inner .conts-ttl,
.product.detail .conts-box#detail .conts-box-inner .note-ttl {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 4vw 0;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner .conts-ttl,
  .product.detail .conts-box#detail .conts-box-inner .note-ttl {
    margin-bottom: 2vw;
    padding: 2vw 0;
  }
}

.product.detail .conts-box#detail .conts-box-inner .note-ttl {
  margin-top: 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner .note-ttl {
    margin-top: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner .note-ttl + br {
  display: none;
}

.product.detail .conts-box#detail .conts-box-inner#overview {
  border-top: 1px solid #999;
  padding: 6vw 0;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview {
    padding: 3vw 0;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .read {
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .read {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .text-box h1 {
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .text-box h1 {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .text-box p {
  font-size: 3.2vw;
  margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .text-box p {
    font-size: 1.04167vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .text-box br:not(:nth-child(odd)) {
  display: none;
}

.product.detail .conts-box#detail .conts-box-inner#overview .text-box a {
  text-decoration: underline;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .text-box a:hover {
    opacity: .8;
    text-decoration: none;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .textArea h2 {
  font-size: 3.2vw;
  font-weight: 700;
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .textArea h2 {
    font-size: 1.04167vw;
    margin-bottom: 0.5vw;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: table;
    width: 100%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements br {
  display: none;
}

.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .text br:not(:first-of-type) {
  display: block;
}

.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .label-sp {
  background-color: #e0e8ea;
  border-bottom: 1px solid #999;
  display: block;
  padding: 4%;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .label-sp {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row {
    display: table-cell;
    width: 40%;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row.header {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row.header {
    width: 20%;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row:not(.header) {
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row:not(:last-child) {
  margin-bottom: 15px;
}

.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row-inner[data-elem="acBox"] {
  display: block;
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .row-inner[data-elem="acBox"] {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell {
    padding: 1em;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell .text {
    border-bottom: 1px solid #999;
    padding: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell:not(.blank) {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell.label {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] {
    background: #777e86;
    border-bottom: 1px solid #999;
    color: #FFF;
    cursor: pointer;
    line-height: 1;
    padding: 4%;
    position: relative;
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] {
    pointer-events: none;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] .icon {
    display: block;
    height: 1.5em;
    position: absolute;
    right: 4%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5em;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] .icon::before, .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] .icon::after {
    background: #FFF;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] .icon::before {
    height: 2px;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"] .icon::after {
    height: 100%;
    transition: transform .4s ease;
    width: 2px;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-mh^="os"] {
    background: #e0e8ea;
    text-align: center;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview #trailerBox {
    margin-right: auto;
    margin-left: auto;
    max-width: 80%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox br {
  display: none;
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox .player-box {
  height: 0;
  margin-right: auto;
  margin-left: auto;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox .player-box:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#overview #trailerBox .player-box:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox .player-box .player {
  background: #000;
  height: calc(100% - 2px);
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 2px);
}

.product.detail .conts-box#detail .conts-box-inner#overview #trailerBox + br {
  display: none;
}

.product.detail .conts-box#detail .conts-box-inner#buy {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy {
    margin-bottom: 1vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .conts-ttl {
  background: #004098;
  color: #FFF;
  font-size: 4.2vw;
  margin-bottom: 0;
  padding: 2vw 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .conts-ttl {
    font-size: 1.5625vw;
    padding: 1vw 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .enclose-box {
  background: #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .enclose-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .thumb {
  width: 75%;
}

@media only screen and (max-width: 768px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .thumb {
    margin-right: auto;
    margin-bottom: 2vw;
    margin-left: auto;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .thumb {
    width: 24%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail {
    width: 72%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-inner {
  margin-bottom: 4vw;
  width: calc(100% - 68px);
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-inner {
    border-left: 4px solid #004098;
    margin-bottom: 2vw;
    padding-left: 1em;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-gametitle {
  color: #004098;
  font-size: 3.4vw;
  font-weight: 700;
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-gametitle {
    font-size: 1.45833vw;
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-spec-list {
  font-size: .8em;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-spec-list li {
  line-height: 2;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-spec-list li:not(:last-child) {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-spec-list li:not(:last-child) {
    margin-bottom: 0;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 3.2vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list {
    font-size: 0.72917vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn {
  background: #ededed;
  margin-bottom: 4%;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn {
    letter-spacing: -.4em;
    margin-bottom: 2%;
    width: 24%;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn:not(:nth-child(4n)) {
    margin-right: 1%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn * {
  line-height: 2;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn * {
    letter-spacing: normal;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn *:not(.pf):not(.version) {
  width: 100%;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .pf {
  background: #000;
  border-radius: 2em;
  color: #FFF;
  display: inline-block;
  margin-right: .5em;
  margin-bottom: 1vw;
  text-align: center;
  width: 6em;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .pf {
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .version {
  color: #e90101;
  display: inline-block;
  margin-bottom: 1vw;
  width: calc(100% - 7.5em);
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .version {
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .price {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .price {
    margin-bottom: 1vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn {
  background: #004098;
  border-radius: 2.5em;
  position: relative;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn a {
  color: #FFF;
  display: block;
  line-height: 1;
  padding: 4vw;
  text-align: center;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn a {
    padding: 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn a:hover {
    opacity: .8;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn::after {
  color: #FFF;
  content: "\E5CC";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  position: absolute;
  right: 0.5vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn .btn::after {
    right: 0.25vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-ps .btn {
  background: #0068BF;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-ms .btn {
  background: #107C10;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-nintendo .btn {
  background: #E60012;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-nintendo .btn a {
  letter-spacing: -.05em;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-steam .btn {
  background: #555;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-ecap .btn {
  background: #EEB42B;
}

.product.detail .conts-box#detail .conts-box-inner#buy .detail-store-list .store-btn-other .btn {
  background: #333;
}

.product.detail .conts-box#detail .conts-box-inner#buy .rating {
  max-width: 58px;
  position: absolute;
  right: 0;
  top: 0;
}

.product.detail .conts-box#detail .conts-box-inner#store {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store {
    margin-bottom: 1vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 2.6vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list {
    font-size: 0.72917vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li {
  background: #ededed;
  letter-spacing: -.4em;
  margin-bottom: 2%;
  padding: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li {
    margin-bottom: 1%;
    padding: 1vw;
    width: 24.2%;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li:not(:nth-child(4n)) {
    margin-right: 1%;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li * {
  line-height: 2;
  letter-spacing: normal;
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li *:not(.pf):not(.version) {
  width: 100%;
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .pf {
  background: #000;
  border-radius: 2em;
  color: #FFF;
  display: inline-block;
  margin-right: .5em;
  margin-bottom: 1vw;
  text-align: center;
  width: 6em;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .pf {
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .version {
  color: #e90101;
  display: inline-block;
  margin-bottom: 1vw;
  width: calc(100% - 7.5em);
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .version {
    margin-bottom: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .price {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .price {
    margin-bottom: 1vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn {
  background: #004098;
  position: relative;
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn a {
  color: #FFF;
  display: block;
  line-height: 1;
  padding: 4vw 4vw 4vw 2vw;
  transition: opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn a {
    padding: 0.66667vw 2vw 0.66667vw 1vw;
  }
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn a:hover {
    opacity: .8;
  }
}

.product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn::after {
  color: #FFF;
  content: "\E5CC";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  position: absolute;
  right: 1vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#store .store-list li .store-btn .btn::after {
    right: 0.5vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#spec {
  font-size: 2.6vw;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#spec {
    font-size: 0.72917vw;
    margin-bottom: 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#spec .enclose-box {
  background: #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#spec .enclose-box {
    padding: 1vw 2vw;
  }
}

.product.detail .conts-box#detail .conts-box-inner#spec .spec-list {
  width: calc(100% - 68px);
}

.product.detail .conts-box#detail .conts-box-inner#spec .spec-list li {
  line-height: 2;
}

.product.detail .conts-box#detail .conts-box-inner#spec .spec-list li:not(:last-child) {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .product.detail .conts-box#detail .conts-box-inner#spec .spec-list li:not(:last-child) {
    margin-bottom: 0;
  }
}

.product.detail .conts-box#detail .conts-box-inner#spec .rating {
  margin-left: auto;
  max-width: 58px;
}

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

	News

************************************/
.news main {
  position: relative;
}

.news .sort-box {
  margin-bottom: 7vw;
  position: relative;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news .sort-box {
    margin-bottom: 0;
    position: fixed;
    top: calc((85/1280)*100vw);
  }
}

.news .sort-box .select-box .label-select {
  position: absolute;
}

.news .sort-box .select-box select {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  font-size: .9em;
  height: 100%;
  left: 50%;
  outline: none;
  overflow: hidden;
  padding: .5em;
  position: absolute;
  text-indent: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  width: 100%;
}

.news .sort-box .select-box .select-list ul {
  letter-spacing: -.4em;
  padding: 4vw 2vw 2vw;
}

@media only screen and (min-width: 769px) {
  .news .sort-box .select-box .select-list ul {
    padding: 1vw 1vw 0;
  }
}

.news .sort-box .select-box .select-list ul li {
  letter-spacing: normal;
  margin: 0 1vw 2vw;
}

@media only screen and (min-width: 769px) {
  .news .sort-box .select-box .select-list ul li {
    margin: 0 0.25vw 1vw;
  }
}

.news .sort-box .select-box.search .select-list ul li {
  margin: 0 0 2vw;
}

@media only screen and (min-width: 769px) {
  .news .sort-box .select-box.search .select-list ul li {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .news::before {
    content: "";
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
  }
}

.news.index .conts {
  margin-top: 0;
}

@media only screen and (min-width: 769px) {
  .news.index .conts {
    margin-top: 7vw;
  }
}

.news.index .conts-box#pickup {
  margin-bottom: 4vw;
  padding: 0;
  transition: height .25s ease-in-out, margin .25s ease-in-out;
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel {
    border: 1px solid #004098;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#pickup .panel-list .panel .cat {
    font-size: 2.6vw;
    width: 8em;
  }
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.news.index .conts-box#pickup .panel-list .panel-inner .thumb {
  line-height: 0;
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .thumb {
    width: 44%;
  }
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail {
  box-sizing: border-box;
  padding: 0 2vw 4vw;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .detail {
    padding: 1.33333vw 1vw;
    width: 56%;
  }
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail .info-box {
  min-height: auto;
  min-height: initial;
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .detail .info-box {
    padding-top: 0;
  }
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail .info-box .date {
  margin-left: auto;
  position: relative;
  right: auto;
  top: auto;
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail .info-box::before {
  display: none;
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail .series {
  color: #004098;
}

.news.index .conts-box#pickup .panel-list .panel-inner .detail .text {
  font-size: 3.3vw;
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .detail .text {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .detail .text {
    color: #004098;
    font-size: 1.30208vw;
    font-weight: 700;
    padding-left: .5em;
  }
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#pickup .panel-list .panel-inner .detail .text::before {
    background: #004098;
    height: 1.5em;
    content: "";
    left: -.5em;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 4px;
  }
}

.news.index .conts-box#pickup .panel-list .panel.link-type::after {
  content: "";
  display: none;
}

.news.index .conts-box#latest {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .ttl-h2 span {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .ttl-h2 small {
    font-size: 6.2vw;
  }
}

.news.index .conts-box#latest .panel-list {
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#latest .panel-list {
    padding: 0 2vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News {
    margin-bottom: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel {
    margin-bottom: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel:not(:first-child)::before {
    background: #DBDBDB;
    content: "";
    display: block;
    height: 1px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 92%;
    z-index: 2;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .thumb {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .thumb img {
    border: 1px solid #E8E9EE;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .detail {
    padding: 0;
    width: 66%;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .detail .info-box {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .detail .info-box::before {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .detail .date {
    top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .news.index .conts-box#latest .panel-list.News .panel .detail .text {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  .news.index .conts-box#latest .panel-list.News .panel:not(:nth-of-type(5n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .news.index .conts-box#latest .panel-list.News .panel:not(:nth-of-type(5n)) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .news.index .conts-box#latest .panel-list.News .panel:not(:nth-of-type(4n)) {
    margin-right: 2%;
  }
}

.news.index .conts-box#latest .link-btn::after {
  -webkit-animation: loading 1.3s infinite linear;
  animation: loading 1.3s infinite linear;
  color: #004098;
  content: "";
  display: none;
  font-size: .5em;
  margin: auto;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  width: 1em;
}

@media only screen and (max-width: 768px) {
  .news.index.search .conts-box#latest {
    margin-top: 7vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.index.search .conts-box#latest .ttl-h2 {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .news.index.search .conts-box#latest .ttl-h2 small {
    font-size: 3.2vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.article #wrapper {
    padding-top: 0;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts {
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .conts-box {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2vw;
    width: 100%;
  }
}

.news.article .conts-box #article {
  background: #FFF;
  margin-bottom: 8vw;
  padding: 4vw;
}

@media only screen and (max-width: 768px) {
  .news.article .conts-box #article {
    margin-top: 7vw;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #article {
    margin-bottom: 0;
    padding: 2vw;
    width: 75.53191%;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #article .section-inner {
    padding: 0 3vw;
  }
}

.news.article .conts-box #article .select-box#langSelect .label {
  background: #004098;
  border-radius: 2.5em;
  color: #FFF;
  padding: .25em 2em;
}

.news.article .conts-box #latest {
  background: #FFF;
  margin-bottom: 8vw;
  padding: 4vw;
}

@media only screen and (max-width: 768px) {
  .news.article .conts-box #latest {
    margin: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest {
    padding: 2vw 1vw;
    width: 22.34043%;
  }
}

.news.article .conts-box #latest .list-ttl {
  border-bottom: 1px solid #D2D2D2;
  color: #004098;
  font-size: 5vw;
  font-weight: 700;
  letter-spacing: .1em;
  margin-bottom: 6vw;
  padding-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .list-ttl {
    font-size: 1.35417vw;
    margin-bottom: 2vw;
    padding-bottom: 1.33333vw;
  }
}

.news.article .conts-box #latest .panel-list .panel {
  border: none;
  margin-right: 0;
  width: 100%;
}

.news.article .conts-box #latest .panel-list .panel:not(.swiper-slide):not(:last-child) {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .panel-list .panel:not(.swiper-slide):not(:last-child) {
    padding-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .news.article .conts-box #latest .panel-list .panel:not(.swiper-slide):not(:last-child) {
    padding-bottom: 2vw;
  }
}

.news.article .conts-box #latest .panel-list .panel .list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news.article .conts-box #latest .panel-list .panel .list-inner .thumb {
  width: 34%;
}

.news.article .conts-box #latest .panel-list .panel .list-inner .thumb img {
  border: 1px solid #E8E9EE;
}

.news.article .conts-box #latest .panel-list .panel .list-inner .detail {
  padding: 0;
  width: 62%;
}

.news.article .conts-box #latest .panel-list .panel .list-inner .detail .series {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .panel-list .panel .list-inner .detail .series {
    margin-bottom: 0.5vw;
  }
}

.news.article .conts-box #latest .panel-list .panel .list-inner .detail .text {
  color: #004098;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .panel-list .panel .list-inner .detail .text {
    margin-bottom: 0.5vw;
  }
}

.news.article .conts-box #latest .panel-list .panel .list-inner .detail .date {
  font-size: 2.6vw;
}

@media only screen and (max-width: 768px) {
  .news.article .conts-box #latest .panel-list .panel .list-inner .detail .date {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .panel-list .panel .list-inner .detail .date {
    font-size: 0.83333vw;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .panel-list .panel a:hover .thumb img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.news.article .conts-box #latest .panel-list .text.no-article {
  margin-bottom: 8%;
  text-align: center;
  width: 100%;
}

.news.article .conts-box #latest .link-btn {
  min-width: 100%;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .conts-box #latest .link-btn .btn a {
    padding: 1vw 1vw 1.14286vw;
  }
}

.news.article .detail-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .detail-box dl {
    padding-bottom: 1vw;
  }
}

.news.article .detail-box dl dt {
  background: #F8F8FA;
  color: #004098;
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  width: 12em;
}

.news.article .detail-box dl dd {
  padding: .5em 1em;
  width: calc(96% - 12em);
}

.news.article .detail-box dl dd ul li:not(:last-child) {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .news.article .detail-box dl dd ul li:not(:last-child) {
    margin-bottom: 0.5vw;
  }
}

.news.article .detail-box dl dd ul:not(.link-list) li {
  padding-left: 1em;
  text-indent: -1em;
}

.news.article .detail-box dl dd ul:not(.link-list) li::before {
  content: "・";
}

.news.article .detail-box dl dd ul.link-list li::before {
  content: "\E409";
  display: inline-block;
  font-family: 'Material Icons';
  vertical-align: middle;
}

.news.article .detail-box dl dd ul.link-list li a {
  color: #004098;
  display: inline;
  text-decoration: underline;
}

.news.article .detail-box dl dd ul.link-list li a:hover {
  text-decoration: none;
}

.news.article .enclose-box {
  background: #F8F8FA;
  border: 1px solid #E8E9EE;
  margin-bottom: 4vw;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .enclose-box {
    margin-bottom: 2vw;
    padding: 2vw;
  }
}

.news.article .enclose-box dl dt {
  font-size: 3.6vw;
  margin-bottom: 0.5em;
}

@media only screen and (min-width: 769px) {
  .news.article .enclose-box dl dt {
    font-size: 1.25vw;
  }
}

.news.article .enclose-box dl dd {
  font-size: 3.4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .enclose-box dl dd {
    font-size: 1.14583vw;
  }
}

.news.article .enclose-box dl dd p, .news.article .enclose-box dl dd li {
  margin-bottom: 0.5em;
}

.news.article .enclose-box dl dd li.link-bnr {
  margin-top: 1em;
}

.news.article .enclose-box dl dd:not(:last-child) {
  margin-bottom: 2em;
}

.news.article .enclose-box dl.overview-list dt {
  color: #004098;
  font-weight: 700;
}

.news.article .enclose-box dl.flow-list dd:not(:last-child) {
  margin-bottom: 0.5em;
}

.news.article .enclose-box dl.flow-list dd:not(:last-child)::after {
  content: "\02193";
  display: block;
  text-indent: 1em;
}

.news.article .enclose-box dl.faq-list {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .enclose-box dl.faq-list {
    margin-bottom: 2vw;
  }
}

.news.article .enclose-box dl.faq-list dt {
  padding-left: 1.75em;
  text-indent: -1.75em;
}

.news.article .enclose-box dl.faq-list dd {
  padding-left: 1.75em;
  text-indent: -1.75em;
}

.news.article .enclose-box .link-btn {
  margin-left: 0;
}

.news.article .enclose-box p {
  font-size: 3.4vw;
  margin-bottom: 1em;
}

@media only screen and (min-width: 769px) {
  .news.article .enclose-box p {
    font-size: 1.14583vw;
  }
}

.news.article .ac-btn {
  position: relative;
}

.news.article .ac-btn::after {
  color: #004098;
  content: "\E145";
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 2vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 769px) {
  .news.article .ac-btn::after {
    right: 1vw;
  }
}

.news.article .ac-box {
  background: #FFF;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  display: none;
  margin-bottom: 0;
  padding: 4vw 6vw;
}

@media only screen and (min-width: 769px) {
  .news.article .ac-box {
    padding: 2vw 3vw;
  }
}

.news.article .enclose-box[data-elem="acBox"] {
  background: #FFF;
  border-top: none;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  display: none;
  margin-bottom: 0;
}

.news.article .article-header {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header {
    margin-bottom: 3vw;
  }
}

.news.article .article-header .ttl-box {
  border-bottom: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 6vw;
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3vw;
    padding-bottom: 2vw;
  }
}

.news.article .article-header .ttl-box h2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 5.2vw;
  font-weight: 700;
  margin-bottom: 2vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box h2 {
    font-size: 2.08333vw;
  }
}

.news.article .article-header .ttl-box p {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-size: 4vw;
  margin-bottom: 1vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box p {
    font-size: 1.45833vw;
    margin-bottom: 0.5vw;
  }
}

.news.article .article-header .ttl-box .cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-bottom: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .cat-list {
    margin-bottom: 0;
    width: 50%;
  }
}

.news.article .article-header .ttl-box .cat-list li {
  border-radius: 5em;
  box-shadow: 0 0 0 1px #004098;
  cursor: pointer;
  font-size: 2.6vw;
  line-height: 1;
  text-align: center;
  transition: background .5s ease, color .5s ease;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .cat-list li {
    font-size: 0.72917vw;
  }
}

.news.article .article-header .ttl-box .cat-list li a {
  color: #004098;
  padding: 1vw 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .cat-list li a {
    padding: 0.5vw 1vw;
  }
}

.news.article .article-header .ttl-box .cat-list li:not(:last-child) {
  margin-right: 2%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .cat-list li:hover {
    background: #004098;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .cat-list li:hover a {
    color: #FFF;
  }
}

.news.article .article-header .ttl-box .share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .share-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%;
  }
}

.news.article .article-header .ttl-box .share-list li {
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .news.article .article-header .ttl-box .share-list li {
    margin-bottom: 2%;
  }
}

.news.article .article-header .ttl-box .share-list li:not(:last-child) {
  margin-right: 2%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .ttl-box .share-list li:not(:last-child) {
    margin-right: 1%;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.news.article .article-header .item-box .thumb {
  line-height: 1;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .item-box .thumb {
    margin-bottom: 0;
    width: 42%;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .item-box .thumb.fullSize {
    width: 100%;
  }
}

.news.article .article-header .item-box .thumb img {
  border: 1px solid #DDD;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .item-box .detail-box {
    width: 54%;
  }
}

.news.article .article-header .item-box .detail-box h3 {
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-header .item-box .detail-box h3 {
    font-size: 1.5625vw;
    margin-bottom: 1vw;
  }
}

.news.article .article-header .item-box .detail-box dl dt {
  font-size: .8em;
  width: 8em;
}

.news.article .article-header .item-box .detail-box dl dd {
  padding: .5em 0;
  width: calc(100% - 8em);
}

.news.article .article-main {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main {
    margin-bottom: 0.5vw;
  }
}

.news.article .article-main h3 {
  background: #F8F8FA;
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 2vw 4vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main h3 {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }
}

.news.article .article-main h3::before {
  background: #FED100;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

.news.article .article-main h4 {
  border-top: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 1vw 4vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main h4 {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 0.5vw 1.66667vw;
  }
}

.news.article .article-main h4::before, .news.article .article-main h4::after {
  content: "";
  display: block;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  width: 4px;
}

.news.article .article-main h4::before {
  background: #004098;
  left: 0;
}

.news.article .article-main h4 span {
  display: block;
  position: relative;
  z-index: 2;
}

.news.article .article-main h4 span.ac-btn::after {
  right: 0;
}

.news.article .article-main h4[data-handle="acBtn"] {
  cursor: pointer;
  margin-bottom: 0;
}

.news.article .article-main h5 {
  border-top: 1px solid #004098;
  border-bottom: 1px solid #004098;
  color: #004098;
  font-size: 3.8vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 1vw 4vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main h5 {
    font-size: 1.35417vw;
    margin-bottom: 2vw;
    padding: 0.5vw 1.66667vw;
  }
}

.news.article .article-main table {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table {
    border-collapse: collapse;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main table {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table::before {
    background: #004098;
    color: #FFF;
    content: attr(data-th);
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    left: 50%;
    margin: 0 auto -1px;
    padding: 1em .5em;
    position: relative;
    text-align: center;
    transform: translateX(-50%);
    width: calc(100% + 2px);
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table tr {
    border: 1px solid #004098;
  }
}

.news.article .article-main table th {
  background: #004098;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  color: #FFF;
  font-size: 3.6vw;
  font-weight: 700;
  padding: .5em;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table th {
    border-right: none;
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main table th {
    font-size: 1.04167vw;
  }
}

.news.article .article-main table td {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  font-size: 3.6vw;
  padding: .5em;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table td {
    border-right: none;
    display: block;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main table td {
    font-size: 1.04167vw;
  }
}

.news.article .article-main table td small {
  font-size: .8em;
  margin-left: .5em;
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table td:nth-of-type(1) {
    background: #F8F8FA;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table td:nth-of-type(1)::before {
    content: attr(data-th);
    color: #000;
    display: block;
    font-size: .8em;
    font-weight: 400;
    margin-bottom: .2em;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table td:nth-of-type(4) {
    border-bottom: none;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main table td:not(:nth-of-type(1))::before {
    content: attr(data-th);
    color: #000;
    display: inline-block;
    font-size: .8em;
    font-weight: 400;
    margin-right: 1em;
  }
}

.news.article .article-main .anchor-link {
  background: #F8F8FA;
  border: 1px solid #DDD;
  padding: 4vw 4vw 2vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link {
    padding: 2vw 2vw 1vw;
  }
}

.news.article .article-main .anchor-link-ttl {
  border: none;
  line-height: 1.2;
  padding: 0 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link-ttl {
    padding: 0 1.33333vw;
  }
}

.news.article .article-main .anchor-link .anchor-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .news.article .article-main .anchor-link .anchor-link-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.news.article .article-main .anchor-link .anchor-link-list:not(:last-of-type) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list:not(:last-of-type) {
    margin-bottom: 2vw;
  }
}

.news.article .article-main .anchor-link .anchor-link-list li {
  background: #FFF;
  border: 1px solid #004098;
  border-radius: 2.5em;
  font-size: .8em;
  margin-right: 2.66667vw;
  margin-bottom: 4vw;
  transition: background .2s ease;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list li {
    margin-right: 1.33333vw;
    margin-bottom: 0.66667vw;
  }
}

.news.article .article-main .anchor-link .anchor-link-list li a {
  color: #004098;
  padding: .5em .75em .5em .5em;
  transition: color .2s ease;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list li a {
    padding: .5em 1.5em .5em 1em;
  }
}

.news.article .article-main .anchor-link .anchor-link-list li .ic::before {
  color: #004098;
  transition: color .2s ease;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list li:hover {
    background: #004098;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list li:hover a {
    color: #FFF;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list li:hover .ic::before {
    color: #FFF;
  }
}

.news.article .article-main .anchor-link .anchor-link-list-ttl {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .anchor-link .anchor-link-list-ttl {
    margin-bottom: 1vw;
  }
}

.news.article .article-main .step-ttl {
  border: 1px solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 3.8vw;
  font-weight: 700;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .step-ttl {
    font-size: 1.35417vw;
  }
}

.news.article .article-main .step-ttl-num {
  background: #004098;
  color: #FFF;
  padding: 0.5vw 0;
  text-align: center;
  width: 3em;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .step-ttl-num {
    padding: 0.25vw 0;
  }
}

.news.article .article-main .step-ttl-text {
  color: #004098;
  padding: 0.5vw 4vw;
  width: calc(100% - 3em);
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .step-ttl-text {
    padding: 0.25vw 1.66667vw;
  }
}

.news.article .article-main .col-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.news.article .article-main .col-box .col {
  width: 48.5%;
}

.news.article .article-main .col-box .col:not(:nth-child(even)) {
  margin-right: 3%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .col-box .col-pc {
    width: 48.5%;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .col-box .col-pc:not(:nth-child(even)) {
    margin-right: 3%;
  }
}

.news.article .article-main .col-box-gallery .img {
  line-height: 0;
  width: 48.5%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .col-box-gallery .img {
    width: 14.1666667%;
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-main .col-box-gallery .img:not(:nth-child(even)) {
    margin-right: 3%;
  }
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .col-box-gallery .img:not(:nth-child(6n)) {
    margin-right: 3%;
  }
}

.news.article .article-main p {
  font-size: 3.6vw;
  line-height: 2;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main p {
    font-size: 1.14583vw;
    margin-bottom: 2vw;
  }
}

.news.article .article-main .img {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .img {
    margin-bottom: 2vw;
  }
}

.news.article .article-main .img a {
  display: block;
}

.news.article .article-main .img img {
  border: 1px solid #DDD;
}

.news.article .article-main .img.caption {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main .img.caption {
    margin-bottom: 0.5vw;
  }
}

.news.article .article-main figure {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main figure {
    margin-bottom: 2vw;
  }
}

.news.article .article-main figure .img {
  margin-bottom: 1vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-main figure .img {
    margin-bottom: 0.5vw;
  }
}

.news.article .article-sub h3 {
  background: #F8F8FA;
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 2vw 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub h3 {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }
}

.news.article .article-sub h4 {
  border-top: 1px solid #DDD;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 1vw 4vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub h4 {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 0.5vw 1.66667vw;
  }
}

.news.article .article-sub h4::before, .news.article .article-sub h4::after {
  content: "";
  display: block;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  width: 4px;
}

.news.article .article-sub h4::before {
  background: #004098;
  left: 0;
}

.news.article .article-sub h4 span {
  display: block;
  position: relative;
  z-index: 2;
}

.news.article .article-sub h4 span.ac-btn::after {
  right: 0;
}

.news.article .article-sub h4[data-handle="acBtn"] {
  cursor: pointer;
  margin-bottom: 0;
}

.news.article .article-sub h5 {
  color: #004098;
  font-size: 3.8vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 1vw 4vw;
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub h5 {
    font-size: 1.35417vw;
    margin-bottom: 2vw;
    padding: 0.5vw 1.66667vw;
  }
}

.news.article .article-sub h5::before, .news.article .article-sub h5::after {
  bottom: -2px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub h5::before, .news.article .article-sub h5::after {
    bottom: -4px;
    height: 4px;
  }
}

.news.article .article-sub h5::before {
  background: #FED100;
  left: 0;
  width: 3em;
}

.news.article .article-sub h5::after {
  background: #004098;
  right: 0;
  width: calc(100% - 3em);
}

.news.article .article-sub .step-ttl {
  border: 1px solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 3.8vw;
  font-weight: 700;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .step-ttl {
    font-size: 1.35417vw;
  }
}

.news.article .article-sub .step-ttl-num {
  background: #004098;
  color: #FFF;
  padding: 0.5vw 0;
  text-align: center;
  width: 3em;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .step-ttl-num {
    padding: 0.25vw 0;
  }
}

.news.article .article-sub .step-ttl-text {
  color: #004098;
  padding: 0.5vw 4vw;
  width: calc(100% - 3em);
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .step-ttl-text {
    padding: 0.25vw 1.66667vw;
  }
}

.news.article .article-sub .detail-ttl {
  background: #F8F8FA;
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 2vw 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .detail-ttl {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }
}

.news.article .article-sub .detail-box {
  background: #F8F8FA;
  border: 1px solid #E8E9EE;
  margin-bottom: 4vw;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .detail-box {
    margin-bottom: 2vw;
    padding: 2vw;
  }
}

.news.article .article-sub .detail-box dl {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-bottom: 0;
}

.news.article .article-sub .detail-box dl dt {
  background: transparent;
  padding: 0 1em .5em;
  text-align: left;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .detail-box dl dt {
    border-right: 1px solid #E8E9EE;
    padding: 1em;
    width: 12em;
  }
}

.news.article .article-sub .detail-box dl dd {
  padding: 0 1em;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .news.article .article-sub .detail-box dl dd {
    padding: 1em;
    width: calc(96% - 12em);
  }
}

@media only screen and (max-width: 768px) {
  .news.article .article-sub .detail-box dl:not(:last-child) {
    border-bottom: 1px solid #E8E9EE;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }
}

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

	Sns

************************************/
@media only screen and (min-width: 769px) {
  .sns .sns-list {
    margin-right: auto;
    margin-left: auto;
    width: 76.08696%;
  }
}

.sns .sns-list li.sns {
  width: calc(100% / 3);
}

@media only screen and (min-width: 769px) {
  .sns .sns-list li.sns {
    width: calc(100% / 6);
  }
}

@media only screen and (min-width: 769px) {
  .sns .sns-list li.sns-Twitter {
    border-left: none;
  }
}

.sns .account-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sns .account-list-ttl {
  color: #004098;
  font-size: 7vw;
  font-weight: 700;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sns .account-list-ttl {
    font-size: 2.39583vw;
    margin-bottom: 2vw;
  }
}

.sns .account-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 8vw;
  text-align: center;
  width: 32%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li {
    margin-bottom: 4vw;
    width: 24%;
  }
}

@media only screen and (max-width: 768px) {
  .sns .account-list li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}

@media only screen and (min-width: 769px) {
  .sns .account-list li:not(:nth-child(4n)) {
    margin-right: 1%;
  }
}

.sns .account-list li a {
  width: 100%;
}

.sns .account-list li a .list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li a .list-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sns .account-list li .thumb {
  border: 1px solid #D9D9D9;
  border-radius: 50%;
  line-height: 1;
  margin-right: auto;
  margin-bottom: 2vw;
  margin-left: auto;
  overflow: hidden;
  padding: 36.59% 0;
  position: relative;
  width: 75%;
}

@media only screen and (max-width: 768px) {
  .sns .account-list li .thumb {
    min-height: 22vw;
  }
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .thumb {
    margin-bottom: 0;
    padding: 11.746% 0;
    width: 24%;
  }
}

.sns .account-list li .thumb img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 105%;
}

.sns .account-list li .detail {
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .detail {
    text-align: left;
    width: 70%;
  }
}

.sns .account-list li .detail .account-name {
  color: #004098;
  font-weight: 700;
  margin-bottom: 2vw;
  max-height: 55%;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .detail .account-name {
    font-size: 1.04167vw;
    margin-bottom: 0.5vw;
    max-height: auto;
    max-height: initial;
  }
}

.sns .account-list li .detail .account-id {
  margin-bottom: 2vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .detail .account-id {
    font-size: 0.83333vw;
    margin-bottom: 0.5vw;
  }
}

.sns .account-list li .detail .sns-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .detail .sns-btn {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.sns .account-list li .sns-btn object {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 90%;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .sns-btn object {
    margin-left: 0;
    width: 70%;
  }
}

@media only screen and (min-width: 1400px) {
  .sns .account-list li .sns-btn object {
    width: 60%;
  }
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .sns-btn object.size-l {
    width: 85%;
  }
}

@media only screen and (min-width: 1400px) {
  .sns .account-list li .sns-btn object.size-l {
    width: 75%;
  }
}

.sns .account-list li .sns-btn .sns-btn-item {
  border-radius: .5em;
  box-sizing: border-box;
  color: #FFF;
  font-size: 1.6vw;
  padding: 1vw 2vw;
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .sns-btn .sns-btn-item {
    font-size: 0.52083vw;
    padding: 0.33333vw;
  }
}

.sns .account-list li .sns-btn .sns-btn-item .icon {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.sns .account-list li .sns-btn .sns-btn-item .icon::before {
  content: "";
  display: inline-block;
  height: 1.5em;
  margin-right: .25em;
  vertical-align: middle;
  width: 1.5em;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .sns-btn .sns-btn-item .icon::before {
    margin-right: .5em;
  }
}

.sns .account-list li .sns-btn .instagram-btn {
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
}

.sns .account-list li .sns-btn .instagram-btn::before {
  background: linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.sns .account-list li .sns-btn .instagram-btn .icon::before {
  background: url(../images/common/insta_icon_w.svg) center no-repeat;
  background-size: contain;
}

.sns .account-list li .sns-btn .line-btn {
  background: #00B833;
}

.sns .account-list li .sns-btn .line-btn .icon::before {
  background: url(../images/common/line_icon_w.svg) center no-repeat;
  background-size: contain;
  height: 2.5em;
  margin-top: -.25em;
  width: 2.5em;
}

.sns .account-list li .sns-btn .twitch-btn {
  background: #9147FF;
}

.sns .account-list li .sns-btn .twitch-btn .icon::before {
  background: url(../images/common/twitch_icon_w.svg) center no-repeat;
  background-size: contain;
}

.sns .account-list li .sns-btn .flicker-btn {
  background: #128FDC;
}

.sns .account-list li .sns-btn .flicker-btn .icon::before {
  background: url(../images/common/flicker_icon_w.svg) center no-repeat;
  background-size: contain;
  width: 5em;
}

.sns .account-list li .sns-btn .openrec-btn {
  background: #FF8300;
}

.sns .account-list li .sns-btn .openrec-btn .icon::before {
  background: url(../images/common/openrec_icon_w.svg) center no-repeat;
  background-size: contain;
  width: 7em;
}

@media only screen and (min-width: 769px) {
  .sns .account-list li .sns-btn .openrec-btn .icon::before {
    width: 8em;
  }
}

.sns .account-list li .sns-btn .tiktok-btn {
  background: #FE2C55;
}

.sns .account-list li .sns-btn .tiktok-btn .icon::before {
  background: url(../images/common/tiktok_icon_w.svg) center no-repeat;
  background-size: contain;
}

.sns .account-list li .sns-btn .mildam-btn {
  background: #38CCE3;
}

.sns .account-list li .sns-btn .mildam-btn .icon::before {
  background: url(../images/common/mildam_icon_w.svg) center no-repeat;
  background-size: contain;
  width: 6em;
}

.sns .conts-box:not(#anchorLink) {
  margin-bottom: 0;
  padding-top: 6vw;
  padding-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .sns .conts-box:not(#anchorLink) {
    padding-top: 3vw;
    padding-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .sns .conts-box:not(#anchorLink) .conts-box-inner {
    margin-right: auto;
    margin-left: auto;
    width: 84.78261%;
  }
}

.sns .conts-box#twitter, .sns .conts-box#youtube {
  background: #FFF;
}

@media only screen and (min-width: 769px) {
  .sns .conts-box#twitter .sns-btn, .sns .conts-box#youtube .sns-btn {
    font-size: 0.52083vw;
  }
}

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

	Community

************************************/
.community .conts-box.fullSize {
  margin-bottom: 0;
  padding: 0;
}

.community .conts-box.fullSize .conts-box-inner {
  padding: 4vw 0;
}

@media only screen and (min-width: 769px) {
  .community .conts-box.fullSize .conts-box-inner {
    padding: 4vw 0;
  }
}

.community .conts-box.fullSize .conts-box-inner.service {
  padding: 12vw 0 4vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box.fullSize .conts-box-inner.service {
    padding: 4vw 0;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box.fullSize .conts-box-inner.service.service-2 {
    margin: -1em 0;
    padding: 0;
    position: relative;
    z-index: -1;
  }
}

.community .conts-box.fullSize .inner {
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box.fullSize .inner {
    padding: 0 2vw;
  }
}

.community .conts-box .ttl-h3 {
  color: #004098;
  font-size: 5.4vw;
  font-weight: 700;
  margin-bottom: 2vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box .ttl-h3 {
    font-size: 2.39583vw;
    margin-bottom: 2vw;
  }
}

.community .conts-box .link-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.community .conts-box .link-btn.single {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.community .conts-box .text-box {
  font-weight: 700;
}

.community .conts-box .text-box p .fc-r {
  color: #FF3300;
}

.community .conts-box#mycapcom {
  margin-top: 4vw;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#mycapcom {
    padding: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom {
    margin-top: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .inner {
    margin-right: auto;
    margin-left: auto;
    width: 69.56522%;
  }
}

.community .conts-box#mycapcom .ttl-h2 {
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width: 83.33333%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .ttl-h2 {
    width: 62.5%;
  }
}

@media only screen and (max-width: 768px) {
  .community .conts-box#mycapcom .ttl-h2 img {
    left: -.3em;
    position: relative;
  }
}

.community .conts-box#mycapcom .text-box {
  font-size: 4.4vw;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .text-box {
    font-size: 2.08333vw;
    margin-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn {
    margin-right: auto;
    margin-left: auto;
    width: 62.5%;
  }
}

.community .conts-box#mycapcom .link-btn .btn a {
  display: block;
  padding: 2.66667vw 2vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn .btn a {
    padding: 1.33333vw 1vw;
  }
}

.community .conts-box#mycapcom .link-btn-login {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn-login {
    margin-right: auto;
    margin-left: auto;
    width: 62.5%;
  }
}

.community .conts-box#mycapcom .link-btn-login .btn a {
  font-size: 3.8vw;
  padding: 5vw 2vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn-login .btn a {
    font-size: 1.45833vw;
    padding: 2vw 1vw;
  }
}

.community .conts-box#mycapcom .link-btn-login .terms-link {
  display: inline-block;
  right: 4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn-login .terms-link {
    right: 4vw;
  }
}

.community .conts-box#mycapcom .link-btn-login .terms-link a {
  color: #FFF;
  font-size: .85em;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#mycapcom .link-btn-login .terms-link a {
    padding: 1em 0;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn-login .terms-link a:hover {
    text-decoration: none;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .link-btn.single {
    min-width: 300px;
    width: 23.4375%;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box {
    margin-right: auto;
    margin-left: auto;
    width: 87.5%;
  }
}

.community .conts-box#mycapcom .border-box .link-btn-label {
  color: #FFF;
  line-height: 1.2;
  padding: 2.66667vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box .link-btn-label {
    padding: 0.8vw 3vw;
  }
}

.community .conts-box#mycapcom .border-box-cid {
  background: #FFF;
  margin-bottom: 4vw;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid {
    margin-bottom: 2vw;
  }
}

.community .conts-box#mycapcom .border-box-cid .link-btn-label {
  background: #0050C2;
}

.community .conts-box#mycapcom .border-box-cid .note {
  font-size: 2.8vw;
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .note {
    font-size: 0.9375vw;
    margin-bottom: 1.33333vw;
    text-align: center;
  }
}

.community .conts-box#mycapcom .border-box-cid .cid-info {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  padding: 2.66667vw 4vw 4vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .cid-info {
    padding: 1.33333vw 2vw 2vw;
  }
}

.community .conts-box#mycapcom .border-box-cid .cid-logo {
  margin-right: auto;
  margin-bottom: -2vw;
  margin-left: auto;
  position: relative;
  width: 50%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .cid-logo {
    margin-bottom: -0.5vw;
    width: 25%;
  }
}

.community .conts-box#mycapcom .border-box-cid .cid-about {
  margin-bottom: 2vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .cid-about {
    margin-bottom: 1vw;
  }
}

.community .conts-box#mycapcom .border-box-cid .cid-about a {
  color: #004098;
  display: inline-block;
  font-size: 2.8vw;
  padding: 0;
  text-decoration: underline;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .cid-about a {
    font-size: 0.83333vw;
    left: .5em;
    position: relative;
    top: -.5em;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-cid .cid-about a:hover {
    text-decoration: none;
  }
}

.community .conts-box#mycapcom .border-box-ca {
  width: 100%;
}

.community .conts-box#mycapcom .border-box-ca a {
  display: block;
  transition: opacity .25s ease;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-ca a:hover {
    opacity: .8;
  }
}

.community .conts-box#mycapcom .border-box-ca .link-btn-label {
  border: 2px solid #FF3300;
  color: #FF3300;
  font-size: 2.7vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .border-box-ca .link-btn-label {
    font-size: 1.04167vw;
  }
}

.community .conts-box#mycapcom .message-box {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .message-box {
    margin-bottom: 2vw;
  }
}

.community .conts-box#mycapcom .message-box .text-box {
  font-size: 3.2vw;
  margin-bottom: 0;
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#mycapcom .message-box .text-box {
    font-size: 1.04167vw;
  }
}

.community .conts-box#mycapcom .message-box .text-box .text {
  font-weight: 400;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 86.95652%;
  }
}

.community .conts-box#service .text-box {
  font-size: 3.2vw;
  margin-bottom: 6vw;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .text-box {
    text-align: center;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .text-box {
    font-size: 1.45833vw;
    margin-bottom: 3vw;
    padding-left: 5.5em;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .text-box p {
    padding-left: 1em;
  }
}

.community .conts-box#service .ttl-h3 {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .ttl-h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 2.39583vw;
    margin-bottom: 0.5vw;
    position: relative;
  }
}

.community .conts-box#service .ttl-h3 .num {
  color: #FFF;
  display: inline-block;
  font-size: 6.4vw;
  line-height: 1.05;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .ttl-h3 .num {
    margin-bottom: 6vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .ttl-h3 .num {
    font-size: 2.91667vw;
    left: -2em;
    position: absolute;
    top: .5em;
  }
}

.community .conts-box#service .ttl-h3 .num small {
  display: block;
  font-size: 2.2vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .ttl-h3 .num small {
    font-size: 0.9375vw;
  }
}

.community .conts-box#service .ttl-h3 .num::after {
  background: #004098;
  border-radius: .2em;
  content: "";
  display: block;
  left: 50%;
  height: 2.5em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -60%) rotate(45deg);
  -moz-transform: translate(-50%, -60%) rotate(45deg);
  -ms-transform: translate(-50%, -60%) rotate(45deg);
  transform: translate(-50%, -60%) rotate(45deg);
  width: 2.5em;
  z-index: -1;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .ttl-h3 .num::after {
    height: 2em;
    width: 2em;
  }
}

.community .conts-box#service .ttl-h3 .text {
  display: block;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .ttl-h3 .text {
    padding-left: .5em;
    text-align: left;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .img {
    width: 39.0625%;
  }
}

.community .conts-box#service .bnr-list {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .bnr-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .bnr-list-item {
    width: 38%;
  }
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .bnr-list-item:not(:last-child) {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .bnr-list-item:not(:last-child) {
    margin-right: 4%;
  }
}

.community .conts-box#service .service-2 {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .text-box {
    margin-bottom: 8vw;
    position: relative;
    top: 5vw;
  }
}

.community .conts-box#service .service-2 .img img {
  position: absolute;
  right: 18%;
  top: 0;
  width: 20%;
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .service-2 .img img {
    display: none;
  }
}

.community .conts-box#service .service-2 .mailmagazine-list {
  padding-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .mailmagazine-list {
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 2vw;
    width: 88%;
  }
}

.community .conts-box#service .service-2 .mailmagazine-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 4%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .mailmagazine-list-item {
    width: 49%;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .mailmagazine-list-item:not(:nth-child(even)) {
    margin-right: 2%;
  }
}

.community .conts-box#service .service-2 .mailmagazine-list-item .thumb {
  width: 40%;
}

.community .conts-box#service .service-2 .mailmagazine-list-item .detail-box {
  padding: 2vw;
  width: 60%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .mailmagazine-list-item .detail-box {
    padding: 1vw;
  }
}

.community .conts-box#service .service-2 .mailmagazine-list-item .detail-box .name {
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .5em;
  padding-left: .5em;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .service-2 .mailmagazine-list-item .detail-box .name {
    font-size: 1.2em;
    margin-bottom: 1em;
  }
}

.community .conts-box#service .service-2 .mailmagazine-list-item .detail-box .text {
  font-weight: 700;
  padding: 0 .5em;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .rellink {
    min-height: 48vh;
  }
}

.community .conts-box#service .rellink .ttl-h3 {
  display: block;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .rellink .ttl-h3 {
    margin-bottom: 2vw;
  }
}

.community .conts-box#service .rellink .bnr-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.community .conts-box#service .rellink .bnr-list-item {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .rellink .bnr-list-item {
    width: 38%;
  }
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .rellink .bnr-list-item:not(:last-child) {
    margin-bottom: 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .rellink .bnr-list-item:not(:last-child) {
    margin-right: 4%;
  }
}

.community .conts-box#service .rellink .bnr-list-item.size-s {
  width: 48%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#service .rellink .bnr-list-item.size-s {
    width: 38%;
  }
}

@media only screen and (max-width: 768px) {
  .community .conts-box#service .rellink .bnr-list-item.size-s:not(:last-child) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box .series .inner {
    margin-right: auto;
    margin-left: auto;
    width: 81.52174%;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box .series .ttl-h3 .text {
    text-align: center;
  }
}

.community .conts-box .series .panel-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.community .conts-box .series .panel-list .panel {
  background: #E8E9EE;
  border: 2px solid #E8E9EE;
}

@media only screen and (min-width: 769px) {
  .community .conts-box .series .panel-list .panel {
    width: calc(92% / 4);
  }
}

.community .conts-box .series .panel-list .panel .info-box {
  margin-bottom: 0;
}

.community .conts-box .series .panel-list .panel .ttl {
  color: #004098;
  font-size: 2.8vw;
  font-weight: 700;
  margin-bottom: 2vw;
  margin-left: .5em;
  padding-left: .5em;
  text-indent: -.5em;
}

@media only screen and (min-width: 769px) {
  .community .conts-box .series .panel-list .panel .ttl {
    font-size: 1.04167vw;
    margin-bottom: 0.5vw;
  }
}

.community .conts-box .series .panel-list .panel .ttl::before {
  background: #004098;
  height: 1.2em;
  content: "";
  left: -.5em;
  display: inline-block;
  position: relative;
  top: .2em;
  vertical-align: top;
  width: 3px;
}

.community .conts-box .series .panel-list .panel .conts-list li {
  padding-left: 1em;
  text-indent: -1em;
}

.community .conts-box .series .panel-list .panel .conts-list li:not(:last-child) {
  margin-bottom: .2em;
}

.community .conts-box .series .panel-list .panel .conts-list li::before {
  content: "・";
}

.community .conts-box#account {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#account .inner-box {
    padding: 4vw 0;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    width: 81.52174%;
  }
}

@media only screen and (max-width: 768px) {
  .community .conts-box#account .inner {
    padding: 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner {
    padding: 0;
    width: 48%;
  }
}

.community .conts-box#account .inner h3 {
  color: #004098;
  font-size: 5vw;
  font-weight: 700;
  margin-bottom: 2vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner h3 {
    font-size: 2.1875vw;
    margin-bottom: 1vw;
  }
}

.community .conts-box#account .inner a {
  display: block;
  transition: opacity .5s ease-out;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner a:hover {
    opacity: .8;
  }
}

.community .conts-box#account .inner .col-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner .col-box {
    margin-bottom: 1vw;
  }
}

.community .conts-box#account .inner .thumb:not(:last-child) {
  margin-right: 1em;
}

.community .conts-box#account .inner .thumb img {
  border: 1px solid #E8E9EE;
  box-sizing: border-box;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner .text-box {
    width: 58.33333%;
  }
}

.community .conts-box#account .inner .text-box p {
  font-size: 2.6vw;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner .text-box p {
    font-size: 1.04167vw;
  }
}

.community .conts-box#account .inner .link-btn .btn a {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .community .conts-box#account .inner#capcomId {
    margin-bottom: 8vw;
  }
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner#capcomId {
    border-right: 1px solid #E8E9EE;
  }
}

.community .conts-box#account .inner#capcomId .thumb:nth-child(1) {
  width: 63.88889%;
}

.community .conts-box#account .inner#capcomId .thumb:nth-child(2) {
  width: 25.27778%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner#capcomId .thumb:nth-child(2) {
    width: 22.5%;
  }
}

.community .conts-box#account .inner#capcomAccount .thumb {
  width: 25.27778%;
}

@media only screen and (min-width: 769px) {
  .community .conts-box#account .inner#capcomAccount .thumb {
    width: 22.5%;
  }
}

.community.login .conts-box#mycapcom {
  margin-top: 0;
  margin-bottom: 4vw;
}

@media only screen and (max-width: 768px) {
  .community.login .conts-box#mycapcom {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#mycapcom {
    margin-bottom: 2vw;
  }
}

.community.login .conts-box#mycapcom .ttl-h2 {
  line-height: 0;
  margin-right: auto;
  margin-left: auto;
  width: 64.81481%;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#mycapcom .ttl-h2 {
    width: 27.34375%;
  }
}

@media only screen and (max-width: 768px) {
  .community.login .conts-box#mycapcom .ttl-h2 img {
    left: -.2em;
    position: relative;
  }
}

.community.login .conts-box#userinfo .conts-box-inner {
  padding: 0 0 8vw;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .conts-box-inner {
    padding: 0 0 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .inner {
    margin-right: auto;
    margin-left: auto;
    width: 69.56522%;
  }
}

.community.login .conts-box#userinfo .user-name {
  color: #004098;
  font-size: 7vw;
  font-weight: 700;
  letter-spacing: .1em;
  margin-bottom: 4vw;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .user-name {
    font-size: 2.8125vw;
    margin-bottom: 2vw;
  }
}

.community.login .conts-box#userinfo .user-name small {
  color: #000;
  display: inline;
  font-size: 4vw;
  letter-spacing: 0;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .user-name small {
    font-size: 1.875vw;
  }
}

.community.login .conts-box#userinfo .text-box {
  font-size: 3.2vw;
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .text-box {
    font-size: 1.45833vw;
    margin-bottom: 2vw;
  }
}

.community.login .conts-box#userinfo .link-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#userinfo .link-btn {
    width: 62.5%;
  }
}

.community.login .conts-box#userinfo .link-btn .btn {
  display: block;
  width: 48%;
}

.community.login .conts-box#news {
  margin-bottom: 0;
}

.community.login .conts-box#news .conts-box-inner {
  padding: 4vw 0;
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#news .conts-box-inner {
    padding: 4vw 0;
  }
}

@media only screen and (max-width: 768px) {
  .community.login .conts-box#news .panel-list .panel:nth-of-type(odd) {
    margin-right: 4%;
  }
}

@media only screen and (min-width: 769px) {
  .community.login .conts-box#news .panel-list .panel:not(:nth-of-type(5n)) {
    margin-right: 2%;
  }
}

.community.mypage .conts-box .conts-box-inner {
  padding: 4vw 6vw;
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box .conts-box-inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
    padding: 2vw 3vw;
  }
}

.community.mypage .conts-box .form-box .form-table th img {
  margin-right: 2em;
}

.community.mypage .conts-box .form-box .form-table th .label {
  font-size: 1.2em;
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box .form-box .form-button {
    margin-right: auto;
    margin-left: auto;
    max-width: 360px;
  }
}

@media only screen and (max-width: 768px) {
  .community.mypage .conts-box .form-box .table-club96 th, .community.mypage .conts-box .form-box .table-club96 td {
    border-bottom: none;
  }
}

.community.mypage .conts-box .form-box .table-club96 img {
  vertical-align: top;
}

.community.mypage .conts-box .form-box .table-club96-text .text-box {
  color: #e90101;
  display: inline-block;
  font-weight: 400;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box .form-box .table-club96-text .text-box {
    font-size: .85em;
    width: 50%;
  }
}

.community.mypage .conts-box .form-box .table-club96-text .text-box .note {
  color: #000;
}

.community.mypage .conts-box .form-box .table-club96-text .text-box .link-text {
  background: linear-gradient(transparent 96.5%, #e90101 0%);
  color: #e90101;
}

.community.mypage .conts-box#withdraw .conts-box-inner {
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box#withdraw .form-box .col-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: auto;
    margin-left: auto;
    width: 93.75%;
  }
}

.community.mypage .conts-box#withdraw .form-box .button-wrap {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box#withdraw .form-box .button-wrap {
    margin-right: 0;
    margin-left: 0;
    width: 49%;
  }
}

@media only screen and (max-width: 768px) {
  .community.mypage .conts-box#withdraw .form-box .button-wrap:not(:last-child) {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .community.mypage .conts-box#withdraw .form-box .form-button {
    max-width: auto;
    max-width: initial;
  }
}

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

	Member

************************************/
.member {
  background: #FFF;
}

.member .conts-box .ttl-h2 {
  font-weight: 700;
  margin-bottom: 16vw;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .ttl-h2 {
    font-size: 2.91667vw;
    margin-right: auto;
    margin-bottom: 8vw;
    margin-left: auto;
    width: 54.34783%;
  }
}

@media only screen and (max-width: 768px) {
  .member .conts-box .ttl-h2 img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 92%;
  }
}

@media only screen and (min-width: 769px) {
  .member .conts-box .ttl-h2 img {
    margin-right: .5em;
    vertical-align: middle;
    width: 55%;
  }
}

.member .conts-box .ttl-h2.mg-b-h {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .ttl-h2.mg-b-h {
    margin-bottom: 4vw;
  }
}

.member .conts-box .ttl-h3 {
  color: #004098;
  font-size: 4.4vw;
  font-weight: 700;
  margin-bottom: 2.66667vw;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .ttl-h3 {
    font-size: 1.875vw;
    margin-bottom: 1.33333vw;
  }
}

@media only screen and (min-width: 769px) {
  .member .conts-box .conts-box-inner {
    margin-right: auto;
    margin-left: auto;
    width: 54.34783%;
  }
}

.member .conts-box .flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8vw;
  position: relative;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .flow-list {
    margin-bottom: 4vw;
  }
}

.member .conts-box .flow-list .flow {
  text-align: center;
  width: 32%;
}

.member .conts-box .flow-list .flow .num {
  color: #FFF;
  display: inline-block;
  font-size: 6.4vw;
  line-height: 1.05;
  margin-bottom: 6vw;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .flow-list .flow .num {
    font-size: 2.91667vw;
    margin-bottom: 3vw;
  }
}

.member .conts-box .flow-list .flow .num small {
  display: block;
  font-size: 2.2vw;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .flow-list .flow .num small {
    font-size: 0.9375vw;
  }
}

.member .conts-box .flow-list .flow .num::after {
  background: #E8E9EE;
  border-radius: .2em;
  content: "";
  display: block;
  left: 50%;
  height: 2em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  width: 2em;
  z-index: -1;
}

.member .conts-box .flow-list .flow .text {
  color: #E8E9EE;
  display: block;
  font-weight: 700;
}

.member .conts-box .flow-list::after {
  background: #E8E9EE;
  content: "";
  display: block;
  left: 50%;
  height: 2px;
  position: absolute;
  top: 20%;
  -webkit-transform: translate(-50%, -20%);
  -moz-transform: translate(-50%, -20%);
  -ms-transform: translate(-50%, -20%);
  transform: translate(-50%, -20%);
  width: 65%;
}

.member .conts-box .flow-list.withdraw .flow {
  width: 23%;
}

.member .conts-box .flow-list.withdraw .flow .num {
  margin-top: 6vw;
  margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .flow-list.withdraw .flow .num {
    margin-top: 3vw;
  }
}

.member .conts-box .flow-list.withdraw::after {
  top: 80%;
  -webkit-transform: translate(-50%, -80%);
  -moz-transform: translate(-50%, -80%);
  -ms-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
}

.member .conts-box .text-box {
  font-size: 2.8vw;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .text-box {
    font-size: 1.04167vw;
  }
}

.member .conts-box .text-box .lead strong {
  font-size: 1.2em;
}

.member .conts-box .link-text {
  color: #e90101;
  text-decoration: underline;
}

.member .conts-box .link-text:hover {
  text-decoration: none;
}

.member .conts-box .form-table {
  font-size: 1.2em;
}

.member .conts-box .col-box-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (min-width: 769px) {
  .member .conts-box .col-box-c {
    margin-right: auto;
    margin-left: auto;
    width: 85%;
  }
}

.member .conts-box .col-box-c .button-wrap {
  width: 48%;
}

.member .conts-box .form-reason {
  text-align: center;
}

.member .conts-box .form-reason .label {
  color: #004098;
  display: inline-block;
  font-size: 1.2em;
  font-weight: 700;
  padding: 2em 1em 0 0;
  text-align: right;
  vertical-align: top;
}

.member .conts-box .form-reason .textarea {
  display: inline-block;
}

.member .conts-box .form-reason .textarea textarea {
  max-width: 95%;
}

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

	General Purpose

************************************/
.gp .conts-box {
  margin-bottom: 0;
  padding: 0;
}

.gp .conts-box-inner {
  padding: 8vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box-inner {
    padding: 4vw 20vw;
  }
}

.gp .conts-box .ttl-h2 {
  margin-bottom: 6vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .ttl-h2 {
    margin-bottom: 3vw;
  }
}

.gp .conts-box .ttl-h3 {
  color: #004098;
  font-size: 4.6vw;
  font-weight: 700;
  margin-bottom: 6vw;
  text-align: center;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .ttl-h3 {
    font-size: 1.77083vw;
    margin-bottom: 3vw;
  }
}

.gp .conts-box .ttl-h4 {
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 2.66667vw;
  margin-left: .4em;
  padding-left: .2em;
  text-indent: -.2em;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .ttl-h4 {
    font-size: 1.5625vw;
    margin-bottom: 1.33333vw;
  }
}

.gp .conts-box .ttl-h4::before {
  background: #004098;
  height: 1.2em;
  content: "";
  display: inline-block;
  left: -.4em;
  position: relative;
  top: -.1em;
  vertical-align: middle;
  width: 3px;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .ttl-h4::before {
    width: 5px;
  }
}

.gp .conts-box .ttl-h4.ic-none {
  font-size: 3.6vw;
  font-weight: 700;
  margin-left: 0;
  padding-left: 0;
  text-align: center;
  text-indent: 0;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .ttl-h4.ic-none {
    font-size: 1.25vw;
  }
}

.gp .conts-box .ttl-h4.ic-none::before {
  display: none;
}

.gp .conts-box .office-info {
  background: #FFF;
  padding: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2vw;
  }
}

.gp .conts-box .office-info:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info:not(:last-child) {
    margin-bottom: 2vw;
  }
}

@media only screen and (max-width: 768px) {
  .gp .conts-box .office-info-inner {
    margin-bottom: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info-inner {
    width: 48%;
  }
}

.gp .conts-box .office-info-inner .text-box {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info-inner .text-box {
    margin-bottom: 2vw;
  }
}

.gp .conts-box .office-info-inner .text-box p:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info-inner .text-box p:not(:last-child) {
    margin-bottom: 1vw;
  }
}

.gp .conts-box .office-info-inner .text-box .contact .label {
  color: #004098;
  margin-right: .5em;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info-inner .link-btn {
    min-width: 260px;
  }
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .office-info .map-box {
    width: 48%;
  }
}

.gp .conts-box .office-info .map-box .map {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.gp .conts-box .office-info .map-box .map iframe {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .gp .conts-box .table-box {
    overflow-x: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .gp .conts-box .table-box-scroll {
    overflow-x: auto;
  }
}

.gp .conts-box .table-box-scroll:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box .table-box-scroll:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.gp .conts-box .table-box-scroll table {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .gp .conts-box .table-box-scroll table {
    min-width: 1080px;
  }
}

.gp .conts-box .table-box-scroll table th {
  background: #004098;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  padding: 1em;
}

.gp .conts-box .table-box-scroll table td {
  background: #E8E9EE;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 1em;
}

.gp .conts-box .faq-list {
  border-bottom: 1px solid #E8E9EE;
  margin-bottom: 2em;
  padding-bottom: 2em;
}

.gp .conts-box .faq-list dt {
  color: #e90101;
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 0.5em;
}

.gp .conts-box.conts-form .ttl-h2 {
  font-size: 6vw;
  line-height: 1.2;
  padding: 0 4vw;
}

@media only screen and (min-width: 769px) {
  .gp .conts-box.conts-form .ttl-h2 {
    font-size: 3.125vw;
    padding: 0 2vw;
  }
}

@media only screen and (min-width: 769px) {
  .gp .conts-box.conts-form .conts-box-inner form {
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
  }
}

.gp.privacy .conts-box {
  margin-bottom: 0;
  padding: 0;
}

.gp.privacy .conts-box .ttl-sec {
  background: #F8F8FA;
  border-left: 4px solid #004098;
  color: #004098;
  font-size: 4.2vw;
  font-weight: 700;
  margin-bottom: 4vw;
  padding: 2vw 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box .ttl-sec {
    font-size: 1.5625vw;
    margin-bottom: 2vw;
    padding: 1vw 2vw;
  }
}

.gp.privacy .conts-box .ttl-h3 .ic-ttl {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 2.5em;
}

.gp.privacy .conts-box .ttl-h5 {
  color: #004098;
  font-size: 3.6vw;
  font-weight: 700;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box .ttl-h5 {
    font-size: 1.25vw;
    margin-bottom: 1vw;
  }
}

.gp.privacy .conts-box .lead-box {
  font-size: 1.2em;
  margin-bottom: 6vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box .lead-box {
    text-align: center;
    margin-bottom: 3vw;
  }
}

.gp.privacy .conts-box-inner .sec-box:not(:last-child) {
  margin-bottom: 8vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .sec-box:not(:last-child) {
    margin-bottom: 4vw;
  }
}

.gp.privacy .conts-box-inner .inner {
  padding: 0 2vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .inner {
    padding: 0 1vw;
  }
}

.gp.privacy .conts-box-inner .inner:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .inner:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.gp.privacy .conts-box-inner .mark-list {
  margin-left: 1.5em;
}

.gp.privacy .conts-box-inner .mark-list > li {
  list-style: disc;
}

.gp.privacy .conts-box-inner .mark-list:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .mark-list:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.gp.privacy .conts-box-inner .mark-list-nest {
  margin-left: 1.5em;
}

.gp.privacy .conts-box-inner .mark-list-nest li {
  list-style: circle;
}

.gp.privacy .conts-box-inner .num-list {
  margin-left: 1.5em;
}

.gp.privacy .conts-box-inner .num-list > li {
  list-style: lower-roman;
}

.gp.privacy .conts-box-inner .num-list > li:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .num-list > li:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.gp.privacy .conts-box-inner .num-list:not(:last-child) {
  margin-bottom: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .num-list:not(:last-child) {
    margin-bottom: 2vw;
  }
}

.gp.privacy .conts-box-inner .num-list-nest {
  margin-top: 1em;
}

.gp.privacy .conts-box-inner .num-list-nest:not(:last-child) {
  margin-bottom: 2vw;
}

@media only screen and (min-width: 769px) {
  .gp.privacy .conts-box-inner .num-list-nest:not(:last-child) {
    margin-bottom: 1vw;
  }
}

.gp.privacy .conts-box-inner .num-list-nest li {
  list-style: none;
}

.gp.privacy .conts-box-inner .num-list-nest li:not(:last-child) {
  margin-bottom: 1em;
}

.gp.form #wrapper .error-msg {
  margin-right: 2vw;
  margin-left: 2vw;
}

@media only screen and (min-width: 769px) {
  .gp.form #wrapper .error-msg {
    margin-right: 4vw;
    margin-left: 4vw;
  }
}

.gp.form #wrapper.portal-form {
  padding-top: 0;
}

.gp.form #wrapper.portal-form .error-msg {
  margin-top: 4vw;
}

@media only screen and (min-width: 769px) {
  .gp.form #wrapper.portal-form .error-msg {
    margin-top: calc((85/1280)*100vw);
  }
}

.gp.page-404 #wrapper {
  background: #FFF;
}

.gp.page-404 #wrapper main {
  min-height: calc(100vh - 58vw);
}

@media only screen and (min-width: 769px) {
  .gp.page-404 #wrapper main {
    min-height: calc(100vh - 11.6vw);
  }
}

.gp.page-404 #wrapper main .conts-box {
  padding: 8vw 0;
}

@media only screen and (min-width: 769px) {
  .gp.page-404 #wrapper main .conts-box {
    padding: 4vw 0;
  }
}

.gp.page-404 #wrapper main .conts-box .ttl-h2 {
  margin-bottom: 0;
}

.gp.page-404 #wrapper main .conts-box .ttl-h3 {
  margin-bottom: 16vw;
}

@media only screen and (min-width: 769px) {
  .gp.page-404 #wrapper main .conts-box .ttl-h3 {
    margin-bottom: 8vw;
  }
}

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

	state

************************************/
/********** header **********/
#header {
  background: #002b98;
  transition: position .2s linear;
}

@media only screen and (max-width: 768px) {
  #header {
    padding-bottom: 10.5vw;
    position: relative;
  }
}

#header .header-btn .icon {
  transition: width .25s ease;
  width: 100%;
}

#header .header-btn::before {
  top: 0;
  transition: top .5s ease, transform .5s ease;
}

#header .header-btn::after {
  bottom: 0;
  transition: bottom .5s ease, transform .5s ease;
}

#header .header-navi ul li a {
  color: #FFF;
  transition: color .5s ease;
}

#header .header-navi ul li::after {
  height: 0;
  opacity: 0;
  transition: bottom .5s ease, height .5s ease, opacity .5s ease;
}

@media only screen and (min-width: 769px) {
  #header .header-navi ul li::after {
    height: 4px;
  }
}

#header .header-navi ul li.is-current a {
  color: #FED100;
  transition: unset;
}

#header .header-navi ul li.is-current::after {
  height: 2px;
  opacity: 1;
}

@media only screen and (min-width: 769px) {
  #header .header-navi ul li.is-current::after {
    height: 4px;
  }
}

#header.is-fixed {
  background: transparent;
}

@media only screen and (max-width: 768px) {
  #header.is-fixed {
    padding-bottom: 0;
    position: fixed;
  }
}

@media only screen and (min-width: 769px) {
  #header.is-fixed {
    background: #002b98;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-box:nth-of-type(1) {
    background: #002b98;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-box:nth-of-type(2) {
    display: none;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-btn {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-logo {
    width: 35.5%;
  }
}

#header.is-fixed .header-navi {
  font-size: 4.2vw;
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-navi {
    left: auto;
    position: relative;
    top: auto;
  }
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-navi {
    font-size: 0.9375vw;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-navi ul li {
    text-align: left;
    width: 100%;
  }
}

#header.is-fixed .header-navi ul li a {
  padding: 4vw;
  position: relative;
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-navi ul li a {
    border-top: 2px solid #0C2055;
  }
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-navi ul li a {
    padding: 1.73913vw 0;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-navi ul li a::after {
    color: #FED100;
    content: "\E5CC";
    font-family: 'Material Icons';
    font-size: 1.5em;
    line-height: 0;
    position: absolute;
    right: 4vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-navi ul li:not(:last-child) {
    border-right: none;
  }
}

#header.is-fixed .header-navi ul li.is-current a {
  color: #FED100;
  transition: unset;
}

#header.is-fixed .header-navi ul li.is-current::after {
  height: 2px;
  opacity: 1;
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-navi ul li.is-current::after {
    height: 4px;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-fixed .header-menu {
    background: #0C2055;
    padding: 4vw;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-menu {
    background: #002b98;
  }
}

#header.is-fixed .header-menu ul {
  font-size: 3vw;
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-menu ul {
    font-size: 0.9375vw;
  }
}

#header.is-fixed .header-menu .btn {
  font-size: 3.6vw;
}

@media only screen and (min-width: 769px) {
  #header.is-fixed .header-menu .btn {
    font-size: 0.9375vw;
  }
}

#header.is-active {
  z-index: 99;
}

@media only screen and (max-width: 768px) {
  #header.is-active .header-box:nth-of-type(2) {
    -webkit-animation: headerNaviActive .5s ease-in-out forwards;
    animation: headerNaviActive .5s ease-in-out forwards;
    display: block;
  }
}

#header.is-active .header-btn .icon {
  width: 0;
}

#header.is-active .header-btn::before {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -moz-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

#header.is-active .header-btn::after {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

@media only screen and (max-width: 768px) {
  #header.is-disable .header-box:nth-of-type(2) {
    -webkit-animation: headerNaviDisable .5s ease-in-out forwards;
    animation: headerNaviDisable .5s ease-in-out forwards;
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  #header.is-disable.is-hide .header-box:nth-of-type(2) {
    display: none;
  }
}

.member #header.is-fixed {
  background: #002b98;
}

@media only screen and (max-width: 768px) {
  .member #header.is-fixed .header-box:nth-of-type(1) {
    background: #002b98;
    width: 40.74074%;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-fixed .header-box:nth-of-type(2) {
    display: block;
    width: 59.25926%;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-fixed .header-btn {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-fixed .header-logo {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-fixed .header-menu {
    background: #002b98;
    padding: 0 4vw 0 0;
  }
}

@media only screen and (min-width: 769px) {
  .member #header.is-fixed .header-menu {
    background: #002b98;
  }
}

.member #header.is-fixed .header-menu ul {
  font-size: 2.4vw;
}

@media only screen and (min-width: 769px) {
  .member #header.is-fixed .header-menu ul {
    font-size: 0.9375vw;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-disable .header-box:nth-of-type(2) {
    -webkit-animation: none;
    animation: none;
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .member #header.is-disable.is-hide .header-box:nth-of-type(2) {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .site-navi-inner .site-navi-ttl.is-active::after {
    content: "\E15B";
  }
}

@media only screen and (min-width: 769px) {
  .sort-box .sort-list .sort-item.search .select-list ul li.is-active {
    background: transparent;
    color: transparent;
  }
}

.sort-box .sort-list .select-box.is-active {
  z-index: 99;
}

.sort-box .sort-list .select-box.is-active .label::after {
  opacity: 1;
}

.modal-overlay.is-fadeout {
  -webkit-animation: fadeOut .25s ease-in-out forwards;
  animation: fadeOut .25s ease-in-out forwards;
}

.is-active-modal .modal-overlay {
  -webkit-animation: fadeIn .25s ease-in-out forwards;
  animation: fadeIn .25s ease-in-out forwards;
  z-index: 9;
}

.is-active-modal .select-box.is-active .select-list {
  -webkit-animation: fadeIn .25s ease-in-out forwards;
  animation: fadeIn .25s ease-in-out forwards;
  display: block;
}

.is-active-modal .select-box.is-active .select-list ul {
  display: inline-block;
}

.is-active-modal .select-box.is-active#langSelect .label {
  color: #FFF;
}

.is-active-modal .select-box.is-active#langSelect .select-list ul li.is-active a {
  color: #FFF;
}

.is-active-modal .select-box.is-active#langSelect .select-list ul li.is-disable {
  pointer-events: none;
}

.is-active-modal .sort-box {
  z-index: 99;
}

.is-active-modal .sort-btn {
  display: none !important;
}

.is-active-modal.is-active-langbox .sort-box {
  z-index: 9;
}

.is-active-modal.ua-sp .sort-box .select-box, .is-active-modal.ua-tb .sort-box .select-box {
  position: static;
}

.is-active-modal.ua-sp .sort-box .select-box.series, .is-active-modal.ua-sp .sort-box .select-box.category, .is-active-modal.ua-tb .sort-box .select-box.series, .is-active-modal.ua-tb .sort-box .select-box.category {
  position: relative;
}

.is-active-modal.ua-pc .sort-box .select-box {
  position: static;
}

/********** Index **********/
.index .conts-box#mv .slide-list .thumb img.is-hide {
  visibility: hidden;
}

.index .conts-box#mv .slide-list .thumb-list li.is-current {
  background: #004098;
}

.index .conts-box#mv .slide-list .thumb-list li.is-current a {
  color: #FFF;
}

.index .conts-box#mv .slide-list .thumb-list li.indicator a .indicator-box {
  -webkit-animation: slideThumb 5s ease-in-out forwards;
  animation: slideThumb 5s ease-in-out forwards;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

.index .conts-box#mv .slide-list .thumb-list.is-pause li.indicator a .indicator-box, .index .conts-box#mv .slide-list .thumb-list.is-modal-pause li.indicator a .indicator-box {
  animation-play-state: paused;
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-3 .thumb-list li {
    width: 20%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-3 .thumb-list li {
    width: 33%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-3 .thumb-list li.is-current {
    width: 58%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-3 .thumb-list li.is-current {
    width: 33%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-4 .thumb-list li {
    width: 18.6666667%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-4 .thumb-list li {
    width: 24.5%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-4 .thumb-list li.is-current {
    width: 40%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-4 .thumb-list li.is-current {
    width: 24.5%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-5 .thumb-list li {
    width: 13.5%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-5 .thumb-list li {
    width: 19.45%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-5 .thumb-list li.is-current {
    width: 40%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-5 .thumb-list li.is-current {
    width: 19.45%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-6 .thumb-list li {
    width: 10.7%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-6 .thumb-list li {
    width: 16.25%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-6 .thumb-list li.is-current {
    width: 40%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-6 .thumb-list li.is-current {
    width: 16.25%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-7 .thumb-list li {
    width: 9.03333333%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-7 .thumb-list li {
    width: 13.7142857%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-7 .thumb-list li.is-current {
    width: 38.8%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-7 .thumb-list li.is-current {
    width: 13.7142857%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-8 .thumb-list li {
    width: 7.7%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-8 .thumb-list li {
    width: 10%;
  }
}

@media only screen and (max-width: 768px) {
  .index .conts-box#mv .slide-list.col-8 .thumb-list li.is-current {
    width: 38.6%;
  }
}

@media only screen and (min-width: 769px) {
  .index .conts-box#mv .slide-list.col-8 .thumb-list li.is-current {
    width: 26%;
  }
}

/********** News **********/
@media only screen and (min-width: 769px) {
  .news .sort-box.is-fixed {
    position: fixed;
    right: 2%;
    top: calc((85/1280)*100vw);
    width: 0;
    z-index: 8;
  }
}

.news .sort-box.is-fixed .sort-list {
  margin-left: auto;
  margin-right: 0;
}

.news .sort-box.is-fixed.is-active {
  width: 100%;
  z-index: 99;
}

@media only screen and (min-width: 769px) {
  .news .sort-box.is-fixed.is-active {
    width: 100%;
  }
}

.news .sort-box.is-fixed.is-active .sort-list .sort-item {
  display: block;
}

@media only screen and (min-width: 769px) {
  .news .sort-box.is-fixed.is-active .sort-btn {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .news .sort-box.is-fixed.is-disable .sort-list .sort-item {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .news .sort-box.is-fixed.is-disable .sort-btn {
    display: block;
  }
}

.news.index .conts-box#pickup.is-hide {
  -webkit-animation: fadeOut .5s ease-in-out forwards;
  animation: fadeOut .5s ease-in-out forwards;
}

.news.index .conts-box#pickup.is-filter {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.news.index .conts-box#latest.is-hide {
  -webkit-animation: fadeOut .5s ease-in-out forwards;
  animation: fadeOut .5s ease-in-out forwards;
}

.news.index .conts-box#latest .panel-list.News .panel.is-show {
  display: block;
}

.news.index .conts-box#latest .panel-list.News .panel.is-hide {
  display: none;
}

.news.index .conts-box#latest .panel-list.News .panel.is-disable {
  display: none;
}

.news.index .conts-box#latest .panel-list.News .panel.is-active {
  -webkit-animation: fadeIn .5s ease-in-out forwards;
  animation: fadeIn .5s ease-in-out forwards;
}

.news.index .conts-box#latest .link-btn.is-disable .btn {
  display: none;
}

.news.index .conts-box#latest .link-btn.is-disable::after {
  display: block;
}

.news.index .conts-box#latest .link-btn.is-hide {
  display: none;
}

.news.index.search .conts-box#pickup {
  opacity: 0;
}

.news.index.search .conts-box#pickup.is-show {
  -webkit-animation: fadeIn .5s ease-in-out forwards;
  animation: fadeIn .5s ease-in-out forwards;
}

.news.index.search .conts-box#latest {
  opacity: 0;
}

.news.index.search .conts-box#latest.is-show {
  -webkit-animation: fadeIn .5s ease-in-out forwards;
  animation: fadeIn .5s ease-in-out forwards;
}

.news.article .conts-box #article .select-box#langSelect.is-active .label {
  background: transparent;
}

.news.article .conts-box #article .select-box#langSelect ul li.current-lang {
  background: #004098;
  cursor: default;
}

.news.article .conts-box #article .select-box#langSelect ul li.current-lang a {
  color: #FFF;
  pointer-events: none;
}

.news.article .ac-btn.is-active::after {
  content: "\E15B";
}

.news.article .is-active .ac-btn::after {
  content: "\E15B";
}

.news.ua-sp .sort-box .select-box ul, .news.ua-tb .sort-box .select-box ul {
  display: none;
}

.news.ua-pc .sort-box select {
  display: none;
}

/********** Games **********/
@media only screen and (max-width: 768px) {
  .games.product.detail .conts-box#detail .conts-box-inner#overview .system-requirements .cell[data-handle="acBtn"].is-active .icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    -moz-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

/********** Member **********/
.member {
  background: #FFF;
}

.member .conts-box .flow-list .flow.is-active .num::after {
  background: #004098;
}

.member .conts-box .flow-list .flow.is-active .text {
  color: #004098;
}

/********** Theme **********/
@media only screen and (min-width: 769px) {
  body[class*="series-monsterhunter"] {
    background: url(../images/news/title/mh_bg.jpg) center top repeat;
    background-size: 50px;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-monsterhunter"]::before {
    background: url(../images/news/title/mh_bg.jpg) center top repeat;
    background-size: 50px;
    display: block;
  }
}

body[class*="series-monsterhunter"] .ttl-h2 {
  color: #FFF;
}

body[class*="series-monsterhunter"] .select-box .select-list ul li[data-ser*="monsterhunter"] {
  background: #004098;
}

body[class*="series-monsterhunter"] .select-box .select-list ul li[data-ser*="monsterhunter"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-residentevil"] {
    background: url(../images/news/title/bio_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-residentevil"]::before {
    background: url(../images/news/title/bio_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-residentevil"] .ttl-h2 {
  color: #FFF;
}

body[class*="series-residentevil"] .select-box .select-list ul li[data-ser*="residentevil"] {
  background: #004098;
}

body[class*="series-residentevil"] .select-box .select-list ul li[data-ser*="residentevil"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-streetfighter"] {
    background: url(../images/news/title/sf_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-streetfighter"]::before {
    background: url(../images/news/title/sf_bg_sp.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-streetfighter"] .ttl-h2 {
  color: #FFF;
}

body[class*="series-streetfighter"] .select-box .select-list ul li[data-ser*="streetfighter"] {
  background: #004098;
}

body[class*="series-streetfighter"] .select-box .select-list ul li[data-ser*="streetfighter"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-rockman"] {
    background: url(../images/news/title/rm_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-rockman"]::before {
    background: url(../images/news/title/rm_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-rockman"] .ttl-h2 {
  color: #FFF;
}

body[class*="series-rockman"] .select-box .select-list ul li[data-ser*="rockman"] {
  background: #004098;
}

body[class*="series-rockman"] .select-box .select-list ul li[data-ser*="rockman"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-gyakuten"] {
    background: url(../images/news/title/gyakuten_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-gyakuten"]::before {
    background: url(../images/news/title/gyakuten_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-gyakuten"] .select-box .select-list ul li[data-ser*="gyakuten"] {
  background: #004098;
}

body[class*="series-gyakuten"] .select-box .select-list ul li[data-ser*="gyakuten"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-basara"] {
    background: url(../images/news/title/basara_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-basara"]::before {
    background: url(../images/news/title/basara_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-basara"] .select-box .select-list ul li[data-ser*="basara"] {
  background: #004098;
}

body[class*="series-basara"] .select-box .select-list ul li[data-ser*="basara"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-dmc"] {
    background: url(../images/news/title/dmc_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-dmc"]::before {
    background: url(../images/news/title/dmc_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-dmc"] .ttl-h2 {
  color: #FFF;
}

body[class*="series-dmc"] .select-box .select-list ul li[data-ser*="dmc"] {
  background: #004098;
}

body[class*="series-dmc"] .select-box .select-list ul li[data-ser*="dmc"] a {
  color: #FFF;
}

@media only screen and (min-width: 769px) {
  body[class*="series-palm"] {
    background: url(../images/news/title/palm_bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
}

@media only screen and (max-width: 768px) {
  body[class*="series-palm"]::before {
    background: url(../images/news/title/palm_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
  }
}

body[class*="series-palm"] .select-box .select-list ul li[data-ser*="palm"] {
  background: #004098;
}

body[class*="series-palm"] .select-box .select-list ul li[data-ser*="palm"] a {
  color: #FFF;
}

body .cat- .select-box .select-list ul li[data-cat="all"] {
  background: #004098;
}

body .cat- .select-box .select-list ul li[data-cat="all"] a {
  color: #FFF;
}

body[class*="cat-game"] .select-box .select-list ul li[data-cat*="game"] {
  background: #00B4FF;
}

body[class*="cat-game"] .select-box .select-list ul li[data-cat*="game"] a {
  color: #FFF;
}

body[class*="cat-live"] .select-box .select-list ul li[data-cat*="live"] {
  background: #C500FF;
}

body[class*="cat-live"] .select-box .select-list ul li[data-cat*="live"] a {
  color: #FFF;
}

body[class*="cat-event"] .select-box .select-list ul li[data-cat*="event"] {
  background: #E90101;
}

body[class*="cat-event"] .select-box .select-list ul li[data-cat*="event"] a {
  color: #FFF;
}

body[class*="cat-campaign"] .select-box .select-list ul li[data-cat*="campaign"] {
  background: #FF7F09;
}

body[class*="cat-campaign"] .select-box .select-list ul li[data-cat*="campaign"] a {
  color: #FFF;
}

body[class*="cat-goods"] .select-box .select-list ul li[data-cat*="goods"] {
  background: #00CC6E;
}

body[class*="cat-goods"] .select-box .select-list ul li[data-cat*="goods"] a {
  color: #FFF;
}

body[class*="cat-esports"] .select-box .select-list ul li[data-cat*="esports"] {
  background: #004098;
}

body[class*="cat-esports"] .select-box .select-list ul li[data-cat*="esports"] a {
  color: #FFF;
}

body[class*="cat-media"] .select-box .select-list ul li[data-cat*="media"] {
  background: #8D1AC3;
}

body[class*="cat-media"] .select-box .select-list ul li[data-cat*="media"] a {
  color: #FFF;
}

body[class*="cat-mhb"] .select-box .select-list ul li[data-cat*="mhb"] {
  background: #333;
}

body[class*="cat-mhb"] .select-box .select-list ul li[data-cat*="mhb"] a {
  color: #FFF;
}

body[class*="cat-sale"] .select-box .select-list ul li[data-cat*="sale"] {
  background: #FF6699;
}

body[class*="cat-sale"] .select-box .select-list ul li[data-cat*="sale"] a {
  color: #FFF;
}

body[class*="cat-other"] .select-box .select-list ul li[data-cat*="other"] {
  background: #333;
}

body[class*="cat-other"] .select-box .select-list ul li[data-cat*="other"] a {
  color: #FFF;
}

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

	GL

************************************/
/********** header **********/
body.us #header .header-navi, body.hk #header .header-navi, body.cn #header .header-navi, body.kr #header .header-navi {
  font-size: 2.8vw;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-navi, body.hk #header .header-navi, body.cn #header .header-navi, body.kr #header .header-navi {
    font-size: 0.9375vw;
  }
}

body.us #header .header-navi ul li, body.hk #header .header-navi ul li, body.cn #header .header-navi ul li, body.kr #header .header-navi ul li {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-navi ul li, body.hk #header .header-navi ul li, body.cn #header .header-navi ul li, body.kr #header .header-navi ul li {
    width: 25%;
  }
}

@media only screen and (max-width: 768px) {
  body.us #header .header-menu, body.hk #header .header-menu, body.cn #header .header-menu, body.kr #header .header-menu {
    padding-right: 4vw;
  }
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu, body.hk #header .header-menu, body.cn #header .header-menu, body.kr #header .header-menu {
    font-size: 0.9375vw;
    width: 20.625%;
  }
}

body.us #header .header-menu ul, body.hk #header .header-menu ul, body.cn #header .header-menu ul, body.kr #header .header-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul, body.hk #header .header-menu ul, body.cn #header .header-menu ul, body.kr #header .header-menu ul {
    height: 100%;
    margin-left: auto;
    width: 70%;
  }
}

body.us #header .header-menu ul li, body.hk #header .header-menu ul li, body.cn #header .header-menu ul li, body.kr #header .header-menu ul li {
  display: block;
}

@media only screen and (max-width: 768px) {
  body.us #header .header-menu ul li, body.hk #header .header-menu ul li, body.cn #header .header-menu ul li, body.kr #header .header-menu ul li {
    min-width: 5em;
  }
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul li, body.hk #header .header-menu ul li, body.cn #header .header-menu ul li, body.kr #header .header-menu ul li {
    background: #0050C2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
}

body.us #header .header-menu ul li:nth-child(1), body.hk #header .header-menu ul li:nth-child(1), body.cn #header .header-menu ul li:nth-child(1), body.kr #header .header-menu ul li:nth-child(1) {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul li a, body.hk #header .header-menu ul li a, body.cn #header .header-menu ul li a, body.kr #header .header-menu ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  body.us #header.fixed .header-navi ul li, body.hk #header.fixed .header-navi ul li, body.cn #header.fixed .header-navi ul li, body.kr #header.fixed .header-navi ul li {
    text-align: left;
    width: 100%;
  }
}

body.us #header.fixed .header-menu ul, body.hk #header.fixed .header-menu ul, body.cn #header.fixed .header-menu ul, body.kr #header.fixed .header-menu ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

	US

************************************/
/********** header **********/
body.us {
  font-family: 'Noto Sans', sans-serif;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns {
    margin-right: 2vw;
  }
}

body.us #header .header-menu ul.header-menu-sns li {
  background: transparent;
  line-height: 0;
  min-width: auto;
  min-width: initial;
  width: 12%;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li {
    padding: 11.2% 0;
    width: 14%;
  }
}

body.us #header .header-menu ul.header-menu-sns li a {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  padding: 10%;
  transition: background .2s ease;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li a {
    padding: 0 10%;
  }
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li a:hover {
    background: white;
  }
}

body.us #header .header-menu ul.header-menu-sns li:not(:last-child) {
  margin-right: 4%;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li:not(:last-child) {
    margin-right: 6%;
  }
}

body.us #header .header-menu ul.header-menu-sns li.header-menu-sns-fb {
  padding: 0;
}

body.us #header .header-menu ul.header-menu-sns li.header-menu-sns-fb a {
  background: #004098;
  opacity: .6;
  padding: 0;
  transition: opacity .2s ease;
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li.header-menu-sns-fb a {
    background: transparent;
  }
}

@media only screen and (min-width: 769px) {
  body.us #header .header-menu ul.header-menu-sns li.header-menu-sns-fb a:hover {
    opacity: 1;
  }
}

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

	CN

************************************/
/********** module **********/
body.cn {
  font-family: 'Noto Sans SC', sans-serif;
}

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

	HK

************************************/
/********** module **********/
body.hk {
  font-family: 'Noto Sans HK', sans-serif;
}

body.hk .panel-list.News .panel .detail .info-box .date {
  margin-left: 0;
}

@media only screen and (min-width: 769px) {
  body.hk .sns-list li.ttl span {
    position: relative;
    top: .5em;
  }
}

@media only screen and (min-width: 769px) {
  body.hk.index .conts-box#media .col-box .col.Tv h3 {
    margin-bottom: .78vw;
  }
}

body.hk.games .conts-box#sns {
  background: #E8E9EE;
  margin-bottom: 0;
  padding: 8vw 4vw;
}

@media only screen and (min-width: 769px) {
  body.hk.games .conts-box#sns {
    padding: 4vw 2vw;
  }
}

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

	object

************************************/
/*----- clearfix -----*/
.cf::before, .cf::after {
  content: "";
  display: table;
}

.cf::after {
  clear: both;
}

/*----- アイコン -----*/
.material-icons {
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  height: 1em;
  line-height: 1;
  text-transform: none;
  text-rendering: optimizeLegibility;
  vertical-align: middle;
  width: 1em;
}

.ic::before {
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 1.5em;
  line-height: 0;
  margin-right: .15em;
  position: relative;
  vertical-align: middle;
}

.ic.large::before {
  font-size: 2em;
}

.ic.search::before {
  content: "\E8B6";
}

.ic.arrow-r::before {
  content: "\E5DF";
  top: -.075em;
}

.ic.arrow-b::before {
  content: "\E5C5";
}

.ic.mandatory {
  background: #e90101;
  border-radius: .2em;
  color: #FFF;
  display: inline-block;
  font-size: .8em;
  padding: .2em .5em;
  vertical-align: middle;
}

.ic.quote-d::before, .ic.quote-d::after {
  content: "\022";
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  line-height: 1;
  margin-right: .1em;
  margin-left: .1em;
  position: relative;
  vertical-align: middle;
}

.ic.line-arrow-r {
  position: relative;
}

.ic.line-arrow-r::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: 2px solid #004098;
  border-right: 2px solid #004098;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -4px;
}

.ic-modal {
  line-height: 0 !important;
  position: relative;
}

.ic-modal-open {
  background: #004098;
  cursor: pointer;
  font-size: 4.8vw;
  height: 6vw;
  line-height: 1;
  opacity: 1;
  overflow: hidden;
  padding-right: 0;
  position: absolute;
  right: 12px;
  text-indent: 100%;
  top: calc(100% - 6vw - 12px);
  white-space: nowrap;
  width: 6vw;
}

@media only screen and (min-width: 769px) {
  .ic-modal-open {
    font-size: 16px;
    height: 24px;
    right: 12px;
    top: calc(100% - 36px);
    width: 24px;
  }
}

.ic-modal-open::before {
  color: #FFF;
  content: "\E145";
  font-family: 'Material Icons';
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*----- 配色 -----*/
/*** 背景 ***/
.bg-white {
  background: #FFF !important;
}

.bg-red {
  background: #FF1403 !important;
}

.bg-gray {
  background: #E8E9EE !important;
}

.bg-dgray {
  background: #DBDBDB !important;
}

/*----- テキスト -----*/
.ta-l {
  text-align: left;
}

@media only screen and (min-width: 769px) {
  .ta-l-pc {
    text-align: center;
  }
}

.ta-c {
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .ta-c-pc {
    text-align: center;
  }
}

.ta-r {
  text-align: right;
}

@media only screen and (min-width: 769px) {
  .ta-r-pc {
    text-align: center;
  }
}

.fc-r {
  color: #F00;
}

/*----- 画像 -----*/
@media only screen and (min-width: 769px) {
  img.size-m-pc {
    max-width: 50%;
  }
}

/*----- 余白 -----*/
.pd-0 {
  padding: 0 !important;
}

.pd-b {
  padding-bottom: 4vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-b {
    padding-bottom: 2vw !important;
  }
}

.pd-b-0 {
  padding-bottom: 0 !important;
}

.pd-b-1h {
  padding-bottom: 6vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-b-1h {
    padding-bottom: 3vw !important;
  }
}

.pd-b-1h-d {
  padding-bottom: 2.66667vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-b-1h-d {
    padding-bottom: 1.33333vw !important;
  }
}

.pd-b-2 {
  padding-bottom: 8vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-b-2 {
    padding-bottom: 4vw !important;
  }
}

.pd-b-2-d {
  padding-bottom: 2vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-b-2-d {
    padding-bottom: 1vw !important;
  }
}

.pd-t {
  padding-top: 4vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-t {
    padding-top: 2vw !important;
  }
}

.pd-t-1h {
  padding-top: 6vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-t-1h {
    padding-top: 3vw !important;
  }
}

.pd-t-1h-d {
  padding-top: 2.66667vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-t-1h-d {
    padding-top: 1.33333vw !important;
  }
}

.pd-t-2 {
  padding-top: 8vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-t-2 {
    padding-top: 4vw !important;
  }
}

.pd-t-2-d {
  padding-top: 2vw !important;
}

@media only screen and (min-width: 769px) {
  .pd-t-2-d {
    padding-top: 1vw !important;
  }
}

.mg-0 {
  margin: 0 !important;
}

.mg-b {
  margin-bottom: 4vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-b {
    margin-bottom: 2vw !important;
  }
}

.mg-b-0 {
  margin-bottom: 0 !important;
}

.mg-b-1h {
  margin-bottom: 6vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-b-1h {
    margin-bottom: 3vw !important;
  }
}

.mg-b-1h-d {
  margin-bottom: 2.66667vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-b-1h-d {
    margin-bottom: 1.33333vw !important;
  }
}

.mg-b-2 {
  margin-bottom: 8vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-b-2 {
    margin-bottom: 4vw !important;
  }
}

.mg-b-2-d {
  margin-bottom: 2vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-b-2-d {
    margin-bottom: 1vw !important;
  }
}

.mg-t {
  margin-top: 4vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-t {
    margin-top: 2vw !important;
  }
}

.mg-t-1h {
  margin-top: 6vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-t-1h {
    margin-top: 3vw !important;
  }
}

.mg-t-1h-d {
  margin-top: 2.66667vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-t-1h-d {
    margin-top: 1.33333vw !important;
  }
}

.mg-t-2 {
  margin-top: 8vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-t-2 {
    margin-top: 4vw !important;
  }
}

.mg-t-2-d {
  margin-top: 2vw !important;
}

@media only screen and (min-width: 769px) {
  .mg-t-2-d {
    margin-top: 1vw !important;
  }
}

/*----- 表示 -----*/
.hide-sp,
.img-pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .hide-sp {
    display: block;
  }
  br.hide-sp {
    display: inline;
  }
  .img-pc {
    display: inline;
  }
  .hide-pc,
  .img-sp {
    display: none;
  }
}

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

	anime

************************************/
@keyframes slideThumb {
  0% {
    width: 0;
    background: #2E6FCC;
  }
  100% {
    width: 100%;
    background: #2E6FCC;
  }
}

@-webkit-keyframes slideThumb {
  0% {
    width: 0;
    background: #2E6FCC;
  }
  100% {
    width: 100%;
    background: #2E6FCC;
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  80% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(0%);
  }
}

@-webkit-keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  80% {
    transform: translateY(4%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes headerFixed {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes headerFixed {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes sortBoxActive {
  0% {
    width: 13%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes sortBoxActive {
  0% {
    width: 13%;
  }
  100% {
    width: 100%;
  }
}

@keyframes sortBoxDisable {
  0% {
    width: 100%;
  }
  100% {
    width: 13%;
  }
}

@-webkit-keyframes sortBoxDisable {
  0% {
    width: 100%;
  }
  100% {
    width: 13%;
  }
}

@media only screen and (min-width: 769px) {
  @keyframes sortBoxActive {
    0% {
      width: 4.25%;
    }
    100% {
      width: 100%;
    }
  }
  @-webkit-keyframes sortBoxActive {
    0% {
      width: 4.25%;
    }
    100% {
      width: 100%;
    }
  }
  @keyframes sortBoxDisable {
    0% {
      width: 100%;
    }
    100% {
      width: 4.25%;
    }
  }
  @-webkit-keyframes sortBoxDisable {
    0% {
      width: 100%;
    }
    100% {
      width: 4.25%;
    }
  }
}

@keyframes headerNaviActive {
  0% {
    display: none;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@-webkit-keyframes headerNaviActive {
  0% {
    display: none;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@keyframes headerNaviDisable {
  0% {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    display: none;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@-webkit-keyframes headerNaviDisable {
  0% {
    display: block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
  100% {
    display: none;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: top;
    transform-origin: top;
  }
}

@keyframes loading {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@-webkit-keyframes loading {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@-webkit-keyframes youtubeLoading {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(0deg);
    transform: translate(-50%, -50%) translateZ(0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
    transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
  }
}

@keyframes youtubeLoading {
  0% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(0deg);
    transform: translate(-50%, -50%) translateZ(0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
    transform: translate(-50%, -50%) translateZ(0) rotate(360deg);
  }
}