/*
* add.css
* =========================

* Theme CSS | ThemaCSS上書き (style.css)

* =========================

* Theme Custom CSS | ThemaCSS上書き (外観→カスタマイズ：変更全般連動CSS)

* =========================

* User Custom CSS | ThemaCSS上書き(外観→カスタマイズ→CSS追加)

* =========================

* header
* -------------------------
* .flexslider
* -------------------------
* HOME | Just Wide Set
* -------------------------
* #homemovie01 | Custom widget
* -------------------------
* #img-box
* -------------------------

=========================*/










/* Theme CSS | ThemaCSS上書き (style.css)
=========================*/

@media screen and (max-width: 1000px){/*【max-width】 Desktop Small 1000px */

.mobile-menu { left: -80%; width: 80%; transform: translateZ(0); -webkit-overflow-scrolling: touch;}
nav#site-navigation ul{ font-size: 90%; margin-right: 10px; margin-left: 10px;}
nav#site-navigation ul ul,
nav#site-navigation ul ul ul{ margin-right: 0!important; margin-left: 0!important;}
nav#site-navigation li,
nav#site-navigation li:first-child{ position: relative; border-bottom: 1px solid #e6e6e6;}
nav#site-navigation li:last-child{ border-bottom: none;}
 nav#site-navigation li a{ padding: 5px 5px 5px 30px;}
nav#site-navigation li a:before{ display: none!important;}
nav#site-navigation li.menu-item-has-children span.oc{ position: absolute; top: 0.2em; left: 0px; transform: rotate(180deg); content: ""; display: block; width: 28px; height: 28px; background: url(assets/images/sankaku.png) center center no-repeat; background-size: 14px 14px; cursor: pointer; transition: all 0.2s ease-out;}
nav#site-navigation li.menu-item-has-children.opend span.oc{transform: rotate(0deg);}
nav#site-navigation li ul.sub-menu{ display: none; width: 100%; padding-top: 10px; padding-bottom: 20px;}
nav#site-navigation li li{ padding-left: 0px;}
nav#site-navigation li.opend li.menu-item-has-children span.oc{ position: absolute; top: 0.2em; left: 0px;
 content: ""; display: block; width: 28px; height: 28px; background: url(assets/images/sankaku.png) center center no-repeat; background-size: 10px 10px; transform: rotate(180deg); }
nav#site-navigation li.opend li.menu-item-has-children.opend span.oc{ transform: rotate(0deg);}
	
/**/}/*==================*/



#secondary h3 { border-left: none!important;}

/* .flex-direction-nav */
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before { content: '';}

/* .flex-prev , .flex-next */
.flexslider .flex-prev { left: 15px!important; background: url(assets/vendor/flexslider/imgs/arrow-left.png) no-repeat center center;}
.flexslider .flex-next { right: 15px!important; background: url(assets/vendor/flexslider/imgs/arrow-right.png) no-repeat center center;}
.flexslider .flex-prev,
.flexslider .flex-next{ opacity: 0.7!important; transform: translateY(-50%); background-size: 50%;}
.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover{ opacity: 1!important; background-size: 75%;}

/* .slick slide */
.slick-prev,
.slick-next{ top: 20%;}
.slick-prev,
.slick-prev:hover{ left: -7px!important; background: url(assets/vendor/flexslider/imgs/arrow-left.png) no-repeat center center; background-size: 80%;}
.slick-next,
.slick-next:hover{ right: -7px!important; background: url(assets/vendor/flexslider/imgs/arrow-right.png) no-repeat center center; background-size: 80%;}
.slick-prev:hover,
.slick-next:hover{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.slick-prev:before,
.slick-next:before {display: none;}
.topics-area .slick-prev,
.topics-area .slick-prev:hover{ top: 35%; left: -30px!important;}
.topics-area .slick-next,
.topics-area .slick-next:hover{ top: 35%; right: -30px!important;}


.topics-area.home-area .slider{/*
 display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;
 background: #ff0;*/
}
.topics-area.home-area .slider .post{/*
 background: #f0f;
 display: flex!important;*/
}

.topics-area.home-area .slider .post a{ display: block; background-color: #fff;  height: 100%!important;
 /*
 padding-bottom: 50px;
 */
}/*
.topics-area.home-area .slider .post .data01{ background: #560;}*/




.pickup-area.home-area .noslider .post a{ display: block; background: #fff; height: 100%;}

/* .product-list */
.product-list .post.category-item .thumbnail img{ border: 3px solid #e6e6e6;}
.product-list .post.category-item a.on_hover .thumbnail img{ border: 3px solid #f9ba8f;}
.product-list .post.category-item a.on_hover,
.product-list .post.category-item a.on_hover span,
.product-list .post.category-item a.on_hover span em,
.product-list .post.category-item a.on_hover div{ color: #f9ba8f!important;}

/*-----------------------*/
@media screen and (min-width: 480px){/* Mobile Small 480px */

.slick-prev,
.slick-next{ top: 30%;}

/**/}/*------------------*/
@media screen and (min-width: 38.75em) {/* Mobile Large 620px */

.pickup-area.home-area .noslider{ display: flex; flex-wrap: wrap; align-items: stretch;}


/**/}/*------------------*/
@media screen and (min-width: 46.25em){/* Tablet Small 740px */

.home-area{ margin: 0;}/*2.143em 0*/

/**/}/*------------------*/
@media screen and (min-width: 62.5em){/* Desktop Small 1000px */

.mobile-menu .close{ display: none;}
.mobile-menu{ background: none; position: static; width: auto; padding: 0;}
#site-navigation li.current_page_item a:after,
#site-navigation li.current-menu-item a:after,
#site-navigation #menu-header > li > a:hover:after,
#site-navigation #menu-header > li:hover > a:after{ height: 2px; background: #f9ba8f;}
.section-head{ padding-bottom: 0;}
#content .entry-header h1.entry-title {font-size: 2em;line-height: 1.4em!important;}

/**/}/*------------------*/




















/* Theme Custom CSS | ThemaCSS上書き (外観→カスタマイズ：変更全般連動CSS)
=========================*/

.common-parts{ background-color: #f9ba8f!important;}
.common-parts a{ color: #fff!important;}
.common-parts a:hover{ filter:alpha(opacity=70)!important; -moz-opacity: 0.7!important; opacity: 0.7!important;}
.common-parts .info-title a span{ display: inline-block; margin-right: 0.7em;}
.home .common-parts{ background: none!important;}/* min-width: 55em 参照 */
.home .common-parts a{ color: #555!important;}
/**/




















/* User Custom CSS | ThemaCSS上書き(外観→カスタマイズ→CSS追加)
=========================*/

.h-column{ margin-top: -20px;}
.h-column .iconbtn:hover,
#toTop a:hover{ background-color: #f9ba8f;}
#site-navigation li li a:after{}
.info-area .info-title a span.special_catchcopy2{ border: 1px solid #fff;}
.top-info-area .info-date{ width: 6em;}
.skuform .skubutton,
#wc_reviews .reviews_btn a{ background-color: #f9ba8f!important;}
.skuform .skubutton:hover,
#wc_reviews .reviews_btn a:hover{ background-color: #b4afac!important;}
.item-description ol{ counter-reset: number 0; margin-left: 0;}
.item-description ol li{ position: relative; list-style: none; padding-left: 18px; margin-bottom: 0.5em; line-height: 1.6;}
.item-description ol li:before{ position: absolute; top: 0.15em; left: 0; counter-increment: number; content: counter(number)"."; display: block; width: 1.4em; height: 1.4em; color: #f9ba8f; font-weight: bold; line-height: 1.4;}
.item-description ol.maru{ counter-reset: number 0; margin-left: 0;}
.item-description ol.maru li{ position: relative; list-style: none; padding-left: 18px; margin-bottom: 0.5em; line-height: 1.6;}
.item-description ol.maru li:before{ top: 0.15em; left: -8px; counter-increment: number; content: counter(number); background: #f9ba8f; display: block; width: 1.4em; height: 1.4em; text-align: center; border-radius: 50%; color: #fff; font-size: 90%; font-weight: normal; line-height: 1.4;}
.item-description ul{ margin-left: 18px;}
.item-description ul li{ position: relative; list-style: none; margin-bottom: 0.5em; line-height: 1.6;}
.item-description ul li:before{ position: absolute; top: 0.6em; left: -12px; content: ""; background: #f9ba8f; display: block; width: 6px; height: 6px; border-radius: 50%; }

/*-----------------------*/
@media screen and (min-width: 480px){/* Mobile Small 480px */

.h-column{ margin-top: -35px;}

/**/}/*------------------*/
@media screen and (min-width: 46.25em){/* Tablet Small 740px */

.h-column{ margin-top: 0px;}

/**/}/*------------------*/
@media screen and (min-width: 62.5em){/* Desktop Small 1000px */

#site-navigation li li a:after{ display: none;}
.item-description ol.maru{ margin-left: 0.5em;}
.item-description ul{ margin-left: 0.9em;}
.cat-area .list:hover a:after{
 position: absolute; top: calc(50% - 10px); right: 0; content: "";
 width: 20px; height: 20px;
 border-right: 2px solid #f9ba8f; border-bottom: 2px solid #f9ba8f;
 -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}

/**/}/*------------------*/










/* header
=========================*/

header .top{ padding: 5px 15px 0 15px!important;}
header .bottom{ padding-top: 0!important; border-top: none!important;}
header .top_inner{ position: relative; width: 100%; padding-top: 25px; font-size: 85%; margin-bottom: 2em;}

/* .site-description */
header .site-description{ position: relative; bottom: -3em!important; width: 100%; box-sizing: border-box; padding-left: 45px;}

/* .header_translate */
.header_translate,
.header_translate #flags{ width: 60px;}
.header_translate{ position: absolute; top: 3px; right: 0; float: none;}
.header_translate #flags li:nth-child(2) a{ margin-left: 5px;}

/* .hederInfo */
.hederInfo{ position: absolute; top: 0; right: 65px; float: none; width: 160px;}
.hederInfo a{ display: block; padding: 6px 0; text-align: center; font-size: 95%; color: #fff; border: none;background-color: #f9ba8f;}
.hederInfo a:hover{ background-color: #fff; color: #f9ba8f;border:1px solid #f9ba8f;}

/* .incart.list */
header .incart.list .iconbtn span.total-quant{ top: -0.5em;}

/* .menus.list */
header .menus.list .iconbtn{ position: relative;}
header .menus.list .iconbtn:before{ position: absolute; top: -1.3em; content: "MENU"; display: block; width: 100%; color: #888; font-size: 60%; text-align: center; }

/*-----------------------*/
@media screen and (min-width: 480px){/* Mobile Small 480px */

header .top_inner{ padding-top: 0px;}/*15*/
header .site-description{ padding-left: 52px;}

/**/}/*------------------*/
@media screen and (min-width: 46.25em){/* Tablet Small 740px */

header .top { padding: 5px 15px 0 15px!important;}
header .bottom{ padding-top: 0!important;}
header .site-description{ bottom: -20px; padding-left: 70px;}

/**/}/*------------------*/
@media screen and (min-width: 62.5em){/* Desktop Small 1000px */

header .top{ min-height: auto!important;}
header .site-description{ float: none; margin: 0;}
.header_translate{ top: 4px;}
.header_translate #flags li:nth-child(2) a{ margin-left: 6px;}
.hederInfo{ right: 70px; width: 180px;}
.hederInfo a{ padding: 4px 0;}
header .menus.list .iconbtn:before{ display: none;}

/**/}/*------------------*/
@media screen and (min-width: 1070px) {/* Desktop Small 1070px */

header .top{ padding-right: 0!important; padding-left: 0!important;}
header .site-description{ padding-left: 50px;}

/**/}/*------------------*/





/* .flexslider
=========================*/

/* .flex-direction-nav */
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before { content: '';}

/* .flex-prev , .flex-next */
.flexslider .flex-prev { left: 15px!important; background: url(assets/vendor/flexslider/imgs/arrow-left.png) no-repeat center center;}
.flexslider .flex-next { right: 15px!important; background: url(assets/vendor/flexslider/imgs/arrow-right.png) no-repeat center center;}
.flexslider .flex-prev,
.flexslider .flex-next{ opacity: 0.7!important; transform: translateY(-50%); background-size: 50%;}
.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover{ opacity: 1!important; background-size: 75%;}

/* .flex-control-nav */
.flex-control-nav li a{ background-color:#e6e6e6; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none;}
.flex-control-paging li a {background-color: rgba(230,230,230,1)!important;}
.flex-control-nav li a:hover{ background-color:#f9ba8f!important;}
.flex-control-paging li a.flex-active { background: #f9ba8f!important;}

/*-----------------------*/
@media screen and (min-width: 46.25em){/* Tablet Small 740px */

.flexslider .flex-prev { left: 20px!important;}
.flexslider .flex-next { right: 20px!important;}
.flexslider .flex-prev,
.flexslider .flex-next{ background-size: 75%;}
.flexslider:hover .flex-prev:hover,
.flexslider:hover .flex-next:hover{ background-size: 100%;}

/**/}/*------------------*/
@media screen and (min-width: 860px){/* 860px */

.flexslider .flex-prev,
.flexslider .flex-next{ opacity: 0!important; background: none; background-size: 100%;}
.flexslider .flex-prev{ left: 0!important;}
.flexslider .flex-next{ right: 0!important;}
.flexslider:hover .flex-prev {opacity: 0.5!important; left: 50px!important; background: url(assets/vendor/flexslider/imgs/arrow-left.png) no-repeat center center;}
.flexslider:hover .flex-next { opacity: 0.5!important; right: 50px!important; background: url(assets/vendor/flexslider/imgs/arrow-right.png) no-repeat center center;}
.flexslider:hover .flex-prev:hover{ opacity: 1!important; left: 35px!important;}
.flexslider:hover .flex-next:hover{ opacity: 1!important; right: 35px!important;}

/**/}/*------------------*/





/* HOME | Just Wide Set | .topics-area
=========================*/

.home #primary #content .upper .justWide{ background-color: #f9ba8f; padding-bottom: 1em;}
.home #primary #content .upper .justWide .politeUnit{ padding: 1px 0;}

.section-head{ margin-top: 1em; }
.home .common-parts .section-head,
.home .products-box .section-head{ margin-top: 0!important;}

/*-----------------------*/
@media screen and (min-width: 62.5em) {/* Desktop Small 1000px */

.home #main{ margin-right: 0; margin-left: 0; width: 100%;}
.home .site-content-wrap{/*100%*/}
.home .site-content{/*100%*/}
.home #primary #content{ width: 100%!important; max-width: 100%;}
.home #primary #content .upper .politeUnit,
.home #primary #content .lower{ max-width: 1070px; margin-right: auto; margin-left: auto;}
.home #primary #content .upper .justWide{ margin-bottom: 3.5em; padding: 2em 0 2em 0;}

.cat-area.home-area{ margin-bottom: 3.5em;}
.home .common-parts .section-head,
.home .products-box .section-head{ margin-top: 0!important;}


/**/}/*------------------*/





/* #homemovie01 | Custom widget
=========================*/

.home #homemovie01{ margin: 2em 10px 2.5em 10px;}

/*-----------------------*/
@media screen and (min-width: 62.5em) {/* Desktop Small 1000px */

.home #homemovie01{ width: 80%; margin-right: auto; margin-left: auto;}

/**/}/*------------------*/





/* #img-box
=========================*/

#img-box #itemimg-main img{ width: 90%; margin-right: auto; margin-left: auto;}
#img-box #itemimg-sub img{ border: 3px solid #e6e6e6;}
#img-box #itemimg-sub img:hover{ border: 3px solid #f9ba8f;}
/**/



/**/
.topics-area.home-area div.data01,
.pickup-area.home-area div.data01{ display: block; padding: 0 15px 15px 15px;}








#custom_html-6 .wp-block-button__link{
	border-radius: 3em;
	min-width: 40%;
}
/*-----------------------*/
@media screen and (min-width: 480px){/* Mobile Small 480px */

#custom_html-6 .wp-block-button__link{
	font-size: 18px;
}

/**/}/*------------------*/
@media screen and (min-width: 46.25em){/* Tablet Small 740px */

#custom_html-6 .wp-block-button__link{
	font-size: 24px;
}

/**/}/*------------------*/