@charset "utf-8";
/* ======================================================
 * layout_sp.css
 * ------------------------------------------------------
 * @media only screen and (max-width: 767px)
 * Reset
 * Basic
 * General Purpose
 * Common
 * Section
 * Header
 * Gnav
 * hero-content
 * synthetic-list

 * - Footer
 * - Clearfix
 * Media Queries
====================================================== */

@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Reset
  ------------------------------------------------------ */
  /*
  html5doctor.com Reset Stylesheet
  v1.6.1
  Last Updated: 2010-09-17
  Author: Richard Clark - http://richclarkdesign.com
  Twitter: @rich_clark
  */
  html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
  body{line-height:1;}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
  nav ul{list-style:none;}
  blockquote,q{quotes:none;}
  blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
  a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
  ins{background-color:#ff9;color:#000;text-decoration:none;}
  mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
  del{text-decoration: line-through;}
  abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
  table{border-collapse:collapse;border-spacing:0;}
  hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
  input,select{vertical-align:middle;}

  /* ----- custom ----- */
  main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
  h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
  ul,ol{list-style:none;}
  strong{font-weight:bold;}
  em,i{font-style:italic;}
  address{font-style:normal;}
  hr,legend{display:none;}
  time{display:block;}
  sub,sup{position:relative;font-size:74%;line-height:1;}
  sup{top:-.15em;}
  sub{bottom:-.1em;}
  img{max-width:100%;height:auto;vertical-align:top;}

  /* ------------------------------------------------------
   * Basic
  ------------------------------------------------------ */
  html {
    font-size: 62.5%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  body {background: #fff;
    color: #333;
    font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    word-wrap : break-word;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  body *,
  body *::before,
  body *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* ----- a ----- */
  a {
    -webkit-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  }
  a:link    {color:#0075c2;text-decoration:underline;}
  a:visited {color:#0075c2;text-decoration:underline;}
  a:hover   {color:#0075c2;text-decoration:none;}
  a:active  {color:#0075c2;text-decoration:none;}

  /* ----- form ----- */
  input,
  select,
  textarea,
  pre {
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  input[type="text"],
  textarea {
    -webkit-appearance: none;
    appearance: none;
  }

  /* ----- aural ----- */
  .aural {
    display: none !important;
  }

  /* ------------------------------------------------------
   * General Purpose
  ------------------------------------------------------ */
  /* ----- device ----- */
  .sp-hidden {
    display: none !important;
  }
  /* ----- width ----- */
  .gp-sp-w-auto{width:auto!important;}.gp-sp-w-001per{width:1%!important;}.gp-sp-w-002per{width:2%!important;}.gp-sp-w-003per{width:3%!important;}.gp-sp-w-004per{width:4%!important;}.gp-sp-w-005per{width:5%!important;}.gp-sp-w-006per{width:6%!important;}.gp-sp-w-007per{width:7%!important;}.gp-sp-w-008per{width:8%!important;}.gp-sp-w-009per{width:9%!important;}.gp-sp-w-010per{width:10%!important;}.gp-sp-w-011per{width:11%!important;}.gp-sp-w-012per{width:12%!important;}.gp-sp-w-013per{width:13%!important;}.gp-sp-w-014per{width:14%!important;}.gp-sp-w-015per{width:15%!important;}.gp-sp-w-016per{width:16%!important;}.gp-sp-w-017per{width:17%!important;}.gp-sp-w-018per{width:18%!important;}.gp-sp-w-019per{width:19%!important;}.gp-sp-w-020per{width:20%!important;}.gp-sp-w-021per{width:21%!important;}.gp-sp-w-022per{width:22%!important;}.gp-sp-w-023per{width:23%!important;}.gp-sp-w-024per{width:24%!important;}.gp-sp-w-025per{width:25%!important;}.gp-sp-w-026per{width:26%!important;}.gp-sp-w-027per{width:27%!important;}.gp-sp-w-028per{width:28%!important;}.gp-sp-w-029per{width:29%!important;}.gp-sp-w-030per{width:30%!important;}.gp-sp-w-031per{width:31%!important;}.gp-sp-w-032per{width:32%!important;}.gp-sp-w-033per{width:33%!important;}.gp-sp-w-034per{width:34%!important;}.gp-sp-w-035per{width:35%!important;}.gp-sp-w-036per{width:36%!important;}.gp-sp-w-037per{width:37%!important;}.gp-sp-w-038per{width:38%!important;}.gp-sp-w-039per{width:39%!important;}.gp-sp-w-040per{width:40%!important;}.gp-sp-w-041per{width:41%!important;}.gp-sp-w-042per{width:42%!important;}.gp-sp-w-043per{width:43%!important;}.gp-sp-w-044per{width:44%!important;}.gp-sp-w-045per{width:45%!important;}.gp-sp-w-046per{width:46%!important;}.gp-sp-w-047per{width:47%!important;}.gp-sp-w-048per{width:48%!important;}.gp-sp-w-049per{width:49%!important;}.gp-sp-w-050per{width:50%!important;}.gp-sp-w-051per{width:51%!important;}.gp-sp-w-052per{width:52%!important;}.gp-sp-w-053per{width:53%!important;}.gp-sp-w-054per{width:54%!important;}.gp-sp-w-055per{width:55%!important;}.gp-sp-w-056per{width:56%!important;}.gp-sp-w-057per{width:57%!important;}.gp-sp-w-058per{width:58%!important;}.gp-sp-w-059per{width:59%!important;}.gp-sp-w-060per{width:60%!important;}.gp-sp-w-061per{width:61%!important;}.gp-sp-w-062per{width:62%!important;}.gp-sp-w-063per{width:63%!important;}.gp-sp-w-064per{width:64%!important;}.gp-sp-w-065per{width:65%!important;}.gp-sp-w-066per{width:66%!important;}.gp-sp-w-067per{width:67%!important;}.gp-sp-w-068per{width:68%!important;}.gp-sp-w-069per{width:69%!important;}.gp-sp-w-070per{width:70%!important;}.gp-sp-w-071per{width:71%!important;}.gp-sp-w-072per{width:72%!important;}.gp-sp-w-073per{width:73%!important;}.gp-sp-w-074per{width:74%!important;}.gp-sp-w-075per{width:75%!important;}.gp-sp-w-076per{width:76%!important;}.gp-sp-w-077per{width:77%!important;}.gp-sp-w-078per{width:78%!important;}.gp-sp-w-079per{width:79%!important;}.gp-sp-w-080per{width:80%!important;}.gp-sp-w-081per{width:81%!important;}.gp-sp-w-082per{width:82%!important;}.gp-sp-w-083per{width:83%!important;}.gp-sp-w-084per{width:84%!important;}.gp-sp-w-085per{width:85%!important;}.gp-sp-w-086per{width:86%!important;}.gp-sp-w-087per{width:87%!important;}.gp-sp-w-088per{width:88%!important;}.gp-sp-w-089per{width:89%!important;}.gp-sp-w-090per{width:90%!important;}.gp-sp-w-091per{width:91%!important;}.gp-sp-w-092per{width:92%!important;}.gp-sp-w-093per{width:93%!important;}.gp-sp-w-094per{width:94%!important;}.gp-sp-w-095per{width:95%!important;}.gp-sp-w-096per{width:96%!important;}.gp-sp-w-097per{width:97%!important;}.gp-sp-w-098per{width:98%!important;}.gp-sp-w-099per{width:99%!important;}.gp-sp-w-100per{width:100%!important;}

  /* ----- margin ----- */
  .gp-mt-0{margin-top:0!important;}
  .gp-mr-0{margin-right:0!important;}
  .gp-mb-0{margin-bottom:0!important;}
  .gp-ml-0{margin-left:0!important;}

  /* ----- padding ----- */
  .gp-pt-0{padding-top:0!important;}
  .gp-pr-0{padding-right:0!important;}
  .gp-pb-0{padding-bottom:0!important;}
  .gp-pl-0{padding-left:0!important;}

  /* ----- border ----- */
  .gp-bd-none{border:none!important;}
  .gp-bd-t-none{border-top:none!important;}
  .gp-bd-r-none{border-right:none!important;}
  .gp-bd-b-none{border-bottom:none!important;}
  .gp-bd-l-none{border-left:none!important;}

  /* ----- br ----- */
  .gp-br-all{word-break:break-all!important;}
  .gp-br-nowrap{white-space:nowrap!important;}

  /* ----- align ----- */
  .gp-al-center{text-align:center!important;}
  .gp-al-right{text-align:right!important;}
  .gp-al-left{text-align:left!important;}
  .gp-al-top{vertical-align:top!important;}
  .gp-al-middle{vertical-align:middle!important;}
  .gp-al-bottom{vertical-align:bottom!important;}

  /* ----- font ----- */
  .f-bold{font-weight:bold!important;}
  .f-color{color:#e90f0f!important;}
  .f-highlight{color:#e90f0f!important;font-weight:bold!important;}
  .f-italic{font-style:italic!important;}
  .f-underline{text-decoration:underline!important;}
  .f-strike{text-decoration:line-through!important;}
  .f-normal-weight{font-weight:normal!important;}
  .f-normal-style{font-style:normal!important;}



  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */

  /* ------------------------------------------------------
   * Parts
  ------------------------------------------------------ */
  [data-row-sp]{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  [data-row-pc] > * {
    margin-left: 15px;
  }
  [data-row-sp="2"] > *:nth-child(-n+2),
  [data-row-sp="3"] > *:nth-child(-n+3),
  [data-row-sp="4"] > *:nth-child(-n+4),
  [data-row-sp="5"] > *:nth-child(-n+5) {
    margin-top: 0 !important;
  }
  [data-row-sp="1"] > *,
  [data-row-sp="2"] > *:nth-child(2n+1),
  [data-row-sp="3"] > *:nth-child(3n+1),
  [data-row-sp="4"] > *:nth-child(4n+1),
  [data-row-sp="5"] > *:nth-child(5n+1) {
    margin-left: 0 !important;
  }
  [data-row-sp="2"] > * {
    width: calc((100% - 15px) / 2);
  }
  [data-row-sp="3"] > * {
    width: calc((100% - 30px) / 3);
  }
  [data-row-sp="4"] > * {
    width: calc((100% - 45px) / 4);
  }
  [data-row-sp="5"] > * {
    width: calc((100% - 60px) / 5);
  }
  /* ----- column-layout ----- */
  .column-layout > .column_item {
    padding-bottom: 30px;
    margin-top: 10px;
  }

  /* ----- Btn Parts ----- */
  .linkBtn{
    margin-top: 25px;
  }
  .linkBtn a{
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    color: #16509f;
    border: 1px solid #16509f;
  }

  /* ------------------------------------------------------
   * Section
  ------------------------------------------------------ */
  section{
    padding: 15px 15px 30px;
  }
  section:nth-of-type(odd){
    background: #f5f5f5;
  }

  /* ------------------------------------------------------
   * Heading
  ------------------------------------------------------ */
  .heading-lv2{
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
  }
  .heading-lv2 .heading_title{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
  }
  .heading-lv2 .heading_subtitle{
    font-size: 12px;
    font-size: 1.2rem;
  }
  .top-memberswrap .heading-lv3 {
    color: #333333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .top-memberswrap .heading-lv3 .heading_title{
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
  }
  .heading-lv2_type02{
    color: #333333;
    text-align: center;
    margin-bottom: 27px;
  }
  .heading-lv2_type02 .heading_title{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
  }
  .heading-lv2_type02 .heading_subtitle{
    font-size: 12px;
    font-size: 1.2rem;
  }
  .heading-lv2_type03{
    color: #333333;
    text-align: center;
    margin-bottom: 12px;
  }
  .heading-lv2_type03 .heading_title{
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
  }
  /* ------------------------------------------------------
   * Header
  ------------------------------------------------------ */
  #header {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #9a9a9a;
    background-color: #fff;
  }
  #header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }
 /* #header .top-appbnr {
    position: relative;
    margin-top: -300px;
    z-index: 2;
  }*/
  /*.header-fix-wrap{
    position: fixed;
    top: 0;
    left: 0;
  }*/


  #header .header-fix-wrap{
  width: 100%;
  height: auto;
  }
  #header .header-fixheight{
  height: 55px;
  }

  #headerBody{
    width: 100%;
    height: 55px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #9a9a9a;
    background-color: #fff;
  }
  .HeaderBody.is-fixed{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
  }

  #headerBody > .header-identity{
    margin-left: 15px;
  }
  #headerBody > .Gnav{
    flex: 0 0 120px;
  }
  #headerBody > .header-identity,
  #headerBody > .store-logo,
  #headerBody > .Gnav{
    width: 25% ;
  }


  /* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .Gnav > .GnavBody > .gnavUtil{
    display: -webkit-flex;
    display: flex;
  }
  .Gnav > .GnavBody > .gnavUtil > li.language{
    width: 70px;
    height: 55px;
  }
  .Gnav > .GnavBody > .gnavUtil > li.menu{
    width: 50px;
    height: 55px;
  }
  .Gnav > .GnavBody > .gnavUtil > li:last-child{
    margin-right: 0px;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a{
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 5px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnavUtil > li.language > a:before{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 50%;
    margin-left: -10px;
    background: url(/common_new/img/com_menu_ic01.png) 0 no-repeat;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    content: "";
  }

  /*-- #menu 見た目 --*/
  .Gnav > .GnavBody > .gnavUtil > li > a > span[class*="line"]{
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    left: 50%;
    margin-left: -15px;
    background: #333333;
  }
  .Gnav > .GnavBody > .gnavUtil > li.language > a > span[class*="line"]{
    background-color: transparent;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger.is-open{
    background: #333;
    color: #fff;
    border-bottom: 1px solid #9a9a9a;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger.is-open::after {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3);
    content: '';
  }
  .Gnav > .GnavBody > .gnavUtil > li.language > a.js-menu-trigger.is-open:before{
    background-image: none;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span{
    z-index: 2;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line01{
    top: 10px;
    -webkit-animation: menu-bar01 .3s forwards;
    animation: menu-bar01 .3s forwards;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line02{
    top: 18px;
    transition: all .2s .2s;
    opacity: 1;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line03{
    top: 26px;
    -webkit-animation: menu-bar02 .3s forwards;
    animation: menu-bar02 .3s forwards;
  }
  @-webkit-keyframes menu-bar01 {
    0% {-webkit-transform: translateY(8px) rotate(45deg);}
    50% {-webkit-transform: translateY(8px) rotate(0);}
    100% {-webkit-transform: translateY(0) rotate(0);}
  }
  @keyframes menu-bar01 {
    0% {transform: translateY(8px) rotate(45deg);}
    50% {transform: translateY(8px) rotate(0);}
    100% {transform: translateY(0) rotate(0);}
  }
  @-webkit-keyframes menu-bar02 {
    0% {-webkit-transform: translateY(-8px) rotate(-45deg);}
    50% {-webkit-transform: translateY(-8px) rotate(0);}
    100% {-webkit-transform: translateY(0) rotate(0);}
  }
  @keyframes menu-bar02 {
    0% {transform: translateY(-8px) rotate(-45deg);}
    50% {transform: translateY(-8px) rotate(0);}
    100% {transform: translateY(0) rotate(0);}
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger.is-open > span.line01{
    background: #fff;
    -webkit-animation: active-menu-bar01 .3s forwards;
    animation: active-menu-bar01 .3s forwards;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger.is-open > span.line02{
    opacity: 0;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger.is-open > span.line03{
    background: #fff;
    -webkit-animation: active-menu-bar02 .3s forwards;
    animation: active-menu-bar02 .3s forwards;
  }
  @-webkit-keyframes active-menu-bar01 {
    0% {-webkit-transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(8px) rotate(0);}
    100% {-webkit-transform: translateY(8px) rotate(45deg); }
  }
  @keyframes active-menu-bar01 {
    0% {transform: translateY(0) rotate(0);}
    50% {transform: translateY(8px) rotate(0);}
    100% {transform: translateY(8px) rotate(45deg);}
  }
  @-webkit-keyframes active-menu-bar02 {
    0% {-webkit-transform: translateY(0) rotate(0);}
    50% {-webkit-transform: translateY(-8px) rotate(0);}
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);}
  }
  @keyframes active-menu-bar02 {
    0% {transform: translateY(0) rotate(0);}
    50% {transform: translateY(-8px) rotate(0);}
    100% {transform: translateY(-8px) rotate(-45deg);}
  }

  .Gnav > .GnavBody > .gnavUtil > li > a > span.label{
    font-size: 8px;
    font-size: .8rem;
    font-weight: bold;
  }
  .Gnav > .GnavBody > .gnav-list{
    position: fixed;
    top: auto;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 124px);
    display: none;
    padding: 15px;
    background: #333333;
    overflow-y: scroll;
    z-index: 9999;
    margin-bottom: 30px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li{
    border-bottom: 1px solid #6d6d6d;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li:last-child{
    border-bottom: 1px solid #f4f4f4;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li > a{
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 15px 15px 15px 0px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li > a:after{
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.current > a{
    color: #858585;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.current > a:after{
    display: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul.icon-list > li > a{
   padding-left: 30px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li > a:before{
    content: "";
    position: absolute;
    width: 23px;
    height: 20px;
    top: 50%;
    left: 0;
    margin-top: -12px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.top > a:before {
    background: url(/common_new/img/com_menu_ic02.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.topics > a:before{
    background: url(/common_new/img/com_menu_ic03.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.event > a:before{
    background: url(/common_new/img/com_menu_ic04.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.floor > a:before{
    background: url(/common_new/img/com_menu_ic05.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.search > a:before{
    background: url(/common_new/img/com_menu_ic06.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.restaurant > a:before{
    background: url(/common_new/img/com_menu_ic07.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.hours > a:before{
    background: url(/common_new/img/com_menu_ic08.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.access > a:before{
    background: url(/common_new/img/com_menu_ic09.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li.service > a:before{
    background: url(/common_new/img/com_menu_ic10.png) no-repeat 0;
    -webkit-background-size: 23px 20px;
    background-size: 23px 20px;
  }
  .Gnav > .GnavBody > .gnav-list .gnav-btn{
    width: 100%;
    margin: 0 auto;
    padding: 30px 50px;
  }
  .Gnav > .GnavBody > .gnav-list .gnav-btn > a{
    position: relative;
    display: block;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.no-link {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 15px 0;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.no-link > .Alignment_child {
    margin-top: 10px;
    padding: 0 0 0 20px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.no-link > .Alignment_child > .Alignment_child_item > a {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 6px 15px 6px 0;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.no-link > .Alignment_child > .Alignment_child_item > a::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.no-link > .Alignment_child > .Alignment_child_item > a .Alignment_small {
    font-size: 13px;
  }

  /* ------------------------------------------------------
   * store-info
  ------------------------------------------------------ */
  #store-info {
    display: none;
    padding: 15px 15px 13px;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
  }
#store-info p{
    padding-left: 1.5em;
  }
#store-info .link-type01 a{
    position: relative;
    color: #333333;
    text-decoration: none;
  }
#store-info .link-type01 a:before{
    content: "";
    position: absolute;
    left: -15px;
    top: 0.3em;
    width: 6px;
    height: 6px;
    border-top: 1px solid #16509f;
    border-right: 1px solid #16509f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }

  /* ------------------------------------------------------
   * hero-content
  ------------------------------------------------------ */
  .hero-content > .multiple-item{
    position: relative;
  }
  .hero-content:has(.control-wrap) > .multiple-item{
    margin-bottom: 0;
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide a {
    display: block;
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide a:focus {
    outline: 2px solid #333;
    color: #333;
    outline-offset:-2px;
  }
  .hero-content > .multiple-item .slick-slide a:active{
    outline: none;
  }
  .hero-content > .multiple-item .slick-arrow {
    display: none !important;
  }
  .hero-content > .control-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }
  .hero-content > .control-wrap > .control-pager {
    padding-bottom: 9px;
  }
  .hero-content > .control-wrap > .control-pager > .slick-dots {
    position: static;
    bottom: 0;
    line-height: 1.3;
  }
  .hero-content > .control-wrap > .control-pager > .slick-dots li button:focus {
    outline: solid #333;
  }
  .hero-content > .multiple-item > .slick-dots li button:before,
  .hero-content > .control-wrap > .control-pager > .slick-dots li button:before{
    font-size: 16px;
  }
  .hero-content .control-switch {
    display: flex;
    align-items: center;
  }
  .hero-content .control-switch > .control-pause {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: transparent;
    text-indent: -9999em;
    outline: none;
    margin: 0 .4em 0 .625em;
    cursor: pointer;
  }
  .hero-content .control-switch > .control-pause:focus,
  .hero-content .control-switch > .control-play:focus {
    outline: auto;
  }
  .hero-content .control-switch > .control-pause::before,
  .hero-content .control-switch > .control-pause::after {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #333;
    content: "";
  }
  .hero-content .control-switch > .control-pause::before {
    left: 0;
  }
  .hero-content .control-switch > .control-pause::after {
    right: 0;
  }
  .hero-content .control-switch > .control-play {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 16px;
    padding: 0;
    border: none;
    background-color: transparent;
    text-indent: -9999em;
    outline: none;
    margin: 0 .4em 0 .625em;
    cursor: pointer;
  }
  .hero-content .control-switch > .control-play::before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    margin: -8px 0 0 0;
    border-style: solid;
    border-width: 8px 14px;
    border-color: transparent transparent transparent #333;
    content: "";
  }

  /* ------------------------------------------------------
   * specialInfo
  ------------------------------------------------------ */
  #specialInfo{
    background-color: #f5f5f5;
    padding: 25px 15px;
  }
  #specialInfo .newsBox > li{
    margin-top: 10px;
  }
  #specialInfo .newsBox > li:first-child{
    margin-top: 0px;
  }
  #specialInfo .newsBox > li > a{
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    padding-left: 1.5em;
  }
  #specialInfo .newsBox > li > a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0.5em;
    width: 6px;
    height: 6px;
    border-top: 1px solid #16509f;
    border-right: 1px solid #16509f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .newsBox > li > a > .strong03,
  .newsBox > li .strong03,
  #specialInfo .newsBox > li > a > .strong03,
  #specialInfo .newsBox > li .strong03{
    color: #d11212;
  }
  .newsBox > li > a > .strong04,
  .newsBox > li > .strong04,
  #specialInfo .newsBox > li > a > .strong04,
  #specialInfo .newsBox > li .strong04{
    font-weight: bold;
  }
  .newsBox > li > a > .strong05,
  .newsBox > li > .strong05,
  #specialInfo .newsBox > li > a > .strong05,
  #specialInfo .newsBox > li .strong05{
    font-size: 20px;
  }
  #specialInfo .newsBox > li > a > .icon{
    margin-top: 0.3em;
    margin-left: 0.5em;
  }
  #specialInfo .linkBtn {
    margin-top: 0;
  }
  #specialInfo .newsBox + .linkBtn {
    margin-top: 25px;
  }

  /* ------------------------------------------------------
   * synthetic-list
  ------------------------------------------------------ */
  .synthetic-list{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 10px 6px;
    justify-content: center;
   }
  .synthetic-list li{
    width: calc(100% / 4);
    padding-top: 50px;
    margin-bottom: 15px;
  }
  .synthetic-list li:nth-child(4n),
  .synthetic-list li:last-child{
    margin-right: 0px;
  }
  .synthetic-list li a{
    position: relative;
    display: block;
    color: #333333;
    text-align: center;
    text-decoration: none;
  }
  .synthetic-list li a:before{
    content: "";
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 50px auto;
    background-size: 50px auto;
  }
  .synthetic-list li.calendar a:before{
    background-image: url(/common_new/img/com_top_ic01.png);
  }
  .synthetic-list li.floorGuide a:before{
    background-image: url(/common_new/img/com_top_ic02.png);
  }
  .synthetic-list li.brandSearch a:before{
    background-image: url(/common_new/img/com_top_ic03.png);
  }
  .synthetic-list li.restaurant a:before{
    background-image: url(/common_new/img/com_top_ic04.png);
  }
  .synthetic-list li.businessHours a:before{
    background-image: url(/common_new/img/com_top_ic05.png);
  }
  .synthetic-list li.access a:before{
    background-image: url(/common_new/img/com_top_ic06.png);
  }
  .synthetic-list li.serviceGuide a:before{
    background-image: url(/common_new/img/com_top_ic07.png);
  }
  .synthetic-list li.onlineStore a:before{
    background-image: url(/common_new/img/com_top_ic08.png);
  }
  .synthetic-list li a span{
    font-size: 9px;
    font-size: 0.9rem;
    font-weight: bold;
  }

  /* ------------------------------------------------------
   * categoryItem
  ------------------------------------------------------ */
  .top-categorywrap{
    position: relative;
    margin: 20px 0 0;
  }
  .top-categorywrap .category-fixbox{
    width: 100%;
    background: #fff;
    z-index: 9998;
  }
  .top-categorywrap .categrty-title_list{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow-x: auto;
    padding: 15px 0;
  }
  .top-categorywrap .categrty-title_list .list_item{
    white-space: nowrap;
    font-size: 12px;
    padding: 0 20px;
    cursor: pointer;
    background: none;
    border: none;
    display: block;
    color: #333;
  }
  .top-categorywrap .categrty-title_list .list_item.is-current{
    color: #16509f;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 4px solid #16509f;
  }
  .top-categorywrap .categrty-title p{
    width: 170px;
    font-size: 12px;
    padding: 5px 10px 5px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
  }
  .top-categorywrap .categrty-title p.slick-active{
    font-size: 15px;
    font-weight: bold;
    margin-top: -8px;
    border-bottom: 4px solid #16509f;
    color: #16509f;
  }
  .top-categorywrap .categrty-wrap{
    padding: 30px 15px;
  }
  .top-categorywrap .categrty-wrap .slick-list{
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
  }
  .top-categorywrap .categrty-wrap .slick-slide{
    overflow: hidden;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a{
    display: block;
    color: #333333;
    text-decoration: none;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item > a:focus{
    outline: solid 2px #333;
    outline-offset: -2px;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item > a:active{
    outline: none;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-state{
    color: #fff;
    display: inline-block;
    background-color: #333333;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 10px;
    text-align: center;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-read{
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 5px;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-period{
    font-size: 10px;
    font-size: 1.0rem;
    margin-top: 5px;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-period > span{
    font-size: 12px;
    font-size: 1.2rem;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-note{
    position: relative;
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 5px;
    padding-left: 1.5em;
  }
  .top-categorywrap .categrty-wrap .column-layout .column_item a > .item-note:before{
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
  }
  .top-categorywrap .categrty-wrap .moreBtn{
    margin-top: 30px;
    width: 100%;
  }
  .top-categorywrap .categrty-wrap .moreBtn a{
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px;
    color: #16509f;
    border: 1px solid #16509f;
  }
  .top-categorywrap .categrty-wrap .moreBtn a:focus {
    outline: auto;
  }
  .top-categorywrap .categrty-wrap .moreBtn a:after{
    position: absolute;
    content: "+";
    top: 15px;
    right: 15px;
  }

  /* ------------------------------------------------------
   * top-servicewrap
  ------------------------------------------------------ */
  .top-servicewrap .column-element{
    border: 2px solid #e2e2e2;
    margin-top: 10px;
  }
  .top-servicewrap .column-element a{
    color: #333333;
    text-decoration: none;
  }
  .top-servicewrap .column-element .column-wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    background-color: #fff;
  }
  .top-servicewrap .column-element .column-wrap > .column-image{
    width: 30%;
  }
  .top-servicewrap .column-element .column-wrap > .column-detail{
    width: 67%;
    margin-left: 3%;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #16509f;
  }
  .top-servicewrap .column-element .column-element-nolink .column-box .column-wrap > .column-detail {
    color: #333333;
  }
  .top-servicewrap .column-element .column-box .column-text{
    padding: 10px;
    background: #fff;
  }

  /* ------------------------------------------------------
   * top-shoppingwrap
  ------------------------------------------------------ */
  .top-shoppingwrap{
    margin: 0 -10px;
  }
  .top-shoppingwrap > .slide-box > .slide-list  li{
    width: 320px;
    padding: 0 10px;
  }
  .top-shoppingwrap > .slide-box .slick-arrow {
    display: none !important;
  }
  .top-shoppingwrap > .slide-box > .slide-list  li > a{
    display: block;
    color: #333333;
    text-decoration: none;
  }
  .top-shoppingwrap > .slide-box > .slide-list li a:active{
    outline: none;
  }
  .top-shoppingwrap > .slide-box > .slide-list  li > a > .item-read{
    margin-top: 10px;
    font-weight: bold;
  }
  .top-shoppingwrap > .slide-box > .slide-list  li > a > .item-period{
    margin-top: 10px;
  }

  /* ------------------------------------------------------
   * top-memberswrap
  ------------------------------------------------------ */
  .top-memberswrap{

  }
  .top-memberswrap .column-element a{
    color: #333333;
    text-decoration: none;
  }
  .top-memberswrap .column-element .column-wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 10px;
    background: #fff;
    padding: 10px;
  }
  .top-memberswrap .column-element .column-wrap > .column-image{
    width: 25%;
  }
  .top-memberswrap .column-element:first-child{
    text-align: center;
  }
	.top-memberswrap .column-element:first-child .column-wrap > .column-image img{
    width: 60%;
  }
  .top-memberswrap .column-element .column-wrap > .column-detail{
    width: 70%;
    margin-left: 5%;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
  }
  /* ----- socialWrap ----- */
  .socialWrap{
    margin-top: 30px;
    padding: 0;
  }
  .socialWrap > ul{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .socialWrap > ul > li{
    width: 50px;
    margin-right: 20px;
  }
  .socialWrap > ul > li:last-child{
    margin-right: 0;
  }
  .socialWrap.type02 > ul{
		flex-wrap: wrap;
		width: 210px;
		margin: 0 auto;
  }
  .socialWrap.type02 > ul > li:nth-child(3n){
    margin-right: 0;
  }
  .socialWrap.type02 > ul > li:nth-child(n+4){
    margin-top: 20px;
  }
  /* ------------------------------------------------------
   * top-specialInfo
  ------------------------------------------------------ */
  .top-specialInfo .moreBtn{
    margin-top: 30px;
    width: 100%;
  }
  .top-specialInfo .moreBtn a{
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px;
    color: #16509f;
    border: 1px solid #16509f;
  }
  .top-specialInfo .moreBtn a:focus {
    outline: none;
  }
  .top-specialInfo .moreBtn a:after{
    position: absolute;
    content: "+";
    top: 15px;
    right: 15px;
  }
  .top-specialInfo .moreBtn a.is-active:after{
    content: "-";
  }

  /* ------------------------------------------------------
   * top-naviNews
  ------------------------------------------------------ */
  .top-naviNews {
    padding: 27px 15px 25px;
    background-color: #fff !important;
  }
  .top-naviNews .newsBox > li{
    margin-top: 10px;
  }
  .top-naviNews .newsBox > li:first-child{
    margin-top: 0px;
  }
  .top-naviNews .newsBox > li > a{
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    padding-left: 1.5em;
  }
  .top-naviNews .newsBox > li > a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0.5em;
    width: 6px;
    height: 6px;
    border-top: 1px solid #16509f;
    border-right: 1px solid #16509f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .top-naviNews .newsBox > li > a > .icon{
    margin-top: 0.3em;
    margin-left: 0.5em;
  }
  .top-naviNews .newsBox + .linkBtn {
    margin-top: 25px;
  }
  /* ------------------------------------------------------
   * linkArea
  ------------------------------------------------------ */
  .linkArea{
    padding: 30px 15px 45px;
  }
  .linkArea.mt-narrow {
    margin-top: -30px;
  }
  .linkArea .column-layout > .column_item {
    padding-bottom: 15px;
  }
  .linkArea .column-layout > .column_item > a{
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
  }
  .linkArea .column-layout > .column_item .item-text{
    margin-top: 5px;
  }

  /* ------------------------------------------------------
   * featuresArea
  ------------------------------------------------------ */
  .top-featureswrap {
    margin-top: 15px;
  }
  .top-featureswrap_type02 {
    margin-top: 15px;
  }
  .featuresArea{
    padding: 0 15px 45px;
  }
  .featuresArea .column-layout.center-column {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .featuresArea .column-layout > .column_item {
    padding-bottom: 15px;
  }
  .featuresArea .column-layout > .column_item > a{
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
  }
  .featuresArea .column-layout > .column_item .item-text{
    margin-top: 5px;
  }
  .featuresArea .inner-block .topblog-list{
    height: 600px;
    margin-top: 20px;
    display: block;
    width: 100%;
    border: none;
  }
  .featuresArea .inner-block .topblog-list.type02{
    height: 1160px;
  }
  .featuresArea .inner-block .topblog-list.type03{
    height: 252px;
  }
  .featuresArea .inner-block .topblog-list.type04{
    height: 327px;
  }
  .featuresArea .inner-block .topblog-list.type05{
    height: 308px;
  }

  /* ------------------------------------------------------
   * sustainabilityArea
  ------------------------------------------------------ */
  .top-sustainabilitywrap {
    margin-top: 15px;
  }
  .sustainabilityArea{
    padding: 0 15px;
  }
  .sustainabilityArea .column-layout.center-column {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .sustainabilityArea .column-layout > .column_item {
    padding-bottom: 15px;
  }
  .sustainabilityArea .column-layout > .column_item > a{
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
    text-decoration: none;
  }
  .sustainabilityArea .column-layout > .column_item .item-text{
    margin-top: 5px;
  }
  .sustainabilityArea .inner-block .topblog-list{
    height: 600px;
  }
  .sustainabilityArea .inner-block .topblog-list.type02{
    height: 1160px;
  }

  /* ------------------------------------------------------
   * foreignArea
  ------------------------------------------------------ */
  .top-foreignwrap {
    padding-bottom: 60px;
  }
  .top-foreignwrap .heading-lv2 {
    margin-bottom: 15px;
  }
  .foreign-bnr {
    padding: 0 20px;
    text-align: center;
  }
  .foreign-sns {
    margin-top: 30px;
    text-align: center;
  }
  .foreign-sns-item {
    display: inline-block;
    width: 52px;
    margin: 0 10px;
    line-height: 1;
  }
  .foreign-sns-item img {
    width: 52px;
    height: auto;
    vertical-align: bottom;
  }

  /* v2 */
  .top-foreignwrap-v2 {
    padding: 25px 15px 0;
  }
  .top-foreignwrap-v2 .card-col {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 20px auto 0;
  }
  .top-foreignwrap-v2 .card-col .card {
    width: 50%;
    padding-right: 7px;
    text-align: right;
  }
  .top-foreignwrap-v2 .card-col .card img {
    max-width: 120px;
  }
  .top-foreignwrap-v2 .card-col .notice {
    width: 50%;
    padding-left: 7px;
  }
  .top-foreignwrap-v2 .contact-block {
    margin-top: 17px;
  }
  .top-foreignwrap-v2 .contact-block .contact-heading {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
  }
  .top-foreignwrap-v2 .contact-block .foreign-sns {
    margin-top: 10px;
  }

  /* foreign-payment */
  .top-foreignwrap-v2 .foreign-payment {
    width: 100%;

  }
  .top-foreignwrap-v2 .foreign-payment-title {
    margin-top: 25px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .top-foreignwrap-v2 .foreign-payment-inner {
    margin-top: 19px;
  }
  .foreign-payment-inner .foreign-payment-upper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    margin: 0 10px;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon  {
    margin: 0;
  }
  .foreign-payment-inner .foreign-payment-upper .type01 {
    width: 15.9%;
  }
  .foreign-payment-inner .foreign-payment-upper .type02 {
    width: 29.42%;
  }
  .foreign-payment-inner .foreign-payment-upper .type03 {
    width: 16.52%;
  }
  .foreign-payment-inner .foreign-payment-upper .type04 {
    width: 13.46%;
  }
  .foreign-payment-inner .foreign-payment-upper .type05 {
    width: 16.67%;
  }
  .foreign-payment-inner .foreign-payment-upper .type06 {
    width: 19.07%;
  }
  .foreign-payment-inner .foreign-payment-upper .type07 {
    width: 16.37%;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon:nth-of-type(n+2) {
    margin-left: 24px;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon:nth-of-type(n+5) {
    margin-top: 13px;
    margin-left: 26px;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon:nth-of-type(5) {
    margin-left: 0;
  }
  .foreign-payment-inner .foreign-payment-lower {
    display: flex;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #333;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon {
    position: relative;
    min-width: 90px;
    margin: 8px 10px 0 0;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon::before {
    position: absolute;
    content: "";
    background-color: #0075c1;
    width: 1px;
    height: 72px;
    top: 7px;
    left: 98px;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon-v2-container {
    display: flex;
    flex-wrap: wrap;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2 {
    width: calc((100% - 54px) / 6);
    margin-left: 9px;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+2) {
    margin-left: 9px;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+7) {
    margin-top: 6px;
  }

  /* ------------------------------------------------------
   * top-onlinestore-wrap
  ------------------------------------------------------ */
  .top-onlinestore-wrap {
    margin: 20px 0 0;
  }
  section.top-onlinestore-wrap {
    padding: 0;
  }
  .top-onlinestore_img {
    margin: 0 auto;
    width: 140px;
  }
  .top-onlinestore_img_type02 {
    margin:10px auto 0;
    width: 100%;
  }
  /* ------------------------------------------------------
   * top-depaco-wrap
  ------------------------------------------------------ */
  .top-depaco-wrap {
    margin: 45px 0 0;
  }
  section.top-depaco-wrap {
    padding: 0;
  }
  .top-depaco_img {
    margin: 0 auto;
    width: 138px;
  }
  /* ------------------------------------------------------
   * top-shopblogWrap
  ------------------------------------------------------ */
  .top-shopblogWrap {
    padding: 15px 15px 30px;
    background-color: #f5f5f5;
  }
  .top-shopblogWrap .featuresArea {
    padding: 0;
  }
  /* ------------------------------------------------------
   * top-card
  ------------------------------------------------------ */
  .top-card-wrap {
    display: flex;
    flex-flow: row wrap;
    margin: 27px 0 0;
    width: 100%;
  }
  .top-card-wrap + .top-card-wrap {
    margin-top: 25px;
  }
  .top-card-wrap .top-card {
    display: flex;
    margin-top: 28px;
    margin-left: 15px;
    width: calc((100% - (15px)) / 2);
  }
  .top-card-wrap .top-card:nth-child(odd) {
    margin-left: 0!important;
  }
  .top-card-wrap .top-card:nth-child(-n+2) {
    margin-top: 0!important;
  }
  .top-card-wrap .top-card .top-card_type {
    position: relative;
    width: 100%;
    overflow: hidden;
    color: #333;
    text-align: left;
    text-decoration: none;
  }
  .top-card-wrap .top-card .top-card_type .top-card_image {
    margin-top: 0!important;
  }
  .top-card-wrap .top-card .top-card_type .top-card_image > img {
    width: 100%;
  }
  .top-card-wrap .top-card .top-card_type .top-card_body {
    padding: 5px 0 0;
  }
  .top-card-wrap .top-card .top-card_type .top-card_title {
    margin-top: 0!important;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
  }
  .top-card-wrap .top-card .top-card_type .top-card_description {
    margin: 3px 0 0;
    font-size: 10px;
    color: #333;
    line-height: 1.4;
  }
  /* ------------------------------------------------------
   * top-linkBtn
  ------------------------------------------------------ */
  .top-linkBtn{
    margin-top: 25px;
  }
  .top-linkBtn a{
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    color: #16509f;
    border: 1px solid #16509f;
    font-size: 14px;
  }
  .top-linkBtn a > .top-linkBtn_small {
    font-size: 13px;
    line-height: 1.5;
  }

  /* ------------------------------------------------------
   * naviNews
  ------------------------------------------------------ */
  #naviNews .newsBox{
    background-color: #f5f5f5;
    padding: 25px 20px;
  }
  #naviNews .newsBox > li{
    margin-top: 10px;
  }
  #naviNews .newsBox > li:first-child{
    margin-top: 0px;
  }
  #naviNews .newsBox > li > a{
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
    padding-left: 1.5em;
  }
  #naviNews .newsBox > li > a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0.5em;
    width: 6px;
    height: 6px;
    border-top: 1px solid #16509f;
    border-right: 1px solid #16509f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #naviNews .newsBox > li > a > .strong03{
    color: #d11212;
  }
  #naviNews .newsBox > li > a > .icon{
    margin-left: 0.5em;
  }

  /* ------------------------------------------------------
   * article_area
  ------------------------------------------------------ */
  .article_area{
    margin: 20px;
  }
  .article_area .area_title{
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px solid #16509f;
    margin-bottom: 25px;
  }
  .article_area .column_item a{
    color: #333;
    text-decoration: none;
  }

  .article_area .column_item a .item-state{
    color: #fff;
    display: inline-block;
    background-color: #333333;
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold;
    padding: 5px 10px;
    margin-top: 10px;
    text-align: center;
  }
  .article_area .column_item a .item-read{
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 5px;
  }
  .article_area .column_item a .item-period{
    font-size: 10px;
    font-size: 1.0rem;
    margin-top: 5px;
  }
  .article_area .column_item a .item-period > span{
    font-size: 12px;
    font-size: 1.2rem;
  }
  .article_area .column_item a .item-note{
    position: relative;
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 5px;

    padding-left: 1.5em;
  }
  .article_area .column_item a .item-note:before{
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
  }
  .article_area .column_item a .item-place{
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 5px;
  }

  /* ------------------------------------------------------
   * menu-column
  ------------------------------------------------------ */
  .menu-column{
    background: #f5f5f5;
    padding: 20px;
  }
  .menu-column .store_logo{
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .menu-column .linkBtn{
    margin-top: 20px;
  }
  .menu-column .synthetic-list{
    margin-top: 30px;
    padding: 0;
  }
  .menu-column .synthetic-list li{
    line-height: 1.1;
  }
  .menu-column .menu-column_subcontents {
    margin-top: 5px;
  }
  .menu-column .menu-column_subcontents .subcontents-address,
  .menu-column .menu-column_subcontents .subcontents-tel {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .Footer{
    background: #333333;
    color: #fff;
    padding: 30px 15px;
    position: relative;
  }
  /* ----- footer_column ----- */
  .footer_column > .col_item{
    margin-bottom: 30px;
  }
  .footer_column > .col_item .footer_link li{
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .footer_column > .col_item .footer_link li a{
    position: relative;
    display: inline-block;
    padding-left: 1em;
    color: #fff;
    text-decoration: none;
  }
  .footer_column > .col_item .footer_link li a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 7px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .footer_column > .col_item .footer_link .footer_link_child{
    margin-top: 20px;
    padding-left: 1.5em;
  }
  .footer_column > .col_item .footer_link li a .footer_link_small_text {
    font-size: 13px;
  }
  /* ----- FooterBody ----- */
  .FooterBody .footer-copyright{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Verdana, "Droid Sans" , sans-serif !important;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
  }
  /*-- Pagetop --*/
  .Pagetop{
    position: fixed;
    display: none;
    right: 5%;
    bottom: 10%;
    width: 40px;
    height: 40px;
    background: #16509f;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 9997;
  }
  .Pagetop a{
    position: relative;
    display: block;
    height: 100%;
    text-indent: -100vw;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
  }
  .Pagetop a:after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    margin-left: -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .top-categorywrap > .category-list:after,
  .top-categorywrap > .categryBox .itemWrap:after{
    content: "";
    display: block;
    clear: both;

  }

}