@charset "UTF-8";
/* ----------------------------
	Reset
---------------------------- */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, picture, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article, main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:after, blockquote:before, q:after, q:before {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ----------------------------
	Fonts
---------------------------- */
@font-face {
  font-family: 'TTCommons-Medium';
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/39EE0A_0_0.eot");
  src: url("../fonts/39EE0A_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/39EE0A_0_0.woff2") format("woff2"), url("../fonts/39EE0A_0_0.woff") format("woff"), url("../fonts/39EE0A_0_0.ttf") format("truetype");
}
/* Font English
---------------------------- */
.fontEn {
  font-family: 'TTCommons-Medium';
  font-weight: normal;
}

/* ----------------------------
  Base
---------------------------- */
body {
  line-height: 1.6153846154;
  font-size: 13px;
  font-size: 3.4666666667vw;
  /* 22px/750px */
  letter-spacing: .04em;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", sans-serif;
  color: #000;
}

@media screen and (min-width: 813px) {
  body {
    line-height: 1.6666666667;
    font-size: 15px;
    font-size: 1.25vw;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;
  }
}
@media screen and (min-width: 1200px) {
  body {
    font-size: 15px;
  }
}
#wrapper.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* Anchor
---------------------------- */
a {
  text-decoration: none;
  outline: none;
  color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Image
---------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

img[src$=".svg"] {
  width: 100%;
  max-width: none;
}

/* Button
---------------------------- */
button {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: 0;
  outline: none;
  letter-spacing: inherit;
  font: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* ----------------------------
  Module
---------------------------- */
/* Break Line
---------------------------- */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 812px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}
/* Clear Fix
---------------------------- */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* ----------------------------
	Loader
---------------------------- */
#loadng {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10001;
}

.loaded .loader {
  opacity: 0;
  visibility: hidden;
}

.loader-spin {
  height: 36px;
  width: 36px;
  border-radius: 100%;
  border: 2px solid #dcdcdc;
  -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    opacity: 0;
  }
}
/* ----------------------------
  Back
---------------------------- */
.toBack {
  width: 3.4615384615em;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.toBack button {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 3.0769230769em;
  overflow: hidden;
}
.toBack button:before {
  content: "";
  box-sizing: border-box;
  width: 0.9230769231em;
  height: 0.9230769231em;
  display: block;
  border-left: #000 2px solid;
  border-bottom: #000 2px solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -50%) rotate(45deg);
}

/* ----------------------------
  Header
---------------------------- */
.header {
  padding-top: 8.6666666667%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.header h1 span {
  display: block;
}
.header h1 .sub {
  font-size: 0.8461538462em;
  letter-spacing: .16em;
  line-height: 1;
}
.header h1 .hdg {
  width: 72.1333333333%;
  margin: 3.2% auto 0;
}

/* ----------------------------
  MainVisual
---------------------------- */
.mainVisual {
  position: relative;
  z-index: 1;
  margin: 0 0 10%;
}
.mainVisual a,
.mainVisual > div {
  display: block;
}
.mainVisual .image {
  position: relative;
  z-index: 1;
}
.mainVisual .text {
  color: #fff;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 6%;
  z-index: 3;
}
.mainVisual .text .date {
  font-size: 0.8461538462em;
  line-height: 1;
  margin-bottom: 2%;
}
.mainVisual .text .title {
  font-size: 1.0769230769em;
  letter-spacing: .06em;
  line-height: 1.7857142857;
}
.mainVisual .text .title em {
  font-size: 1.2857142857em;
  display: block;
  line-height: 1.333;
}
.mainVisual .text .title span {
  display: inline-block;
  line-height: 1.1;
  border-bottom: #fff 1px solid;
}

/* ----------------------------
  Main
---------------------------- */
.main {
  overflow: hidden;
}
.main .notice {
  font-weight: bold;
  text-align: center;
  margin-bottom: 9.3333333333%;
}

/* ----------------------------
  Index
---------------------------- */
.indexArchive {
  padding-bottom: 10.6666666667%;
}
.indexArchive h2 {
  font-size: 1.2307692308em;
  letter-spacing: .3em;
  text-align: center;
  line-height: 1;
  margin: 0 0 10.6666666667%;
}
.indexArchive .archive {
  padding: 0 4%;
}
.indexArchive .archive .col {
  margin-bottom: 7.2463768116%;
  transition: opacity .8s ease-out;
}
.indexArchive .archive .col.is-hidden {
  opacity: 0;
}
.indexArchive .archive .col a {
  display: block;
}
.indexArchive .archive .col .image {
  position: relative;
  z-index: 1;
}
.indexArchive .archive .col .image:before {
  content: "";
  display: block;
  padding-top: 67.3913043478%;
}
.indexArchive .archive .col .image span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexArchive .archive .col .text {
  text-align: center;
  margin-top: 2.8985507246%;
}
.indexArchive .archive .col .text .date {
  color: #d59466;
  font-size: 0.8461538462em;
  line-height: 1;
  margin-bottom: 1.1594202899%;
}
.indexArchive .archive .col .text .title {
  font-size: 1.0769230769em;
  font-weight: bold;
  line-height: 1.3571428571;
}
.indexArchive .archive .col .text .title em {
  display: block;
}
.indexArchive .archive .col .text .title span {
  display: inline-block;
}
.indexArchive .archive .more {
  text-align: center;
  margin-top: 11.5942028986%;
}
.indexArchive .archive .more a {
  color: #c7926c;
  font-size: 1.0769230769em;
  text-decoration: underline;
}
.indexArchive .archive .more a:hover {
  text-decoration: none;
}
.indexArchive .archive .archiveLoader {
  position: relative;
}
.indexArchive .archive .archiveLoader:before {
  content: "";
  display: block;
  padding-top: 65%;
}
.indexArchive .archive .archiveLoader .sq {
  width: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.indexArchive .archive .archiveLoader .sq span {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9a9a9a;
  margin: 2px 0;
  opacity: 0;
}
.indexArchive .archive .archiveLoader.on .sq {
  animation: sq-fade 2s infinite ease;
}
.indexArchive .archive .archiveLoader.on .sq span:nth-child(1) {
  animation: sq-loader1 2s infinite ease-out;
}
.indexArchive .archive .archiveLoader.on .sq span:nth-child(2) {
  animation: sq-loader2 2s infinite ease-out;
}
.indexArchive .archive .archiveLoader.on .sq span:nth-child(3) {
  animation: sq-loader3 2s infinite ease-out;
}
.indexArchive .archive .archiveLoader.on .sq span:nth-child(4) {
  animation: sq-loader4 2s infinite ease-out;
}

@keyframes sq-fade {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sq-loader1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sq-loader2 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sq-loader3 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sq-loader4 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
/* ----------------------------
  Detail
---------------------------- */
.detailSection {
  padding-bottom: 9.3333333333%;
  margin: 0 4%;
}
.detailSection + .detailSection {
  border-top: #efdacb 4px dotted;
  padding-top: 9.3333333333%;
}
.profile {
  border: #efdacb 4px dotted;
  padding: 10px;
}
.profile h3 {
  font-weight: 600;
}
.detailSection + .pager {
  margin-top: 0;
}
.detailSection .heading {
  padding: 0 8.6956521739%;
  margin-bottom: 8.6956521739%;
}
.detailSection .heading .top_hdg {
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.6315789474em;
  white-space: nowrap;
}
.detailSection .heading .text.top {
  margin-bottom: 3em;
}
.top_hdg.center{
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.6315789474em;
  white-space: nowrap;
  text-align: center;
}
.detailSection .heading .text.top span {
  font-size: 0.9em;
}
.detailSection .heading .text.top.margin {
  margin-bottom: 4em;
}
.detailSection .heading .text.top.margin a{
  color: blue;
    text-decoration: underline;
}
.detailSection .heading .text.top.margin a:hover{
  text-decoration: none;
}
.detailSection .heading .text.top.bottom {
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
}
.detailSection .heading .dl_area .dl_logo{
  width: 14.653846em;
  margin: 3.2em auto 0;
}
.detailSection .heading .dl_area .dl_wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 1.8em;
  margin-bottom: 3.5em;
  width: 20.4em;
}
.detailSection .heading .dl_area .dl_wrapper .inner .as {
  width: 8.5em;
}
.detailSection .heading .dl_area .dl_wrapper .inner .gp {
  width: 10.5em;
}
.detailSection .heading .num {
  width: 8.6538461538em;
  margin: 0 auto 1.5384615385em;
}
.detailSection .heading .num.logo {
  margin-top: 1.333333333em;
  text-align: center;
}
.detailSection .heading .num.margin {
  margin: 0 auto 0.5em;
}
.detailSection .heading .num_title {
  text-align: center;
  margin-bottom: 1.5384615385em;
  text-align: center;
  color: #d59466;
  font-weight: bold;
}
.detailSection .heading .hdg {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.5789473684;
  text-align: center;
  margin-bottom: 0.6315789474em;
}
.detailSection .heading .sub {
  color: #d59466;
  font-size: 0.9230769231em;
  line-height: 1.333;
  text-align: center;
  margin-bottom: 2.5em;
}
.detailSection .text a{
  color: #001ffd;
   text-decoration: underline;
}
.detailSection .text.bottom {
  margin-bottom: 2.6666666667em;
}
.detailSection .text.center {
  text-align: center;
  margin-bottom: 2.6666666667em;
}
.detailSection .imageList {
  margin: 2.3076923077em 0 0;
}
.detailSection .imageList ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.detailSection .imageList ul li {
  width: 49.2753623188%;
  margin-bottom: 1.9230769231em;
}
.detailSection .imageList ul li figure {
  display: block;
  position: relative;
}
.detailSection .imageList ul li figure img {
  display: block;  
}
.detailSection .imageList ul li figure figcaption {
  margin-top: 0.8em;
}
.detailSection .imageList ul li figure figcaption .name {
  color: #d59466;
  font-size: 0.7692307692em;
  letter-spacing: .02em;
  line-height: 1.3;
}
.detailSection .imageList ul li figure figcaption .text.top.margin:nth-child(n+4){
  margin-top: 10px;
}
.detailSection .imageList ul li figure figcaption .detail {
  font-size: 0.8461538462em;
  line-height: 1.3636363636;
}
.detailSection .imageList ul li figure figcaption .item {
  font-size: 0.7692307692em;
  line-height: 1.5;
}
.detailSection .imageList ul li.wide {
  width: 100%;
}
.detailSection .imageList ul li.wide.cap_out {
  margin-bottom: 6em;
}
.detailSection .imageList ul li.wide figure {
  position: relative;
}
.detailSection .imageList ul li.wide figure > a {
  display: block;
  position: relative;
}
.detailSection .imageList ul li.wide figure > a:before, .detailSection .imageList ul li.wide figure > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.detailSection .imageList ul li.wide figure > a:before {
  border: #ccd9de 3px solid;
  z-index: 2;
}
.detailSection .imageList ul li.wide figure > a:after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}
.detailSection .imageList ul li.wide figure figcaption {
  color: #fff;
  margin-top: 0;
  position: absolute;
  bottom: 0.338462em;
  left: 5.0724637681%;
  z-index: 3;
}
.detailSection .imageList ul li.wide figure figcaption .name {
  color: #fff;
  font-size: 0.8461538462em;
  line-height: 1.8;
}
.detailSection .imageList ul li.wide figure figcaption .detail {
  font-size: 0.9230769231em;
  line-height: 1.25;
}
.detailSection .imageList ul li.wide figure figcaption .item {
  font-size: 0.6461538462em;
  line-height: 1.3636363636;
}

.detailSection .imageList ul li.wide.cap_out figure figcaption {
  color: #000000;
  margin-top: 0;
  position: absolute;
  bottom: -3.15em;
  left: 0;
  z-index: 3;
}
.detailSection .imageList ul li.wide.cap_out figure figcaption .name {
  color: #000000;
  font-size: 0.8461538462em;
  line-height: 1.8;
}
.detailSection .imageList ul li.wide.cap_out figure figcaption .detail {
  font-size: 0.9230769231em;
  line-height: 1.25;
}
.detailSection .tagList ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 -0.5797101449%;
}
.detailSection .tagList ul li {
  padding: 0 0.1538461538em;
  margin-bottom: 0.3846153846em;
}
.detailSection .tagList ul li a {
  display: block;
  font-size: 0.8076923077em;
  font-weight: bold;
  letter-spacing: -.02em;
  line-height: 2.2857142857;
  background: #efdacb;
  border-radius: 24em;
  padding: 0 0.8571428571em;
}
.detailSection + .pager {
  border-bottom: #efdacb 1px solid;
}

.detailSection .imageList ul li.wide .brand {
  margin-top: 1.333333333em;
}
.detailSection .imageList ul li.wide .brand .brand_name {
  font-size: 0.9230769231em;
  line-height: 1.25;
  font-weight: bold;
}
.detailSection .imageList ul li.wide .brand .brand_dc {
  font-size: 0.8461538462em;
  line-height: 1.3636363636;
}
.detailSection .imageList ul li.wide .brand .brand_dc+.brand_name {
  margin-top: 1em;
}
.map {
  text-align: center;
}
.map h2 {
  font-size: 1.0666666667em;
  line-height: 1.875;
  font-weight: bold;
}
.map .text{
  margin-top: 1.3333333em;
  font-size: 1.0666666667em;
  line-height: 1.875;
}
.map .map_fig {
  margin-top: 2em;
}

.pager {
  border-top: #efdacb 1px solid;
  margin-top: 10.6666666667%;
}
.pager ul {
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4%;
}
.pager ul li {
  position: relative;
}
.pager ul li.hide {
  visibility: hidden;
  opacity: 0;
}
.pager ul li a {
  font-size: 0.7692307692em;
  font-weight: bold;
  letter-spacing: .16em;
  display: block;
}
.pager ul li a:before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 50%;
}
.pager ul li.prev a {
  padding-left: 1.5em;
}
.pager ul li.prev a:before {
  border-top: #d59466 1px solid;
  border-left: #d59466 1px solid;
  left: 0;
  transform: translate(25%, -50%) rotate(-45deg);
}
.pager ul li.next a {
  padding-right: 1.5em;
}
.pager ul li.next a:before {
  border-top: #d59466 1px solid;
  border-right: #d59466 1px solid;
  right: 0;
  transform: translate(-25%, -50%) rotate(45deg);
}

.backList {
  margin: 8.6666666667% 0 10.6666666667%;
}
.backList .hdg {
  font-size: 1.2307692308em;
  letter-spacing: .3em;
  line-height: 1;
  text-align: center;
  margin: 0 0 8%;
}
.backList .list {
  padding: 0 4%;
}
.backList .list ul li + li {
  margin-top: 7.2463768116%;
}
.backList .list ul li a {
  display: block;
}
.backList .list ul li .image {
  position: relative;
  z-index: 1;
}
.backList .list ul li .image:before {
  content: "";
  display: block;
  padding-top: 67.3913043478%;
}
.backList .list ul li .image span {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.backList .list ul li .text {
  text-align: center;
  margin-top: 2.8985507246%;
}
.backList .list ul li .text .date {
  color: #e4996a;
  font-size: 0.8461538462em;
  line-height: 1;
  margin-bottom: 1.1594202899%;
}
.backList .list ul li .text .title {
  font-size: 1.0769230769em;
  font-weight: bold;
  line-height: 1.3571428571;
}
.backList .list ul li .text .title em {
  display: block;
}
.backList .list ul li .text .title span {
  display: inline-block;
}
.detailSection .imageList ul li figure .circle_wrapper {
  position: absolute;
  top: 13.2em;
  right: 0.2em;
  z-index: 2;
}
.detailSection .imageList ul li figure .circle_wrapper .circle{
  position: relative;
  width: 14vw;
  height: 14vw;
  background-color: #f0c8af;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
}
.detailSection .imageList ul li figure .circle_wrapper .circle .circle_inner{
  width: 14vw;
  height: 14vw;
  font-size: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detailSection .imageList ul li.wide figure .circle_wrapper {
  position: absolute;
  top: initial;
  bottom: 1em;
  right: 1em;
  z-index: 2;
}
.detailSection .imageList ul li.wide figure .circle_wrapper .circle{
  position: relative;
  width: 6em;
  height: 6em;
  width: 21vw;
    height: 21vw;
  background-color: #f0c8af;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
}
.detailSection .imageList ul li.wide figure .circle_wrapper .circle .circle_inner{
  width: 6.7em;
  height: 6.7em;
  font-size: .9em;
  width: 21vw;
    height: 21vw;
    font-size: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live {
  padding-bottom: 9.3333333333%;
  margin: 0 4%;
}
.live .wrapper {
  padding: 0 8.6956521739%;
  margin-bottom: 8.6956521739%;
}
.live .wrapper a {
  display: block;
  transition: opacity .4s ease;
}
.live .wrapper a:hover {
  opacity: .7;
}
.live .wrapper a .gu{
  width: 14em;
  margin: 0 auto;
}
.live .wrapper a .gu.margin{
  margin-bottom: 1.5em;
}

/* ----------------------------
	RWD
---------------------------- */
@media screen and (min-width: 813px) {
  .container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .header {
    padding-top: 4.6666666667em;
  }
  .header h1 .sub {
    font-size: 1.2em;
  }
  .header h1 .hdg {
    width: 45.0833333333%;
    margin-top: 1.3333333333em;
  }

  .mainVisual {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 5.8333333333%;
  }
  .mainVisual a:hover .image {
    opacity: .7;
  }
  .mainVisual a:hover .text .title span {
    border-color: transparent;
  }
  .mainVisual .image {
    transition: opacity .4s ease;
  }
  .mainVisual .text {
    padding-bottom: 4.5918367347%;
  }
  .mainVisual .text .date {
    font-size: 1.2em;
    margin-bottom: 0.5555555556em;
  }
  .mainVisual .text .title {
    font-size: 1.6em;
    line-height: 2.0833333333;
  }
  .mainVisual .text .title em {
    font-size: 1.25em;
    line-height: 1.2;
  }

  .main {
    width: 81.6666666667%;
    margin: 0 auto;
  }
  .main .notice {
    margin-bottom: 5em;
  }

  .indexArchive {
    padding-bottom: 7em;
  }
  .indexArchive h2 {
    font-size: 1.4666666667em;
    margin-bottom: 2.1666666667em;
  }
  .indexArchive .archive {
    padding: 0;
  }
  .indexArchive .archive .inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -3.3333333333%;
  }
  .indexArchive .archive .col {
    box-sizing: border-box;
    width: 33.3333333333%;
    padding: 0 3.3333333333%;
    margin-bottom: 3.3333333333em;
  }
  .indexArchive .archive .col a:after {
    display: none;
  }
  .indexArchive .archive .col a:hover .image span {
    opacity: .7;
    transform: scale(1.05);
  }
  .indexArchive .archive .col a:hover .text .title span {
    border-color: #000;
  }
  .indexArchive .archive .col .image {
    margin-bottom: 1.3333333333em;
    overflow: hidden;
  }
  .indexArchive .archive .col .image:before {
    padding-top: 67.5%;
  }
  .indexArchive .archive .col .image span {
    transition: all .4s ease-out;
  }
  .indexArchive .archive .col .text {
    margin-top: 0;
  }
  .indexArchive .archive .col .text .date {
    font-size: 0.8666666667em;
    margin-bottom: 0.6153846154em;
  }
  .indexArchive .archive .col .text .title {
    font-size: 1.1333333333em;
    line-height: 1.5882352941;
  }
  .indexArchive .archive .col .text .title em {
    font-size: 1em;
    line-height: 1.2;
  }
  .indexArchive .archive .more {
    margin-top: 2em;
  }
  .indexArchive .archive .more a {
    font-size: 1.2em;
  }
  .indexArchive .archive .archiveLoader:before {
    padding-top: 35%;
  }

  .detailSection {
    padding: 0 14.7959183673% 4em;
    margin: 0;
  }
  .detailSection + .detailSection {
    padding-top: 5em;
  }
  .detailSection .heading {
    padding: 0 8.6956521739%;
    margin-bottom: 10.8695652174%;
  }
  .detailSection .heading .top_hdg {
    font-size: 1.5333333333em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4347826087;
    margin-bottom: 1.0869565217em;
  }
  .top_hdg.center{
    font-size: 1.5333333333em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4347826087;
    margin-bottom: 1.0869565217em;
  }
  .detailSection .heading .text.top {
    margin-bottom: 6em;
  }
  .detailSection .heading .text.top.margin {
    margin-bottom: 4em;
  }
  .detailSection .heading .text.top.bottom {
    font-size: 1em;
  }
  .detailSection .heading .dl_area .dl_logo{
    width: 18em;
    margin: 0 auto;
    margin-top: 3em;
  }
  .detailSection .heading .dl_area .dl_wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 3em;
    width: 21em;
  }
  .detailSection .heading .dl_area .dl_wrapper .inner a{
    display: block;
    transition: opacity .4s ease;
  }
  .detailSection .heading .dl_area .dl_wrapper .inner a:hover{
    opacity: .7;
  }
  .detailSection .heading .dl_area .dl_wrapper .inner .as img{
    height: 46px;
    width: auto;
  }
  .detailSection .heading .dl_area .dl_wrapper .inner .gp img{
    height: 46px;
    width: auto;
  }
  .detailSection .heading .num {
    width: 9em;
    margin-bottom: 1.3333333333em;
  }
  .detailSection .heading .num.margin {
    margin-bottom: 0.5em;
  }
  .detailSection .heading .num.logo {
    margin-top: 1.333333333em;
  }
  .detailSection .heading .num_title {
    font-size: 13px;
    line-height: 1.4347826087;
    margin-bottom: 1.3333333333em;
    text-align: center;
    color: #d59466;
  }
  .detailSection .heading .hdg {
    font-size: 1.4em;
    line-height: 1.4347826087;
    margin-bottom: 1.0869565217em;
  }
  .detailSection .heading .sub {
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 1.3888888889em;
  }
  .detailSection .imageList {
    margin-top: 10.8695652174%;
  }
  .detailSection .imageList ul li {
    width: 49.2753623188%;
    margin-bottom: 4.3333333333em;
  }
  .detailSection .imageList ul li figure .circle_wrapper {
    position: absolute;
    top: initial;
    bottom: 4.7em;
    right: .5em;
    z-index: 2;
  }
  .detailSection .imageList ul li figure .circle_wrapper .circle{
    position: relative;
    width: 4em;
    height: 4em;
    background-color: #f0c8af;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
  }
  .detailSection .imageList ul li figure .circle_wrapper .circle .circle_inner{
    width: 7.2em;
    height: 7.2em;
    font-size: .55em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .detailSection .imageList ul li figure figcaption {
    margin-top: 0.6666666667em;
  }
  .detailSection .imageList ul li figure figcaption .name {
    font-size: 0.9333333333em;
  }
  .detailSection .imageList ul li figure figcaption .detail {
    font-size: 1.0666666667em;
    line-height: 1.875;
  }
  .detailSection .imageList ul li figure figcaption .item {
    font-size: 1em;
    line-height: 1.3333333333;
  }
  .detailSection .imageList ul li a {
    display: block;
    transition: opacity .4s ease;
  }
  .detailSection .imageList ul li a:hover {
    opacity: .7;
  }
  .detailSection .imageList ul li.wide figure img {
    width: 100%;
    max-width: none;
  }
  .detailSection .imageList ul li.wide figure .circle_wrapper {
    position: absolute;
    bottom: 1em;
    right: 1em;
    z-index: 2;
  }
  .detailSection .imageList ul li.wide figure .circle_wrapper .circle{
    position: relative;
    width: 6em;
    height: 6em;
    background-color: #f0c8af;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
  }
  .detailSection .imageList ul li.wide figure .circle_wrapper .circle .circle_inner{
    width: 6.9em;
    height: 6.9em;
    font-size: .9em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .detailSection .imageList ul li.wide figure > a:before {
    border-width: 7px;
  }
  .detailSection .imageList ul li.wide figure figcaption {
    bottom: 1.466666em;
    left: 5.7971014493%;
  }
  .detailSection .imageList ul li.wide figure figcaption .name {
    font-size: 0.9333333333em;
    line-height: 1.8;
  }
  .detailSection .imageList ul li.wide figure figcaption .detail {
    font-size: 1.0666666667em;
    line-height: 1.875;
  }
  .detailSection .imageList ul li.wide figure figcaption .item {
    font-size: 0.8rem;
    line-height: 1.3333333333;
  }
  .detailSection .imageList ul li.wide.cap_out figure figcaption {
    bottom: -3.15em;
    left: 0%;
  }
  .detailSection .tagList ul {
    margin: 0 -21.0144927536%;
  }
  .detailSection .tagList ul li {
    padding: 0 0.3333333333em;
    margin-bottom: 0.6666666667em;
  }
  .detailSection .tagList ul li a {
    font-size: 0.8666666667em;
    letter-spacing: 0;
    line-height: 2.6153846154;
    border-radius: 17em;
    padding: 0 1.0769230769em;
    transition: all .4s ease;
  }
  .detailSection .tagList ul li a:hover {
    color: #fff;
    background-color: #9a9a9a;
  }
  .detailSection .imageList ul li.wide .brand {
    margin-top: 1.333333333em;
  }
  .detailSection .imageList ul li.wide .brand .brand_name {
    font-size: 1.0666666667em;
    line-height: 1.875;
    font-weight: bold;
  }
  .detailSection .imageList ul li.wide .brand .brand_dc {
    font-size: 1.0666666667em;
    line-height: 1.875;
  }
  .map {
    text-align: center;
    padding: 0 14.7959183673% 4em;
  }
  .map h2 {
    font-size: 1.0666666667em;
    line-height: 1.875;
    font-weight: bold;
  }
  .map .text{
    margin-top: 1.3333333em;
    font-size: 1.0666666667em;
    line-height: 1.875;
  }
  .map .map_fig {
    margin-top: 2em;
  }

  .pager {
    margin-top: 7.1428571429%;
  }
  .pager ul {
    height: 5em;
    padding: 0;
  }
  .pager ul li a {
    font-size: 1em;
    text-decoration: underline;
  }
  .pager ul li a:hover {
    text-decoration: none;
  }
  .pager ul li a:before {
    width: 0.8em;
    height: 0.8em;
  }
  .pager ul li.prev a {
    padding-left: 1.6666666667em;
  }
  .pager ul li.next a {
    padding-right: 1.6666666667em;
  }

  .backList {
    margin: 7.6530612245% 0 8.1632653061%;
  }
  .backList .hdg {
    font-size: 1.4666666667em;
    margin-bottom: 6.6326530612%;
  }
  .backList .list {
    overflow: hidden;
    padding: 0;
  }
  .backList .list ul {
    display: flex;
    align-items: flex-start;
    margin: 0 -3.5714285714%;
  }
  .backList .list ul li {
    box-sizing: border-box;
    width: 33.3333333333%;
    padding: 0 3.3333333333%;
  }
  .backList .list ul li + li {
    margin-top: 0;
  }
  .backList .list ul li a:after {
    display: none;
  }
  .backList .list ul li a:hover .image span {
    opacity: .7;
    transform: scale(1.05);
  }
  .backList .list ul li a:hover .text .title span {
    border-color: #000;
  }
  .backList .list ul li .image {
    margin-bottom: 1.3333333333em;
    overflow: hidden;
  }
  .backList .list ul li .image:before {
    padding-top: 67.5%;
  }
  .backList .list ul li .image span {
    transition: all .4s ease-out;
  }
  .backList .list ul li .text {
    margin-top: 0;
  }
  .backList .list ul li .text .date {
    font-size: 0.8666666667em;
    margin-bottom: 0.3846153846em;
  }
  .backList .list ul li .text .title {
    font-size: 1.1333333333em;
    line-height: 1.5882352941;
    text-decoration: none;
  }
  .live {
    padding: 0 14.7959183673% 4em;
    margin: 0;
  }
  .live .wrapper {
    padding: 0 0%;
    margin-bottom: 10.8695652174%;
  }
  .live .wrapper ul {
    display: flex;
    align-items: flex-start;/*
    margin: 0 -3.5714285714%;*/
  }
  .live .wrapper a {
    display: block;
    transition: opacity .4s ease;
  }
  .live .wrapper a:hover {
    opacity: .7;
  }
  .live .wrapper a .gu{
    width: 23em;
    margin: 0 auto;
  }
  .live .wrapper a .gu.margin{
    margin-bottom: 2.2em;
  }
  .live .wrapper a .gu.margin img{
    width: 90%;
}
}



.pc_only{
  display: none;
}
.sp_only{
  display: block;
}
.detailSection .heading .text.top span.inline {
  display: none;
}
@media only screen and (min-width: 813px) {
.pc_only{
  display: block;
  }
.sp_only{
  display: none;
  }
.detailSection .heading .text.top span.inline {
  display: inline-block;
  font-size: 1em;
}
}
/*# sourceMappingURL=base.css.map */