/*
Template: storefront
Theme Name: storefront-child
Version:2.5.5
*/



/* add css start*/


	/* object css start */
.fs5{font-size:0.5em!important;}
.fs6{font-size:0.6em!important;}
.fs7{font-size:0.7em!important;}
.fs8{font-size:0.8em!important;}
.fs9{font-size:0.9em!important;}
.fs10{font-size:1em!important;}
.fs11{font-size:1.1em!important;}
.fs12{font-size:1.2em!important;}
.fs13{font-size:1.3em!important;}
.fs14{font-size:1.4em!important;}
.fs15{font-size:1.5em!important;}
.fs16{font-size:1.6em!important;}
.fs17{font-size:1.7em!important;}
.fs18{font-size:1.8em!important;}
.fs19{font-size:1.9em!important;}
.fs20{font-size:2em;}
.bold{font-weight: bold;}
.red{color: red;}
.sp{display: none!important;}
.pc{display: inline!important;}
.bold {font-weight: bold;}
@media(max-width:600px){
	.sp{display: inline!important;}
	.pc{display: none!important;}
}
.fc-o{color: #FB7E25;}
.fc-o2{color: #F8B400;}
.fc-b{color: #724535!important;}
.fc-r{color: red!important;}
.fc-blue{color: blue!important;}
.fc-blue2{color: #3366FF!important;}
.fc-w{color: #fff!important;}
.mk-y {background:#ffff99;}
.ts2{text-shadow:  2px  2px 2px #ffda7c;}
.txac{text-align: center!important;}
.txar{text-align: right;}
.m0a{margin: 0 auto!important;}
.mt0{margin-top: 0px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mb0{margin-bottom: 0px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.m10{margin: 10px!important;}
.m20{margin: 20px!important;}
.m30{margin: 30px!important;}
.m40{margin: 40px!important;}
.pt0{padding-top: 0!important;}
.pt10{padding-top: 10px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}
.pb10{padding-bottom: 10px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}
.mw500{max-width: 500px;}
.lh22{line-height: 22px!important;}
.w30{width: 30%!important;}
.w40{width: 40%!important;}
.w50{width: 50%!important;}
.w60{width: 60%!important;}
.w70{width: 70%!important;}
.w80{width: 80%!important;}
.w90{width: 90%!important;}
.w45{width: 45%!important;}
.w100{width: 100%!important;}
.wauto{width: auto;}
	/* object css end */



.main-content {
    padding-top: 15px;
    padding-bottom: 80px;
}

div.inner85{
	width: 85%;
}

div.inner80{
	width: 80%;
}
div.inner80 p{
	/*color: #f3f3f3;*/
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
}

@media screen and (max-width: 480px){
	div.inner80{
	width: 100%;
	}
div.inner80 p{
	font-size: 0.9em!important;
	line-height: 1.5em;
	}
}

#top-bar a:hover,
#top-bar li.current-menu-item > a,
#top-bar li.current-menu-ancestor > a,
#top-bar .sub-menu li.current-menu-item > a,
#top-bar .sub-menu li.current-menu-ancestor> a {
    /*color: #00ad79;*/
    color: #000!important;
}


.containerHeaderGn{
	 display: flex;
	 justify-content: space-around;
	 flex-wrap: wrap; 
	 max-width: 1000px;
	 padding-top: 15px;
	 padding-bottom: 15px;
	 margin: 0 auto;
	 background-color: #fff;
}
.containerHeaderGn a{
	 padding:10px;
	 font-size: 1.2em;
	 color: #000!important;
}
@media screen and (max-width: 480px){
	.containerHeaderGn{
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 0;
	}

	.containerHeaderGn a{
		font-size: 0.8em;
	}
}


#page-header .entry-header{
	height: 150px;
}

@media screen and (max-width: 550px){
#page-header .entry-header {
    padding: 20px 0 !important;
	}
}

@media screen and (max-width: 480px){
#top-bar > div,
#main-nav > div,
#page-wrap .main-content,
.page-footer-inner {
    padding-left: 15px !important;
    padding-right: 15px !important;
	}
}

/* woocommerce area add css */
h2.woocommerce-loop-product__title{
	/*color: #fff!important;*/
}
div.woocommerce-message{
	/*background-color: #f4f4f4!important;*/
}

div#wclist>div.woocommerce>ul.products li.product,
.woocommerce-page ul.products li.product {
    margin: 0 2% 2.992em 0;
    width: 47% !important;
    text-align: center;
}

.woocommerce-product-details__short-description ul,
.woocommerce-Tabs-panel--description ul {
    list-style: none!important;
}
.wc-block-grid__products {
     list-style: none!important;
 }

.single-navigation span {
 	color: #fafafa!important;
 }

.woocommerce form .form-row textarea {
    height: 15em;
}

@media screen and (max-width: 1080px){
	.entry-header {
	    height: 150px !important;
	}
}
@media screen and (max-width: 880px){
	.entry-header {
	    height: 150px !important;
	}
}

/*ボタン用CSS*/
.btn-animation-02 {
  display: inline-block;
  width: 300px;
  text-align: center;
  background-color: #FFFFEE;
  border: 2px solid #000;
  font-size: 20px;
  color: #FFFFEE;
  text-decoration: none;
  padding: 15px 30px;
  border-radius: 4px;
  position: relative;
  color: #000;
}

.btn-animation-02 span {
  position: relative;
  z-index: 1;
}

.btn-animation-02::before,
.btn-animation-02::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-02::before {
  left: 0;
}
.btn-animation-02::after {
  right: 0;
}

.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-02:hover {
  color: #FFF;
}
/*ボタン用CSSend*/

.pb{
	font-weight: bold;
	font-size: 1.5em;
}

.responsive_p{
	font-size: 1.3em;
	line-height: 2; 
}

@media(max-width:600px){
	.pb{
	font-size: 1.3em;
	}
	.responsive_p{
		font-size: 1em;
		line-height: 1.5; 
	}
}



ul.products li.product {
width: 46.411765%;
float: left;
margin-right: 5.8823529412%;
}
ul.products li.product:nth-of-type( 2n ) {
margin-right: 0;
}

@media ( min-width: 768px ) {
ul.products li.product:nth-of-type( 2n ) {
margin-right: 5.8823529412%;
}
}

/*.woocommerce-privacy-policy-text{
	display: none!important;
}*/

li.my-account a{
	display: none!important;
}
.storefront-handheld-footer-bar ul.columns-3 li {
    width: 50%;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0!important;
}

.storefront-handheld-footer-bar ul.columns-3 li.search{
    display: none;
}
.storefront-handheld-footer-bar ul.columns-3 li {
    width: 100%;
}


@media (max-width: 480px){
	.wc-block-grid.has-4-columns .wc-block-grid__product {
	    margin-left: auto;
	    margin-right: auto;
	    flex: 1 0 50%;
	    max-width: 50%;
	    padding: 0;
	    float: left;
	}
}

.site-info {
    padding: 0em 0px 1.617924em;
}


.kakaku table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  /*width: 650px;*/
  .kakaku table-layout: fixed;
}

.kakaku table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
.kakaku table th,
.kakaku table td {
  padding: 0.5em 10px 0.5em 1em;
  border-right: 1px solid #bbb;
}
.kakaku table th {
  font-size: .85em;
}
.kakaku table thead tr{
  background-color: #eee;
}
/*.txt{
   text-align: left;
   font-size: .85em;
}*/
.pricelist{
   text-align: right;
}
@media screen and (max-width: 600px) {
  .kakaku table {
    border: 0;
    width:100%
  }
  .kakaku table th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
  .kakaku table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .kakaku table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .kakaku table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  .kakaku table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  .kakaku table td:last-child {
    border-bottom: 0;
  }
}

.kakaku{
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	max-width: 800px;
}


@media(max-width:600px){
	.listpc{display: none!important;}
}

/**/

.storefront-sorting,
.post-type-archive-product .columns-4 {
    display: none;
}

h1.product_title .entry-title{
  
}
h1.entry-title{
  font-size: 2.2em!important;
  padding-top: 15px;
}

.posted-on #text,
.post-author,
.post-comments{
  display: none;
}

@media(max-width:767px){
  h1.entry-title{
    font-size: 1.2em!important;
    padding-top: 15px;
  }
  .entry-header {
    height: 200px !important;
    padding: 20px 0 !important;
  }
  .spfsmin{font-size: 12px;}
}


body{
    font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #222;
}

h1 {
    text-align: center;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: 0.3em;
    margin: 5% 0;
}

h2 {
    text-align: left;
    font-size: 22px;
    font-weight: 100;
    letter-spacing: 0.4em;
}

@media (max-width: 767px){
p {
    font-size: 16px;
}
}

div.col_three img{margin: 0 auto;}

.woocommerce-privacy-policy-text p{
  font-size: 14px!important;
}
p.woocommerce-shipping-destination,
a.shipping-calculator-button{
  display: none;
}
.newspick ul{
  margin-left: 1em;
}


/* 481px以上に適用されるCSS（タブレット用） */
@media screen and (min-width: 481px) {
    .flexbox01 { -js-display: flex;display: flex;}
    .flexbox01 { justify-content: space-around; }
}

/* 960px以上に適用されるCSS（PC用） */
@media screen and (min-width: 960px) {
    .flexbox01 { -js-display: flex;display: flex!important; }
    .flexbox01 { justify-content: space-around; }
}

#about div.sp_hide.title_logo_r {
    width: 4%;
}

@media (max-width: 767px){
  #about div.pc_hide.title_logo_r {
      width: 60%;
      margin-bottom: 80px;
  }
}

/*スライダー002*/
.css-slider .title {
    font-size: 3rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.8em;
}

.css-slider .lead {
   font-size: 1.2rem;
   color: #fff;
   text-align: center;
   margin-bottom: 2.8em;
}

.css-slider {
  overflow: hidden;
  padding: 100% 0 0%;
  position: relative;
  z-index:1;
}
.css-slider:before,
.css-slider:after {
   content: "";
   z-index: -1;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
}
.css-slider:before {
  width: 500%; /* (n+1)*100% */
  background: url(https://vanillabeans.jp/wp/wp-content/themes/storefront-child/images/voice2.jpeg) no-repeat,
    url(https://vanillabeans.jp/wp/wp-content/themes/storefront-child/images/voice3.jpeg) no-repeat,
    url(https://vanillabeans.jp/wp/wp-content/uploads/2022/02/voice03.png) no-repeat,
    url(https://vanillabeans.jp/wp/wp-content/uploads/2022/03/line_oa_chat_220329_155031.jpeg) no-repeat,
    url(https://vanillabeans.jp/wp/wp-content/uploads/2022/03/line_oa_chat_220329_155023.jpeg) no-repeat,
     url(https://vanillabeans.jp/wp/wp-content/uploads/2021/10/1635370293561.jpg) no-repeat;
  background-position: 75% top, 50% top, 25% top, 0% top; /* (n-1)/n*100%, (n-2)/n*100% ... 0% */
  background-size:  20% auto; /* 100/(n+1)% */
  animation: slide 20s ease-in-out  infinite;
}
.css-slider:after {
  right: 0;
  /*background:rgba(0, 0, 0, .25);*/
}
@keyframes slide {
  0%, 20% {
    transform: translate3d(0,0,0);
  }
  25%, 45% {
    transform: translate3d(-20%,0,0);
     /* -1/n+1 * 100% */
  }
  50%, 70% {
    transform: translate3d(-40%,0,0);
  }
  75%, 95% {
    transform: translate3d(-60%,0,0);   
  }
  100% {
    transform: translate3d(-80%,0,0);
    /* -n/n+1 * 100% */
    animation-timing-function: steps(1, end);
  }
}
.title:after {
  content: "";
  display: block;
  width: 48px;
  height: 0;
  margin: 24px auto 0;
  border-bottom: 2px solid;  
}

  /*--------画像サイズ調整---------*/
  img.slideimg{
    width:100%;
  }

  /*-----------height調整----------*/
  .slick-slide{
    height:auto!important;
  }

  /*-----------矢印表示----------*/
  .slick-next{
    right:0!important;
  }
  .slick-prev{
    left:0!important;
  }
  .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
  }
  .slick-arrow:before{
    font-size: 30px!important;
  }
/*------------------------------*/
.slick-dots li{
  margin: 0 0px;
}


/* 481px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 480px) {
li.wc-block-grid__product:first-child div.wc-block-grid__product-title
  {font-size: 0.8rem!important;}
}


.swiper-slide {
  margin: 0 auto;
/*  max-width: 500px;*/
  width: 80%;
}

.swiper-slide__inner--item {
  margin: 0 10px;
/*  padding:0 10px;*/
}
.swiper-slide__inner--item figure{
    height: auto;
  width: 100%;
  padding-bottom: 10px;
}
.swiper-slide .post__thumb--img a {
  padding-top: 62.5%;
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider2 {
  margin: 0 auto 30px;
  padding-bottom: 20px;
}

.slider2 .slick-arrow:before {
    font-size: 35px!important;
    color: #333;
}

.swiper-slide__inner{
  border: solid 1px #dadada;
  padding: 30px 20px 50px;
  margin: 0 10px;
  background-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px){
    #nav {
        background-color: #222;
    }
}

.news_textbox {
    background: rgba( 55, 63, 40, 0.1 );
    padding: 5%;
    margin: 4% 0;
}
button:hover {
    background-color: none;
    border-color: none;
    color: #333333;
}

#menu-item-80{
  display:;
}