@charset "UTF-8";
/*
**  ===================================================================
**  各種設定：var,reset,base-font,break-point
**  ===================================================================
*/
/* resets */
ul, h2, h3, h4, h5, p, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none; }

h2, h3, h4 {
  line-height: 0; }

/*
**  ===================================================================
**  utility CSS ※prefix「u-」
**  ===================================================================
*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.u-tl {
  text-align: left; }

.u-tr {
  text-align: right; }

.u-tc {
  text-align: center; }

.u-rel {
  position: relative;
  z-index: 1; }

.u-ma {
  margin: auto; }

.u-wd60 {
  width: 60%; }

.u-wd70 {
  width: 70%; }

.u-wd80 {
  width: 80%; }

.u-wd90 {
  width: 90%; }

.u-mt0 {
  margin-top: 0%; }

.u-mb0 {
  margin-bottom: 0%; }

.u-mr0 {
  margin-right: 0%; }

.u-ml0 {
  margin-left: 0%; }

.u-mt1 {
  margin-top: 1%; }

.u-mb1 {
  margin-bottom: 1%; }

.u-mr1 {
  margin-right: 1%; }

.u-ml1 {
  margin-left: 1%; }

.u-mt2 {
  margin-top: 2%; }

.u-mb2 {
  margin-bottom: 2%; }

.u-mr2 {
  margin-right: 2%; }

.u-ml2 {
  margin-left: 2%; }

.u-mt3 {
  margin-top: 3%; }

.u-mb3 {
  margin-bottom: 3%; }

.u-mr3 {
  margin-right: 3%; }

.u-ml3 {
  margin-left: 3%; }

.u-mt4 {
  margin-top: 4%; }

.u-mb4 {
  margin-bottom: 4%; }

.u-mr4 {
  margin-right: 4%; }

.u-ml4 {
  margin-left: 4%; }

.u-mt5 {
  margin-top: 5%; }

.u-mb5 {
  margin-bottom: 5%; }

.u-mr5 {
  margin-right: 5%; }

.u-ml5 {
  margin-left: 5%; }

.u-mt6 {
  margin-top: 6%; }

.u-mb6 {
  margin-bottom: 6%; }

.u-mr6 {
  margin-right: 6%; }

.u-ml6 {
  margin-left: 6%; }

.u-mt7 {
  margin-top: 7%; }

.u-mb7 {
  margin-bottom: 7%; }

.u-mr7 {
  margin-right: 7%; }

.u-ml7 {
  margin-left: 7%; }

.u-mt8 {
  margin-top: 8%; }

.u-mb8 {
  margin-bottom: 8%; }

.u-mr8 {
  margin-right: 8%; }

.u-ml8 {
  margin-left: 8%; }

.u-mt9 {
  margin-top: 9%; }

.u-mb9 {
  margin-bottom: 9%; }

.u-mr9 {
  margin-right: 9%; }

.u-ml9 {
  margin-left: 9%; }

.u-mt10 {
  margin-top: 10%; }

.u-mb10 {
  margin-bottom: 10%; }

.u-mr10 {
  margin-right: 10%; }

.u-ml10 {
  margin-left: 10%; }

.u-pt0 {
  padding-top: 0%; }

.u-pb0 {
  padding-bottom: 0%; }

.u-pr0 {
  padding-right: 0% !important; }

.u-pl0 {
  padding-left: 0% !important; }

.u-pt1 {
  padding-top: 1%; }

.u-pb1 {
  padding-bottom: 1%; }

.u-pr1 {
  padding-right: 1% !important; }

.u-pl1 {
  padding-left: 1% !important; }

.u-pt2 {
  padding-top: 2%; }

.u-pb2 {
  padding-bottom: 2%; }

.u-pr2 {
  padding-right: 2% !important; }

.u-pl2 {
  padding-left: 2% !important; }

.u-pt3 {
  padding-top: 3%; }

.u-pb3 {
  padding-bottom: 3%; }

.u-pr3 {
  padding-right: 3% !important; }

.u-pl3 {
  padding-left: 3% !important; }

.u-pt4 {
  padding-top: 4%; }

.u-pb4 {
  padding-bottom: 4%; }

.u-pr4 {
  padding-right: 4% !important; }

.u-pl4 {
  padding-left: 4% !important; }

.u-pt5 {
  padding-top: 5%; }

.u-pb5 {
  padding-bottom: 5%; }

.u-pr5 {
  padding-right: 5% !important; }

.u-pl5 {
  padding-left: 5% !important; }

.u-pt6 {
  padding-top: 6%; }

.u-pb6 {
  padding-bottom: 6%; }

.u-pr6 {
  padding-right: 6% !important; }

.u-pl6 {
  padding-left: 6% !important; }

.u-pt7 {
  padding-top: 7%; }

.u-pb7 {
  padding-bottom: 7%; }

.u-pr7 {
  padding-right: 7% !important; }

.u-pl7 {
  padding-left: 7% !important; }

.u-pt8 {
  padding-top: 8%; }

.u-pb8 {
  padding-bottom: 8%; }

.u-pr8 {
  padding-right: 8% !important; }

.u-pl8 {
  padding-left: 8% !important; }

.u-pt9 {
  padding-top: 9%; }

.u-pb9 {
  padding-bottom: 9%; }

.u-pr9 {
  padding-right: 9% !important; }

.u-pl9 {
  padding-left: 9% !important; }

.u-pt10 {
  padding-top: 10%; }

.u-pb10 {
  padding-bottom: 10%; }

.u-pr10 {
  padding-right: 10% !important; }

.u-pl10 {
  padding-left: 10% !important; }

/*
**  ===================================================================
**  site-header CSS ※block { } block__element { } block_modifier { }（key_value）
**  ===================================================================
*/
/*
**  ===================================================================
**  site-footer CSS ※block { } block__element { } block_modifier { }（key_value）
**  ===================================================================
*/
/*
**  ===================================================================
**  site-navigation CSS ※block { } block__element { } block_modifier { }（key_value）
**  ===================================================================
*/
.page-nav {
  margin-bottom: 5%; }
  .page-nav li {
    margin-bottom: 3%; }

/*
**  ===================================================================
**  site-section CSS ※block { } block__element { } block_modifier { }（key_value）
**  ===================================================================
*/
.table-block {
  padding-top: 5%; }
  .table-block table {
    width: 100%;
    border-collapse: collapse;
    color: #000000;
    border: 1px solid #cdcdcd;
    background-color: #ffffff; }
    .table-block table tr:nth-child(even) {
      background-color: #f1f9fd; }
    .table-block table tr:nth-child(odd) {
      background-color: #ffffff; }
    .table-block table td {
      padding: 3%;
      text-align: left;
      font-size: 12px;
      border-right: 1px solid #cdcdcd;
      border-bottom: 1px solid #cdcdcd; }
    .table-block table .item {
      text-align: left !important; }
  .table-block__note {
    color: #000;
    font-size: 10px;
    line-height: 18px;
    text-align: left; }

/*
**  ===================================================================
**  site-contents CSS ※block { } block__element { } block_modifier { }（key_value）
**  ===================================================================
*/
#p10Area {
  font-family: 'Noto Sans Japanese'; }
  #p10Area img {
    width: 100%; }
  #p10Area .main {
    background-color: #3389ca;
    padding: 10px 10px 35%;
    position: relative; }
    #p10Area .main__memberOnly {
      width: 100%;
      margin: 0 auto 10px; }
    #p10Area .main__caption {
      margin-bottom: 4px; }
    #p10Area .main__note {
      margin-bottom: 8px; }
    #p10Area .main__span__title {
      margin-bottom: 6px; }
    #p10Area .main:after {
      content: "";
      display: block;
      width: calc(100% - 20px);
      height: 100%;
      background-image: url(../img/shopPhoto.png);
      background-size: contain;
      background-position: bottom;
      background-repeat: no-repeat;
      position: absolute;
      bottom: -5%;
      left: 10px; }
  #p10Area .contents {
    padding: 15% 10px 0; }
    #p10Area .contents__button {
      margin-bottom: 15px; }
    #p10Area .contents__notes {
      font-size: 75%;
      font-family: sans-serif; }
    #p10Area .contents-guide {
      border: #e60012 1px solid;
      border-radius: 10px;
      font-size: 75%;
      padding: 10px;
      margin: 15px 0 20px; }
      #p10Area .contents-guide__note {
        text-align: left; }