@charset "UTF-8";
/*@mixin font-sorts {
    font-family: 'Sorts Mill Goudy', serif;
}*/
ul, ol, dl {
  list-style: none;
  padding-left: 0;
}

figure, p {
  margin: 0;
}

/*
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
*/
html {
  height: 100%;
}

@media screen and (min-width: 639px) {
  html {
    font-size: 10px;
  }
}

@media screen and (max-width: 638px) {
  html {
    font-size: calc(100vw * .026666667);
  }
}

body {
  /*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
  margin: 0;
  font-family: Lato,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #000000;
  background-color: #fff;
}

*:before,
*::after,
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 0;
  min-width: 0;
}

@media screen and (max-width: 638px) {
  a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
}

@media screen and (min-width: 639px) {
  a:hover {
    opacity: 0.8;
  }
}

@media screen and (max-width: 638px) {
  a:active {
    opacity: 0.9;
  }
}

/* メディア関連 */
video {
  display: block;
}

video,
video source,
picture source,
img {
  max-width: 100%;
  height: auto;
}

img {
  pointer-events: none;
}

a img {
  pointer-events: auto;
}

/* 端末依存部分 */
@media screen and (min-width: 639px) {
  .sp-only {
    display: none;
  }
}

@media screen and (max-width: 638px) {
  .pc-only {
    display: none;
  }
}

/* Layout
============================================================*/
.l-contentsWrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 639px) {
  .l-contentsWrap {
    width: 98%;
    max-width: 1000px;
  }
}

@media screen and (max-width: 638px) {
  .l-contentsWrap {
    width: 90%;
  }
}

/* Header
============================================================*/
.l-jumbotron {
  width: 100%;
  /*background: url(../images/top-back.jpg) no-repeat center bottom/cover;*/
  text-align: center;
}

@media screen and (min-width: 639px) {
  .l-jumbotron {
    /*padding: 1.428% 0;*/
  }
}

@media screen and (max-width: 638px) {
  .l-jumbotron {
    /*padding: 1rem 0;*/
  }
}

/* Nav
============================================================*/
.l-fixednav, .l-fixednav__anim {
  width: 100%;
}

.l-fixednav.is-fixed, .is-fixed.l-fixednav__anim {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  -webkit-animation: return-to-zero 1s ease-out forwards;
          animation: return-to-zero 1s ease-out forwards;
}

@-webkit-keyframes return-to-zero {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes return-to-zero {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.l-fixednav__anim {
  -webkit-transition: top .6s;
  transition: top .6s;
}

/* Footer
============================================================*/
.l-footer {
  width: 100%;
  text-align: center;
}

/* 横並び
============================================================*/
@media screen and (min-width: 639px) {
  .l-flex, .l-flex__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 639px) {
  .l-flex__center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-bothside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 639px) {
  .c-bothside__pconly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.c-bothside__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 639px) {
  .c-bothside__center__pconly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.c-bothside__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.c-centerrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.c-centerrow__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (min-width: 639px) {
  .c-centerrow__pconly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (min-width: 639px) {
  .c-centerrow__bottom__pconly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.c-leftrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 639px) {
  .c-leftrow__pconly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.c-top-title {
  /*display: inline-block;*/
  margin-left: auto;
  margin-right: auto;
}

.c-icon {
  position: absolute;
}

.c-leftsideTab, .c-leftsideTab__pink, .c-leftsideTab__green {
  background-color: #fff;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

@media screen and (min-width: 639px) {
  .c-leftsideTab, .c-leftsideTab__pink, .c-leftsideTab__green {
    position: absolute;
    right: 0;
  }
}

@media screen and (max-width: 638px) {
  .c-leftsideTab, .c-leftsideTab__pink, .c-leftsideTab__green {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
  }
}

.c-leftsideTab__pink {
  background: url(../images/top-tabback-pink.png) repeat left top #fff;
}

.c-leftsideTab__green {
  background: url(../images/top-tabback-green.png) repeat left top #fff;
}

.c-menuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-left: auto;
  margin-right: auto;
}

.c-menuList .c-menuList__item {
  text-align: center;
}

.c-titleCream {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/title-back.svg) no-repeat center center;
  background-size: 100%;
}

.c-title-centerlined {
  position: relative;
  width: 100%;
}

.c-title-centerlined:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  border-bottom: 2px dashed #0073CA;
}

.c-title-centerlined img {
  position: relative;
  z-index: 1;
}

.c-ovalBox, .c-ovalBox-small, .c-ovalBox-big {
  margin-left: auto;
  margin-right: auto;
  background: url(../images/background-oval01.svg) no-repeat center top;
  background-size: 100% 100%;
  text-align: center;
}

@media screen and (max-width: 638px) {
  .c-ovalBox, .c-ovalBox-small, .c-ovalBox-big {
    background-image: url(../images/background-oval01-sp.png);
  }
}

.c-ovalBox-small {
  background-image: url(../images/background-oval02.png);
}

.c-ovalBox-big {
  background-image: url(../images/background-oval03.png);
}

@media screen and (max-width: 638px) {
  .c-ovalBox-big {
    background-image: url(../images/background-oval03-sp.png);
  }
}

.c-scrollArea {
  overflow-x: hidden;
  overflow-y: auto;
}

.c-btn__round, .c-btn__round__shadow {
  display: inline-block;
  border-radius: 4em;
  background-color: #0073CA;
  color: #FFF;
}

@media screen and (min-width: 639px) {
  .c-btn__round, .c-btn__round__shadow {
    padding: 0.8em 1.3em;
  }
}

@media screen and (max-width: 638px) {
  .c-btn__round, .c-btn__round__shadow {
    padding: 0.8em 1.5em 0.8em 3.5em;
  }
}

@media screen and (min-width: 639px) {
  .c-btn__round__shadow {
    -webkit-box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
            box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
  }
}

@media screen and (max-width: 638px) {
  .c-btn__round__shadow {
    -webkit-box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
            box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
  }
}

.c-btn__borderd, .c-btn__borderd__shadow {
  display: inline-block;
  padding: 1em 4em;
  border: 1px solid #0073CA;
  color: #0073CA;
}

@media screen and (min-width: 639px) {
  .c-btn__borderd__shadow {
    -webkit-box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
            box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
  }
}

@media screen and (max-width: 638px) {
  .c-btn__borderd__shadow {
    -webkit-box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
            box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
  }
}

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

#cboxOverlay {
  background-color: #595858;
}

#cboxContent,
#cboxLoadedContent {
  background: transparent;
}

#cboxClose {
  display: none;
}

.c-icon {
  position: absolute;
}

@media screen and (min-width: 639px) {
  .c-icon__pconly {
    position: absolute;
  }
}

.c-zigzag, .c-zigzag-blue {
  position: relative;
}

.c-zigzag:after, .c-zigzag-blue:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 639px) {
  .c-zigzag:after, .c-zigzag-blue:after {
    height: 20px;
  }
}

@media screen and (max-width: 638px) {
  .c-zigzag:after, .c-zigzag-blue:after {
    height: 4.26667vw;
  }
}

@media screen and (min-width: 639px) {
  .c-zigzag:after, .c-zigzag-blue:after {
    bottom: -20px;
    background: linear-gradient(135deg, #fff 10px, transparent 0), linear-gradient(225deg, #fff 10px, transparent 0);
    background-size: 20px 20px;
  }
}

@media screen and (max-width: 638px) {
  .c-zigzag:after, .c-zigzag-blue:after {
    bottom: -4.26667vw;
    background: linear-gradient(135deg, #fff 2.13333vw, transparent 0), linear-gradient(225deg, #fff 2.13333vw, transparent 0);
    background-size: 4.26667vw 4.26667vw;
  }
}

@media screen and (min-width: 639px) {
  .c-zigzag-blue:after {
    bottom: -20px;
    background: linear-gradient(135deg, #0073CA 10px, transparent 0), linear-gradient(225deg, #0073CA 10px, transparent 0);
    background-size: 20px 20px;
  }
}

@media screen and (max-width: 638px) {
  .c-zigzag-blue:after {
    bottom: -4.26667vw;
    background: linear-gradient(135deg, #0073CA 2.13333vw, transparent 0), linear-gradient(225deg, #0073CA 2.13333vw, transparent 0);
    background-size: 4.26667vw 4.26667vw;
  }
}

.c-banner-cpend {
  background-color: rgba(0, 90, 177, 0.9);
  /*mix-blend-mode: multiply;*/
}

@media screen and (min-width: 639px) {
  .c-banner-cpend {
    padding: 28px 50px;
  }
}

@media screen and (max-width: 638px) {
  .c-banner-cpend {
    padding: 4vw 6.66667vw;
  }
}

.c-banner-cpend img {
  mix-blend-mode: normal;
}

/* Header
-------------------------------------------------- */
.p-header {
  position: relative;
}

.p-header .p-header__topimage {
  margin: 0;
}

.p-header .p-header__topimage img {
  display: block;
  width: 100%;
}

.p-header .l-contentsWrap {
  position: absolute;
}

@media screen and (min-width: 639px) {
  .p-header .l-contentsWrap {
    top: 1.428%;
    left: calc( ( 100% - 71.4285714vw ) / 2);
    width: 71.4285714vw;
    max-width: none;
  }
}

@media screen and (max-width: 638px) {
  .p-header .l-contentsWrap {
    top: 1.428%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media screen and (min-width: 639px) {
  .p-header .c-bothside__center > a:nth-child(1) {
    width: 12.1%;
  }
}

@media screen and (max-width: 638px) {
  .p-header .c-bothside__center > a:nth-child(1) {
    width: 24.8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header .c-bothside__center > a:nth-child(2) {
    width: 16.7%;
  }
}

@media screen and (max-width: 638px) {
  .p-header .c-bothside__center > a:nth-child(2) {
    width: 36.8vw;
  }
}

.p-header .p-header__tab {
  position: absolute;
}

@media screen and (min-width: 639px) {
  .p-header .p-header__tab {
    right: 0;
    bottom: 4.80%;
    width: 32.28%;
  }
}

@media screen and (max-width: 638px) {
  .p-header .p-header__tab {
    left: 50%;
    bottom: 5.33333vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 89.33333vw;
  }
}

.p-header .p-header__tab > a {
  display: block;
}

@media screen and (min-width: 639px) {
  .p-header .p-header__tab > a {
    margin: 0 0 1vw auto;
  }
}

@media screen and (max-width: 638px) {
  .p-header .p-header__tab > a {
    margin-top: 1.33333vw;
  }
}

.p-header .p-header__end {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (min-width: 639px) {
  .p-header .p-header__end {
    top: 44.64%;
  }
}

@media screen and (max-width: 638px) {
  .p-header .p-header__end {
    width: 80.53333vw;
    top: 53.65%;
  }
}

.p-header .c-top-title {
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 639px) {
  .p-header .c-top-title {
    top: -3.5rem;
    width: 65.6%;
    margin: 0 auto -1.5rem;
  }
}

@media screen and (max-width: 638px) {
  .p-header .c-top-title {
    overflow: visible;
    margin-bottom: -1.33333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-header .c-top-title .u-full {
    width: 93vw;
    max-width: none;
  }
}

@media screen and (min-width: 639px) {
  .p-header #icon-title-omise {
    left: 0.5%;
    bottom: 5.36%;
    width: 22.69%;
  }
}

@media screen and (max-width: 638px) {
  .p-header #icon-title-omise {
    left: 0.5%;
    bottom: 5.36%;
    width: 20.26667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header #icon-title-ouchi {
    right: 1.5%;
    bottom: 5.36%;
    width: 22.69%;
  }
}

@media screen and (max-width: 638px) {
  .p-header #icon-title-ouchi {
    right: 1.5%;
    bottom: 5.36%;
    width: 20.26667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header #icon-top-photo1 {
    left: -1%;
    top: 10.94%;
    z-index: 0;
    width: 20.9%;
  }
}

@media screen and (max-width: 638px) {
  .p-header #icon-top-photo1 {
    left: 8vw;
    top: 74.66667vw;
    z-index: 1;
    width: 26.13333vw;
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
  }
}

@media screen and (min-width: 639px) {
  .p-header #icon-top-photo2 {
    right: 0.6%;
    top: 17.69%;
    z-index: 0;
    width: 20.9%;
  }
}

@media screen and (max-width: 638px) {
  .p-header #icon-top-photo2 {
    left: 26.66667vw;
    top: 74.66667vw;
    z-index: 1;
    width: 25.06667vw;
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
}

@media screen and (min-width: 639px) {
  .p-header #icon-top-photo3 {
    left: -1%;
    top: 36.13%;
    z-index: 1;
    width: 20.9%;
  }
}

@media screen and (max-width: 638px) {
  .p-header #icon-top-photo3 {
    left: -10.66667vw;
    top: 74.66667vw;
    z-index: 0;
    width: 26.66667vw;
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
}

@media screen and (min-width: 639px) {
  .p-header__term {
    position: relative;
    top: -1.5rem;
    margin: 0 auto 0;
    width: 43.9%;
  }
}

@media screen and (max-width: 638px) {
  .p-header__term {
    text-align: right;
    margin-bottom: 24vw;
  }
}

@media screen and (max-width: 638px) {
  .p-header__term img {
    width: 42.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header__products {
    margin: 0 auto 1.5rem;
    width: 43.9%;
  }
}

@media screen and (max-width: 638px) {
  .p-header__products {
    position: absolute;
    right: 0;
    top: 100.8vw;
    width: 65.33333vw;
  }
}

.p-header__lead {
  position: absolute;
}

@media screen and (min-width: 639px) {
  .p-header__lead {
    left: 2%;
    bottom: 3%;
    z-index: 0;
    width: 22.6%;
  }
}

@media screen and (max-width: 638px) {
  .p-header__lead {
    top: 100vw;
    left: -10.66667vw;
    z-index: 2;
    width: 36.8vw;
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

.p-header__tab1,
.p-header__tab2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 639px) {
  .p-header__tab1,
  .p-header__tab2 {
    width: calc( ( 100vw - 835px ) / 2 +  180px);
    padding: 0 2%;
    height: calc(7vw);
    max-height: 80px;
    min-height: 50px;
  }
}

@media screen and (min-width: 1281px) {
  .p-header__tab1,
  .p-header__tab2 {
    width: calc( ( 100vw - 1000px ) / 2 + 245px);
    height: 12%;
  }
}

@media screen and (max-width: 638px) {
  .p-header__tab1,
  .p-header__tab2 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 90%;
    height: 13.86667vw;
    margin: 2.66667vw auto;
  }
}

.p-header__tab1 a,
.p-header__tab2 a {
  display: inline-block;
}

@media screen and (min-width: 639px) {
  .p-header__tab1 a,
  .p-header__tab2 a {
    width: 100%;
    max-width: 240px;
  }
}

@media screen and (max-width: 638px) {
  .p-header__tab1 img,
  .p-header__tab2 img {
    width: 83.73333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header__tab1 {
    bottom: 21.2%;
  }
}

.p-header__tab1 a {
  position: relative;
}

.p-header__tab1 .p-header__tab1__figure {
  position: absolute;
  bottom: 0;
}

@media screen and (min-width: 639px) {
  .p-header__tab1 .p-header__tab1__figure {
    right: 14.5%;
    bottom: -10%;
    width: 26.25%;
    max-width: 108px;
  }
}

@media screen and (max-width: 638px) {
  .p-header__tab1 .p-header__tab1__figure {
    right: 12.26667vw;
    bottom: 1.33333vw;
    width: 20.26667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-header__tab2 {
    bottom: 6.3%;
  }
}

/* Navigation
-------------------------------------------------- */
.p-nav {
  position: absolute;
  left: 0;
  overflow: visible;
  background-color: #0073CA;
}

@media screen and (min-width: 639px) {
  .p-nav {
    padding: 0 4px 4px;
    height: 55px;
    bottom: -55px;
    border-bottom-left-radius: 54px;
    border-bottom-right-radius: 54px;
  }
}

@media screen and (max-width: 638px) {
  .p-nav {
    height: 12vw;
    bottom: -12vw;
    padding: 0 0 0.53333vw;
  }
}

.p-nav .p-nav-inner {
  background-color: #fff;
  height: 100%;
}

@media screen and (min-width: 639px) {
  .p-nav .p-nav-inner {
    border-bottom-left-radius: 54px;
    border-bottom-right-radius: 54px;
  }
}

.p-nav .c-menuList {
  margin: 0 auto;
}

@media screen and (min-width: 639px) {
  .p-nav .c-menuList {
    width: 660px;
    height: 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-nav .c-menuList {
    width: 100%;
  }
}

.p-nav .c-menuList__item {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../images/nav-bottom2.png) no-repeat center bottom;
}

@media screen and (min-width: 639px) {
  .p-nav .c-menuList__item {
    width: 220px;
    height: 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-nav .c-menuList__item {
    width: 33%;
    height: 16.66667vw;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 638px) {
  .p-nav .c-menuList__item a img {
    height: 4.8vw;
  }
}

/* Footer
============================================================*/
.p-footer {
  background-color: #0073CA;
  color: #FFF;
}

@media screen and (min-width: 639px) {
  .p-footer {
    padding: 0.5em 0;
    font-size: 12px;
    line-height: 2.475;
    letter-spacing: 0.2em;
  }
}

@media screen and (max-width: 638px) {
  .p-footer {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 638px) {
  .p-footer {
    padding: 1em 0;
  }
}

/* Main ページ全体に関する設定
============================================================*/
.p-main {
  background: url(../images/background.png) repeat left top rgba(0, 167, 222, 0.3);
}

@media screen and (max-width: 638px) {
  .p-main {
    background-size: 60px 1px;
  }
}

.p-main .c-btn__round, .p-main .c-btn__round__shadow {
  line-height: 1;
}

@media screen and (min-width: 639px) {
  .p-main .c-btn__round, .p-main .c-btn__round__shadow {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 638px) {
  .p-main .c-btn__round, .p-main .c-btn__round__shadow {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 638px) {
  .p-main .c-btn__round img, .p-main .c-btn__round__shadow img {
    width: 53.86667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-main .c-titleCream {
    width: 310px;
    height: 150px;
  }
}

@media screen and (max-width: 638px) {
  .p-main .c-titleCream {
    width: 59.2vw;
    height: 28.8vw;
  }
}

.p-main .p-linebtn {
  color: #01B833;
}

.p-main .p-linebtn .p-linebtn__title {
  margin-bottom: 0.8em;
}

@media screen and (min-width: 639px) {
  .p-main .p-linebtn .p-linebtn__title {
    font-size: 2.4rem;
    line-height: 1.08;
  }
}

@media screen and (max-width: 638px) {
  .p-main .p-linebtn .p-linebtn__title {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (min-width: 639px) {
  .p-main .p-linebtn .line-it-button {
    -webkit-transform: scale(2.37);
            transform: scale(2.37);
  }
}

@media screen and (max-width: 638px) {
  .p-main .p-linebtn .line-it-button {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@media screen and (max-width: 638px) {
  .p-main .p-linebtn .p-linebtn__btn img {
    width: 50.13333vw;
  }
}

/* Overview
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-overview {
    padding: 200px 0 60px;
  }
}

@media screen and (max-width: 638px) {
  .p-overview {
    padding: 30.66667vw 0 5.33333vw;
  }
}

.p-overview .c-ovalBox, .p-overview .c-ovalBox-small, .p-overview .c-ovalBox-big {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-overview .c-ovalBox, .p-overview .c-ovalBox-small, .p-overview .c-ovalBox-big {
    width: 85%;
    max-width: 850px;
    padding: 60px;
  }
}

@media screen and (max-width: 638px) {
  .p-overview .c-ovalBox, .p-overview .c-ovalBox-small, .p-overview .c-ovalBox-big {
    padding: 10.66667vw 4vw;
  }
}

.p-overview .c-ovalBox .c-ovalBox__lead, .p-overview .c-ovalBox-small .c-ovalBox__lead, .p-overview .c-ovalBox-big .c-ovalBox__lead {
  color: #0073CA;
}

@media screen and (max-width: 638px) {
  .p-overview .c-ovalBox .c-ovalBox__lead img, .p-overview .c-ovalBox-small .c-ovalBox__lead img, .p-overview .c-ovalBox-big .c-ovalBox__lead img {
    width: 80vw;
  }
}

@media screen and (min-width: 639px) {
  .p-overview .c-ovalBox p, .p-overview .c-ovalBox-small p, .p-overview .c-ovalBox-big p {
    margin: 40px auto;
  }
}

@media screen and (max-width: 638px) {
  .p-overview .c-ovalBox p, .p-overview .c-ovalBox-small p, .p-overview .c-ovalBox-big p {
    margin: 5.33333vw auto;
  }
}

@media screen and (min-width: 639px) {
  .p-overview .c-ovalBox p, .p-overview .c-ovalBox-small p, .p-overview .c-ovalBox-big p {
    font-size: 1.9rem;
    line-height: 1.33;
  }
}

@media screen and (max-width: 638px) {
  .p-overview .c-ovalBox p, .p-overview .c-ovalBox-small p, .p-overview .c-ovalBox-big p {
    font-size: 1.7rem;
    line-height: 1.5;
  }
}

.p-overview .c-ovalBox .c-btn__round__shadow, .p-overview .c-ovalBox-small .c-btn__round__shadow, .p-overview .c-ovalBox-big .c-btn__round__shadow {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-overview .c-ovalBox .c-btn__round__shadow, .p-overview .c-ovalBox-small .c-btn__round__shadow, .p-overview .c-ovalBox-big .c-btn__round__shadow {
    max-width: 524px;
    width: 75.39%;
  }
}

@media screen and (max-width: 638px) {
  .p-overview .c-ovalBox .c-btn__round__shadow, .p-overview .c-ovalBox-small .c-btn__round__shadow, .p-overview .c-ovalBox-big .c-btn__round__shadow {
    margin-top: 3.73333vw;
  }
}

.p-overview .c-ovalBox .c-btn__round__shadow:after, .p-overview .c-ovalBox-small .c-btn__round__shadow:after, .p-overview .c-ovalBox-big .c-btn__round__shadow:after {
  content: '';
  position: absolute;
  background: url(../images/overview-arrow.svg) no-repeat center center/contain;
}

@media screen and (min-width: 639px) {
  .p-overview .c-ovalBox .c-btn__round__shadow:after, .p-overview .c-ovalBox-small .c-btn__round__shadow:after, .p-overview .c-ovalBox-big .c-btn__round__shadow:after {
    top: -21px;
    right: -26px;
    width: 33px;
    height: 37px;
  }
}

.p-overview .c-ovalBox #p-overview__icons_icon1, .p-overview .c-ovalBox-small #p-overview__icons_icon1, .p-overview .c-ovalBox-big #p-overview__icons_icon1 {
  position: absolute;
  bottom: 40px;
  left: -75px;
  width: 23.69%;
  max-width: 199px;
}

.p-overview .c-ovalBox #p-overview__icons_icon2, .p-overview .c-ovalBox-small #p-overview__icons_icon2, .p-overview .c-ovalBox-big #p-overview__icons_icon2 {
  position: absolute;
  bottom: 27px;
  left: 85.71%;
  width: 25.23%;
  max-width: 212px;
}

/* Gallery
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  #gallery {
    padding-top: 100px;
  }
}

@media screen and (max-width: 638px) {
  #gallery {
    padding-top: 25.33333vw;
  }
}

.p-gallery {
  text-align: center;
  background-color: #fff;
  /* Additional style for bolt */
  /*.src-components-Entry-___Entry__card-caption___AGG2C{
        @include mq(){
            height: 200px;
        }
        @include mq(sm){
            height: vw(200);
        }
    }*/
  /* Modify load-more button style */
  /* Remove name / ids from detail of each post */
  /* add by n */
  /*.src-components-Entry-___Entry__entry___25Jvq {
        border: none;
    }*/
  /*.src-components-LoadMoreButton-___LoadMoreButton__load-more-button___3uRPa {
        background: url(../images/gallery-btn-more@2x.png) no-repeat center center;
        background-size: contain;
        text-indent: 150%;
        white-space: nowrap;
        overflow: hidden;
        @include mq(){
            width: 180px;
            margin-bottom: 24px;
        }
        @include mq(sm){
            width: vw(150);
            margin-bottom: vw(30);
        }
    }*/
}

@media screen and (min-width: 639px) {
  .p-gallery .l-contentsWrap {
    padding: 120px 0 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .l-contentsWrap {
    width: 100%;
    margin: 0;
    padding: 12vw 0 16vw;
  }
}

.p-gallery .p-gallery__listsWrap {
  width: 100%;
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gallery__listsWrap {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .c-titleCream img {
    width: 40vw;
  }
}

.p-gallery .p-gellery__listWrap {
  /*.c-scrollArea {
            @include mq(){
                height: calc( ( 214px + 220px ) * 3 );
            }
            @include mq(sm){
                height: calc( ( 46vw - 20px + 53.33vw ) * 3 );
            }

            @include scrollbar-color();
        }*/
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap {
    width: 49%;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .p-gellery__listWrap {
    margin-bottom: 9.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap:before, .p-gallery .p-gellery__listWrap:after {
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
  }
}

.p-gallery .p-gellery__listWrap:first-child {
  position: relative;
  /*border-right: 2px dashed $mainColor;*/
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap:first-child:before {
    top: -60px;
    left: -14px;
    width: 83px;
    height: 65px;
    background-image: url(../images/gallery-icon-lt.png);
  }
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap:first-child:after {
    bottom: -134px;
    left: 8px;
    width: 93px;
    height: 61px;
    background-image: url(../images/gallery-icon-lb.png);
  }
}

.p-gallery .p-gellery__listWrap:last-child {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap:last-child:before {
    top: -61px;
    right: -10px;
    width: 93px;
    height: 68px;
    background-image: url(../images/gallery-icon-rt.png);
  }
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap:last-child:after {
    bottom: -141px;
    right: -33px;
    width: 102px;
    height: 68px;
    background-image: url(../images/gallery-icon-rb.png);
  }
}

@media screen and (min-width: 639px) {
  .p-gallery .p-gellery__listWrap h3 {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .p-gellery__listWrap h3 {
    margin: 0;
    padding: 8vw 0 6.66667vw;
    background: url(../images/gallery-back-sp.png) no-repeat center top;
    background-size: 96% auto;
  }
}

.p-gallery .src-components-Entry-___Entry__comment-desc___17fDl {
  display: none;
}

.p-gallery .src-components-EntryImage-___EntryImage__entry-image___1c72o,
.p-gallery .src-components-EntryImage-___EntryImage__img-container___LVSby {
  border-radius: 4px;
}

.p-gallery span.src-components-Entry-___Entry__comment-title___3QwYj {
  display: inline-block;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  max-height: 4em;
}

.p-gallery .src-components-LoadMoreButton-___LoadMoreButton__load-more-button___3uRPa {
  background-color: #00b2e1 !important;
  border-radius: 20px;
  /*width: 150px;*/
}

@media screen and (min-width: 639px) {
  .p-gallery .src-components-LoadMoreButton-___LoadMoreButton__load-more-button___3uRPa {
    width: 180px;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-LoadMoreButton-___LoadMoreButton__load-more-button___3uRPa {
    width: 40vw;
  }
}

.p-gallery .src-components-EntryModal-___EntryModal__avatar-details___3m1kW, .p-gallery .src-components-EntryModal-___EntryModal__zoom-footer-left___1-T3R, .p-gallery .src-components-EntryModal-___EntryModal__uploader-on___1XLsd {
  display: none;
}

@media screen and (min-width: 639px) {
  .p-gallery .src-components-Entry-___Entry__comment-title___3QwYj {
    height: 4em;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-Entry-___Entry__comment-title___3QwYj {
    height: 5.5em;
  }
}

.p-gallery .src-containers-MainPage-___MainPage__main-container___2z70_ {
  overflow-y: auto;
  overflow-x: auto;
  border: 1px solid #D9D9D9;
  padding: 20px 0;
}

@media screen and (min-width: 639px) {
  .p-gallery .src-containers-MainPage-___MainPage__main-container___2z70_ {
    /*height: calc( ( 214px + 220px ) * 3 );*/
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-containers-MainPage-___MainPage__main-container___2z70_ {
    border-width: 1px 0;
  }
}

@media screen and (min-width: 1281px) {
  .p-gallery .src-components-EntryModal-___EntryModal__img-wrapper___2hhIo .src-components-EntryModal-___EntryModal__single-media___3Sbzm img {
    left: 0;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-Modal-___Modal__modal-dialog___1hie0 {
    padding-top: 6.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-gallery .src-components-Modal-___Modal__modal-dialog___1hie0 {
    padding-top: 45px;
  }
}

@media screen and (min-width: 1281px) {
  .p-gallery .src-components-Modal-___Modal__modal-dialog___1hie0 {
    padding-top: 0;
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-EntryModal-___EntryModal__user-id___2LueE {
    width: calc( 100% - 20px);
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-EntryModal-___EntryModal__uploader-on___1XLsd,
  .p-gallery .src-components-EntryModal-___EntryModal__avatar-details___3m1kW {
    width: calc( 100% - 10px - 40px);
  }
}

@media screen and (max-width: 638px) {
  .p-gallery .src-components-EntryModal-___EntryModal__uploader-id___2e1_I,
  .p-gallery .src-components-EntryModal-___EntryModal__author-name___3A5Jc {
    white-space: normal;
    word-wrap: break-word;
  }
}

/* Collaboration
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-collabo {
    padding: 65px 0 95px;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo {
    padding: 12vw 0 21.33333vw;
  }
}

.p-collabo .c-ovalBox, .p-collabo .c-ovalBox-small, .p-collabo .c-ovalBox-big {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-collabo .c-ovalBox, .p-collabo .c-ovalBox-small, .p-collabo .c-ovalBox-big {
    padding: 60px 70px;
    width: 750px;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .c-ovalBox, .p-collabo .c-ovalBox-small, .p-collabo .c-ovalBox-big {
    padding: 10.66667vw 6.66667vw 8vw;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__lead {
    margin: 0 auto 5.33333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__lead img {
    width: 57.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-logo,
  .p-collabo .p-collabo__list .p-collabo__list-text {
    margin: 3rem 0 0;
  }
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-logo {
    width: 215px;
    text-align: center;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__list .p-collabo__list-logo {
    margin: 2rem 0 0;
  }
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-logo:nth-of-type(1) {
    padding-bottom: 1rem;
    border-bottom: 2px dashed #0073CA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-collabo .p-collabo__list .p-collabo__list-text {
  text-align: left;
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-text {
    width: calc(100% - 215px);
    padding-right: 1em;
  }
}

@media screen and (min-width: 639px) and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-text {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__list .p-collabo__list-text {
    margin: 5.33333vw 0;
    padding: 0 1em;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__list .p-collabo__list-text {
    font-size: 1.4rem;
    line-height: 1.714;
  }
}

.p-collabo .p-collabo__list .p-collabo__list-text:nth-of-type(1) {
  border-bottom: 2px dashed #0073CA;
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__list .p-collabo__list-text:nth-of-type(1) {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__list .p-collabo__list-text:nth-of-type(1) {
    padding-bottom: 5.33333vw;
  }
}

.p-collabo .p-collabo__fig {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (min-width: 639px) {
  .p-collabo .p-collabo__fig {
    -webkit-transform: translate(-38%, 40%);
            transform: translate(-38%, 40%);
  }
}

@media screen and (max-width: 638px) {
  .p-collabo .p-collabo__fig {
    width: 28vw;
    -webkit-transform: translate(0, 70%);
            transform: translate(0, 70%);
  }
}

/* Prize
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-prize {
    padding: 100px 0 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize {
    padding: 21.33333vw 0 90px;
  }
}

.p-prize .l-contentsWrap {
  position: relative;
}

@media screen and (max-width: 638px) {
  .p-prize .c-titleCream img {
    width: 26.13333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-prize__item, .p-prize__item-full, .p-prize__item-wt {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-prize__item, .p-prize__item-full, .p-prize__item-wt {
    width: 46%;
    margin: 0 0 30px;
    padding: 40px 20px 40px 50px;
    text-align: left;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item, .p-prize__item-full, .p-prize__item-wt {
    margin: 0 0 5.33333vw;
    padding: 5.33333vw 5.33333vw 14.66667vw;
  }
}

.p-prize__item__caution {
  text-align: left;
  margin-top: 1em;
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (min-width: 639px) {
  .p-prize__item__caution {
    font-size: 1rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item__caution {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.p-prize__item-full {
  width: 100%;
}

@media screen and (min-width: 639px) {
  .p-prize__item-full {
    padding: 70px 85px 60px 190px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full {
    padding: 21.33333vw 8vw 13.33333vw;
  }
}

.p-prize__item-full .p-prize__item__title {
  text-align: left;
  border-bottom: 3px dashed #0073CA;
}

@media screen and (min-width: 639px) {
  .p-prize__item-full .p-prize__item__title {
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full .p-prize__item__title {
    margin-top: 0;
    padding-bottom: 5.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full .p-prize__item__title img {
    vertical-align: middle;
    padding-right: 15px;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full .p-prize__item__title__leftArea {
    width: 228px;
    text-align: center;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full .p-prize__item__title__leftArea {
    padding-left: 29.33333vw;
    margin-bottom: 6.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full .p-prize__item__title__rightArea {
    width: 320px;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full .p-prize__item__name {
    margin: 20px 0;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full .p-prize__item__name {
    margin: 5.33333vw auto;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full .p-prize__item__fig {
    margin-top: 4.8vw;
    text-align: center;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full #prize-A-label {
    left: 55px;
    top: 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full #prize-A-label {
    left: 6.66667vw;
    top: 20vw;
    width: 26.13333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-full #prize-A-tabearuking {
    width: 206px;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-full #prize-A-tabearuking {
    display: block;
    margin: 0 0 2.66667vw;
    width: 40.8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-wt .p-prize__item__fig {
    margin-top: 3.5rem;
  }
}

.p-prize__item-wt p {
  text-align: left;
  margin-top: 2.4rem;
}

@media screen and (min-width: 639px) {
  .p-prize__item-wt p {
    font-size: 1rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-wt p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__item-title {
    margin: 0 0 1rem;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-title {
    margin: 0 0 9.33333vw;
  }
}

.p-prize__item-title img {
  vertical-align: middle;
}

@media screen and (min-width: 639px) {
  .p-prize__item-title img:first-child {
    padding-right: 10px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-title img:first-child {
    padding-right: 2.66667vw;
    width: 26.13333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__item-title img:last-child {
    width: 34.13333vw;
  }
}

.p-prize__lead {
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-prize__lead {
    margin-top: 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__lead {
    margin: 8vw auto;
  }
}

.p-prize__item__fig {
  position: relative;
}

@media screen and (max-width: 638px) {
  .p-icon__mag {
    width: 10.66667vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-balloon01 {
    top: 1px;
    left: -57px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-balloon01 {
    top: -5.33333vw;
    left: -5.33333vw;
    width: 33.33333vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-balloon02 {
    bottom: 25px;
    left: 225px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-balloon02 {
    bottom: 18.66667vw;
    left: 13.33333vw;
    width: 29.33333vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-balloon03 {
    bottom: 47px;
    right: -30px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-balloon03 {
    bottom: 9.33333vw;
    right: -5.33333vw;
    width: 18.13333vw;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-B-photo {
    width: 78.66667vw;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-C-photo {
    width: 100%;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-mag {
    right: -3px;
    bottom: -3px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-mag {
    right: -2.66667vw;
    bottom: -3.2vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-B-mag {
    right: 25px;
    bottom: 12px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-B-mag {
    right: 0.8vw;
    bottom: 2.66667vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-lm {
    left: -50px;
    top: 380px;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-lb {
    left: -30px;
    bottom: -30px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-lb {
    left: -2.66667vw;
    bottom: -8vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-rt {
    right: -45px;
    top: 40px;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-A-rb {
    right: -45px;
    bottom: -45px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-A-rb {
    right: -2.66667vw;
    bottom: -8vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-B-lb {
    left: -32px;
    bottom: -20px;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-B-lb {
    left: -2.66667vw;
    bottom: -8vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-B-rt {
    right: 0;
    top: 0;
  }
}

@media screen and (max-width: 638px) {
  #p-prize-B-rt {
    right: 0;
    bottom: -8vw;
  }
}

@media screen and (min-width: 639px) {
  #p-prize-C-rb {
    right: -35px;
    bottom: -10px;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__modal figure.u-dummy {
    height: 300px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__modal figure.u-dummy {
    width: 73.33333vw;
    height: 38.4vw;
  }
}

@media screen and (min-width: 639px) {
  .p-prize__modal .c-ovalBox, .p-prize__modal .c-ovalBox-small, .p-prize__modal .c-ovalBox-big {
    padding: 85px 110px 50px;
    width: 850px;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__modal .c-ovalBox, .p-prize__modal .c-ovalBox-small, .p-prize__modal .c-ovalBox-big {
    padding: 12vw 10.66667vw 6.66667vw;
  }
}

.p-prize__modal .p-prize__modal__text {
  margin-bottom: 2em;
}

@media screen and (min-width: 639px) {
  .p-prize__modal .p-prize__modal__text {
    font-size: 1.4rem;
    line-height: 1.785;
  }
}

@media screen and (max-width: 638px) {
  .p-prize__modal .p-prize__modal__text {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

#prize-A.p-prize__modal .p-prize__modal__title {
  text-align: center;
  border-bottom: 3px dashed #0073CA;
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal .p-prize__modal__title {
    position: relative;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__title {
    width: 100%;
    padding-bottom: 4vw;
    margin-bottom: 6.66667vw;
  }
}

#prize-A.p-prize__modal figure {
  position: relative;
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal figure {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal figure {
    margin-top: 6.66667vw;
    margin-bottom: 6.66667vw;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__photo {
    width: 100%;
  }
}

#prize-A.p-prize__modal .p-prize__modal__heading {
  text-align: left;
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal .p-prize__modal__heading {
    margin-bottom: 5px;
  }
}

#prize-A.p-prize__modal .p-prize__modal__text {
  text-align: left;
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal .p-prize__modal__text {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__text {
    margin-bottom: 4vw;
  }
}

#prize-A.p-prize__modal .p-prize__modal__contact {
  text-align: left;
  border: 2px dashed #251E1C;
  border-width: 2px 0px;
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal .p-prize__modal__contact {
    font-size: 1.4rem;
    line-height: 1.785;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__contact {
    font-size: 1.4rem;
    line-height: 1.714;
  }
}

@media screen and (min-width: 639px) {
  #prize-A.p-prize__modal .p-prize__modal__contact {
    margin: 40px auto;
    padding: 1.5em 0;
  }
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__contact {
    margin: 8vw auto;
    padding: 1em 0;
  }
}

#prize-A.p-prize__modal .p-prize__modal__contact h4 {
  margin: 0.2em 0;
}

@media screen and (max-width: 638px) {
  #prize-A.p-prize__modal .p-prize__modal__contact p:nth-of-type(1) {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 639px) {
  #prize-A-modal-check {
    right: 7px;
    top: 9px;
  }
}

@media screen and (max-width: 638px) {
  #prize-A-modal-check {
    right: -2.4vw;
    top: -3.2vw;
    width: 18.13333vw;
  }
}

@media screen and (min-width: 639px) {
  #prize-A-modal-lt {
    left: -10px;
    bottom: 13px;
  }
}

@media screen and (min-width: 639px) {
  #prize-A-modal-rt {
    right: 15px;
    bottom: 13px;
  }
}

@media screen and (min-width: 639px) {
  #prize-B.p-prize__modal figure {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 638px) {
  #prize-B.p-prize__modal figure {
    margin-bottom: 6.66667vw;
  }
}

@media screen and (max-width: 638px) {
  #prize-B.p-prize__modal figure img {
    width: 63.46667vw;
  }
}

@media screen and (max-width: 638px) {
  #prize-B.p-prize__modal .p-prize__modal__title img {
    width: 62.13333vw;
  }
}

#prize-B.p-prize__modal .p-prize__spectable {
  width: 100%;
  border-collapse: collapse;
}

@media screen and (min-width: 639px) {
  #prize-B.p-prize__modal .p-prize__spectable {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 638px) {
  #prize-B.p-prize__modal .p-prize__spectable {
    margin-bottom: 6.66667vw;
  }
}

#prize-B.p-prize__modal .p-prize__spectable th,
#prize-B.p-prize__modal .p-prize__spectable td {
  border: 1px solid #9E9E9F;
  padding: 0.3em 0;
}

@media screen and (min-width: 639px) {
  #prize-B.p-prize__modal .p-prize__spectable th,
  #prize-B.p-prize__modal .p-prize__spectable td {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  #prize-B.p-prize__modal .p-prize__spectable th,
  #prize-B.p-prize__modal .p-prize__spectable td {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

#prize-B.p-prize__modal .p-prize__spectable thead th {
  background-color: #DCDCDC;
  font-weight: normal;
  letter-spacing: 0.4em;
}

#cboxLoadingOverlay {
  background: url(../images/background-oval01.svg) no-repeat center center;
  background-size: 100% 100%;
}

/* Join
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-join {
    padding: 110px 0 80px;
  }
}

@media screen and (min-width: 639px) {
  .p-join .c-ovalBox, .p-join .c-ovalBox-small, .p-join .c-ovalBox-big {
    position: relative;
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 125px 130px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .c-ovalBox, .p-join .c-ovalBox-small, .p-join .c-ovalBox-big {
    padding: 16vw 5.33333vw 10.66667vw;
  }
}

@media screen and (max-width: 638px) {
  .p-join .c-titleCream img {
    width: 34.13333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__methods > p img {
    width: 42.93333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__methods__list {
    width: 500px;
    margin: 35px auto 0;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__methods__list {
    margin: 4vw auto 0;
  }
}

.p-join .p-join__methods__item {
  position: relative;
}

@media screen and (max-width: 638px) {
  .p-join .p-join__methods__item {
    width: 49%;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__methods__item #p-join__methods__icon1 {
    top: -6px;
    left: -60px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__methods__item #p-join__methods__icon1 {
    top: -12vw;
    left: 2.66667vw;
    width: 12.8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__methods__item #p-join__methods__icon2 {
    top: -8px;
    right: -50px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__methods__item #p-join__methods__icon2 {
    top: -12vw;
    right: 2.66667vw;
    width: 12.8vw;
  }
}

.p-join .p-join__icons #p-join__icons_icon1 {
  position: absolute;
  top: 250px;
  left: -70px;
  width: 26.85%;
  max-width: 196px;
}

.p-join .p-join__icons #p-join__icons_icon2 {
  position: absolute;
  top: 320px;
  left: 83.71%;
  width: 25.48%;
  max-width: 186px;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method {
    padding: 40px 0 0;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method {
    padding: 10.66667vw 0 0;
  }
}

.p-join .p-join__method__no {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 2px dashed #0073CA;
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__no img {
    height: 6.13333vw;
    width: auto;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__title {
    margin: 0 auto 2rem;
  }
}

.p-join .p-join__method__lead {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__lead {
    margin: 1.5em auto;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__lead {
    margin: 1.7em auto 2.5em;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__lead {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__lead {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (min-width: 639px) {
  .p-join #p-join__no1__icon1 {
    top: 4px;
    left: 20px;
  }
}

@media screen and (max-width: 638px) {
  .p-join #p-join__no1__icon1 {
    top: -18.66667vw;
    left: -5.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join #p-join__no1__icon2 {
    top: -5px;
    right: 45px;
  }
}

@media screen and (max-width: 638px) {
  .p-join #p-join__no1__icon2 {
    bottom: -5.33333vw;
    right: -5.6vw;
    width: 8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo {
    padding-top: 20px;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo h4 {
    margin-top: 48px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo h4 {
    margin-top: 8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo p {
    margin-top: 36px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo p {
    margin-top: 2.66667vw;
  }
}

.p-join .p-join__method__collabo-twitter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #D9D9D9;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo-twitter {
    width: 400px;
    height: 105px;
    margin: 0 auto 15px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo-twitter {
    width: 100%;
    height: 20.8vw;
    margin: 0 auto 4vw;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo-twitter img {
    width: 74.13333vw;
  }
}

.p-join .p-join__method__collabo-banner {
  display: block;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo-banner {
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo-banner {
    margin: 0 auto 5.33333vw;
  }
}

.p-join .p-join__method__collabo-tabearuking {
  display: inline-block;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__collabo-tabearuking {
    margin-top: 48px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__collabo-tabearuking {
    margin-top: 6.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__products {
    padding-top: 100px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products {
    padding-top: 13.33333vw;
  }
}

.p-join .p-join__method__products__title {
  background: url(../images/join-products-title-back01.png) no-repeat left top, url(../images/join-products-title-back02.png) no-repeat right top;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__products__title {
    width: 500px;
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__title {
    padding-top: 6.66667vw;
    margin: 0 auto 5.33333vw;
    background-position: left 2.66667vw, right top;
    background-size: 9.86667vw auto, 10.66667vw auto;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__title img {
    width: 63.2vw;
  }
}

.p-join .p-join__method__products__list {
  background: url(../images/join-products-frame@2x.png) no-repeat left top;
  background-size: 100% 100%;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__products__list {
    width: 608px;
    margin: 0 auto;
    padding-top: 10px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list {
    background-image: url(../images/join-products-frame-sp@2x.png);
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 4vw 0 0;
  }
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__products__list .p-join__method__products__item {
    width: 195px;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list .p-join__method__products__item {
    width: 40%;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list .p-join__method__products__item img {
    width: 22.66667vw;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list .p-join__method__products__item:last-child {
    width: 70%;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list .p-join__method__products__item:last-child img {
    width: 17.6vw;
  }
}

.p-join .p-join__method__products__list p {
  color: #0073CA;
}

@media screen and (min-width: 639px) {
  .p-join .p-join__method__products__list p {
    font-size: 1.6rem;
    line-height: 1.3125;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list p {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__method__products__list p {
    margin: -1.5em auto 2em;
  }
}

.p-join .p-join__btn {
  background: url(../images/btn-method-back.png) repeat left top;
}

@media screen and (max-width: 638px) {
  .p-join .p-join__btn {
    width: 100%;
    padding-right: 5.33333vw;
    text-align: right;
  }
}

@media screen and (max-width: 638px) {
  .p-join .p-join__btn img {
    width: 51.2vw;
  }
}

/* Oubo
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-oubo {
    padding: 160px 0 120px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo {
    padding: 21.33333vw 0 16vw;
  }
}

.p-oubo .c-ovalBox, .p-oubo .c-ovalBox-small, .p-oubo .c-ovalBox-big {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-oubo .c-ovalBox, .p-oubo .c-ovalBox-small, .p-oubo .c-ovalBox-big {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 125px 125px 90px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .c-ovalBox, .p-oubo .c-ovalBox-small, .p-oubo .c-ovalBox-big {
    padding: 18.66667vw 5.33333vw 18.66667vw;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .c-titleCream img {
    width: 34.13333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item {
    margin-bottom: 10.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item:last-child {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__no {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__no {
    margin-bottom: 4.8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__title {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__title {
    margin-bottom: 5.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-left,
  .p-oubo .p-oubo__step1-right {
    width: 45%;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-left p,
  .p-oubo .p-oubo__step1-right p {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step1-left p,
  .p-oubo .p-oubo__step1-right p {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step1-left p,
  .p-oubo .p-oubo__step1-right p {
    margin-bottom: 1em;
  }
}

.p-oubo .p-oubo__step1-left {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-left .p-linebtn {
    margin-top: 50px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step1-left .p-linebtn {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-left .p-linebtn img {
    width: 188px;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-right p {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step1-right p {
    margin-bottom: 4vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step1-icon {
    right: 0;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step1-icon {
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss .p-oubo__item__title {
    width: 60%;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss .p-oubo__item__ss {
    width: 36%;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss .p-oubo__item__ss {
    width: 35.46667vw;
    margin: 2em auto 0;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 {
    position: relative;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__kind {
    width: 26%;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__kind {
    margin: 5.33333vw auto 4vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title {
    width: 30%;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: left;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h3 {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h3 {
    margin-bottom: vm(60);
  }
}

.p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h4 {
  position: relative;
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h4 {
    margin-top: 74.66667vw;
  }
}

.p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h4:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  display: block;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h4:before {
    border: 20px solid transparent;
    border-top: 20px solid #0073CA;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__title h4:before {
    border: 5.33333vw solid transparent;
    border-top: 5.33333vw solid #0073CA;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__ss {
    padding-top: 50px;
    width: 40%;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__ss {
    width: 35.46667vw;
    margin: 2em auto 0;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__exp-ss2 .p-oubo__item__ss_s4-2 {
    position: absolute;
    left: 50%;
    top: 26.66667vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 64.53333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__item__complete {
    display: inline-block;
    margin: 1.5rem auto 0;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__item__complete {
    display: block;
    width: 20.8vw;
    margin: 0.7em auto 2em;
  }
}

.p-oubo .p-oubo__step4__nextstep {
  position: relative;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep {
    margin-top: 60px;
    padding-left: 26%;
    text-align: left;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep {
    margin-top: 13.33333vw;
    text-align: center;
  }
}

.p-oubo .p-oubo__step4__nextstep textarea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #00B2E1;
  padding: 0.5em;
  height: 6em;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep textarea {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep textarea {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep__title {
    text-align: center;
    margin-bottom: 13.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep__title img:last-child {
    padding-right: 2em;
  }
}

.p-oubo .p-oubo__step4__nextstep__hashtags {
  margin-bottom: 0.5em;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep__hashtags {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep__hashtags {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

.p-oubo .p-oubo__step4__nextstep__hashtags dt {
  font-weight: bold;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep__hashtags dt {
    width: 7.5em;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep__hashtags dt {
    margin-left: auto;
    margin-right: auto;
  }
}

.p-oubo .p-oubo__step4__nextstep__hashtags dd {
  font-weight: normal;
  margin-left: 0;
}

.p-oubo .p-oubo__step4__nextstep__copybtn {
  background-color: #00B2E1;
  text-decoration: none;
  margin: 0.5em 0 2em;
  padding: 0.2em 1.2em;
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__step4__nextstep__copybtn {
    font-size: 1.4rem;
    line-height: 1.785;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__step4__nextstep__copybtn {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo #oubo-check {
    top: 54px;
    left: 72px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo #oubo-check {
    top: 8vw;
    left: -2.66667vw;
    width: 20vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo #oubo-flash-rt {
    top: 73px;
    right: 94px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo #oubo-flash-rt {
    top: 10.66667vw;
    right: -2.66667vw;
    width: 15.2vw;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo #oubo-flash-lb {
    bottom: 65px;
    left: 123px;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo #oubo-flash-lb {
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 639px) {
  .p-oubo .p-oubo__end {
    margin: 60px auto;
  }
}

@media screen and (max-width: 638px) {
  .p-oubo .p-oubo__end {
    margin: 10.66667vw auto 5.33333vw;
  }
}

/* Kiyaku
-------------------------------------------------- */
@media screen and (min-width: 639px) {
  .p-kiyaku {
    padding: 10px 0 130px;
  }
}

@media screen and (max-width: 638px) {
  .p-kiyaku {
    padding: 2.66667vw 0 10.66667vw;
  }
}

.p-kiyaku__title {
  text-align: center;
}

@media screen and (max-width: 638px) {
  .p-kiyaku__title img {
    width: 42.13333vw;
  }
}

.p-kiyaku__area {
  background-color: #fff;
  overflow-y: auto;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  -ms-scrollbar-face-color: #0073CA;
  scrollbar-color: #0073CA #F4F4F4;
}

.p-kiyaku__area::-webkit-scrollbar {
  width: 15px;
  background: #F4F4F4;
}

.p-kiyaku__area::-webkit-scrollbar-thumb {
  background-color: #0073CA;
  border: 4px solid #f4f4f4;
  border-width: 0 4px;
}

.p-kiyaku__area::-webkit-scrollbar-thumb:hover {
  background-color: #0073CA;
}

@media screen and (min-width: 639px) {
  .p-kiyaku__area {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (max-width: 638px) {
  .p-kiyaku__area {
    font-size: 1.2rem;
    line-height: 1.67;
  }
}

@media screen and (min-width: 639px) {
  .p-kiyaku__area {
    width: 850px;
    height: 22em;
    padding: 2em;
  }
}

@media screen and (max-width: 638px) {
  .p-kiyaku__area {
    height: 16em;
    padding: 1em;
  }
}

.p-kiyaku__area h3 {
  margin-top: 2em;
  padding-bottom: 0.5em;
  color: #0073CA;
  border-bottom: 1px solid #251E1C;
}

@media screen and (min-width: 639px) {
  .p-kiyaku__area h3 {
    font-size: 1.8rem;
    line-height: 1.222;
  }
}

@media screen and (max-width: 638px) {
  .p-kiyaku__area h3 {
    font-size: 1.4rem;
    line-height: 1.714;
  }
}

.p-kiyaku__area p {
  margin-bottom: 1.5em;
}

.p-kiyaku__area li {
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (min-width: 639px) {
  .p-kiyaku__area .p-kiyaku__list--dl dt, .p-kiyaku__area .p-kiyaku__list--dl dd {
    display: inline-block;
    vertical-align: top;
  }
}

.p-kiyaku__area .p-kiyaku__list--dl dt {
  width: 11em;
}

.p-kiyaku__area .p-kiyaku__list--dl dd {
  margin-left: 0;
}

@media screen and (min-width: 639px) {
  .p-kiyaku__area .p-kiyaku__list--dl dd {
    width: calc( 100% - 12em);
  }
}

.p-kiyaku__area a:link {
  color: #c2007b;
}

.p-kiyaku__area a:visited {
  color: #c2007b;
}

.p-kiyaku__area a:active,
.p-kiyaku__area a:hover {
  color: #c2007b;
}

/* Contact
-------------------------------------------------- */
.p-contact {
  background-color: #fff;
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-contact {
    padding: 60px 0 80px;
  }
}

@media screen and (max-width: 638px) {
  .p-contact {
    padding: 5.33333vw 0 13.33333vw;
  }
}

.p-contact .l-contentsWrap {
  background: url(../images/contact-back-pc.png) no-repeat center top;
  background-size: 100% auto;
}

@media screen and (min-width: 639px) {
  .p-contact .l-contentsWrap {
    width: 675px;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .l-contentsWrap {
    width: 94%;
    background-image: url(../images/contact-back-sp@2x.png);
  }
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__title {
    font-size: 1.6rem;
    line-height: 1.3125;
  }
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__title {
    padding-top: 1em;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__title {
    margin-top: 0;
    padding-top: 2em;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__title img {
    width: 80.53333vw;
  }
}

.p-contact .p-contact__lead {
  margin: 1em auto;
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__lead {
    font-size: 1.8rem;
    line-height: 1.222;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__lead {
    font-size: 1.6rem;
    line-height: 1.375;
  }
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__lead {
    letter-spacing: 0.1em;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__tel img {
    width: 76.53333vw;
  }
}

.p-contact .p-contact__time {
  margin: 1em auto;
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__time {
    font-size: 1.4rem;
    line-height: 1.428;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__time {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

@media screen and (min-width: 639px) {
  .p-contact .p-contact__time {
    width: 28em;
  }
}

@media screen and (max-width: 638px) {
  .p-contact .p-contact__time {
    text-align: center;
  }
}

.p-contact .p-contact__time dt, .p-contact .p-contact__time dd {
  display: inline-block;
}

.p-contact .p-contact__time dt {
  width: 6em;
}

.p-contact .p-contact__time dd {
  margin-left: 0;
}

/* link
-------------------------------------------------- */
.p-link {
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-link {
    padding: 65px 0 80px;
  }
}

@media screen and (max-width: 638px) {
  .p-link {
    padding: 8vw 0 14.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-link .p-link__title {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 638px) {
  .p-link .p-link__title {
    margin-bottom: 2.66667vw;
  }
}

@media screen and (max-width: 638px) {
  .p-link .p-link__title img {
    width: 68.26667vw;
  }
}

/* Discussion
-------------------------------------------------- */
.p-page__discussion {
  background: url(../images/background.png) repeat left top rgba(0, 167, 222, 0.3);
}

@media screen and (min-width: 639px) {
  .p-page__discussion .l-contentsWrap {
    width: 850px;
  }
}

.p-discussion-top__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 0;
  background-color: #fff;
}

@media screen and (min-width: 639px) {
  .p-discussion-top__title {
    width: 850px;
    height: 360px;
    margin-bottom: 20px;
    border-top: 10px solid #0073CA;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-top__title {
    width: 100%;
    height: 67.46667vw;
    border-top: 2.66667vw solid #0073CA;
  }
}

.p-discussion-about {
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-discussion-about {
    padding: 70px 0 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-about {
    padding: 9.33333vw 0 2.66667vw;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-about__title {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-about__title {
    margin-bottom: 5.33333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-about__title img {
    width: 62.4vw;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-about__lead {
    font-weight: bold;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-about__lead {
    font-size: 2rem;
    line-height: 1.65;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-about__lead {
    font-size: 1.4rem;
    line-height: 1.714;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-members {
    padding: 60px 0 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members {
    padding: 8vw 0 0;
  }
}

.p-discussion-members__title {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 638px) {
  .p-discussion-members__title img {
    width: 25.6vw;
  }
}

.p-discussion-members__title:before, .p-discussion-members__title:after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  border-bottom: 2px dashed #0073CA;
}

@media screen and (min-width: 639px) {
  .p-discussion-members__title:before, .p-discussion-members__title:after {
    width: calc( ( 100% - 150px ) / 2);
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__title:before, .p-discussion-members__title:after {
    width: calc( ( 100% - 32vw ) / 2);
  }
}

.p-discussion-members__title:before {
  left: 0;
}

.p-discussion-members__title:after {
  right: 0;
}

.p-discussion-members__list {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-bottom: 2px dashed #0073CA;
}

@media screen and (min-width: 639px) {
  .p-discussion-members__list {
    padding: 25px 0;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__list {
    padding: 4vw 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-members__item {
    width: 165px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__item {
    width: 38.13333vw;
    margin-bottom: 4vw;
  }
}

.p-discussion-members__item figure {
  text-align: center;
}

.p-discussion-members__name {
  margin: 0.3em auto;
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-discussion-members__name {
    font-size: 2rem;
    line-height: 1.65;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__name {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-members__name .u-small {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__name .u-small {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-members__intro {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-members__intro {
    font-size: 1.2rem;
    line-height: 1.83;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion {
    padding: 100px 0 35px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion {
    padding: 10.66667vw 0 5.33333vw;
  }
}

.p-discussion-discussion__area {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__area {
    width: 700px;
    padding: 50px;
    border-radius: 35px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__area {
    width: 90%;
    padding: 8vw 4vw;
    border-radius: 5.33333vw;
  }
}

.p-discussion-discussion__question {
  position: relative;
  color: #251E1C;
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__question {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__question {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__question {
    margin: 50px 0 30px;
    padding-left: 60px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__question {
    margin: 8vw 0 4vw;
    padding-left: 6.66667vw;
  }
}

.p-discussion-discussion__question:before {
  content: '';
  position: absolute;
  left: 0;
  top: calc(0.8em - 1px);
  border-top: 1px solid #251E1C;
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__question:before {
    width: 55px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__question:before {
    width: 5.33333vw;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers {
    margin: 30px 0 40px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__answers {
    margin: 0 0 8vw;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers dt, .p-discussion-discussion__answers dd {
    font-size: 1.6rem;
    line-height: 2;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers dt, .p-discussion-discussion__answers dd {
    display: inline-block;
    vertical-align: top;
  }
}

.p-discussion-discussion__answers dt {
  font-weight: bold;
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers dt {
    width: 9em;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__answers dt {
    font-size: 1.4rem;
    line-height: 1.57;
  }
}

.p-discussion-discussion__answers dd {
  margin-left: 0;
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers dd {
    width: calc( 100% - 10em);
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__answers dd {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-discussion__answers dd {
    font-size: 1.3rem;
    line-height: 1.69;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers .u-satoi {
    letter-spacing: 0.1em;
  }
}

@media screen and (min-width: 639px) {
  .p-discussion-discussion__answers .u-tanaka {
    letter-spacing: 0.3em;
  }
}

.p-discussion-closebtn {
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-discussion-closebtn {
    margin-bottom: 85px;
  }
}

@media screen and (max-width: 638px) {
  .p-discussion-closebtn {
    margin-bottom: 10.66667vw;
  }
}

/* Shops
-------------------------------------------------- */
.p-page__shops {
  background: url(../images/background.png) repeat left top rgba(0, 167, 222, 0.3);
}

@media screen and (min-width: 639px) {
  .p-page__shops .l-contentsWrap {
    width: 700px;
  }
}

.p-shops-top {
  height: 100%;
}

.p-shops-top__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 0;
}

@media screen and (min-width: 639px) {
  .p-shops-top__title {
    width: 850px;
    height: 360px;
    margin-bottom: 110px;
    border-top: 10px solid #0073CA;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-top__title {
    width: 100%;
    height: 71.46667vw;
    margin-bottom: 13.33333vw;
    border-top: 5.33333vw solid #0073CA;
  }
}

.p-shops-top__title picture {
  width: 100%;
}

.p-shops-top__title img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 639px) {
  .p-shops-main {
    min-height: calc( 100vh - 130px - 470px - 85px - 42px);
    /*min-height: calc( 100vh - 730px );*/
  }
}

.p-shops-shoplist__title {
  position: relative;
  margin: 0;
  background-color: #00B2E1;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__title {
    font-size: 2rem;
    line-height: 1.65;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__title {
    font-size: 1.8rem;
    line-height: 1.56;
  }
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__title {
    margin-top: 35px;
    padding: 1em 0;
    border-radius: 35px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__title {
    margin-top: 4vw;
    padding: 0.8em 0;
    border-radius: 5.33333vw;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__title.u-twolines {
    padding: 0.4em 0;
  }
}

.p-shops-shoplist__title:after {
  content: '';
  position: absolute;
  background: url(../images/shops-acordion-arrow.png) no-repeat center center/contain;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__title:after {
    right: 26px;
    top: calc( 50% - 13px);
    width: 26px;
    height: 26px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__title:after {
    right: 5.33333vw;
    top: calc( 50% - 2.666vw);
    width: 5.33333vw;
    height: 5.33333vw;
  }
}

.p-shops-shoplist__title.is-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.p-shops-shoplist__title.is-open:after {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.p-shops-shoplist__listWrap {
  display: none;
  background-color: #FFF;
  margin-top: 0;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__listWrap {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__listWrap {
    margin-bottom: 6.66667vw;
    padding-bottom: 5.33333vw;
    border-bottom-left-radius: 5.33333vw;
    border-bottom-right-radius: 5.33333vw;
  }
}

.p-shops-shoplist__list {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__list {
    width: 580px;
    padding: 25px 0;
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__list {
    width: 76.26667vw;
    margin: 0 auto 13.33333vw;
    padding-top: 5px;
  }
}

.p-shops-shoplist__item {
  position: relative;
  border-bottom: 2px dashed #00B2E1;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__item {
    margin-top: 25px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__item {
    margin-top: 6.66667vw;
    padding-bottom: 6.66667vw;
  }
}

.p-shops-shoplist__item:last-child {
  border-bottom: none;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__item__name {
    font-size: 1.9rem;
    line-height: 1.33;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__item__name {
    font-size: 1.6rem;
    line-height: 1.47;
  }
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__item__name {
    margin: 0 0 0.2em;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__item__name {
    margin: 0 0 0.4em;
  }
}

.p-shops-shoplist__item__area {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__item__area {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__item__area {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 639px) {
  .p-shops-shoplist__item__address {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-shoplist__item__address {
    font-size: 1.3rem;
    line-height: 1.3;
  }
}

.p-shops-shoplist__listWrap__closebtn {
  text-align: center;
}

.p-shops-closebtn {
  text-align: center;
}

@media screen and (min-width: 639px) {
  .p-shops-closebtn {
    margin: 80px auto 85px;
  }
}

@media screen and (max-width: 638px) {
  .p-shops-closebtn {
    margin: 13.33333vw auto 10.66667vw;
  }
}

.u-full {
  width: 100%;
}

.u-clickable {
  cursor: pointer;
}

.u-dummy {
  background-color: #D9D9D9;
}

@media screen and (min-width: 639px) {
  .u-dummy {
    width: 100%;
  }
}

@media screen and (min-width: 639px) {
  .u-withshadow {
    -webkit-box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
            box-shadow: 5px 5px 0 rgba(0, 167, 222, 0.3);
  }
}

@media screen and (max-width: 638px) {
  .u-withshadow {
    -webkit-box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
            box-shadow: 0.8vw 0.8vw 0 rgba(0, 167, 222, 0.3);
  }
}

.u-trans {
  opacity: 0.4;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-listicon {
  padding-left: 1em;
  text-indent: -1em;
}

.u-colord {
  color: #0073CA;
}

.u-satoi {
  color: #F4A899;
}

.u-bancho {
  color: #848485;
}

.u-tanaka {
  color: #CCAF68;
}

.u-amai {
  color: #598EE7;
}
/*# sourceMappingURL=style.css.map */