@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v5.0.8/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css");

/*colorme kit reset*/
body{
overflow-x: hidden;
}
.container{width:100%;max-width:100% !important;}
a{
transition: .5s;
}
a:hover{
text-decoration:none;
}
ul.inline{
margin-right:2em;
margin-bottom:0;
}
#delivery,
#payment,
#info{
max-width: 1050px;
}
.header-line-nav{
margin-top:2em;
margin-bottom:2em;
}
/*TEST CODE*/
.menu-container{
  box-shadow:0 0 24px rgba(0,0,0,.05); 
}
#header-global-nav{display:none;}
.product-information{
  background-color:rgba(255,255,255,.7) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.1);
}
form{margin:0;
  padding-bottom:20px;
}
.shop-name{display:none;}

.menu-container {
    z-index: 999999;
    position: relative;
}

/*溝幅 80pxの場合*/
.gutter-80{
margin-left:-80px;
margin-right:-80px;
}
.gutter-80 > [class*='col-'] {
padding-left:80px;
padding-right:80px;
}
/*溝幅 60pxの場合*/
.gutter-60{
margin-left:-60px;
margin-right:-60px;
}
.gutter-60 > [class*='col-'] {
padding-left:60px;
padding-right:60px;
}
/*溝幅 40pxの場合*/
.gutter-40{
margin-left:-40px;
margin-right:-40px;
}
.gutter-40 > [class*='col-'] {
padding-left:40px;
padding-right:40px;
}
/*溝幅 30pxの場合*/
.gutter-30{
margin-left:-30px;
margin-right:-30px;
}
.gutter-30 > [class*='col-'] {
padding-left:30px;
padding-right:30px;
}
/*溝幅 20pxの場合*/
.gutter-20{
margin-left:-10px;
margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
padding-left:10px;
padding-right:10px;
}
/*溝幅 10pxの場合*/
.gutter-10{
margin-left:-5px;
margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
padding-left:5px;
padding-right:5px;
}
/*溝幅 0pxの場合*/
.gutter-0{
margin-left:0;
margin-right:0;
}
.gutter-0 > [class*='col-'] {
padding-left:0;
padding-right:0;
}

/*margin*/
.mb-1{
  margin-bottom:1rem;
}
/*parallax*/
.parlx {
position:relative;
height:400px;
overflow:hidden;
}
.parallax {
position:absolute;
background-repeat:no-repeat;
background-size:cover !important;
width:100%;
}
.parlx .intro{
  padding-top:2em;
  color:#fff;
  text-shadow:0px 0px 6px rgba(0,0,0,.9);
background-color: transparent;
position: absolute;
left: 0;
right: 0;
z-index: 1;
}
.parlx .intro h1{
  color:#fff;
}

/*パンくず*/
.topicpath_nav{
margin-top: 2em;
padding: .5em;
background-color: rgba(0,0,0,.05);
border-radius: 3px;
}
.topicpath_nav:after {content:" ";display:block;clear:both;}
.topicpath_nav li{
list-style: none;
float: left;
}

/*タイトル*/
.category-ttl_h2{
margin-top: 4em;
padding: 1.5em;
border-top: 1px solid rgba(0,0,0,.5);
border-bottom: 3px double rgba(0,0,0,.5);
}

/*商品一覧*/
.prd_lst_sort{
text-align: right;
margin-bottom: 1em;
}
.prd_lst{
margin-left: 0;
}
.prd_lst_pager{
text-align: center;
}
.prd_lst_pager ul{
margin: 0 auto;
}
.prd_lst_pager ul li{
margin: 0 1em;
display: inline;
}

/*page scheme*/

.section{padding: 4em 0;}
.main .section:first-child{
  padding-top:0;
}
.main .section:nth-child(even){
    background-color:rgba(255,255,255,.5);
  box-shadow:0 0 24px rgba(0,0,0,.05);
}
.contents {
  margin:0 auto;
  max-width: 1050px;
}
.ttl_h2{
  text-align:center;
}

.prd_lst li{
  list-style:none;
}
.prd_lst li a{
  display:block;
}
li.prd_lst_unit{
  float:left;
  width:33.333333%;
  text-align:center;
  margin-bottom:2em;
  padding:2em 0;
  transition:.3s;
}
li.prd_lst_unit:hover{
  background-color:rgba(255,255,255,.05);
  box-shadow:0 0 48px rgba(0,0,0,.1);
}

.prd_lst_link{
  display:block;
  margin-bottom:1em;
}

#footer-wrapper .container{
  margin:0 auto;
  max-width: 1050px !important;
}

/*.all-item{
}
.all-item.okayama-peach{background-color: #ff9a9e;}
.all-item.shimizu-peach{background-color: #a18cd1;}
.all-item.autumn-winter-peach{background-color: #fad0c4;}
.all-item.muscut{background-color: #ffecd2;}
.all-item.pione{background-color: #ff9a9e;}
.all-item.momotaro-grape{background-color: #f6d365;}
.all-item.shine-muscut{background-color: #fbc2eb;}
.all-item.okayamapeach-grape{background-color: #fdcbf1;}
.all-item.paech-grape{background-color: #a1c4fd;}
.all-item.grape-set{background-color: #d4fc79;}*/

#main {
  position: relative;
  list-style: none;
  background: #6BBE92;
  font-weight: 400;
  font-size: 0;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 50px auto;
}
#main li {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  cursor: pointer;
  z-index: 5;
  min-width: 120px;
}

li {
  margin: 0;
}

.drop {
  overflow: hidden;
  list-style: none;
  position: absolute;
  padding: 0;
  width: 100%;
  left: 0;
  top: 48px;
}
.drop div {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: all 0.5s 0.1s;
  -moz-transition: all 0.5s 0.1s;
  -ms-transition: all 0.5s 0.1s;
  transition: all 0.5s 0.1s;
  position: relative;
}
.drop li {
  display: block;
  padding: 0;
  width: 100%;
  background: #3E8760 !important;
}

#marker {
  height: 6px;
  background: #3E8760 !important;
  position: absolute;
  bottom: 0;
  width: 120px;
  z-index: 2;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  transition: all 0.35s;
}

#main li:nth-child(1):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(1):hover ~ #marker {
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  transform: translate(0px, 0);
}

#main li:nth-child(2):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(2):hover ~ #marker {
  -webkit-transform: translate(120px, 0);
  -moz-transform: translate(120px, 0);
  -ms-transform: translate(120px, 0);
  transform: translate(120px, 0);
}

#main li:nth-child(3):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(3):hover ~ #marker {
  -webkit-transform: translate(240px, 0);
  -moz-transform: translate(240px, 0);
  -ms-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

#main li:nth-child(4):hover ul div {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main li:nth-child(4):hover ~ #marker {
  -webkit-transform: translate(360px, 0);
  -moz-transform: translate(360px, 0);
  -ms-transform: translate(360px, 0);
  transform: translate(360px, 0);
}





#page-wrapper {
  position: relative;
}

.container {
  max-width: 1050px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #ccc;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

body {
  color: #464e54;
  background-color: #fff;
  background-image: url();
}

a {
  color: #555555;
}

a:hover {
  color: #000000;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.ttl-h2 {
  position: relative;
  margin: 30px 0;
  text-align: center;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-01 {
  border: 1px solid #e4314c;
  background-color: #e4314c;
  color: #fff;
  background-color: #e4314c;
}

.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  border: 1px solid #eb6579;
  background-color: #eb6579;
  color: #fff;
  background-color: #eb6579;
}

.product-order-num input {
  border-color: #e4314c;
}

.font-mincho {
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

/*
 * icon
 */
.icon-b,
.icon-w {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -.11em;
  *display: inline;
  *zoom: 1;
}

.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_b.png);
}

.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_w.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz--device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_2x_b.png);
  }

  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon16_2x_w.png);
  }

  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_b.png);
  }

  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_w.png);
  }
}
.icon-cart {
  background-position: -176px -64px;
}

.icon-user {
  background-position: -208px -0px;
}

.icon-adduser {
  background-position: -240px -0px;
}

.icon-logout {
  background-position: -32px -80px;
}

.icon-login {
  background-position: -48px -80px;
}

/* icon large */
.icon-twitter {
  background-position: -144px -264px;
}

.icon-facebook {
  background-position: -192px -264px;
}

.icon-instagram {
  background-position: -168px -288px;
}

.icon-mail {
  background-position: -96px -0px;
}

.icon-lg-w.icon-cart {
  background-position: -264px -96px;
}

.icon-lg-w.icon-chevron_up {
  background-position: -0px -216px;
}

.icon-lg-w.icon-plus {
  background-position: -312px -120px;
}

.icon-lg-w.icon-minus {
  background-position: -288px -120px;
}

.icon-lg-b,
.icon-lg-w {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  position: relative;
  top: -.1em;
  *display: inline;
  *zoom: 1;
}

.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_b.png);
}

.icon-lg-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_w.png);
}

.content-wrap {
  max-width: 800px;
  margin: 20px auto;
}

/*
 * header
 */
#header-wrapper {
/*  margin-bottom: 4em;*/
}

.header-line-nav .header-link {
  float: right;
  padding: 0;
}

.header-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* header-line-nav */
.header-line-nav li {
  margin-left: 1px;
}

.header-line-nav a {
  font-size: 12px;
  padding: .6em 1em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.header-line-nav i {
  top: -0.2em;
  margin-right: .3em;
}

.btn-viewcart {
  padding: 1px 15px 0 13px;
}

/* header logo */
.shop-name {
  clear: both;
  margin: 0 0;
  text-align: center;
  font-size: 24px;
}

.shop-description {
  font-size: 12px;
  font-weight: normal;
  color: #2c2c2c;
}

/* header global nav */
#header-global-nav {
  margin: 1.8em 0;
  text-align: center;
  font-size: 18px;
}

#header-global-nav li {
  margin: 0;
  padding: 0 1.5em;
  border-right: 1px solid #e4314c;
}

#header-global-nav li:first-child {
  border-left: 1px solid #e4314c;
}

/* incart delivery */
.incart-delivery {
  float: right;
}

.incart-delivery ul {
  margin: 0;
  padding: 10px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d9edf7;
  color: #31708f;
  list-style: none;
  font-size: 12px;
}

/*
 * product list
 */
.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 10px;
  text-align: center;
}

.prd-lst-unit a:hover {
  text-decoration: none;
}

.unit-box {
  margin: 10px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e4314c;
  -webkit-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.2);
}

.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}

.prd-lst-span {
  display: block;
  margin: .3em 0;
  font-size: 12px;
}

.prd-lst-name {
  font-size: 14px;
}

.prd-lst-price {
  color: #abaaaa;
}

.prd-lst-regular {
  text-decoration: line-through;
}

.prd-lst-discount {
  color: #b81717;
}

/* product list sort */
.prd-lst-sort {
  margin: 3em 0;
  color: #888;
  text-align: center;
  font-size: 12px;
}

/* prduct list pager */
.prd-lst-pager {
  text-align: center;
}

.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}

/*
 * product
 */
.product-image-thumb img {
  border: 2px solid #fff;
}

.thumb-active img {
  border: 2px solid #e4314c;
}

/*
 * footer
 */
#footer-wrapper {
  padding-top: 3em;
  background: #333;
}

.footer-primary {
  border-right: 1px solid #fff;
}

/* footer nav */
.footer-nav {
  list-style: none;
  margin: 0;
}

.footer-nav li {
  margin: .8em 0;
}

.footer-primary {
  padding: .3em 0;
}

.footer-primary li {
  margin-right: 25px;
  margin-left: 5px;
}

.footer-primary a {
  color: #fff;
}

.freepage-nav {
  margin-right: 10%;
  margin-bottom: 1.5em;
  padding-bottom: .8em;
  border-bottom: 1px solid #fff;
}

.footer-secondary {
  padding: .3em 0;
  font-size: 12px;
}

.footer-secondary li {
  margin-left: 10%;
}

.footer-secondary li:before {
  margin-right: 4px;
  color: #fff;
  content: "-";
}

.footer-secondary a {
  color: #fff;
}

/* social icon */
.social-nav {
  text-align: center;
  margin: 2em 0;
}

/* copyright */
.copyright {
  padding: 3em 0 2em;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.powered {
  display: block;
  margin: .5em auto 0;
  width: 180px;
  height: auto;
}

/* pagetop */
#pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
}

.btn-pagetop {
  display: block;
  padding: .7em 2em;
}

@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }

  .container {
    max-width: 900px;
    width: 90%;
  }
}
@media (max-width: 768px) {
  #wrapper {
    padding-top: 3em;
  }

  .container {
    width: auto;
  }

  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
  }

  .header-dropdown.affix {
    position: fixed;
  }

  .header-dropdown .dropdown-nav li {
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
  }

  .header-dropdown .dropdown-nav a {
    display: block;
    padding: 10px;
  }

  .header-dropdown .btn-dropdown {
    padding-left: 34px;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    background: #e4314c;
  }

  .header-dropdown .btn-dropdown-close {
    opacity: 0.4;
  }

  .header-dropdown .btn-dropdown i {
    top: 0;
  }

  .view-cart {
    position: static;
  }

  .view-cart a {
    background-color: #e4314c;
    color: #fff;
  }

  .incart-delivery {
    padding-top: 20px;
    float: none;
  }

  .prd-lst-sort {
    font-size: 14px;
  }

  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }

  .footer-nav {
    margin: 0;
    padding: 0;
    border-bottom: 3px double #fff;
  }

  .footer-primary .footer-nav:first-child {
    border-top: 3px double #fff;
  }

  .footer-nav li {
    margin: 0;
    font-size: 14px;
    border-top: 1px solid #fff;
  }

  .footer-nav li:first-child {
    border-top: none;
  }

  .footer-nav li:before {
    display: none;
  }

  .footer-nav a {
    display: block;
    padding: 1em;
    color: #fff;
  }

  .footer-nav a:hover {
    text-decoration: none;
  }

  .icon-b,
  .icon-w {
    display: inline-block;
    width: 24px;
    height: 24px;
    *display: inline;
    *zoom: 1;
  }

  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_b.png);
  }

  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_w.png);
  }

  .icon-cart {
    background-position: -264px -96px;
  }

  .icon-list {
    background-position: -288px -144px;
  }

  .icon-chevron_thin_up {
    background-position: -192px -216px;
  }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min--moz--device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b,
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_b.png);
  }

  .icon-w,
  .icon-lg-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/77/icon24_2x_w.png);
  }

  .icon-b,
  .icon-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
}
@media (max-width: 480px) {
  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
}
/* IE�� */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}





/*MAIN NAV*/
.menu-container {
  width: 100%;
  margin: 0 auto;
  background-color:#fff;
  border-bottom: 1px solid rgba(0,0,0,.05);
}

@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
  }
  .menu-mobile {
    display: block;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
 
}



.mb1{margin-bottom: 1em;}
.mb2{margin-bottom: 2em;}
.mb4{margin-bottom: 4em;}
.mb8{margin-bottom: 8em;}
.mt1{margin-top: 1em;}
.mt2{margin-top: 2em;}
.mt4{margin-top: 4em;}
.mt8{margin-top: 8em;}
figure{
  margin:0 auto 1em;
}

/*HEADER*/
.id img{
padding:.5em;
}
@media screen and (max-width: 414px) {
.id img{
width: 148px;
}
}
/*BUTTON*/
.button{
display:block;
margin-bottom:2em;
padding:0;
}
.button span{
padding:1em 2em;
color:#fff;
background-color:#000;
transition:.5s;
}
.button:hover{
text-decoration:none;
}
.button:hover span{
color:#000;
background-color:#fff;
box-shadow:0 12px 24px rgba(0,0,0,.2);
}
.button-big{
font-size:24px;
}

/*f1*/
.link-reservations{
  margin-top:2em;
}
p.call{
  margin-top:2em;
  font-size:18px;
  color:#000;
}
p.call span{
  padding:1em 2em;
  font-size:24px;
  background-color:#fff;
  transition:.3s;
}
p.call span:hover{
  color:#fff;
  background-color:#000;
  box-shadow: 0 12px 24px rgba(0,0,0,.2);
}
p.call span a:hover{
  color:#fff;
}
p.call span svg{
  margin-right:1em;
}
.access-box{
  margin-bottom:1em;
  padding:2em;
  border:4px solid rgba(0,0,0,.5);
}
.access-box h4{
  margin-bottom:1em;
  padding:0;
}
.access-box dl{
  margin:0 0 2em;
  padding:0;
}
.access-box dt{
  margin:2em 0 1em;
}
.access-box dd{
  margin:0 0 .5em;
}

/*カテゴリーページ*/
.intro h1{
  font-size:48px;
  font-family:'\Ò\é\®\ÎÌÀÄ« ProN W3', 'HiraMinProN-W3', 'HGÌÀÄ«E', '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', 'MS ÌÀÄ«', serif;
  color:#000;
}
.intro h1 span{
  margin-right:1em;
  font-size:24px;
  vertical-align:middle;
}
.intro p{
  margin-bottom:4em;
  font-size:21px;
  font-family:'\Ò\é\®\ÎÌÀÄ« ProN W3', 'HiraMinProN-W3', 'HGÌÀÄ«E', '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', 'MS ÌÀÄ«', serif;
  line-height:2;
  text-align:center;
}
.interlude{
font-size:16px;
line-height:2.5;
letter-spacing:.05em;
}

.grade{}
.grade table{
  margin-top:2em;
}
.grade th,.grade td{
  padding:1em;
  border-top:1px solid rgba(0,0,0,.5);
  border-bottom:1px solid rgba(0,0,0,.5);
}
.grade tr th,
.grade tr td:first-child{
  white-space:nowrap;
}

.gold-star{color:#ffc600;}
.gray-star{color:#333;}
.silver-star{color:#c3c3c3;}

/*商品一覧*/
.prd_lst_name{
margin-top: 2em;
margin-bottom: 1em;
display:block;
}
.prd_lst_price{
font-size: 18px;
color: #e4314c;
}

/*ページ背景SCHEME*/
.okayama-peach{
padding:0 0 4em;
background-image: linear-gradient(to top, #fee6fd 0%, #fbe6df 100%);
}
.shimizu-peach{
padding:0 0 4em;
	background:
		-webkit-linear-gradient(45deg, hsla(117, 100%, 90%, 1) 0%, hsla(117, 100%, 90%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(211, 95%, 89%, 1) 10%, hsla(211, 95%, 89%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(176, 76%, 92%, 1) 10%, hsla(176, 76%, 92%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(148, 95%, 93%, 1) 100%, hsla(148, 95%, 93%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(117, 100%, 90%, 1) 0%, hsla(117, 100%, 90%, 0) 70%),
		linear-gradient(135deg, hsla(211, 95%, 89%, 1) 10%, hsla(211, 95%, 89%, 0) 80%),
		linear-gradient(225deg, hsla(176, 76%, 92%, 1) 10%, hsla(176, 76%, 92%, 0) 80%),
		linear-gradient(315deg, hsla(148, 95%, 93%, 1) 100%, hsla(148, 95%, 93%, 0) 70%);
}
.autumn-winter-peach{
padding:0 0 4em;
background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);
}
.muscut{
padding:0 0 4em;
background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
}
.pione{
padding:0 0 4em;
background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);
}
.momotaro-grape{
padding:0 0 4em;
background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
}
.shine-muscut{
padding:0 0 4em;
background-color: #CDDCDC;
background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
background-blend-mode: screen, overlay;
}
.okayamapeach-grape{
padding:0 0 4em;
background-color:#fff;
}
.paech-grape{
padding:0 0 4em;
background-color:#fff;
}
.grape-set{
padding:0 0 4em;
background-color:#fff;
}


.okayama-peach .mv{
  position:relative;
  height:400px;
  background-image:url(https://www.tomomien-okayama.com/hakutou/assets/images/bg_p.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% auto;
  background-attachment: fixed;
  overflow:hidden;
}
.okayama-peach .mv img{
  position:absolute;
  right:0;
  top:-300px;
  max-height:800px;
}
.okayama-peach .sec-2,
.shimizu-peach .sec-2,
.muscut .sec-2,
.pione .sec-2,
.momotaro-grape .sec-2,
.shine-muscut .sec-2,
.okayamapeach-grape .sec-2,
.paech-grape .sec-2,
.grape-set .sec-2{
  padding:4em 0;
  background-color:rgba(255,255,255,.5);
  box-shadow:0 0 24px rgba(0,0,0,.05);
}

.grp_lst li{
  list-style:none;
}
.grp_lst a{
  padding:1em 2em;
  background-color:#fff;
}

/*FOOTER SNS*/
.footer-secondary .social-footer li::before {
display: none;
}
.footer-secondary .social-footer{
margin-top: 0 !important;
}
.footer-secondary .social-footer li{
display: inline-block;
padding: 0;
font-size: 36px;
line-height: 36px;
list-style: none;
}
.footer-secondary .social-footer li a{
display: inline-block;
padding: .5em;
width: 36px;
background-color: #000;
border-radius: 50%;
transition:.5s;
}
.footer-secondary .social-footer li a:hover{
color:#000;
background-color: #fff;
}

/**/
.harvest{
  opacity:.9;
  margin:2em 0 0 -4em;
  padding:2em;
  background-image:url(https://www.tomomien-okayama.com/hakutou/assets/images/bg_harvest.jpg);
  box-shadow:3px 6px 12px rgba(0,0,0,.05);
}
.harvest h2{
  margin:0;
  padding:1em;
  font-size:16px;
  color:#274a78;
  border-width:3px 3px 1px 3px;
  border-style:double;
  border-color:rgba(39,74,120,.25);
}
.harvest ul{
  margin:0;
  padding:1em 1em 1em 3em;
  border-width:0 3px 3px 3px;
  border-style:double;
  border-color:rgba(39,74,120,.25);
}
.harvest ul li{
  font-size:18px;
}
.harvest ul li:not(:last-child) {
  margin-bottom:.25em;
}
.harvest ul li.advisory{
  list-style:none;
  font-size:12px;
}
.freepage{
  background-image:url(https://www.tomomien-okayama.com/hakutou/assets/images/b6.png);
  background-position:center top;
}

.link-language{
}
.link-language dl{
  display:inline-block;
}
.link-language dt,
.link-language dd{
  float:left;
}
.link-language dt{
  padding:.5em 0;
}
.link-language dd ul{
  margin:0;
  padding:0;
}
.link-language dd ul li{
  margin:0 2px;
  padding:.5em;
  float:left;
  list-style:none;
}
.link-language dd ul li a{
  padding:1em 2em;
  transition:.3s;
}
.link-language dd ul li a:hover{
  color:#e4314c;
  background-color:rgba(255,255,255,.8);
  border-radius:3px;
}

.link-language dd ul  li:not(:last-child) {
  border-right: 1px solid #666;
}
.peach-picking-flow{
margin-bottom:1em;
}
.peach-picking-flow figure{
margin-bottom:3em;
padding:2em;
background-color:#fff;
position: relative;
}
.peach-picking-flow figure img{
margin-bottom:1em;
}
.peach-picking-flow figure figcaption{
line-height:2;
}
.peach-picking-flow .flow-number{
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -30px;
}

.company-white-peach,
.company-pink-peach{
  position:relative;
}
.company-pink-peach img{
  position:absolute;
  bottom:0;
}

.f3 section h2{
margin-bottom: 2em;
padding: 1em;
text-align: center;
border: 1px solid rgba(0,0,0,.1);
}
.f3 section table{
margin: 0 0 8em;
width: 100%;
}
.f3 section th,.f3 section td{
padding: 1em .5em;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.f3 section th{
  white-space:nowrap;
}
.f3 section h3{
color: #1c1c1c;
}

.main.f1 .sec-2,
.main.f1 .sec-4{
background-color: rgba(0,0,0,.1);
text-align: center;
}
.main.f1 .sec-4 p{
color: #000;
font-size: 24px;
}
.main.f1 .sec-1,
.main.f1 .sec-3,
.main.f2 .sec-1,
.main.f2 .sec-3 {
background-color: transparent;
box-shadow: none;
}
.main.f2 .sec-2 {
background-color: rgba(255,255,255,.5);
box-shadow: 0 0 24px rgba(0,0,0,.05);
}
.f3 .parallax p{
bottom: -10px;
position: absolute;
background-color: rgba(0,0,0,.75);
right: 0;
padding: .5em 1em;
color: #fff;
}

.toribito{
  margin-top:4em;
} 
.toribito:after {content:" ";display:block;clear:both;}
.toribito dt{
float: left;
padding: 0 2em;
}
.toribito dd{
float: left;
line-height: 2;
width:calc(100% - 140px - 5em)
}

.access-info{}
.access-info h3{
  padding:.5em;
  background-color:rgba(255,255,255,.7);
  border:1px solid rgba(0,0,0,.1);
}
.access-info p{
  line-height:2;
}
.access-info dl{
  margin-bottom:4em;
}
.access-info dt{
  margin-bottom:1em;
  color:#000;
}
.access-info dd{
  margin:0;
  padding:.5em 0;
    line-height:2;
}
.access-info dd:not(last-child){
  border-bottom:1px solid rgba(0,0,0,.1);
}
.access-info dd a{
  line-height:4;
  padding:.5em 1em;
  color:#fff;
  background-color:#000;
  transition:.3s;
}
.access-info dd a:hover{
  color:#000;
  background-color:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.3);
}
.premium-pione{
margin: 2em 0 0;
padding: 0;
}
.premium-pione dl{
margin: 0;
padding: 0;
}
.premium-pione dt{
margin: 0 0 1em;
padding: 0;
}
.premium-pione dd{
margin: 0;
padding: 0;
line-height: 2;
}
.ribbon{
position: absolute;
top: 10px;
right: 10px;
z-index:1;
}
.fruitsset-contents{}
.fruitsset-contents img{
margin-bottom: 2em;
}
.fruitsset-contents h3{
margin: 0 0 1em;
padding: 0 0 36px;
text-align: center;
background-image: url(https://www.tomomien-okayama.com/hakutou/assets/images/bg_triangle.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.fruitsset-contents p{
line-height: 2;
}
.menu > ul > li.site-id a{
  padding:.2em 3em;
}

.product-order-price li,
.prd-lst-price{
color:#e4314c;
}
.prd-lst-price{
font-size:16px;
}
@media screen and (min-width: 737px){
.call {
pointer-events: none;
}
}
.f1-gallery{
margin: 0;
padding: 0;
}
.f1-gallery:after {content:" ";display:block;clear:both;}
.f1-gallery ul{
margin: 0;
padding: 0;
}
.f1-gallery ul li{
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 25%;
}
.freepage-interlude p{
  padding:2em 0;
  line-height:2;
  font-size:16px;
}

.menu > ul > li.site-id:hover{
  background-color:transparent;
}

@media screen and (max-width: 414px) {
body{
overflow-x:hidden;
max-width:100%;
}
#wrapper{
padding: 0;
}
.parlx{
width: 100%;
}
.topicpath_nav{
margin: 0 25px 10px 25px;
}
.intro h1{
font-size: 24px;
}
.intro .p-intro{
font-size: 16px;
}
.grade table th,
.grade table td{
display: block;
border:none;
}
.grade table tr td:first-child{
text-align: center;
}
.grade table tr{
padding: .5em;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.toribito dt{
float: none;
text-align: center;
margin-bottom: 1em;
}
.toribito dd{
float: none;
width: 100%;
}
.harvest{
margin: 2em 1em 0;
padding: .5em;
}
.harvest h2{
padding: .5em;
}
.harvest ul{
padding: .5em .5em .5em 2em;
}
.menu-mobile span{display:none;}
.id{
position:absolute;
}

}


.mincho{
font-size: 48px;
font-family: '\Ò\é\®\ÎÌÀÄ« ProN W3', 'HiraMinProN-W3', 'HGÌÀÄ«E', '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', 'MS ÌÀÄ«', serif;
color: #000;
}

.ltext-center{
  text-align:center;
  margin-bottom:8em;
} 

@media screen and (max-width: 414px) {
  
.link-language dl{
display: block;
}
.link-language dt{
float:none;
text-align: center;
}
.link-language dd{
margin-left: 0;
}
.link-language dd ul li{
margin: 0 1px;
}
.link-language dd ul li a{
padding: 1em;
}
.button-big{
font-size: 16px;
}
.mincho{
font-size: 24px;
}
.f1 .section,
.f2 .section,
.f3 .section{
padding: 2em .5em;
}
.white-peach,
.company-pink-peach img{
position: relative;
display: block;
margin: 0 auto;
width: 100px;
}
.center-signature{
text-align:center !important;
}
.container{
overflow-x:hidden;
}
.footer-secondary .social-footer{
margin-top:2em !important;
margin-bottom:2em;
}
.interlude{
  line-height:1.75;
}
.prd_lst_name{
font-size:12px;
}
.prd_lst_price{
  font-size:14px;
}
.peach-picking-flow figure{
  margin-bottom:4em;
}
.sp-separator-line{
position:relative;
}
.sp-separator-line:after{
display:block;
content:"";
position:absolute;
width:60px;
height:5px;
margin:0 auto;
left:0;
right:0;
bottom:-20px;
background-color:#fff;
}
.contents{
padding:0 1em;
}
.content-wrap{
padding:0 1em;
}
.product-information {
padding:1em !important;
}
.calendar-ship{
width: calc(100% - 4em) !important;
margin: 0 auto;
}
.calendar-ship th{
padding: .5em !important;
}
.calendar-ship td{
padding: .5em 0 !important;
}
}
.call a{
  color:#000;
}
.illust_01{
margin: 1em 1em 0 auto;
display: block;
}
.illust_02{
margin: 4em 1em 0 auto;
display: block;
}
@media screen and (max-width: 414px) {
.illust_01,
.illust_02{
margin: 1em auto;
display: block;
}
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .parallax { height: 400px; } /* IE11 */
  *::-ms-backdrop, .ex-card svg { display: none; } /* IE11 */
}
@supports (-ms-ime-align: auto) {
  .call{
    color:#000;
    text-decoration:none;
  }/* Edge */
}


#header-wrapper{
position:relative;
z-index:999;
}
/* 備前牡蠣*/
html, body {
    height: 100%;
    margin: 0!important;
    padding: 0!important;
}
.bg-switcher {
    width: 100vw;
    height: 100vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.category2493129 .sec-1{
padding: 0 0 4em;
}
.category2493129{
position: relative;
margin-top: -90px;
padding-top:4rem;
padding-bottom:4rem;
background-image: url(https://www.tomomien-okayama.com/hakutou/assets/images/bg_bizen-kaki_category.jpg);
background-size:100% auto;
background-repeat: no-repeat;
background-position: center top;
background-color: #a1cff7;
z-index:0;
}
.category2493129 p.interlude{
color: #fff;
}
.category2493129 .interlude{
letter-spacing: .1em;
}
.category2493129 .harvest-ul_bizen-kaki{
margin: 0;
padding: 1em 1em 1em 2em;
color: #333;
background-color: rgba(255,255,255,.5);
border-radius: 3px;
}
.harvest-ul_bizen-kaki .advisory{
}
.category2493129 .bg-switcher p{
margin-bottom: 4em;
padding-top: 4em !important;
color: #fff;
line-height: 2;
letter-spacing: .1em;
text-shadow: 0px 0px 10px rgba(0,0,0,1);
text-align: justify;
}
.category2493129 .bg-switcher ul{
margin: 0;
padding: 1em 1em 1em 2em;
color: #fff;
background-color: rgba(0,0,0,.5);
border-radius: 3px;
}
.category2493129 .parlx .intro{
text-shadow: none;
}
.category2493129 .parlx .intro ul li{
color: #000;
}
.category2493129 .sec-3 .col-md-4 img{
box-sizing: border-box;
border: 10px solid rgba(255,255,255,1);
}
.front_banner_kaki{
clear:both;
padding:3em 0;
background-image:url(https://img21.shop-pro.jp/PA01410/973/etc/bg_front_kaki_03.jpg);
background-position:center top;
background-size:100% auto;
}
@media screen and (max-width: 414px) {
.bizen-kaki_h2{
  display:block;
  margin:0 auto;
  max-width:70% !important;
}
.category2493129 .bg-switcher p{
margin-bottom: .5em;
padding-top: 0 !important;
}
.category2493129 .bg-switcher p br{
  display:none;
}
.bg-switcher{
background-color: rgba(0, 0, 0,.4) !important;
}
}

/*Bootstrap4*/
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}
.mb-5{margin-bottom: 5rem;}
.d-block{
display: block !important;
}
.aligncenter, .ml-auto, .mx-auto {
margin-left: auto !important;
}
.aligncenter, .mr-auto, .mx-auto {
margin-right: auto !important;
}


/*F5*/
.ul_feature{
list-style: none;
}
.ul_feature li{
position: relative;
margin-bottom: 1rem;
padding: 2rem;
font-size: 1rem;
line-height: 1.75;
background-color: #fff;
border-radius: 3px;
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0 12.5px 10px rgba(0, 0, 0, 0.035),
  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0 100px 80px rgba(0, 0, 0, 0.07)
;
}

.f5 .btn{
transition: .5s;
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.02),
  0 6.7px 5.3px rgba(0, 0, 0, 0.028),
  0 12.5px 10px rgba(0, 0, 0, 0.035),
  0 22.3px 17.9px rgba(0, 0, 0, 0.042),
  0 41.8px 33.4px rgba(0, 0, 0, 0.05),
  0 100px 80px rgba(0, 0, 0, 0.07)
;
}
.f5 .btn:hover{
transition: .5s;
box-shadow:
  0 0px 2.2px rgba(0, 0, 0, 0.02),
  0 0px 5.3px rgba(0, 0, 0, 0.028),
  0 0px 10px rgba(0, 0, 0, 0.035),
  0 0px 17.9px rgba(0, 0, 0, 0.042),
  0 0px 33.4px rgba(0, 0, 0, 0.05),
  0 0px 80px rgba(0, 0, 0, 0.07)
;
}


.ul_feature li:before{
position: absolute;
display: block;
content: "";
left: 0;
right: 0;
top: 0;
margin: 0 auto;
width: 60px;
height: 1px;
background-color: #fa71ff;
}
.ul_feature li:after{
position: absolute;
display: block;
content: "";
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 60px;
height: 1px;
background-color: #84f5ff;
}

.f5 h2.text-center span{
display: inline-block;
padding: 1rem 0;
font-size: 1.75rem;
border-top:1px solid #000;
border-bottom:1px solid #000;
letter-spacing: .5rem;
}
.f5 h3{
color: #000;
font-weight: 700;
}
.f5 figure h3{
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
color: #000;
}
.f5 figure p{
font-size: .937rem;
font-weight: 700;
line-height: 1.75;
color: #000;
}

.hanpukai-price{
font-size: 2rem;
color: rgb(228, 49, 76);
}
.hanpukai-price span{
font-size: 14px;
color: #000;
}
.f5 .sec-4 h3{
  font-size:1.5rem;
  font-family:'\Ò\é\®\ÎÌÀÄ« ProN W3', 'HiraMinProN-W3', 'HGÌÀÄ«E', '£Í£Ó £ÐÌÀÄ«', 'MS PMincho', 'MS ÌÀÄ«', serif;
  color:#1fb5c1;
}

/*F7*/
.f7 h2.text-center span{
display: inline-block;
padding: 1rem 0;
font-size: 1.75rem;
border-top:1px solid #000;
border-bottom:1px solid #000;
letter-spacing: .5rem;
}
.f7 h3{
color: #000;
font-weight: 700;
}
.f7 figure h3{
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
text-align: center;
color: #000;
}
.f7 figure p{
font-size: .937rem;
font-weight: 700;
line-height: 1.75;
color: #000;
}

/*REVIEW BUTTON*/
.reviewlist {
margin-bottom: 2rem !important;
}
.post-review{
margin-bottom: 1rem;
}
.post-review a{
position: relative;
display: inline-block;
padding: .25rem 1rem .25rem 2.25rem;
color: #fff;
background-color: #e4314c;
border-radius: 3px;
}
.post-review a:hover{
background-color: #eb6579;
}
.post-review a:before{
position: absolute;
display: block;
content: "";
left: 6px;
top: -8px;
width: 32px;
height: 32px;
background-image: url(https://www.tomomien-okayama.com/hakutou/assets/images/icon_pencil.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

/*F1*/
.sec-movie{
background-image: url(https://img07.shop-pro.jp/PA01410/973/etc/f1_bg_movie-8.png?cmsp_timestamp=20210628124904);
background-position: center top;
background-color: #fff;
}


.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/*20220722*/
@media (min-width:521px) {
footer{
display: none;
}
}
@media (max-width:520px) {
.menu-wrap{
  width:100vw;
overflow: hidden;
}
#page-wrapper{
padding-top: 60px;
padding-bottom: 58px;
overflow-x:hidden;
}
footer{
display: block;
margin:0;
padding:0;
position: fixed;
z-index:9;
bottom: 0;
width: 100%;
border-top: 1px solid #ddd;
background-color: rgba(255,255,255,.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
footer ul{
margin:0;
padding:0;
list-style: none;
display:flex;
justify-content: center;
}
footer ul li{
margin: 0 1rem;
font-size: 2rem;
text-align: center;
}
footer ul li a{
display: block;
padding: .25rem .75rem;
color: #000;
}
footer ul li i{
display: block;
margin: 0 auto;
color: #e4314c;
}
footer ul li span{
display: block;
font-size: .75rem;
}
}
@media (max-width: 320px){
footer ul li {
margin: 0 .5rem;
}
}


.menu {
position: absolute;
z-index:9;
top: 0;
right: 0;
background: #fff;
width: 240px;
height: 100%;
transform: translate3d(240px, 0, 0);
transition: transform 0.35s;
}
.menu label.menu-toggle {
position: absolute;
left: -60px;
width: 60px;
height: 60px;
line-height: 0px;
display: block;
padding: 0;
text-indent: -9999px;
background-color: #fff;
}
.menu ul{
;list-style: none;
}
.menu ul li > label {
background: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;
}
.menu ul li a, .menu ul li label {
display: block;
text-align: center;
padding: 0 20px;
line-height: 60px;
text-decoration: none;
color: #000;
}
.menu ul li a:hover, .menu ul li label:hover {
color: #e4314c;
}

/* hide inputs */          
.menu-checkbox {
display: none;
}

/* hide navigation icon for sublabels */    
.menu .menu label.menu-toggle {
background: none;
position: relative;
background-color: #fff;
}
.menu .menu label.menu-toggle::before{
content: "";
position: absolute;
left: 30%;
top: 50%;
display: block;
width: 40%;
height: 2px;
background-color: #e4314c;
}
.menu .menu label.menu-toggle::after{
content: "";
position: absolute;
left: 30%;
top: 45%;
display: block;
width: 10px;
height: 2px;
background-color: #e4314c;
transform: rotate(-45deg);
}
/* fade in checked menu */    
.menu-checkbox:checked + .menu {
transform: translate3d(0, 0, 0);
z-index: 999999;
}
.menu-checkbox:checked + label.menu-toggle[for="menu-1"],
.menu-checkbox:checked + label.menu-toggle[for="menu-2"],
.menu-checkbox:checked + label.menu-toggle[for="menu-3"],
.menu-checkbox:checked + label.menu-toggle[for="menu-4"],
.menu-checkbox:checked + label.menu-toggle[for="menu-5"],
.menu-checkbox:checked + label.menu-toggle[for="menu-6"],
.menu-checkbox:checked + label.menu-toggle[for="menu-7"]
{
display: none !important;
}
.nav-home{
position: relative;
z-index: 99;
display: block;
background-color: #fff;
}
.menu{
background-color: #fff;
}

/*==================================================
　5-2-1 3本線が×に
===================================*/
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn1{
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  background:#fff;
  cursor: pointer;
    width: 60px;
    height:60px;
}

/*ボタン内側*/
.openbtn1 span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 15px;
    height: 3px;
    border-radius: 2px;
  background: #e4314c;
    width: 50%;
  }

.openbtn1 span:nth-of-type(1) {
  top:18px; 
}

.openbtn1 span:nth-of-type(2) {
  top:28px;
}

.openbtn1 span:nth-of-type(3) {
  top:38px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn1.active span:nth-of-type(1) {
    top: 20px;
    left: 20px;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.openbtn1.active span:nth-of-type(3){
    top: 32px;
    left: 20px;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
}

.menu .ul-mp li a{
display: flex;
}
.menu .ul-mp li{
margin: 0 5px 10px;
width: calc(100% - 10px);
}

.menu .ul-mp li a{
display: block;
width: 100%;
text-align: left;
line-height: 1.25;
}
.menu .ul-mp li a img{
display: inline-block;
margin: 0 10px 0 0;
max-width: 25%;
}

.menu .ul-mp li a{
margin: 0;
padding: .5rem;
border: 1px solid rgba(0,0,0,.01);
border-radius: 4px;
height: 100%;
}
.menu .ul-mp li a ion-icon{
position: relative;
display: inline-block;
margin-right: 10px;
transform: translate(0 , 2px);
color: #e4314c;
}
.menu .ul-mp.ul-5 li a,
.menu .ul-mp.ul-6 li a{
box-shadow: none;
}


@media(min-width:769px){
footer,.menu .menu label.menu-toggle{
display: none;
}
.menu {
width: 100%;
margin: 0 auto;
}
.menu label.menu-toggle{
display: none;
}
.menu{
position: relative;
z-index: 9999;
width: 100%;
height: 60px;
background-color: #fff;
transform: none;
top: inherit;
right: inherit;
}
.gnavi__lists {
display: flex;
width: 100%;
}
.gnavi__lists li {
width: 20%;
height: 60px;
background-color: #E5F0F8;
position: relative;
transition: all .3s;
}
.gnavi__list:hover {
background-color: #0071BB;
}
.gnavi__list:not(:first-child)::before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
}
.gnavi__list:hover::before {
background-color: #0071BB;
}
.gnavi__list a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: #1b4059;
font-size: 15px;
letter-spacing: 0.05em;
font-weight: 600;
transition: all .3s;
}
.gnavi__list:hover a {
color: #fff;
}

.menu ul li:hover .dropdown__lists {
display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__lists li {
background-color: #fff;
height: 60px;
transition: all .3s;
position: relative;
}
.dropdown__lists li:not(:first-child)::before{
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
}
.dropdown__lists li:hover {
background-color: #fff;
}
.dropdown__lists li a {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-decoration: none;
position: relative;
}
.dropdown__lists li a::before {
content: '';
display: block;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(135deg);
position: absolute;
right: 15px;
top: calc(50% - 5px);
}
.gnavi__lists li .dropdown__lists {
transform: scaleY(0);/*デフォルトでは非表示の状態にしておく*/
transform-origin: center top;/*変形を適応する基準をtopとする*/
transition: all .3s;/*表示の変化を0.3秒に指定*/
width: 240px;
position: absolute;
top: 60px;
left: 0;
}
.gnavi__lists li:hover .dropdown__lists {
transform: scaleY(1);/*Gナビメニューにホバーしたら表示*/
}
.menu ul{
margin: 0;
padding: 0;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.menu .ul-mp li{
margin: 0;
width: 100%;
}
.menu .ul-mp li a {
margin: 0;
padding: .5rem;
border: none;
border-radius: 0;
display: block;
line-height: 60px;
}
}

/*20220809*/
.dl_over-19{
padding: 1rem;
background-color:#fff;
border: 1px solid #eb6579;
}
.dl_over-19 dt{
display: inline-block;
margin: 0 0 1rem;
padding: 0;
font-size: 1.125rem;
background:linear-gradient(transparent 60%, rgba(235,101,121,.4) 60%);
}
.h3_catch{
position: relative;
display: inline-block;
padding: 0 .25rem;
font-size: 1.5rem;
font-weight: 600;
background:linear-gradient(transparent 60%, rgba(235,101,121,.2) 60%);
}
.h3_catch:first-letter{
font-size: 3rem;
color: #eb6579;
}
.h3_catch::before{
content: "";
position: absolute;
right: -2rem;
top: 1rem;
display: block;
width: 20px;
height: 20px;
background-color: rgba(235,101,121,.5);
border-radius: 50%;
animation: h3_catch1 3s ease-in 0.8s infinite;
}
@keyframes h3_catch1{
0%{ opacity: .2; top: 1rem;}
50%{ opacity: 1; top: 1.5rem;}
100%{ opacity: .2; top: 1rem;}
}

.h3_catch::after{
content: "";
position: absolute;
top: 0;
right: -3rem;
top: 2rem;
display: block;
width: 10px;
height: 10px;
background-color: rgba(77,186,235,.7);
border-radius: 50%;
animation: h3_catch2 4s ease-in 0.8s infinite;
}
@keyframes h3_catch2{
0%{ opacity: .2; top: 2rem;right: -3rem;}
50%{ opacity: 1; top: 1rem;right: -2.5rem;}
100%{ opacity: .2; top: 2rem;right: -3rem;}
}

@media (min-width: 769px){
.menu ul{
position: relative;
justify-content: end;
box-shadow: none;
}

.gnavi__lists li{
width: auto;
}
.menu .ul-mp li a img{
max-width: 17.5%;
}
.menu-container{
border-bottom: none;
box-shadow: none;
}
}

@media(max-width:520px){
li.prd_lst_unit{
margin: 0 10px 30px;
width:calc(50% - 20px);
}
}

/*FAQアコーディオン*/
.accordion .toggle {
display: none;
}
.accordion .Label {
padding: 1rem;
display: block;
color: #fff;
background:#4ea25e;
border-radius:4px;
}
.accordion .Label::before{
content:"";
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
position: absolute;
top:calc( 50% - 3px );
right: 20px;
transform: rotate(135deg);
}
.accordion .Label,
.accordion .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.accordion .content {		/*本文*/
height: 0;
margin-bottom:10px;
padding:0 1rem;
overflow: hidden;
}
.accordion .toggle:checked + .Label + .content {	/*開閉時*/
height: auto;
padding:1rem;
transition: all .3s;
}
.accordion .toggle:checked + .Label::before {
transform: rotate(-45deg) !important;
}
.accordion .content p{
padding: 0;
font-size:14px  
}
.accordion .content a {
line-height: 4;
padding: .5em 1em;
color: #fff;
background-color: #000;
transition: .3s;
}
.accordion .content a:hover {
color: #000;
background-color: #fff;
box-shadow: 0 12px 24px rgba(0,0,0,.3);
}

/*20240416*/
.sp{
display: none;
}
@media (max-width:600px) {
.sp{
display: block;
}
.pc{
display: none;
}
}

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

/*20250612*/
.link_tomomien img{
display:block;
margin:0 auto;
filter: drop-shadow(5px 10px 15px rgb(0 0 0 /.25));
}
.link_tomomien img.sp{
  display:none;
}
@media (max-width: 980px) {
.link_tomomien img{
width:90%
}
}
@media (max-width: 600px) {
.link_tomomien img.pc{
display:none;
}
.link_tomomien img.sp{
display:block;
}
}