/*
Theme Name:jungle_template
Theme URI: https://dl.ec-jungle.com/
Author: JUNGLE
Author URI: https://dl.ec-jungle.com/
Version: 7.1.2
*/
@charset "utf-8";
/**/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
.clearfix{clear:both;}

/*☆を消す&☆の隣の価格を調整*/
.home .star-rating,.archive .star-rating{display:none !important;}
.inbox-title + .star-rating + .price{
	font-size: 13px !important;
    display: block;
    margin-top: -3px;
    color: #222222 !important;
    -webkit-font-smoothing: antialiased;
}




/* 1 Browser Reset
================================================== */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}

html {
	overflow-y: scroll;
        overflow-x: hidden;
}

body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,strong,b,th,td,input,label,select,button,textarea,bdi,del,time,small,abbr,address,caption{
	font-family: 'Noto Sans JP', sans-serif;
}

*:not(.dashicons):not(.listbox):not(.box.product):not([class*="eicon"]):before,
*:not(.dashicons):not(.listbox):not(.box.product):not([class*="eicon"]):after { /* box layout to all elements */
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-family: 'FontAwesome','Font Awesome 6 Free','WooCommerce','tinvwl-webfont','Noto Sans JP', sans-serif;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0px;
}

ul li a:hover,
ol li a:hover {
	opacity:0.5;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
table, th, td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
	border-collapse: separate;
	border-spacing: 0px;
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
	width: 100%;
}
caption, th {
	font-weight: normal;
	text-align: left;
}
th {
	text-transform: uppercase;
}
td, th {
	padding: 8px;
	border-width: 0 1px 1px 0;
}
a img {
	border: 0 none;
}

/* Removes dotted line when focus */
:focus {
	outline-color: transparent;
  	outline-style: none;
}
/* Webkit */
::selection {
	background: #9babb4;
	color: #fff;
}
/* Gecko/Mozilla */
::-moz-selection {
	background: #9babb4;
	color: #fff;
}

/* 2 Typography
================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
button,input,select,textarea {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-smoothing:antialiased;
	text-rendering: optimizelegibility;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	word-wrap: break-word;
}


/* ----- #Headings  サイズ----- */
h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	margin-top:0;
	padding-bottom: 20px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 30px;
	line-height: 37px;
}
h2 {
	font-size: 26px;
	line-height: 33px;
}
h3 {
	font-size: 24px;
	line-height: 31px;
}
h4 {
	font-size: 22px;
	line-height: 29px;
}
h5 {
	font-size: 20px;
	line-height: 27px;
}
h6 {
	font-size: 18px;
	line-height: 25px;
}

.highlight {
	font-weight: 500;
}

/* ----- #Text Elements  ----- */
p {
	padding: 0;
}

b, strong { font-weight: bold; }

dfn, cite, em, i {
	font-style: italic;
}

.hidden {  display: none !important }

/* 3 Links
================================================== */
a {
	text-decoration: none;
	cursor:pointer;
	-webkit-tap-highlight-color:#dcdcdc;/*いろ*/
}
a:focus,
a:active,
a:hover {
	text-decoration: none;
}

/* 4 Forms
================================================== */
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Appearance and consistency in all browsers */
	*vertical-align: middle; /* Appearance and consistency in IE6/IE7 */
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea
{
	padding: 10px;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 30px;
	background-color: #fafafa;
}
/*Woocommerceのセレクトがデフォルトとあわないのでオーバーライド*/
.select2-container .select2-selection--single{height:40px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px;height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px;}
.select2-container--default .select2-selection--single{border:inherit;background-color: #fafafa;}
#wc4jp_delivery_time_zone,#wc4jp_delivery_date{border:inherit;background-color: #fafafa;}


input[type="reset"],
input[type="button"],
input[type="submit"] {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1 solid #dcdcdc;
	color: #fff;
	cursor: pointer;
	display: block;
	margin-bottom: 30px;
	padding: 6px 18px;
	text-align: center;
	text-transform: uppercase;
		-ms-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: #747474;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-color: rgba(0, 0, 0, 0.20);
	background-color: #fff;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

button[class="single_add_to_cart_button button alt"]{width:100% !important;height:50px !important;}

button[class="single_add_to_cart_button button alt disabled wc-variation-selection-needed"]{width:100% !important;background-color:#9D9EA0 !important;height:50px !important;}

input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="text"],input[type="email"],input[type="password"]{border:none;border-radius:0px;}
input[type="submit"]::focus, input[type="button"]::focus {
    outline-offset: -2px;
}


/***********************************************
Header ヘッダー
************************************************/
header.site-header
{width:100%;
z-index:98;
position: -webkit-sticky; /* safari対応 */
position: sticky;
top: 0;　/* 上端から10pxのところで固定 */
}

header #sticky_header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
  z-index: 999;
}

header #sticky_header .container{
  display: flex;
  align-items: center;
	height:60px;
}

/*ロゴ画像*/
.header_image_rogo {
    flex-grow: 0;
		order: 1;
    width:200px;
    display: flex;
    justify-content: center;
    align-items: center;
		}
.header_image_rogo a{
    display: flex;
    justify-content:  flex-start;
    align-items: center;
		width:100%;
}
.header_image_rogo img {
  width: 100%;
  height:60px;
  object-fit: contain;
	padding: 5px 0px;
}

@media only screen and (max-width: 1023px) {
.header_image_rogo{ flex-grow: 6;}
.header_image_rogo a{justify-content:center;}
}

/*ヘッダーバナー*/
.header_banner{height:50px;}
.container.creative{font-size:18px;font-weight:bold;line-height:50px;}
.container.creative .banner_text{text-indent:120px;display:inline-block;}
.container.creative .banner_text div div:before{content:"\f0a1";margin-right:10px;}
.banner_circle_area{width:100px;height:100px;border-radius:100%;position:absolute;margin-top:-25px;text-align:center;}
.banner_circle_area span{margin-top:40px;display:block;line-height:15px;}
.banner_circle_area span span{font-size:11px;display:block;margin-top:0px;font-weight:normal;}

/*Navigation
================================================== */
.main-navigation{
	background-color:rgba(0,0,0,0);
  flex-grow: 2;
  order: 3;
}

header ul.menu{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media only screen and (max-width:1023px) {
.main-navigation{
		position: absolute;
    background-color: #ffffff;
    top:61px;
    width:100%;
  }
}

.main-navigation a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 15px;
	text-align: left;
	text-transform: uppercase;
}


/* ----- Dropdown ----- */

.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
	visibility:hidden;
}
.main-navigation ul li ul {
	list-style-type: none;
	position: absolute;
	top: 100px;
	padding: 0;
	margin: 0;
	opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0);
	visibility:hidden;
	line-height: 32px;
	background-color: #fff;
		-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
		-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow:         	0 1px 6px rgba(0, 0, 0, 0.15);
	width: 200px;
	z-index: 9999;
		-webkit-transition: 	all .50s ease;
		-moz-transition: 		all .50s ease;
		-ms-transition:		all .50s ease;
		-o-transition: 		all .50s ease;
	transition: 				all .50s ease;
}
.main-navigation > ul > li:hover > ul {
	display: block;
	opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
  	visibility:visible;
  	top: 52px;
}
.main-navigation ul li ul li {
	float: none;
	margin: 0;
	position: relative;
	text-align: left;
	width: 200px;
	z-index: 1;
}
.main-navigation ul li ul li:before {
    border-top: 1px solid #eee;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 90%;
}
.main-navigation ul li ul li:first-child:before {
    border-top: none;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	float: none;
	line-height: 20px;
	font-size: 14px;
	height: inherit;
	letter-spacing: 0.1em;
	padding: 12px 15px;
	color: #333;
	text-transform: capitalize;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: #000000;
}
.main-navigation ul li ul li ul {
	left: 190px;
	top: 50px;
}
.main-navigation ul li:last-child ul li ul {
	left: -200px;
}
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul {
	top: 0;
	display: block;
	opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);
  	visibility:visible;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #000;
   font-size: 14px;
   padding-left: 6px;
}
/*.main-navigation li.menu-item-has-children > a:after{
   content: "";
}*/
.main-navigation li.page_item_has_children > a:after {
   content: "\f107";
}

.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   content: "\f105";
   position: absolute;
   right: 15px;
}

/* ----- Responsive Navigation ----- */
.menu-toggle {
	display: none;
	order:4;
	flex-grow: 1;
  width: auto;
	margin-right:inherit !important;
}
.line-one,
.line-two,
.line-three {
	background-color: #ffffff;
	border-radius:40px;
	max-width: 30px;
}

/*メニュー画像サイズ*/
nav ul li a img{width:25px;height:25px;}


/*Breadcrumb
================================================== */

.breadcrumb {
	font-size: 13px;
	margin-top:20px;
	height:auto;
	margin-bottom:30px;
	color: #999999;
}
.breadcrumb:before {
	content: '\f015';
	display: inline-block;
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	margin-right: 4px;
}

.breadcrumb a:hover {text-decoration-line: underline;color: #999;}

/*HOMEのみ非表示*/
.page-template-home .breadcrumb{display:none;}


/*************************************
Woocommerce
**************************************/

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: #9babb4;
	color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
		-ms-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	color: #fff;
		-ms-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {

	color: #fff;
}
.woocommerce .quantity .qty {
	height: 34px;
}
.woocommerce ul.products li.product .onsale {
	margin: -1em -1em 0 0;
}
.woocommerce ul.products li.product h3 {
	font-size: 1.2em;
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding-top: 20px;
}
.woocommerce-demo-store p.demo_store {
	background-color: #9babb4;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 10px 6px 12px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 15px;
}
.woocommerce table.shop_table td {
	padding: 12px;
	border-top: 0px;
}
.woocommerce table.shop_table {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	border-radius: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	display: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	padding: 0.5em 0.8em;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
	margin: 0 0 3em;
}
.woocommerce ul.products li.product a img {
	border: 1px solid #ddd;
	margin: 0px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: #2eb851;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #008922;
}
.woocommerce .star-rating,
.comment-form-rating .stars span a {
	color: #f9b91e;
}
.woocommerce .woocommerce-product-search input.search-field {
	width: calc(100% - 95px);
}
.woocommerce .woocommerce-product-search input[type="submit"] {
	padding: 11px 20px 12px;
	border-radius: 0px;
}
.woocommerce .tagcloud a {
	border: 1px solid #ddd;
	padding: 5px 10px;
}
.woocommerce-review-link {
	color: #747474;
}
#main .woocommerce-MyAccount-navigation > ul {
	list-style: none;
}
.woocommerce-MyAccount-navigation ul li > a {
	/*border: 1px solid #e4e4e4;*/
	display: block;
	height: 100%;
	margin-bottom: -1px;
	padding: 8px;
	width: 100%;
	border-radius:40px;
}
.woocommerce-MyAccount-navigation ul li > a:hover,
.woocommerce-MyAccount-navigation ul li.is-active {
	background-color: #f8f8f8;
}
.related.products {
	display: block;
}

/*ボタン押せない時の色*/

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{background-color:#999999;}

/*カートを更新ボタン*/

input[name="update_cart"],input[name="apply_coupon"]{margin-top:10px !important;}
button[name="update_cart"]{
  background-color: #fbfbfb !important;
  margin: 0 auto !important;
  width:200px !important;
  display: block !important;
  font-size:12px !important;
  margin-top:20px !important;
	color:#000000 !important;
	border-radius: 50px !important;
}
/*/カートを更新ボタン*/
/*searchページ*/

.search-results #primary article{width:30%;}

/*  その他の装飾
================================================== */

/*商品画像の再表示(モバイルは非表示に)*/
.product_image_redisplay img{width:100%;}


/*商品画像*/
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){border:1px solid #dcdcdc;}
/************************************************
ヘルプページ
*************************************************/
.helpcontainer{flex: 1;margin-left:5%;min-height:60vh;}
.help_page h1,.helpcontainer h1{
	background-color: #F5F5F5;
	border-radius:60px;
	padding:5px 10px;
	width:300px;
	margin-bottom:15px;
	box-shadow: 0px 3px 1px #dcdcdc;
	font-size: 25px;
	font-weight: bold;
}
/*icon*/
.help_page h1:before,.helpcontainer h1:before{content:"\f0eb";margin-right:5px;}
.su-tabs{background:#F5F7F8 !important;}

span.ctext{color:#ffffff;text-align:center;display:block;font-size:15px;font-weight:bold;margin-top:100px;}




/*商品リスト在庫表示
body:not(.single-product) div.product .out-of-stock{
background-color:rgba(255, 77, 77,1);
position:absolute;
z-index:96;
width:100%;
bottom:2.3em;
text-align:center;
color:#ffffff;
font-weight:bold;
}*/

/*売り切れ表示*/
body:not(.single-product) li.product .out-of-stock{
    position: absolute;
    font-size: 14px;
    left:auto;
    right:1px;
    top: 1px;
    bottom:auto;
    width: 0;
    height: 0;
    border-radius:0px;
    border-style: solid;
    border-color: transparent #fc8d8d transparent transparent;
    border-width: 0 80px 80px 0;
    background-color: inherit;
    text-indent: -9999px;
    padding: 0px;
    z-index:6;

　
}

body:not(.single-product) li.product .out-of-stock:before {
    content: "SOLD";
    position: absolute;
    top: 20px;
    left: 30px;
    width: 50px;
    text-align: center;
    font-size: 14px;
    font-family: arial;
    transform: rotate(45deg);
    display: block;
    color: #ffffff;
    text-indent: 0px;
    overflow:hidden;
    z-index:9999;
    font-weight:bold;
}

body:not(.single-product) div.outofstock .inbox-image img{ filter: grayscale(100%);}

/*/売り切れ表示*/


/*キャンセルボタン削除*/
.woocommerce-button.button.cancel{display:none;}
/*罫線*/
.coupon-line th,.coupon-line td{color:#999999;font-weight:100 !important;font-size:11px;border:0px;border-top:0 !important;text-indent:20px;}
.coupon-line th:before{content:"├";margin-right:10px;}

tfoot tr:not(.coupon-line)+.coupon-line th{position:relative;}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border:none;padding:5px;font-weight:bold;}

/*在庫表記カラー*/
.woocommerce div.product .stock{color:inherit;}
body:not(.archive,.home) .woocommerce div.product .out-of-stock,.woocommerce div.product table td.stock p.stock_none{color:#EA4E6B !important;}
span.stock_after_label_full,span.stock_after_label_low,span.stock_after_label_none{font-size:10px;}
span.stock_after_label_low,span.stock_after_label_none{color:#EA4E6B !important;}
.stock.available-on-backorder{background-color:#f2f2f2;font-size:12px !important;color:#EA4E6B !important;border-radius:5px;}
.backorder_descarea{background-color:#dcdcdc;padding:3px;}
.available-on-backorder strong{display:block;text-align:center;font-size:18px;}
.available-on-backorder strong:before{content:"\f071";}
.available-on-backorder span{display:block;text-align:center;}
.available-on-backorder span.ftxt{color:#333333;}
.available-on-backorder span.ftxt:before{content:"\f072 お届け：";}
.available-on-backorder span.stxt{}
.available-on-backorder span.ttxt{color:#777777;}

.woocommerce-thankyou-order-received{font-size:20px;font-weight:bold;}
.woocommerce-thankyou-order-received:before{content:"\f118";margin-right:10px;}

.woocommerce table.shop_table td small{display:block;font-size:0.5em;}
small.tax_label{display:none !important;}

.woocommerce div.product form.cart div.quantity{float:right;}
div.quantity:before{content:"数量:"}

/*商品の在庫表示*/
body.single-product:not(.variation_table_on) #main .stock{
  width:120px;
  min-height: 80px;
  text-align: center;
  border: 1px solid #F5F5F5;
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 10px;
}

body.single-product:not(.variation_table_on) #main .stock:before{
  content:"在庫数";
  font-size:10px;
  display: block;
  background-color: #F5F5F5;
}

body.single-product:not(.variation_table_on) #main .stock span {display: block;}
body.single-product:not(.variation_table_on) #main .stock span + br {
display: none;
}

/*個別ページ在庫ありの時・なしの時の表示
.stock.in-stock:before{content:"\f118:";}
.stock.out-of-stock:before{content:"\f119:Sorry！";}
*/
.woocommerce div.product p.stock{font-size:1.5em;}
.menu_openbutton img:after{content:"メニュー" !important;}

/*商品ループの在庫*/
.productlist .stock {display: none;}


/*注文完了ボタン*/
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{width:100%;float:none;height:50px;}
/*請求先情報の詳細・追加情報を横フルサイズに*/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width:100%;float:none;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width:100%;float:none;}
/*カートの画像*/
.woocommerce-cart table.cart img{display:block;margin:0 auto;}
/*カートの合計を横フルサイズに*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float:none;width:100%;}
/*カートの合計の中の価格を右寄せ*/
.woocommerce table.shop_table{text-align:right;}
/*マイアカウントのボタンとユーザー情報のエリアを横フルサイズに*/
.woocommerce-account .woocommerce-MyAccount-navigation{width:100%;float:none;}
.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none;}
.woocommerce form .form-row select{height:40px;}
.woocommerce form .form-row textarea{height:8em;}
.woocommerce-shipping-fields{margin:20px 10px 0px 0px;}
input[name="ship_to_different_address"]{
	margin-right:10px !important;
	width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);}
/*カートのクーポン入力エリアをフルサイズに*/

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon{float:none !important;}


/*マイアカウント*/

	/*登録ページ*/
	input[value="登録"]{width:100%;}
	input[value="ログイン"]{width:100%;}

.woocommerce-MyAccount-navigation ul{
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: stretch;
margin-bottom:20px;

}

.woocommerce-MyAccount-navigation a{display:block;color:#000000;text-decoration: none; }
.woocommerce-MyAccount-navigation a:hover{background-color:#000000 !important;color:white;}

.woocommerce-MyAccount-navigation li{
list-style-type: none;
background-color:#F7F6F7 !important;
padding: 0;
margin: 1%;
text-align:center;
height:40px;
/*line-height:40px;*/
/*
border-bottom:solid 1px #9D9EA0;
border-left:solid 1px #9D9EA0;
border-right:solid 1px #9D9EA0;
*/
width:48%;
border-radius:40px;
}

.woocommerce-MyAccount-navigation li:first-child{

/*border:solid 1px #9D9EA0;*/
}
/*ログアウト赤
.woocommerce-MyAccount-navigation li:last-child{
background-color:#Ff7373 !important;
height:30px;
width:100px;
line-height:10px;
}

.woocommerce-MyAccount-navigation li:last-child a{color:#ffffff; }
.woocommerce-MyAccount-navigation li:last-child a:before{content:"\f021";margin-right:5px;}
*/


input[value="住所を保存"]{width:100%;}
input[value="変更を保存"]{width:100%;}
.edit{border:solid 1px #000000;padding:5px;}
a.edit{display:block;color:#000000;text-decoration: none; }
a.edit:hover{background-color:#000000 !important;color:white;}

.dashboard{box-shadow:0px 2px 5px 0px rgba(92,92,92,0.38);background-color:#F7F6F7 !important;}

h1.entry-title{
line-height:40px;
height:auto;
}

h1[itemprop="name"]{font-size:15px !important;}

.hr-metasection{border-top: 1px dashed #dcdcdc;margin:10px;padding:0px;}

.tagged_as a:before{content:"#"}

button[class="single_add_to_cart_button button alt"]{width:80%;}

.inner-section{width:100% !important;}
.section-titletext{text-align:center;width:100%;}
.section-titletext h2{border-bottom:2px #000000 solid;color:#000000;display:inline !important;}

.woocommerce div.product .product_title{text-align:left;display:block;font-size:20px;}

/*
.woocommerce #main .page-title {
	display: none;
}

*/
.woocommerce-ordering .orderby {
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	color: #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 400;
		-ms-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.woocommerce .quantity .qty {
	height: 34px;
}

.inbox-image{position:relative;}


/*セールマーク*/
.woocommerce span.onsale ,
.single.woocommerce .inbox-image span.onsale{
    font-size: 14px;
    left:auto;
    right:1px;
    top: 1px;
    bottom:auto;
    width: 0;
    height: 0;
    border-radius:0px;
    border-style: solid;
    border-color: transparent #007bff transparent transparent;
    border-width: 0 60px 60px 0;
    background-color: inherit;
    text-indent: -9999px;
    padding: 0px;
    z-index:5;
}
.single.woocommerce span.onsale {right:52%;}

@media only screen and (max-width: 767px){

.single.woocommerce span.onsale { right:1px;}
}

.woocommerce span.onsale:before {
    content: "SALE";
    position: absolute;
    top: 15px;
    left: 22px;
    text-align: center;
    font-size: 12px;
    font-family: arial;
    transform: rotate(45deg);
    display: block;
    color: #ffffff;
    text-indent: 0px;
    overflow:hidden;
    line-height:10px;
}
/*個別ページ　セールマーク*/
.single-product span.onsale{
	/*left: auto;*/
	top: auto;
	bottom:auto;}

.woocommerce ul.products li.product .onsale {
	margin: -1em -1em 0 0;
}
.woocommerce ul.products li.product h3 {
	font-size: 1.2em;
}
.woocommerce ul.products li.product .price {
	font-size: 1em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: #747474;
	font-size:30px;

}

.woocommerce ul.products li.product .price {
	color: #747474;
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding-top: 20px;
}
.woocommerce-demo-store p.demo_store {
	background-color: #000000;
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 10px 6px 12px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 15px;
}
.woocommerce table.shop_table td {
	padding: 12px;
	border-top: 0px;
}
.woocommerce table.shop_table {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	border-radius: 0px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	display: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	padding: 0.5em 0.8em;
}
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
	margin: 0 0 3em;
}
.woocommerce ul.products li.product a img {
	border: 1px solid #ddd;
	margin: 0px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	background-color: #FFC107;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #455A64;
}
.woocommerce .star-rating,
.comment-form-rating .stars span a {
	color: #f9b91e;
	font-size:30px;
}
.woocommerce .woocommerce-product-search input.search-field {
	width: calc(100% - 95px);
}
.woocommerce .woocommerce-product-search input[type="submit"] {
	padding: 11px 20px 12px;
	border-radius: 0px;
}
.woocommerce .tagcloud a {
	border: 1px solid #ddd;
	padding: 5px 10px;
}
.woocommerce-review-link {
	color: #747474;
}


/*パスワード強度*/
.woocommerce-password-strength.bad{
	color: #cc0000;
}
.woocommerce-password-strength.short{
	color: #cc0000;
}

/*ウィジェットのproduct loop用*/
.product_list_widget{
  display: flex;
  flex-wrap:wrap;
  flex-direction: row;
}
.product_list_widget li{
  list-style-type: none;
  width:12%;
  height: inherit;
  color: #000000;
  text-align: center;
  margin:10px 0px
  }
.product_list_widget li img{
  border-radius: 100%;
}

.product_list_widget li .product-title,
.product_list_widget li del{
  display: none;
}
.product_list_widget li ins{
  text-decoration: none;
}

/************************************
マイアカウント
************************************/

/*マイアカウント　WIDGET*/
.widget-me{margin-bottom:10px;}
.widget-me .mypoint{margin:0;}
.widget-me .open_mylink{font-size:10px;}
.widget-me .pointcount .mycred-my-balance-wrapper{font-size:15px;font-weight:bold;}
/*マイアカウント　TOP*/
.userarea{background-color:rgba(255,255,255, 0.6);
padding:3px;
border-radius:5px;
}


.userarea img{
	-webkit-border-radius:100%;
	display:block;
	margin-left:auto;margin-right:auto;
	}
.userarea p{text-align:center;}
.usertext{font-size:11px;width:100%;font-weight:bold;color:#ffffff;text-indent:10px;}
.usertext:before{content:"\f05a";margin-right:5px;}
.username{font-size:20px;
	font-weight:bold;
	text-align:center;}
.username::before{
	margin-right:5px;
	content:"\f007";
}
.username:after{content:"様";font-size:15px;font-weight:bold;}


/*ソートフォーム*/
.woocommerce-ordering{
border:1px solid #c0c0c0;
width:50%;
background-color:rgba(0,0,0,0);
border-radius:5px;
}
search input {
  font-size: 16px !important;
}

.woocommerce-ordering select{
-webkit-appearance: none;
padding:10px;
width:100%;
background-color:rgba(0,0,0,0);
-webkit-border-radius:0px;
}
.orderarea:after{content:"\f160";position:absolute;font-size:18px;color:#dcdcdc;padding:5px;width:100%;text-align:right;z-index:-9999;}

.orderarea{width:100%;position:relative;background-color:rgba(0,0,0,0);z-index:1;}

/* woocommerce cssリセット */
.woocommerce nav ul li a img,.woocommerce-page nav ul li a img{height:25px;}


/*商品リンクボタンを消す*/
li .button{display:none !important;}


/*  サイドバー
================================================== */
/*属性*/
/*
ul.woocommerce-widget-layered-nav-list li,
.widget-odd li
{
height: 20px;
    line-height: 20px;
    width: 100%;
    position: relative;
    font-size: 10px;
}
*/

.drawer-toggle.drawer-open-close{display:none !important;}



/*サイドバー*/
.woocommerce-result-count{float:none !important;}
.widget {padding:10px;}
.widget h3{font-size:18px;}

/*検索結果のテキスト*/
.page-title.woo_search_result_title{font-size:40px !important;margin-top:15px;left:20px;text-align:left;font-weight:bold;padding-bottom:0px;}
.woo_search_result_desc{color:#6f6f6f;padding:20px 0px;font-size:12px;margin:0 0 0 0;}


/*サイズフィルターエリア*/
ul.size_list,.base_color_widget ul,.base_size_widget ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-content: flex-start;
}

ul.size_list li,
.base_color_widget ul li,
.base_size_widget ul li
{width:70px;height:30px;margin:10px;overflow:hidden;border-radius:5px;background-color:#dcdcdc;color:#ffffff;font-size:12px;}
ul.size_list li a,
.base_color_widget ul li a,
.base_size_widget ul li a
{display:block;width:70px;height:30px;color:#ffffff !important;line-height:30px;text-align:center;text-indent:0px !important;font-weight:bold;
}

/*適用中のフィルター*/
ul.now_filter{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-content: flex-start;
justify-content:space-around;
}
ul.now_filter li{width:100%;height:35px;overflow:hidden;border-radius:5px;background-color:#dcdcdc;margin-top:3px;}
ul.now_filter li a{display:block;width:100%;height:100%;text-indent:0px;color:#ffffff !important;font-size:11px;line-height:35px;}
ul.now_filter li a:hover{color:#ffffff !important;}
.chosen .woocommerce-Price-amount:after {content:"";}
/*サイドバー ユーザー*/
ul.user_list{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-content: flex-start;
justify-content:space-around;
}
ul.user_list li{width:40px;height:50px;overflow:hidden;border-radius:10px;}
li.mens a:before{content:"\f183";color:#4DA6FF;font-size:30px;margin-left:10px;}
li.ladies a:before{content:"\f182";color:#FF4D4D;font-size:30px;margin-left:8px;}
li.kids a:before{content:"\f1ae";color:#FFC107;font-size:30px;margin-left:8px;}
li.other a:before{content:"\f135";color:#00B22D;font-size:30px;margin-left:8px;}
ul.user_list li a{display:block;width:100%;height:100%;text-indent:0px;}

/*サイドバー カラー*/

ul.color_list{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-content: flex-start;
justify-content:space-between;
}
ul.color_list li
{width:30px;height:30px;margin:10px;overflow:hidden;}

ul.color_list li a

{display:block;width:30px;height:30px;}

li[class*="base_color"]
{border-radius:100%;border:1px solid #999999;}

li.base_color_bk{background-color:#000000;}
li.base_color_wh{background-color:#ffffff;}
li.base_color_gray{background-color:#bbbbbb;}
li.base_color_brown{background-color:#663300;}
li.base_color_beige{background-color:#FFDFBF;}
li.base_color_green{background-color:#00B200;}
li.base_color_blue{background-color:#4DA6FF;}
li.base_color_perple{background-color:#B973FF;}
li.base_color_yellow{background-color:#FFFF26;}
li.base_color_pink{background-color:#FFBFFF;}
li.base_color_red{background-color:#FF4D4D;}
li.base_color_orange{background-color:#FF8000;}
li.base_color_silver{background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);}
li.base_color_gold{background-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);
}


/*-------------------サイドバーカテゴリーフロートPC用-------------------*/

.cat_list a{display:block;}
.cat_list a:hover{background-color:rgba(242,242,242,0.5);}
.cat_list li{height:40px;line-height:40px;width:100%;position:relative;font-size:13px;}
.cat_list li.cat_parent{border-bottom:1px solid rgba(242,242,242,0.9);}
.cat_list li.cat_parent:after{content:"\f105";position:absolute;right:0;color:#dcdcdc;margin-top:-40px;}
.cat_list li.cat_children{height:40px;line-height:40px;font-size:12px;}
.category_menu .cat_parent{z-index:1;}
.category_menu .cat_children_area{
display:none;
opacity:1;
position:absolute;
margin-left:180px;
margin-top:-50px;
width:200px;
height:auto;
z-index:9999;
padding:5px 10px 5px;
box-shadow:0 2px 8px rgba(77,77,77,0.2);
-webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 1;
border-radius:2px;
}
.cat_parent:hover + label + input + .cat_children_area {display: block;
}
.category_menu .cat_children:hover{display: block;}
.category_menu .cat_children_area:hover{display: block;
width:200px;
height:auto;
opacity: 1;
}
.category_menu label {
    display: none;
}
.category_menu input[type="checkbox"].on-off{
    display: none;
}



/*-------------------サイドバーカテゴリーフロートPC用-------------------*/


/**********************************************
blogページ single
**********************************************/

article .category{font-size:11px;margin-bottom:5px;}
.helptitle:before,.help_box .title:before{content:"\f105";margin-right:5px;}
.date{font-size:10px;}
.date:before{content:"\f017";margin-right:5px;}
article .category:before{content:"\f07b";margin-right:5px;}
.coordi_cat,.helppage_cat{color:#777777;}
.helppage_cat:before{content:"\f01d";margin-right:5px;color:#777777;}
.coordinatelist .inbox-title:before{content:"\f075"}
/*記事のタイトルの枠を100%に*/
.entry-header .meta{width:100%;}

.single-post #main{
  display: flex;
  flex-wrap: wrap;
}




.single-post article{width: 50%;padding:1% 1%;}

.page-title{font-size:10px;text-align:center;width:100%;}
.page-header{padding-bottom:0px !important;
width:100%;text-align:center;
}
.entry-content{font-size:13px;}

article a img:hover{-webkit-filter: grayscale();-webkit-filter: opacity(50%);}


.single-title{font-size:17px;font-weight:bold;
border-bottom:2px solid #000000;margin-bottom:10px;
}

.single_img{width:50%;padding:10px;}
.single_img img{width:100%;max-width:none;
-webkit-animation-duration:1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count:1;
	-webkit-transform-origin: middle center;
	-webkit-transform: scale(1);
	-webkit-animation-name: fade;
opacity : 1;

}

/*サムネがない場合*/
.no_image img{padding:5%;}
/*/サムネがない場合*/

/*サムネがない場合　ウィジェット*/

.inlistbox-image .no_image{
  width: 100%;
  height: 100px;
  padding-top: inherit;
}
.inlistbox-image .no_image img{
  width: 100%;
  height: 100px;
  object-fit: contain;
  position: inherit;
  top: inherit;
  }
/*/サムネがない場合　ウィジェット*/

/*サムネがない場合　アーカイブ・シングル*/
body.blog .no_image,body.single .no_image,body.archive .no_image{
  width: 100%;
  padding-top: 100%;
  position: relative;
}
body.blog .no_image img,body.single .no_image img,body.archive .no_image img{
transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    position: absolute;
    }


/*サムネがない場合　アーカイブ・シングル*/

/*blog single 下部のページネーション*/
.pagenations-wrap{
  width: 100%;
  padding: 1%;
}
ul.default-wp-page li.previous{
    width: 100%;
    text-align: center;
    line-height: 50px;
    height: 50px;
    background-color: #000000;
    margin-bottom: 10px;
    overflow:hidden;
}

ul.default-wp-page li.next{
    width: 100%;
    text-align: center;
    line-height: 50px;
    height: 50px;
    background-color: #000000;
    overflow:hidden;
}
ul.default-wp-page li.previous a,
ul.default-wp-page li.next a
{color:#ffffff;}
ul.default-wp-page li.previous:empty {
  display: none;
}
ul.default-wp-page li.next:empty {
  display: none;
}


/**********************************************
blogページ アーカイブ
**********************************************/
body.archive .site-main,
body.blog .site-main
{display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
body.archive .site-main article,
body.blog .site-main article{width:calc(100% / 3);
padding:5px
}

.article_image img{
  width: 100%;
  }
body.archive .page-title,
body.blog .page-title
{font-size:10px ;width:100%;}
.page-header{padding-bottom:0px !important;
width:100%;text-align:center;
}
article a img:hover{-webkit-filter: grayscale();-webkit-filter: opacity(50%);}

article#post .entry-title {
    font-size: 12px ;
    line-height: 1.2em ;
}






.variations tbody tr{border:1px solid #dcdcdc;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background-color: #fafafa;}


/* #Search Form ※必須
================================================== */
.header-search, .header-search-x {
	cursor: pointer;
	font-size: 36px;
	font-style: normal;
	right:0;
	left: 0;
	top: 0;
	flex-grow: 0;
  width:100px;
  flex-shrink: 0;
  order: 1;
  justify-content: center;

}
.header-search i, .header-search-x i{font-style: normal;
}
.header-search:before {
	content: '';
}
.header-search-x:before {
	content: '';
}

/** hidden search field **/
#search-box {
	background-color: rgba(0,0,0, 0.9);
		-webkit-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.15);
	display: none;
	padding: 15px;
	position: absolute;
	top: 60px;
	z-index: 9999;
	height: 150vh;
  width: 100vw;
  margin-left: calc(50% - 50vw);
	backdrop-filter: blur(10px);
}
#search-box input.search-field {
	width: calc(100% - 100px);
}
#search-box .search-submit {
	width: 100px;
}
#search-box input[type="search"] {
	background-color: transparent;
}

#search-box form{width:50%;margin:0 auto;background-color:#ffffff;margin-top:150px;}
#search-box form:after{
content:"検索ワードを入力してください";
color:#ffffff;
position: absolute;
display:block;
width:250px;
left: 0;
right: 0;
margin:0 auto;

}

/* Search Widget
================================================== */
input.search-field {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	border-radius: 0;
	color: #747474;
	float: left;
	font-size: 14px;
	height: 46px;
	line-height: 22px;
	margin: 0;
	outline: medium none;
	padding: 6px 8px;
	width: 80%; /* fallback if needed */
	width: calc(100% - 60px);
	-webkit-appearance: none;
}
.search-submit {
	background-color: #9babb4;
	border: 1px solid rgba(255,255,255,0.3);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: 46px;
	margin-left: -1px;
	outline: medium none;
	right: 0;
	width: 60px;
		-moz-transition: all 300ms ease-out 0s;
		-o-transition: all 300ms ease-out 0s;
		-webkit-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
}
.search-submit:hover {
	font-size: 22px;
}

/* 25.0 Widgets
================================================== */
.widget {
	margin-bottom: 30px;
}
.widget ul li a {
	color: #545454;
}
.widget ul li a:hover {
	color: #000000;
}
.widget-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding-bottom: 20px;
}
.widget-title,
.widget-title a {
	color:#333;
}
.widget-title a:hover {
	color: #000000;
}









/* ----- Site Info ----- */
.site-info {
	padding: 20px 0px 15px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	background-position: center center;
	background-size: cover;
}
.site-info .social-links {
	float: none;
	margin-bottom: 15px;
	text-align: center;
}
.site-info .social-links {
	display: inline-block;
}
.site-info .social-links a {
	border: 1px solid #000000;
	color: #000000;
	display: inline-block;
	margin: 10px 8px 0;
}
.site-info .social-links a:hover {
	border-color: transparent;
}
.site-info .copyright {
	color: #848484;
	font-size: 13px;
	line-height: 21px;
	padding-top: 15px;
	text-align: center;
}
.site-info .copyright a {
	color: #999;
}
.site-info .copyright a:hover {
	color: #000000;
}

.footer_copyr{text-align:right;}
.footer_copyr span{font-size:11px;opacity:0.6;}


/* 26.0 Footer フッター
================================================== */

/*  フッター
================================================== */

/*フッターのSEO用エリア*/
.page-info h3{font-size:12px;padding-bottom:0px;font-weight:bold;}
.page-info{padding:10px;max-width:600px;width:80%;margin:0 auto;
/*border:2px solid #000000;*/
font-size:10px;text-align:center;
}

.product_banner_area{width:100%;padding:10px;position:relative;}
.brand_box{float:left;width:50%;padding:0px 30px 0px;}
.help_box{float:left;width:46%;padding:20px 30px 20px;margin:1%;}

.banner{width:100%;}
.brand_box img{width:100%;}
.brand_box .title{text-align:center;font-size:10px;}
.brandpage_meta{text-align:center;}
.brandpage_meta p{font-size:12px;color:#808080;}

.woocommerce .widget_price_filter .price_slider_amount .button{margin-top:30px;width:100%;}
.price_label{position:absolute;margin-top:-8px;left:15px;right:auto;}

.counter_wrap{padding:10px 30px 5px;
border-radius:3px 3px 0px 0px;/**/
position:relative;color:#ffffff;text-align:right;
/*margin:-10px -10px 0px -10px;*/
}
.counter_wrap:after{content:"\25B6";position:absolute;right:-10px;}
.countanime{font-size:30px;}
.counter_wrap .title{display:block;}


footer .content,footer #content{background-color: #fbfbfb;}

/*フッターをコンテンツが少ないときでも最下部に*/
html {
  min-height: 100%;
  position: relative;
}

/*body {
  margin-bottom: 5em;
}*/

footer {
  bottom: 0;
  height: 5em;
	font-size: 13px;
	line-height: 21px;
  width:100%;
}

/*↑↑↑フッターをコンテンツが少ないときでも最下部に↑↑↑*/

footer .widget-wrap {
	font-size:11px;
	background-color:#fbfbfb;
}

footer .widget-wrap a,footer .widget-wrap h3{color: #333;}


footer .widget-area {
	margin: 0 ;
	padding: 50px 0 10px;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	    -webkit-box-orient: horizontal;
	    -moz-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -ms-flex-direction: row;
	    -webkit-flex-direction: row;
    flex-direction: row;
}

footer .widget {
	margin-bottom: 30px;
}
footer .widget ul li a {
	color: #333;
}
footer .widget ul li a:hover {
	color: #000000;
}

footer .widget-title:after {
	background-color: #000000;
	content: " ";
	display: block;
	height: 1px;
	margin: 5px 0 auto;
	width: 60px;
}
footer .widget-title {
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight:bold;
}

/* Footer column
================================================== */
footer .column-4 {
	/*float: left;*/
	padding: 0 20px 40px;
}
footer .column-4 {
	width: 25%;
}
footer .column-4:nth-child(4n+5) {
 	clear: both;
}
footer .column-4 {
	margin-bottom: 30px;
	padding: 0 30px;
	border-right: 1px solid #e4e4e4;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-webkit-box-orient: vertical;
	    -moz-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -moz-box-direction: normal;
	    -ms-flex-direction: column;
	    -webkit-flex-direction: column;
    flex-direction: column;
}
footer .column-4:last-child {
	border-right: none;
}
/* ----- Footer Navigation -----
#footer-navigation {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	text-align: center;
}
#footer-navigation a:hover{
    color: #000000;
}
#footer-navigation a {
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0 20px;
    text-transform: uppercase;
}
#footer-navigation ul li {
	position: relative;
	display: inline-block;
}
#footer-navigation ul li:before {
	content: '';
    border-right: 1px solid #999;
    position: absolute;
    height: 40%;
    right: 0;
    top: 30%;
}
#footer-navigation ul li:last-child:before {
	border-right: none;
}
*/
/*-------------------フッターボックス-------------------*/
.footer_widget{width:100%;}
footer h3{font-size:17px;}
.footer-box{
width:100%;
height:auto;
padding:2px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
align-content: flex-start;
justify-content:space-around;
margin-bottom:5px;
}

/*-------------------endフッターボックス-------------------*/



/*  検索バー
※1023px以下は表示、それ以上は非表示
================================================== */
.mobile_search_form{display:none;}



/*  media query
================================================== */



@media only screen and (max-width:1800px){

label[for="Panel1"] {display:none;}
.add_to_cart_button:before{display:none;}
.woocommerce a.button{text-align:center;}
/*TOPメニュー*/
.main-navigation a{color:#1c1c1c ;}

}

@media only screen and (max-width: 1023px) {

	.main-navigation ul li ul li a{color:#ffffff !important;}
	.main-navigation ul li ul li a:hover{color:#ffffff !important;}
	.toggled-on .menu{background-color: rgba(255,255,255,0.1);}
	.menu_openbutton a img{display:none;}
	header ul.menu{
	display: none;
	}
	.menu_myaccountbutton,.menu_wishlistbutton,.menu_cartbutton
	{
	width : -webkit-calc(100% / 3) !important;
	width : calc(100% / 3) !important;
	left:0;
	height:60px;
	position:absolute !important;
	margin-top:-80px;
	border-top:0px !important;
	}
	.menu_myaccountbutton:after,.menu_wishlistbutton:after,.menu_cartbutton:after{color:#ffffff;font-size:0.6em;display:block;text-align:center;}
	.menu_myaccountbutton:after{content:"マイアカウント";}
	.menu_wishlistbutton:after{content:"お気に入り";}
	.menu_cartbutton:after{content:"カート";}

	.menu_wishlistbutton{margin-left:calc(100% / 3) !important;}
	.menu_cartbutton{margin-left:calc(100% / 3 * 2) !important;}
	.main-navigation li{padding:1px 5px !important;}
	.main-navigation > ul > li {border-top:0px !important;}



	/*メニューアイコン位置*/
	.menu_myaccountbutton img,.menu_wishlistbutton img,.menu_cartbutton img{margin:0 auto;display: block;margin-top:2px;}

	.menu_myaccountbutton a,.menu_wishlistbutton a,.menu_cartbutton a{
	/**/background-color:rgba(0,0,0,0.1);
	border-radius:5px;
	}


		/*searchページ*/


	.mobile_search_form{display:block;
	padding:0px 30px;
	}
	.mobile_search_form form input.search-submit{
	border-radius: 0px 40px 40px 0px;
	}
	.mobile_search_form form input.search-field{
	border-radius: 40px 0px 0px 40px;
	}
	.drawer-toggle.drawer-open-close{display:block !important;}


	.help_box a{font-size:10px;}

	.counter_wrap{border-radius:0px;}
	.counter_wrap:after{display:none;}

/*-------------------サイドバーカテゴリーフロートPC用　1023-------------------*/
.cat_list a{display:block;}
.cat_list a:hover{background-color:#f5f7f8;}
.cat_list li{}
.cat_list li.cat_parent{border-bottom:1px #f2f2f2 solid;}
.category_menu label:after{content:"\f054";position:absolute;right:20px;color:#dcdcdc;margin-top:0px;transform: rotate(95deg);}
.cat_list li.cat_children{}
.category_menu .cat_parent{z-index:1;display:none;}

.category_menu label {
    color: #000000;
    padding: 10px;
    display: block;
    margin: 0;
    /*border: 1px solid #fff;*/
    border: 0px solid #fff;
}
.category_menu input[type="checkbox"].on-off{
    display: none;
}


.category_menu .cat_children_area{
display:block;
background-color:#ffffff;
position:static;
margin-left:0px;
margin-top:0px;
width:100%;
height:auto;
z-index:9999;
padding:0px 0px 0px 0px;
box-shadow:0 0px 0px rgba(77,77,77,0.2);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin: 0;
    padding: 0;
    list-style: none;
border-radius:0px;
}
.cat_parent:hover + .cat_children_area {display: block;
}
.category_menu input[type="checkbox"].on-off + ul{
    max-height: 0;
    overflow: hidden;
}

.category_menu input[type="checkbox"].on-off:checked + ul{
    -webkit-transition: all 2s;
    transition: all 2s;
    max-height: 100vh;

}
.cat_children:hover{display: block;}
.cat_children_area:hover{display: block;
width:100%;
height:auto;
opacity: 1;
}
.category_menu .cat_parent{display:none;}
.cat_children a{text-indent:20px !important;font-size:12px;}
/*-------------------サイドバーカテゴリーフロートPC用　1023-------------------*/

/*ドロワー*/
/*!
 * jquery-drawer v3.2.2
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

/*!------------------------------------*\
    Base
\*!------------------------------------*/

.drawer-open {
  overflow: hidden !important;
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 17rem;
  height: 100%;
  color: #222;
  background-color: #fff;
}


.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}



/*! overlay */

.drawer-overlay {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
}

.drawer-open .drawer-overlay {
  display: block;
}


/*!------------------------------------*\
    Leftメニュー
\*!------------------------------------*/

.drawer--left .drawer-nav {
/*戻るときの幅*/
  left: -17rem;
  -webkit-transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: left .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-open-close,
.drawer--left.drawer-open .drawer-navbar .drawer-open-close {
  left: 0;
}

.drawer--left.drawer-open .drawer-open-close {
  left: 17rem;
}


/*!------------------------------------*\
    open-close アイコン
\*!------------------------------------*/

.drawer-open-close {
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  background-color: transparent;
	order:1;
  flex-grow: 1;
  width: auto;
}

.drawer-open-close:hover {
  cursor: pointer;
  background-color: transparent;
}

.drawer-open-close-icon {
  position: relative;
  display: block;
}

.drawer-open-close-icon{
	font-size: 36px;
}
.drawer-open .drawer-open-close-icon{
  background-position : -40px 0px;
	display: none;
}

.drawer-open-close-icon i{
font-style: normal;
}


/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/

.drawer--sidebar {
  background-color: #fff;
}

.drawer--sidebar .drawer-contents {
  background-color: #fff;
}

@media (min-width: 64em) {
  .drawer--sidebar .drawer-open-close {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem;
  }

  /*! Right */
  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 48rem;
  }
}

@media (min-width: 75em) {
  .drawer--sidebar .drawer-nav {
    width: 16.25rem;
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 16.25rem;
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 16.25rem;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    max-width: 60rem;
  }
}

/*!------------------------------------*\
    Container
\*!------------------------------------*/

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

.category_menu .cat_children_area{background-color:#ffffff !important;}


.single .drawer-open-close-icon,.page-template-default .drawer-open-close-icon{opacity: 0;}

/*LINE 連携用　デザイン調整*/
.line_button a:before {
    content: "LINE友達登録";
    color: #ffffff;
    font-size: 15px;
    text-indent: 20px;
    display: block;
}
.main-navigation > ul > li.line_button {
    border-top: 1px solid rgba(0, 0, 0, 0.1) ;
}
.line_button a img {
    display: none;
}
/*LINE 連携用　デザイン調整end*/




}/*1023px ここまで*/

/*******************************************
 media query 767px以下
********************************************/

@media only screen and (max-width: 767px)
/*開始*/{
	.su-service-title i{text-indent:50px;}
	#colophon .widget-area {flex-direction:column;}
	#colophon .widget-area .column-4{width:100%;border-right: 0px; */}



	.drawer-open-close-icon{margin-top:0px;}

	/*左メニュー表示ボタンとロゴのセンタリングここまで*/

	#content{padding-top:0px !important;}
	#main_navigation li{font-size:15px;width:50%;height:50px;line-height:50px;}
	#main_navigation li:nth-of-type(2){border-left:0px;}
	#main_navigation li:nth-of-type(3){border-top:0px;}
	#main_navigation li:nth-of-type(4){border-top:0px;border-left:0px;}
	#main_navigation li:nth-of-type(5){border-top:0px;}
	#main_navigation li:nth-of-type(6){border-top:0px;border-left:0px;}
	.widget-title img{width:50%;}

	nav ul li a img{margin-left:10px;}
.su-tabs-nav span{display:inline-block !important;}

#primary .post,#primary .coordinate {
	width: 100% !important;
	padding:10px !important;
}
.single-product #primary{width: 100% !important;}

.single_img{width:100%;}

/*PC用の再表示商品画像を消す*/
.product_image_redisplay{display:none;}

	/*商品詳細の1枚目以降の商品画像サイズを100%に調整*/
	.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width:100%;border:0;}

	.model_description{width:100%;}
	.model_meta,.coordinate_meta{width:70%;margin-left:10%;}
	.accountcontainer{width:100%;margin:0 auto;}
	#sticky_header {position:relative !important;}
	.is-sticky #sticky_header {
		background-color: #000000;
	}
}/*767px ここまで*/

/*******************************************
media query 480px以下
********************************************/
@media only screen and (max-width: 480px)
/*開始*/{
.single-product .infooterbox{width:30%;padding-left:1%;}

.productlist li{
width:50% !important;
}

#content{padding:5px;}

.box:not(.elementor-post){width:50%;padding:1px;}
.box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post), .paged .box:not(.elementor-post){width:33%;}

.box:nth-of-type(3):not(.elementor-post){
width : -webkit-calc(100% / 3) !important;
width : calc(100% / 3) !important;
}

.wrapper:not(.slick-slider) .box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post), .paged .box:not(.elementor-post){
width : -webkit-calc(100% / 3) !important;
width : calc(100% / 3) !important;
padding:1px;}

.slider_container .box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post){width :initial !important;}
.slider_container .box:nth-of-type(3):not(.elementor-post){
width : initial !important;
}


.wrapper.coordinatelist .box:not(.elementor-post){width:50%;padding:1px;}
.wrapper.coordinatelist .box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post){width: 50% !important;padding:1px;}
.wrapper.coordinatelist .box:nth-of-type(3):not(.elementor-post){width:50% !important;}
}/*480px 終了*/


/*******************************************
media query 400px以下
********************************************/
@media only screen and (max-width: 400px)
/*開始*/{
	.main-navigation li{padding:5px 10px !important;width:76px;}
	.main-navigation li a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.nav-cart{display:none !important;}
	.site-logo{width:200px !important;}
	.site-header{padding:0px 0px !important;}
	#news{font-size:15px;}
/*TOPメニュー*/

/*スマホUI*/
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:49%!important;margin-bottom:10px!important;
-webkit-box-shadow: 0px 2px 5px 0px rgba(92,92,92,0.38);
-moz-box-shadow: 0px 2px 5px 0px rgba(92,92,92,0.38);
box-shadow: 0px 2px 5px 0px rgba(92,92,92,0.38);
border:none !important;
}
.product.last{margin-bottom:10px!important;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-size:10px;}
.price_slider_amount .button{margin-top:30px !important;}/*SHOPページ左メニューフィルター*/
.add_to_cart_button{
bottom:10px;text-align:center;display:none !important;/*赤いボタンを消した*/
}
.add_to_cart_button:before{content:"" !important;}

.owl-wrapper{min-height:450px;}

h3{font-size:10px !important;}
h3:not(.widget-title){font-size:10px !important;}

h3[class="woo-title entry-title"]{display:none !important;}

input[value="注文する"]{height:50px !important;font-size:20px !important;font-weight:bold !important;}

/*パン屑位置調整*/
.woocommerce-breadcrumb{border:0px !important;padding:0px !important;}

.header-promo{margin-top:20px;}

.woocommerce-result-count{font-size:10px;text-indent:90px;}

#woocommerce_products-2{display:none !important;}

.widget{margin:0px !important;background:none !important;border:0px !important;}

.float-menu{position:fixed !important;top:0;z-index:9999;background-color:rgba(255,255,255,0.5);width:100%;margin:0px;padding:0px;height:0px;margin-top:0px;
/*margin-left:-10px;*/
}

label[for="Panel1"]{
    background-color:rgba(0,0,0,0.5);
    color: #fff;
    padding: 5px;
    margin: 0;
    border: 1px solid #fff;
    position:fixed !important;height:48px;width:48px;
    -webkit-border-radius:50px;
    z-index:9998;
    display:block;
    padding:10px;
    right:0;
}



input[type="checkbox"].on-off{
    display: none;
}

.float-menu div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color:rgba(255,255,255,0.8);margin-top:0px;

}

input[type="checkbox"].on-off + div{
    height: 0;
    overflow: hidden;
    /*margin-left:10px;*/
}

input[type="checkbox"].on-off:checked + div{
    height: 1500px;width:100%;background-color:rgba(255,255,255,0.8);
    /*margin-left:10px;*/
}

.button{margin-top:5px !important;}

}/*400px 終了*/

@media only screen and (max-width: 320px) {
    label[for="Panel1"]{
    margin-left:240px !important;
    margin-top:85px !important;}

}
/*********************************************
Header
*********************************************/

.marquee {
overflow:hidden;
margin:0;
}
.marquee span {
width:100%;
text-align:center;
display:inline-block;
white-space:nowrap;
-moz-animation-name:marquee;
-moz-animation-duration:10s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-webkit-animation-name:marquee;
-webkit-animation-duration:10s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-duration:10s;
-o-animation-timing-function:linear;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-duration:10s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}


/*********************************************
固定ページUI
*********************************************/

.headunder{
height:300px;
position:absolute;
width: 100vw;
left: 50%;
right: 50%;
top:-330px;
margin-left: -50vw;
margin-right: -50vw;
 background-size: cover;
 background-position: center center;
}

.headunder h1{
text-align:center;
line-height:320px !important;
font-size:30px;
color:#ffffff;

}
.page-template-default #content,
.single-help  #content
{margin-top:300px;}

.page-template-default #content #main article,
.single-help  #content #main article
{width:100%;padding:0px 20%;min-height: 50vh;}

@media only screen and (max-width: 767px) {
.page-template-default #content #main article,
.single-help  #content #main article
{width:100%;padding:0px 4%;}
.headunder h1{font-size:15px;}

}

/*ランディングページ内でカートに追加用*/
.product_landing_page .product-remove {display:none !important;}

.page article .woocommerce h3:not(#ship-to-different-address){background-color:#666666;text-align:center;color:#ffffff;height:30px;font-size:18px;}

.page article .return-to-shop{text-align:center;}
.page article .return-to-shop a{display:block;margin:0 auto;height:50px;line-height: 28px;}

/*********************************************
single-product
*********************************************/
/*価格下＞後払い表記*/
.atobarai_kessai_text{background-color:#f5f7f8;width:280px;padding:10px;border-radius:5px;margin-top: 20px;}
.atobarai_kessai_text:before{content:"▲";color:#f5f7f8;position:absolute;margin-top:-40px;font-size:30px;margin-left:10px;}
.atobarai_kessai_text span:nth-child(1){font-size:15px;font-weight:bold;}
.atobarai_kessai_text span:nth-child(1):before{content:"\f0a1";margin-right:10px;}
.atobarai_kessai_text span:nth-child(2){font-size:11px;font-weight:normal;}
/*/後払い表記*/

/*ショートディスクリプション*/
.single-product .woocommerce-product-details__short-description{padding:20px 0;}



/*商品個別ページのウィジェットの商品の大きさ*/
.single-product .infooterbox,.archive .infooterbox{width:12%;}
.infooterbox img{border-radius:100%;}
.single_itembanner_header{text-align:center;font-size:20px;}
.single_itembanner_header:before{content:"\f06b"}

/*カートへ追加の下　メタBOX*/
.product_meta{
width: 100%;
    height: auto;
    padding: 0px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    font-size: 10px;

}
.product_meta span.sku_wrapper,
.product_meta span.posted_in,
.product_meta span.tagged_as
{
  display: block;
  width: 100%;
  position: relative;
  border-bottom: 1px #dbdbdb solid;
  height:40px;
  line-height: 40px;
  font-weight: bold;
  text-indent: 5px;
  z-index: 2;

}

.product_meta span span.sku,
.product_meta span.posted_in a
{margin-left:3em;font-weight: 100;}
.product_meta span.tagged_as > a:first-child
{margin-left:6em;}
.product_meta span.tagged_as  a{font-weight: 100;}
.product_meta span.sku_wrapper:before,
.product_meta span.posted_in:before,
.product_meta span.tagged_as::before{background-color: #fbfbfb;width:80px;position: absolute;height: 39px;content:"";
left: 0;
z-index: -1;
}
/*/メタBOX*/


/*アトリビュートテーブル*/

.woocommerce table.shop_attributes th{border-bottom:solid 1px #dbdbdb;
background-color: #fbfbfb;
font-size:10px;
}
.woocommerce table.shop_attributes td {
border-bottom:solid 1px #dbdbdb;
background: #ffffff !important;
text-indent: 5px;
font-size:10px;
}
/*/アトリビュートテーブル*/

/****************************************
個別商品ページのタブ　iOS風に修正
****************************************/
.woocommerce div.product .woocommerce-tabs ul.tabs li{background-color:#ffffff;display:inline-block;position:relative;z-index:0;margin:0 -5px;padding:0 1em;font-weight:400;width:33%;font-size:10px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:nth-of-type(1){-webkit-border-radius:5px 0px 0px 5px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li:nth-of-type(3){-webkit-border-radius:0px 5px 5px 0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:10px 0;
text-decoration:none;
text-align:center;
}
.woocommerce div.product form.cart:after,.woocommerce div.product form.cart:before,.woocommerce div.product p.cart:after,.woocommerce div.product p.cart:before{content:" ";display:table}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-bottom:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{text-decoration:none;color:rgba(255,255,255 0.3);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
z-index:2;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#ffffff;text-shadow:inherit}

/*ディスクリプション*/
.woocommerce-Tabs-panel--description p{padding:20px 0;}


/*個別商品ページ　詳細 h2*/
.woocommerce-Tabs-panel h2,
.related.products h2,
.osusume_product h3,
.widget-area h3,
body:not(wp-admin) .widget-title,
body.home .separator,
#left-sidebar .sidebar-leftarea .widget h3,
#right-sidebar .sidebar-rightarea .widget h3
{
font-size:15px;font-weight:bold;
background-color:#f5f5f5 !important;
color: #747474 !important;
border-radius:40px;
text-align:center;
font-size:14px;
min-width:100px;
height:40px;
line-height:40px;
margin-bottom:16px;
}
.page article .woocommerce h3:not(#ship-to-different-address){
font-size:15px;font-weight:bold;
background-color:#f5f5f5 !important;
color: #747474 !important;
border-radius:40px;
text-align:center;
font-size:14px;
max-width:200px;
height:40px;
line-height:40px;
margin:0 auto;
margin-bottom:16px;
}
.osusume_product h3:after{
    content:"ご購入者様の評価が高いアイテムです！";
    display: block;
    width: 100%;
    position: absolute;
    margin-top: -10px;
}
/*/個別商品ページのタブ　iOS風に修正*/

/*********************************************
商品個別ページ　画像エリアSticky
*********************************************/
#wooswipe {
  position: sticky;
  top: 80px;
	max-width:600px;
  }
@media only screen and (max-width: 767px) {
	#wooswipe {
	  position: inherit;
	  top: 0px;
	  }
}

/*********************************************
決済関連
*********************************************/
/*決済中のローディングオーバーレイ*/
.woocommerce .blockUI.blockOverlay{
width: 100vw !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
height:100vh !important;
min-height:1000px !important;}
.woocommerce-checkout .blockUI.blockOverlay{height:300vh !important;}

/*決済中のローディングアイコン*/
.woocommerce .blockUI.blockOverlay::before{}

/*********************************
 価格表示
**************************/
.woocommerce ul.products li.product .price {
	font-size: 1em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	opacity:0.7;
	font-size:30px;
}
.woocommerce ul.products li.product .price {
	color: #747474;
	opacity:0.7;
}

.box .inbox-title + .price del{display:none !important;}/*SALE前価格非表示*/
.inbox-price{}
.inbox-price div:nth-of-type(1){font-size:15px;}
.inbox-price div:nth-of-type(2){display:none;}
.inbox-price del{display:none;}
.inbox-price div{
/*background-color:#dcdcdc;*/
word-wrap: break-word;height:auto;}
.tax{font-size:10px;margin:0px 0px 0px 2px;}

.inbox-title + .price{
font-size:13px !important;
display:block;
margin-top:-3px;
color:#222222 !important;
-webkit-font-smoothing:antialiased;

}
.woocommerce-Price-amount .amount{color:#333333;font-size:15px;}

/*税込表記*/
.ex_tax .woocommerce-Price-amount:after{content:"";font-size:15px;}
.inc_tax,.inc_tax .woocommerce-Price-amount{font-size:12px;}
.inc_tax .woocommerce-Price-amount:after,
.woocommerce-Price-amount:after{content:"\7A0E\8FBC";font-size:10px;}
.woocommerce-Price-amount:after{margin-left:3px;}


.woocommerce-order-details .woocommerce-Price-amount:after{content:"";}
/*決済ページでは税抜表記にするため*/
.woocommerce-cart .woocommerce-Price-amount:after{content:"";}
.woocommerce-checkout .woocommerce-Price-amount:after{content:"";}

.woocommerce-checkout-review-order .includes_tax .woocommerce-Price-amount:after{content:"";}
.woocommerce-order-details .includes_tax .woocommerce-Price-amount:after{content:"";}
.inbox-price ins{color:#E73656;font-weight:bold;;word-wrap: break-word;}
ins .woocommerce-Price-amount:after{color:#E73656;}

.woocommerce div.product p.price del, .woocommerce div.product span.price del{display:block;line-height:0px;text-indent:5px;height:5px;}
del .woocommerce-Price-amount.amount{font-size:14px;}

ins .woocommerce-Price-amount.amount{color:#E73656;}
.price ins{
  text-decoration: none;
}

/* end価格表示 */
/*定期購入価格*/
div.product-type-variable-subscription .subscription-details,
div.product-type-subscription .subscription-details{
  font-size: 12px;
  line-height: 1.2em;
  display:inline-block;
}
.subscription-details > span{display: block;}

ul.productlist li.product-type-variable-subscription .subscription-details,
ul.productlist li.product-type-subscription .subscription-details
{
  border-radius: 5px;
  font-size:10px;
  display: block;
  text-align: center;
  position: absolute;
  z-index: 10;
  bottom:6em;
  right:10px;
  line-height: 1.1em;
  padding:5px;
  color: #ffffff;
  background-color:rgba(0,0,0,0.7)
  }
/*/定期購入価格*/

/*商品リスト定期購入価格*/
ul.productlist li.product-type-variable-subscription .subscription-details .woocommerce-Price-amount:after,
ul.productlist li.product-type-subscription .subscription-details .woocommerce-Price-amount:after{
  color: #ffffff;
}
/*/商品リスト定期購入価格*/

/*カートページ定期委購入価格*/
body.woocommerce-cart .subscription-details{
    display: block;
    font-size: 11px;
    color: #767676;
}

/**********************************
Woocommerce Table
**********************************/
/*reset*/
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{
  border-top:1px solid #f5f5f5;
}
.woocommerce table.shop_table{border:inherit;}
.woocommerce-checkout table.shop_table thead tr{
  display: none;
}

/**********************************
定期購入に関する調整
**********************************/

body:not(.woocommerce-cart):not(.woocommerce-account):not(.woocommerce-order-received) .woocommerce table.shop_table:before{
  content:"\f022\a0\a0\660E\7D30";
  font-size: 20px;
  text-indent: 10px;
  text-align: left;
  display: block;
  font-weight: 600;
}
.woocommerce table.shop_table tbody
.product-name{text-align: left;}

/*明細合計金額*/
.woocommerce table.shop_table tfoot
.order-total {
  font-weight: bold;
  font-size: 16px;
}

/*定期明細*/
.woocommerce table.shop_table .subscription-details{
  font-size: 10px;
  line-height: 1.1em;
  color:#555555
  }

.woocommerce table.shop_table tr.recurring-totals th{padding-top:50px;font-size: 20px;}

.woocommerce table.shop_table tr.recurring-totals th:before{
  content:"\f021";
  margin-right:5px
}
.woocommerce table.shop_table tr.recurring-totals th:after{
  content:"\FF08\FF12\56DE\76EE\4EE5\964D\306E\304A\652F\6255\3044\91D1\984D\FF09";
}
.woocommerce table.shop_table tr.cart-subtotal.recurring-total td .subsc_interval,
.woocommerce table.shop_table tr.shipping.recurring-total td  .subsc_interval,
.woocommerce table.shop_table tr.cart-subtotal.recurring-total td .subsc_du,
.woocommerce table.shop_table tr.shipping.recurring-total td  .subsc_du
{display: none;}

.woocommerce table.shop_table .order-total.recurring-total .subsc_du{
  display: block;
}
.woocommerce table.shop_table .order-total.recurring-total .subsc_du::after
{content:"\203B\5951\7D04\671F\9593\6E80\4E86\5F8C\306F\81EA\52D5\3067\3054\89E3\7D04\3068\306A\308A\307E\3059";
font-size: 10px;
color:#ff6d6d;
display: block;
}

.first-payment-date small{
  font-weight: bold !important;
  text-decoration: underline;
 }

span:not(.subsc_du) + .first-payment-date:before{
  content:"\81EA\52D5\7D99\7D9A"
}

/*Myaccount > 定期購入*/
.shop_table.subscription_details{background-color: #fbfbfb;
border-radius: 10px;
padding:10px;
font-weight: bold;
}


/*/定期購入に関する調整*/


/*キャリア決済*/

.carrier_pay_wrap{
position:absolute;
height: 100vh;
background-color:#ffdbdf;
width:100%;
top:0;
text-align:-webkit-center;
}
.carrier_pay_form{margin-top:150px;}
.carrier_pay_form input[type="submit"] {width:200px;height:50px;
background: #258dc8; /* Old browsers */
background: -moz-linear-gradient(top, #258dc8 0%, #258dc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #258dc8 0%,#258dc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #258dc8 0%,#258dc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 ); /* IE6-9 */
margin-top:50px;
border: #ffffff 2px solid;
box-shadow:0px 4px 9px -3px #5c5c5c;
-moz-box-shadow:0px 4px 9px -3px #5c5c5c;
-webkit-box-shadow:0px 4px 9px -3px #5c5c5c;
border-radius: 5px;
}

.carrier_pay_form a{display:block;
margin-top:50px;
width:200px;height:50px;
line-height:50px;
border-radius:5px;
color:#ffffff;
background: #258dc8; /* Old browsers */
}


.carrier_pay_form:before{content:"\f071 ご注文がまだ完了しておりません!";font-size:15px;font-weight:bold;color:#ff5b6c;}
.carrier_pay_form:after{margin-top:50px;content:"上記よりログインしてお支払いページにお進みください。";display:block;}
/*スライダーの背景を透過*/


span.ctext{color:#ffffff;text-align:center;display:block;font-size:15px;font-weight:bold;margin-top:100px;}


/*********************************************
パーツ
*********************************************/
/* コメント非表示 */
.comments-area{display:none !important;}
/* /コメント非表示 */

/* SHOPページセレクトフィルター */
.woocommerce-ordering .orderby {
	background-color: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px;
}

/* /セレクトフィルター */

/* Go To Top Button */
.single-product .go-to-top,.woocommerce-checkout .go-to-top{
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 98;
}
.go-to-top {
	position: fixed;
	bottom: 30px;
	right: 10px;
	z-index: 98;
}
.go-to-top a {
	border:0px solid #333333;
	color: #ffffff;
	display: block;
	font-size:27px;
	height: 40px;
	line-height: 34px;
	width: 40px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
		-ms-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-webkit-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
border-radius:5px;
}
.go-to-top a:hover {
	color: #ffffff;
}

.go-to-top a i{display:none;}
.go-to-top a:before{
content:"\f0aa";line-height:40px;}

/* /Go To Top Button */

/***********************************************
404
************************************************/
body.error404 #content .container{
	flex-direction:column;
}

body.error404 #primary{
	flex:inherit;
}
body.error404 h2.separator{
display:block;
width: 100%;
text-align: center;
}

/*********************************************
ポイント関連
*********************************************/

/*ポイント利用時マイナス明細が重複表示されるので非表示*/
.nebiki_tr{display:none;}


/*********************************************
sidebar
*********************************************/


#left-sidebar .widget li,
#right-sidebar .widget li
{
  font-size: 12px;
  margin:10px 0px;
}





/*価格スライダー*/
/*スライダーのした*/

.price_slider {
    margin-bottom: 1em;}
.price_slider_amount {
    text-align: center;
    line-height: 2.4em;
    font-size: 0.8751em;}
.price_slider_amount .button {
    float: right;
    margin-top: 20px !important;}
.ui-slider {
    position: relative;
    text-align: left;}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 0.9em;
    height: 0.9em;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    cursor: pointer;
    outline: none;
    top: -.3em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;}
.ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: none repeat scroll 0 0 #dcdcdc;
    box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}
.price_slider_wrapper .ui-widget-content {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}
.ui-slider-horizontal {
    height: .5em;}
.ui-slider-horizontal .ui-slider-range {
    top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: -1px;}
.ui-slider-horizontal .ui-slider-range-max {right: -1px;}
/*価格スライダーend*/

/*********************************************
Body カラム構成
*********************************************/
.home #content{margin-top:10px;}
#content {
          padding: 10px 20px 0px;
}
.container {
	margin: 0 auto;
	max-width: 1170px;
	width:100%;
	padding: 0;
	position: relative;
}

#content .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  }

.breadcrumb,.breadcrumb + div:not(.headunder){width:100%}

#left-sidebar,#right-sidebar{width:20%;}
#no-left-sidebar,#no-right-sidebar{width:0%;}
#primary{flex: 1;padding:0% 5%;width:auto;}
#left-sidebar{z-index: 97;}
#no-left-sidebar + #primary + #right-sidebar{width:20%;}
@media only screen and (max-width: 1024px) {
  #right-sidebar{width:100%}
	#left-sidebar{z-index: 100;width:17rem;}
	#primary{width:100%;padding:0 1%}
}

/*********************************************
Woocommerce アラート
*********************************************/
/*Info*/
.woocommerce-info:before{content:"\f075";font-size:14px;}
.woocommerce-info{border-top-color:#ffffff !important;border-radius:3px;background-color:#ffffff;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;animation: bounce-top 0.9s both;}

/*Message*/
.woocommerce-message{border-top-color:#ffffff !important;border-radius:3px;background-color:#ffffff;box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;animation: bounce-top 0.9s both;}
.woocommerce .woocommerce-message:before {content:"\f0a1";color: #9babb4;}
/*カート削除時の取り消しますかリンクを非表示*/
.woocommerce-cart .woocommerce-message a{display:none;}

}
/*Error*/
.woocommerce-error:before{content:"\f071";}
.woocommerce-error{
	border-top-color:rgba(0, 0, 0, 0) !important;
	border-radius:3px;
	background: linear-gradient(90deg, rgba(232,197,255,1) 0%, rgba(255,178,178,1) 50%);
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	animation: vibrate-1 0.3s linear infinite both;
	color:#ffffff;
	margin:0 !important;
	margin-bottom:10px !important;
}


/*********************************************
共通利用
*********************************************/
.listbox{
width:100%;
height:auto;
padding:2px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:nowrap;
align-content: flex-start;
margin: 0 auto;
margin-bottom:5px;
border:solid rgba(242,242,242,0.2);
border-width:1px 0;
}

/* 順位の数字 */
.listbox:before{
position:absolute;
width:25px;height:25px;border-radius:20px;
margin:3px;
color:#ffffff;
line-height:25px;
text-indent:8px;
background-color:rgba(0, 0, 0 ,0.9);
counter-increment: number 1;      /* number カウンタの増加数をセット */
content: counter(number);      /* 表示形式を指定 */
z-index: 6;
}

.postlist{counter-reset: number;}/* number リセット */

.listbox:nth-of-type(1):before{
background-color:rgba(217, 179, 64 ,0.9);
}
.listbox:nth-of-type(2):before{
background-color:rgba(111, 123, 131 ,0.9);
}
.listbox:nth-of-type(3):before{
background-color:rgba(161, 83, 38,0.9);
}
.listbox:nth-of-type(n+10):before{text-indent:5px;}


/* 画像表示 */
.inlistbox-image{width:100px;height: 100px;}

.inlistbox-image>img{
  width: 100%;
  height: 100px;
  object-fit: cover;
}
/* end画像表示 */


.inlistbox-metaarea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:column;
width:100%;
height:100px;
overflow:hidden;
padding:0px 0px 0px 10px;
}


/* タイトル表示 */

.inlistbox-title{
font-size:12px;
/*background-color:#dcdcdc;*/
width:auto;
line-height:1.5em;
height:3em;
overflow:hidden;
font-weight:bolder;

}
.inlistbox-view{font-size:10px;}
.inlistbox-view:before{content:"\f06e"}
/*
.single-post .listbox{border:1px solid #dcdcdc;position:relative;max-width:800px;}
.single-post .inlistbox-title{font-size:19px;
font-weight:lighter;
height:2em;
}
.single-post .inlistbox-price{width:100%;height:30px;font-size:20px;}
.single-post .listbox:before{
content:"";
display:none;
}
*/
.inlistbox-toitembutton{background-color:#000000;color:white;width:30%;text-align:center;line-height:30px;height:30px;position:absolute;bottom:5px;right:5px;border-radius:5px;animation: animScale 3s infinite ease-in-out;}
.inlistbox-toitembutton:before{content:"\f08b";}
/* endタイトル表示 */


.inlistbox-cate{
font-size:11px;
color:#808080;
}
.inlistbox-date{
font-size:10px;
}

.inlistbox-desc{width:100%;height:30px;}


/*--------------------endリスト形式　BOX-------------------*/


/*--------------------タイル形式　BOX-------------------*/

.box a{width:100%;}


.wrapper.productlist,.wrapper.coordinatelist{
width:100%;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

/* 並び　縦(colum) 横・水平(row) -reverceで逆順 */
/* 一列(nowrap)か複数行(wrap)か　 */
flex-direction:row;
flex-wrap:wrap;/* 縦軸　位置をあわせる */
align-items:stretch;
/* 横軸　間隔をあける(space-around) 左(始)揃え(flex-start)　右(終)揃え(flex-end) 中央揃え(center) */
justify-content: space-between;
align-content: space-around;
}


.box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post),.paged .box:not(.elementor-post){
width:24%;
}
.box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post):before{
width:20px;
height:20px;
border-radius:20px;
font-size:12px;
text-indent:6px;
line-height:20px;
}



.box:not(.elementor-post){

/*border:1px solid #000000;*/
width:33%;
height:auto;
/*padding:2px;*/
padding:0px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:colum;
flex-wrap:wrap;
align-content: flex-start;
margin-bottom:10px !important;
position:relative;/*SALEアイコン用*/
}

.wrapper.coordinatelist .box img{width:100%;}
.wrapper.coordinatelist .box:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(.elementor-post){width: 33% ;}
/* --------------------順位アイコン-------------------------　 */

.box:not(.elementor-post):before{
font-family: 'Noto Sans JP', sans-serif;
position:absolute;
width:30px;height:30px;border-radius:20px;
margin:3px;
color:#ffffff;
line-height:30px;
text-indent:11px;
background-color:rgba(135, 135, 135 ,0.7);
counter-increment: number 1;      /* number カウンタの増加数をセット */
content: counter(number);      /* 表示形式を指定 */
z-index:1;
}

.productlist{counter-reset: number;}/* number リセット */

/* --------------------順位アイコン-------------------------　 */
.box:nth-of-type(1):not(.elementor-post):before{
background-color:rgba(217, 179, 64 ,0.9);
}
.box:nth-of-type(2):not(.elementor-post):before{
background-color:rgba(111, 123, 131 ,0.9);
}
.box:nth-of-type(3):not(.elementor-post):before{
background-color:rgba(161, 83, 38,0.9);
}
.box:nth-of-type(n+10):not(.elementor-post):before{
text-indent:3px !important;

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

/* --------------------順位アイコン　消す----------------------　 */
.paged .box:before,.box.elementor-post:before{content:"";display:none;}
.wrapper.sliderlist .box:before{content:"";display:none;}
.single-coordinate .box:before{content:"";display:none;}
.wrapper.coordinatelist .box:before{content:"";display:none;}
.product_banner_area .listbox:before{content:"";display:none;}
/* -----------------------end-----------------------*/

/* 画像表示 */
.inbox-image{width:100%;height: auto;line-height:0;}
.inbox-image img{width:100%;/*height:100%;*/}
/* end画像表示 */

/* タイトル表示 */

.inbox-title{
margin:5px 0px;
font-size:0.8em;
line-height:1em;
/*background-color:#EEFFFF;*/
width:100%;
height:1em;
overflow: hidden;
font-weight:100;
}

/* endタイトル表示 */

.inbox-desc{width:100%;height:30px;}
.inbox-button{

bottom:0;
width:80%;
left:0;right:0;
margin:0 auto;
}

/* clearfix（任意で） */
.after{ display:block; clear:both; }


/*アニメーション marquee*/
@-webkit-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-moz-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-o-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
/*/アニメーション marquee*/

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes animScale {
0% { transform: scale(0.8, 0.8); }
5% { transform: scale(1.2, 1.2); }
10% { transform: scale(1, 1); }
15% { transform: scale(1.1, 1.1); }
20% { transform: scale(1, 1); }
100% { transform: scale(1, 1); }
}

@-webkit-keyframes fade {
	0%{
	opacity : 0;
}

	100% {
	opacity : 1;

	}
}