@charset "utf-8";
/* ======================================================
 * layout_pc.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Reset
 * - Basic
 * - General Purpose
 * - Media Queries
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Other
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

  @-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);}
  }
  @-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);}
  }
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
 * 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 {
  color: #333;
  font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap : break-word;
}
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;opacity: 0.8;}
a:active  {color:#0075c2;text-decoration:none;}

/* ----- form ----- */
input,
select,
textarea,
button,
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;
}
input[type="text"],
textarea {
  -webkit-appearance: none;
  appearance: none;
}

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

  /* for IE11 hack */
  _:-ms-lang(x)::-ms-backdrop, [data-row-pc="2"] > * {
    width: calc(((100% - 36px) / 2) - 0.1px);
  }
  _:-ms-lang(x)::-ms-backdrop, [data-row-pc="3"] > * {
    width: calc(((100% - 72px) / 3) - 0.1px);
  }
  _:-ms-lang(x)::-ms-backdrop, [data-row-pc="4"] > * {
    width: calc(((100% - 108px) / 4) - 0.1px);
  }
  _:-ms-lang(x)::-ms-backdrop, [data-row-pc="5"] > * {
    width: calc(((100% - 180px) / 5) - 0.1px);
  }
  /* for Edge hack */
  @supports (-ms-ime-align:auto) {
    [data-row-pc="2"] > * {
      width: calc(((100% - 36px) / 2) - 0.1px);
    }
    [data-row-pc="3"] > * {
      width: calc(((100% - 72px) / 3) - 0.1px);
    }
    [data-row-pc="4"] > * {
      width: calc(((100% - 108px) / 4) - 0.1px);
    }
    [data-row-pc="5"] > * {
      width: calc(((100% - 180px) / 5) - 0.1px);
    }
  }
  /* ----- column-layout ----- */
  .column-layout > .column_item {
    margin-top: 10px;
  }

  /* ----- Btn Parts ----- */
  .linkBtn{
    width: 400px;
    margin: 25px auto 0;
  }
  .linkBtn a{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #16509f;
    border: 1px solid #16509f;
  }
  /* ----- inner-block ----- */
  .inner-block{
    max-width: 1020px;
    margin: 0 auto;
  }

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

/* ------------------------------------------------------
   * Heading
  ------------------------------------------------------ */
.heading-lv2{
    color: #333333;
    text-align: center;
    margin-bottom: 60px;
  }
  .heading-lv2 .heading_title{
    font-size: 38px;
    font-weight: bold;
    line-height: 1.0;
  }
  .heading-lv2 .heading_subtitle{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.0;
    margin-top: 5px;
  }
  .top-memberswrap .heading-lv3 {
    color: #333333;
    text-align: center;
    margin-bottom: 25px;
  }
.top-memberswrap .heading-lv3 .heading_title{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
  }
  .heading-lv2_type02{
    color: #333333;
    text-align: center;
    margin-bottom: 30px;
  }
  .heading-lv2_type02 .heading_title{
    font-size: 38px;
    font-weight: bold;
    line-height: 1.0;
  }
  .heading-lv2_type02 .heading_subtitle{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.0;
    margin-top: 5px;
  }
  .heading-lv2_type03{
    color: #333333;
    text-align: center;
    margin-bottom: 45px;
  }
  .heading-lv2_type03 .heading_title{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.0;
  }

/* ------------------------------------------------------
 * Header
------------------------------------------------------ */
  #header {
    position: relative;
    height: 80px;
  }
  #header .header-fix-wrap {
    position: fixed;
    background: #fff;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
  }
  #header > .header-fix-wrap > .bnr-fixheight{
    display: none !important;
  }
  #header > .header-fix-wrap > .header-fixheight > .HeaderBody{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    height: 80px;
    align-items: center;
  }
  #header > .header-fix-wrap > .header-fixheight > .HeaderBody > .header-identity{
    margin-left: 20px;
  }
  #header > .header-fix-wrap > .header-fixheight > .HeaderBody > .store-logo{
    text-align: center;
  }

/* ------------------------------------------------------
   * Gnav
  ------------------------------------------------------ */
  .Gnav {
    width: 191px;
  }
  .Gnav > .GnavBody > .gnavUtil{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .Gnav > .GnavBody > .gnavUtil > li.language{
    width: 80px;
    height: 80px;
  }
  .Gnav > .GnavBody > .gnavUtil > li.menu{
    width: 80px;
    height: 80px;
  }
  .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: 14px;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnavUtil > li.language > a:before{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 20px;
    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: 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: 9999;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line01{
    top: 22px;
    -webkit-animation: menu-bar01 .3s forwards;
    animation: menu-bar01 .3s forwards;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line02{
    top: 30px;
    transition: all .2s .2s;
    opacity: 1;
  }
  .Gnav > .GnavBody > .gnavUtil > li > a.js-menu-trigger > span.line03{
    top: 38px;
    -webkit-animation: menu-bar02 .3s forwards;
    animation: menu-bar02 .3s forwards;
  }
  .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;
  }

  .Gnav > .GnavBody > .gnavUtil > li > a > span.label{
    font-size: 11px;
    font-weight: bold;
  }
  .Gnav > .GnavBody > .gnav-list{
    display: none;
  }
  .Gnav > .GnavBody > .gnav-list{
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    padding: 100px 40px;
    background: #333333;
    z-index: 9999;
    margin-bottom: 30px;
  }
  .Gnav > .GnavBody > .gnav-list > .inner-block{
    max-width: 1020px;
    margin: 0 auto;
  }
  .Gnav > .GnavBody > #language.gnav-list{
    height: 360px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment{
    justify-content: space-between;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li{
    width: 20%;
    font-size: 18px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li:last-child{
    margin-right: 0px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li > a{
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li > a:after{
    content: "";
    position: absolute;
    right: -5%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    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.cl-norewrite > a{
    color: #fff;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul > li.cl-norewrite > a:after{
    display: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > ul.icon-list > li > a{
   display: block;
    padding-left: 30px;
  }
  .Gnav > .GnavBody > #language ul > li > ul > li{
    text-align: center;
  }


  .Gnav > .GnavBody > #menu ul.js-menu > li{
    border-bottom: 1px solid #dddddd;
    padding-right: 18px;
  }
  .Gnav > .GnavBody > #menu ul.js-menu > li:last-child{
    border-bottom: none;
    padding-bottom: 0px;
  }
  .Gnav > .GnavBody > #menu ul.js-menu > li ul li{
    width: 30%;
    margin-top: 20px;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li{
    width: calc((100% - 170px)/4);
    margin: 0 56px 20px 0;
  }
  .Gnav > .GnavBody > #menu ul > li > ul.icon-list > li:nth-child(4n){
    margin-right: 0;
  }

  .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: 230px;
    margin: 0 auto;
    padding: 0;
    margin-top: 100px;
  }
  .Gnav > .GnavBody > .gnav-list .gnav-btn > a{
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link {
    display: block;
    color: #fff;
    text-decoration: none;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child {
    margin: 15px 0 0;
    padding: 0 0 0 5px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child > .Alignment_child_item {
    width: 100%;
    font-size: 18px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child > .Alignment_child_item > a {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 1.3;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child > .Alignment_child_item + .Alignment_child_item {
    margin-top: 20px;
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child > .Alignment_child_item > a::after {
    content: "";
    position: absolute;
    right: -5%;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .Gnav > .GnavBody > .gnav-list ul > li > .Alignment > .no-link > .Alignment_child > .Alignment_child_item > a .Alignment_small {
    font-size: 14px;
  }

  /*メニュー内のCLOSEボタンの×アイコン
  .Gnav > .GnavBody > .gnav-list .gnav-btn > a:before{
    position: absolute;
    content: "×";
    top: 50%;
    left: 10px;
    margin-top: -14px;
  }*/


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

  /* ------------------------------------------------------
   * hero-content
  ------------------------------------------------------ */
  .hero-content{
    width: 100%;
    margin: 0;
  }
  .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 {
    position: relative;
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide a:focus {
    outline: auto;
    color: #333;
    outline-offset:-2px;
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: "";
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide > a:active {
    outline: none;
  }
  .hero-content > .multiple-item > .slick-list > .slick-track > .slick-slide.slick-current::after {
    display: none;
  }
  .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: 20px;
  }
  .hero-content .slick-arrow {
    width: 46px;
    height: 76px;
    background-color: #FB0004;
  }
  .hero-content .slick-arrow:focus {
    outline: solid #333;
  }
  .hero-content .slick-arrow:before {
    content: "";
  }
  .hero-content .slick-prev {
    top: 50%;
    left: 50%;
    margin-left: -445px;
    background: url(/common_new/img/com_slide_prev.png) no-repeat 0;
    z-index: 2;
  }
  .hero-content .slick-next {
    top: 50%;
    right: 50%;
    margin-right: -445px;
    background: url(/common_new/img/com_slide_next.png) no-repeat 0;
    z-index: 2;
  }
  .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: "";
  }
  /* ------------------------------------------------------
   * top-menucolumn
  ------------------------------------------------------ */
  .top-menucolumn{
    margin-top: 50px;
  }
  .hero-content:has(.control-wrap) + .top-menucolumn{
    margin-top: 16px;
  }
  .synthetic-list{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: center;
  }
  .synthetic-list > li{
    width: 127px;
    text-align: center;
  }
  .synthetic-list > li > a{
    display: block;
    position: relative;
    padding-top: 85px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
  }
  .synthetic-list > li > a:hover{
    color: #16509f;
  }
  .synthetic-list > li > a:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 70px auto;
    background-size: 70px 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.calendar > a:hover:before,
  .synthetic-list > li.floorGuide > a:hover:before,
  .synthetic-list > li.brandSearch > a:hover:before,
  .synthetic-list > li.restaurant > a:hover:before,
  .synthetic-list > li.businessHours > a:hover:before,
  .synthetic-list > li.access > a:hover:before,
  .synthetic-list > li.serviceGuide > a:hover:before,
  .synthetic-list > li.onlineStore > a:hover:before {
    background-position:  0 -70px;
  }

  /* ------------------------------------------------------
   * newsBox
  ------------------------------------------------------ */
  #specialInfo,
  #naviNews{
    background: #f5f5f5;
    padding: 40px;
    margin-top: 30px;
  }
  .newsBox > li{
    margin-top: 10px;
  }
  .newsBox > li:first-child{
    margin-top: 0px;
  }
  .newsBox > li > a{
    position: relative;
    display: inline-block;
    color: #333333;
    font-size: 16px;
    text-decoration: none;
    padding-left: 1.5em;
  }
  .newsBox > li > a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0.5em;
    width: 8px;
    height: 8px;
    border-top: 1px solid #16509f;
    border-right: 1px solid #16509f;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .newsBox > li > a > .strong03,
  .newsBox > li .strong03{
    color: #d11212;
  }
  .newsBox > li > a > .strong04,
  .newsBox > li > .strong04{
    font-weight: bold;
  }
  .newsBox > li > a > .strong05,
  .newsBox > li > .strong05{
    font-size: 20px;
  }
  .newsBox > li > a > .icon{
    margin-top: 0.5em;
    margin-left: 0.5em;
  }
  #specialInfo .linkBtn {
    margin-top: 0;
  }
  #specialInfo .newsBox + .linkBtn {
    margin-top: 20px;
  }
  /* ------------------------------------------------------
   * top-categorywrap
  ------------------------------------------------------ */
  .top-categorywrap {
    margin: 50px 0;
  }
  .top-categorywrap .category-fixheight{
    margin-bottom: 50px;
  }
  .top-categorywrap .category-fixbox {
    position: static !important;
  }
  .top-categorywrap .categrty-title_list{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    border-bottom: 1px solid #dddddd;

  }
  .top-categorywrap .categrty-title_list .list_item{
    width: 20%;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    display: block;
    color: #333;
  }
  .top-categorywrap .categrty-title_list .list_item.is-current span{
    border-bottom: 3px solid #16509f;
    color: #16509f;
  }


  .top-categorywrap .categrty-wrap {
    display: none;
    padding: 0 24px;
  }
  .top-categorywrap .categrty-wrap .slick-list{
    -webkit-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
  }
  .top-categorywrap .categrty-wrap.slick-initialized {
    display: block;
  }
  .top-categorywrap .categrty-wrap a:hover {
    opacity: 1;
  }
  .top-categorywrap .categrty-wrap a:hover img,
  .top-categorywrap .categrty-wrap a:hover .item-state {
    opacity: 0.6;
  }
  .top-categorywrap .categrty-wrap .column-layout{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item{
    width: calc((100% - 60px)/4);
    margin: 10px 20px 0 0;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item:nth-child(4n){
    margin-right: 0px;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item:nth-child(-n+4){
    margin-top: 0px;
  }
  .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{
    display: inline-block;
    padding: 4px 12px;
    margin-top: 10px;
    background: #333333;
    color: #fff;
    font-size: 12px;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item > a > .item-read{
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
  }
  .top-categorywrap .categrty-wrap .column-layout > .column_item > a > .item-period{
    font-size: 14px;
  }
  .top-categorywrap .categrty-wrap .moreBtn{
    width: 330px;
    margin: 30px auto 0;
  }
  .top-categorywrap .categrty-wrap .moreBtn > a{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    color: #16509f;
    border: 1px solid #16509f;
  }
  .top-categorywrap .categrty-wrap .moreBtn a:after{
    position: absolute;
    content: "+";
    top: 10px;
    right: 15px;
  }

  /* ------------------------------------------------------
   * top-servicewrap
  ------------------------------------------------------ */
  .top-servicewrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 20px;
  }
  .top-servicewrap.center-column {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .top-servicewrap .column-element{
    width: 48.5%;
    border: 1px solid #ddd;
    margin: 30px 20px 0 0;
    background: #fff
  }
  .top-servicewrap .column-element:nth-child(2n){
    margin: 30px 0px 0 0;
  }
  .top-servicewrap .column-element:nth-child(-n+2) {
    margin-top: 0;
  }
  .top-servicewrap.center-column .column-element {
    margin-right: 0;
  }
  .top-servicewrap .column-element a{
    display: block;
    color: #333333;
    text-decoration: none;
  }
  .top-servicewrap .column-element .column-box .column-wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
    background: #fff;
  }
  .top-servicewrap .column-element .column-box .column-wrap > .column-image{
    width: 30%;
  }
  .top-servicewrap .column-element .column-box .column-wrap > .column-detail{
    width: 67%;
    margin-left: 3%;
    font-size: 16px;
    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: 20px;
    font-size: 16px;
    background: #fff;
  }

  /* ------------------------------------------------------
   * top-servicewrap
  ------------------------------------------------------ */
  .top-shoppingwrap > .slide-box > .slide-list{
    margin-bottom: 60px;
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-arrow{
    background-color: #000;
    top: 95px;
    width: 40px;
    height: 40px;
    z-index: 3;
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-prev{
    left: -10px;
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-next{
    right: -10px;
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-prev:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-next:before{
    content: "";
    position: absolute;
    right: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-right: -5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .top-shoppingwrap > .slide-box > .slide-list li.list-item{
    margin: 0 10px;
  }
  .top-shoppingwrap > .slide-box > .slide-list li.list-item > a{
    display: block;
    color: #333333;
    text-decoration: none;
  }
  .top-shoppingwrap > .slide-box > .slide-list li.list-item a:active{
    outline: none;
  }
  .top-shoppingwrap > .slide-box > .slide-list li.list-item > a > .item-read{
    margin-top: 10px;
    font-weight: bold;
  }
  .top-shoppingwrap > .slide-box > .slide-list li.list-item > a > .item-period{
    margin-top: 10px;
  }
  .top-shoppingwrap > .slide-box > .slide-list > .slick-dots > li button:before{
    font-size: 20px;
  }

  /* ------------------------------------------------------
   * top-memberswrap
  ------------------------------------------------------ */
  .top-memberswrap .app-bnr{
    width: 500px;
    margin: 0 auto 50px;
  }
  .top-memberswrap .column-wrap{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 30px;
		margin-top: 27px
  }
  .top-memberswrap .column-wrap > .column-element{
    color: #333333;
    text-decoration: none;
    width: calc((100% - 200px)/5);
    margin-right: 26px;
    margin-left: 4px;
    font-size: 14px;
  }
  .top-memberswrap .column-wrap > .column-element:first-child {
    margin-top: -27px
  }
  .top-memberswrap .column-wrap > .column-element:last-child {
    margin-right: 0;
  }
  .top-memberswrap .column-wrap > .column-element a{
    color: #333333;
    text-decoration: none;
  }
  .top-memberswrap .column-wrap > .column-element .column-wrap > .column-detail{
    margin-top: 5px;
  }
  .top-memberswrap .socialWrap ul{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
  }
  .top-memberswrap .socialWrap ul li{
    width: 50px;
    height: 50px;
    margin-right: 40px;
  }
  .top-memberswrap .socialWrap ul li:last-child {
    margin-right: 0;
  }
  /* ------------------------------------------------------
   * top-specialInfo
  ------------------------------------------------------ */
  .top-specialInfo .moreBtn{
    width: 330px;
    margin: 30px auto 0;
  }
  .top-specialInfo .moreBtn > a{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    color: #16509f;
    border: 1px solid #16509f;
  }
  .top-specialInfo .moreBtn a:after{
    position: absolute;
    content: "+";
    top: 10px;
    right: 15px;
  }
  .top-specialInfo .moreBtn a.is-active:after{
    content: "-";
  }

  /* ------------------------------------------------------
   * top-naviNews
  ------------------------------------------------------ */
  .top-naviNews {
    padding: 53px 0 35px;
    background-color: #fff !important;
  }
  /* ------------------------------------------------------
   * linkArea
  ------------------------------------------------------ */
  .linkArea{
    padding: 60px 15px;
  }
  .linkArea.mt-narrow {
    margin-top: -80px;
  }
  .linkArea .column-layout > .column_item > a{
    color: #333;
    font-size: 14px;
    text-decoration: none;
  }
  .linkArea .column-layout > .column_item .item-text{
    margin-top: 5px;
  }

  /* ------------------------------------------------------
   * featuresArea
  ------------------------------------------------------ */
  .top-featureswrap {
    margin-top: 70px;
  }
  .top-featureswrap_type02 {
    margin-top: 32px;
  }
  .featuresArea{
    padding: 0 15px 60px;
  }
  .featuresArea .column-layout.center-column {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .featuresArea .column-layout > .column_item > a{
    color: #333;
    font-size: 14px;
    text-decoration: none;
  }
  .featuresArea .column-layout > .column_item .item-text{
    margin-top: 5px;
  }
  .featuresArea .inner-block .topblog-list{
    height: 380px;
    margin-top: 20px;
    display: block;
    width: 100%;
    border: none;
  }
  .featuresArea .inner-block .topblog-list.type02{
    height: 780px;
  }
  .featuresArea .inner-block .topblog-list.type03{
    height: 332px;
  }
  .featuresArea .inner-block .topblog-list.type04{
    height: 430px;
  }
  .featuresArea .inner-block .topblog-list.type05{
    height: 409px;
  }

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

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

  /* v2 */
  .top-foreignwrap-v2 {
    padding: 60px 0 0;
  }
  .top-foreignwrap-v2 .foreign-visual {
    width: 500px;
    margin: 0 auto;
  }
  .top-foreignwrap-v2 .card-col {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 500px;
    margin: 50px auto 0;
  }
  .top-foreignwrap-v2 .card-col .card {
    width: 50%;
    padding-right: 17px;
    text-align: right;
  }
  .top-foreignwrap-v2 .card-col .card img {
    width: 150px;
  }
  .top-foreignwrap-v2 .card-col .notice {
    width: 50%;
    padding-left: 17px;
  }
  .top-foreignwrap-v2 .contact-block {
    margin-top: 25px;
  }
  .top-foreignwrap-v2 .contact-block .contact-heading {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }
  .top-foreignwrap-v2 .contact-block .foreign-sns {
    margin-top: 15px;
  }

  /* foreign-payment */
  .top-foreignwrap-v2 .foreign-payment {
    max-width: 1020px;
    margin: 0 auto;
  }
  .top-foreignwrap-v2 .foreign-payment-title {
    margin-top: 70px;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1.0;
    text-align: center;
  }
  .top-foreignwrap-v2 .foreign-payment-inner {
    margin-top: 46px;
  }
  .foreign-payment-inner .foreign-payment-upper {
    display: flex;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon {
    margin: 0;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon:nth-of-type(n+2) {
    margin-left: 45px;
  }
  .foreign-payment-inner .foreign-payment-lower {
    display: flex;
    margin-top: 27px;
    padding: 21px 52px 0;
    border-top: 1px solid #333;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon {
    position: relative;
    padding-right: 25px;
    width: 19.5%;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon::before {
    position: absolute;
    content: "";
    background-color: #0075c1;
    width: 1px;
    height: 130px;
    bottom: 15px;
    right: 0;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon-v2-container {
    display: flex;
    flex-wrap: wrap;
    width: 80.5%;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2 {
    margin-left: 23px;
    width: calc((100% - 184px) / 8);
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+2) {
    margin-left: 23px;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+9) {
    margin-top: 22px;
  }

  /* ------------------------------------------------------
   * top-onlinestore-wrap
  ------------------------------------------------------ */
  .top-onlinestore-wrap {
    margin: 60px 24px 0;
  }
  section.top-onlinestore-wrap {
    padding: 0;
  }
  .top-onlinestore_img {
    margin: 0 auto;
    width: 200px;
  }
  .top-onlinestore_img_type02 {
    margin: 10px auto 0;
    width: 100%;
  }
  /* ------------------------------------------------------
   * top-depaco-wrap
  ------------------------------------------------------ */
  .top-depaco-wrap {
    margin: 80px 24px 0;
  }
  section.top-depaco-wrap {
    padding: 0;
  }
  .top-depaco_img {
    margin: 0 auto;
    width: 175px;
  }
  /* ------------------------------------------------------
   * top-shopblogWrap
  ------------------------------------------------------ */
  .top-shopblogWrap {
    padding: 80px 0;
    background-color: #f5f5f5;
  }
  .top-shopblogWrap .featuresArea {
    padding: 0;
  }
  /* ------------------------------------------------------
   * top-card
  ------------------------------------------------------ */
  .top-card-wrap {
    display: flex;
    flex-flow: row wrap;
    margin: 30px 0 0;
    width: 100%;
  }
  .top-card-wrap + .top-card-wrap {
    margin-top: 20px;
  }
  .top-card-wrap .top-card {
    display: flex;
    margin-top: 20px;
    margin-left: 20px;
    width: calc(((100% - (60px)) / 4) - 0.1px);
  }
  .top-card-wrap .top-card:nth-child(4n+1) {
    margin-left: 0!important;
  }
  .top-card-wrap .top-card:nth-child(-n+4) {
    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: 10px 0 0;
  }
  .top-card-wrap .top-card .top-card_type .top-card_title {
    margin-top: 0!important;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
  }
  .top-card-wrap .top-card .top-card_type .top-card_description {
    margin: 5px 0 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
  }

  /* ------------------------------------------------------
   * top-linkBtn
  ------------------------------------------------------ */
  .top-linkBtn{
    width: 400px;
    margin: 30px auto 0;
  }
  .top-linkBtn a{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #16509f;
    border: 1px solid #16509f;
    line-height: 1.36;
  }
  .top-linkBtn a > .top-linkBtn_small {
    font-size: 14px;
    line-height: 1.6;
  }

  /* ------------------------------------------------------
   * article_area
  ------------------------------------------------------ */
  .article_area .area_title{
    font-size: 27px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #16509f;
    margin: 60px 0 30px;
  }
  .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: 16px;
    font-weight: bold;
    margin-top: 5px;
  }
  .article_area .column_item a .item-period{
    font-size: 14px;
    margin-top: 5px;
  }
  .article_area .column_item a .item-note{
    position: relative;
    font-size: 14px;
    margin-top: 5px;
    padding-left: 1.5em;
  }
  .article_area .column_item a .item-note:before{
    position: absolute;
    content: "※";
    top: 0;
    left: 0;
  }

  /* ------------------------------------------------------
   * menu-column
  ------------------------------------------------------ */
  .menu-column{
    background: #f5f5f5;
    padding: 40px 20px;
  }
  .menu-column .store_logo{
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5;
  }
  .menu-column .linkBtn{
    margin-top: 20px;
  }
  .menu-column .synthetic-list{
    margin-top: 30px;
  }
  .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: 14px;
    font-size: 1.4rem;
  }
  .menu-column .menu-column_subcontents .subcontents-tel {
    cursor: text;
  }
  .menu-column .menu-column_subcontents .subcontents-tel > a {
    pointer-events: none;
    color: #333;
    text-decoration: none;
  }

  /* ------------------------------------------------------
   * Footer
  ------------------------------------------------------ */
  .Footer{
    background: #333333;
    color: #fff;
    padding: 60px 15px 15px;
    position: relative;
  }
  /* ----- footer_column ----- */
  .footer_column{
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .footer_column > .col_item{
    width: calc((100% / 3) - 0.1px);
    margin-bottom: 20px;
  }
  .footer_column > .col_item .footer_link li{
    margin-bottom: 10px;
  }
  .footer_column > .col_item .footer_link li a{
    position: relative;
    display: inline-block;
    padding-left: 1.2em;
    color: #fff;
    text-decoration: none;
  }
  .footer_column > .col_item .footer_link li a:before{
    content: "";
    position: absolute;
    left: 0px;
    top: 8px;
    width: 8px;
    height: 8px;
    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: 15px;
    padding-left: 1em;
  }
  .footer_column > .col_item .footer_link li a .footer_link_small_text {
    font-size: 14px;
  }
  /* ----- FooterBody ----- */
  .FooterBody .footer-copyright{
    font-size: 14px;
    text-align: center;
  }

  /*-- Pagetop --*/
  .Pagetop{
    position: fixed;
    display: none;
    right: 5%;
    bottom: 275px;
    width: 70px;
    height: 70px;
    background: #16509f;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 9998;
  }
  .Pagetop a{
    display: block;
    position: relative;
    height: 100%;
    text-indent: -100vw;
    overflow: hidden;
    font-size: 0;
    white-space: nowrap;
  }
  .Pagetop a:after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 14px;
    height: 14px;
    margin-top: -4px;
    margin-left: -7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
/* ======================================================
 * Media Queries
====================================================== */
@media screen and (min-width: 768px) and (max-width: 910px) {
  .hero-content {
    position: relative;
  }
  .hero-content > .multiple-item {
    position: static;
  }
  .hero-content .slick-prev {
    left: 15px;
    margin-left: 0;
  }
  .hero-content .slick-next {
    right: 15px;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .synthetic-list > li {
    width: calc((100% - 70px) / 8);
    margin-left: 10px;
  }
  .synthetic-list > li:first-child {
    margin-left: 0;
  }
  .foreign-payment-inner {
    margin: 46px 15px 0;
  }
  .foreign-payment-inner .foreign-payment-upper .foreign-payment-upper-icon:nth-of-type(n+2) {
    margin-left: 32px;
  }
  .foreign-payment-inner .foreign-payment-lower {
    margin-top: 24px;
    padding: 16px 38px 0;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon {
    width: 20.5%;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon::before {
    height: 75%;
  }
  .foreign-payment-inner .foreign-payment-lower .foreign-payment-lower-icon-v2-container {
    width: 79.5%;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2 {
    margin-left: 17px;
    width: calc((100% - 136px) / 8);
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+2) {
    margin-left: 17px;
  }
  .foreign-payment-lower .foreign-payment-lower-icon-v2-container .foreign-payment-lower-icon-v2:nth-of-type(n+9) {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1060px) {
  .top-shoppingwrap > .slide-box > .slide-list button.slick-prev {
    left: 0;
  }
  .top-shoppingwrap > .slide-box > .slide-list button.slick-next {
    right: 0;
  }
}