/*
Theme Name: Envo Shop Child
Theme URI: https://envothemes.com/free-envo-shop/
Template: envo-shop
Author: EnvoThemes
Author URI: https://envothemes.com/
Description: Envo Shop is a fast, clean and modern-looking responsive free WooCommerce WordPress theme. This theme supports popular page builders like Elementor, KingComposer, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer, etc. Envo Shop is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Documentation: https://envothemes.com/docs/docs/envo-shop/ Theme demo ready to import: https://envothemes.com/envo-shop/
Tags: one-column,two-columns,full-width-template,right-sidebar,custom-background,custom-menu,custom-header,editor-style,featured-images,translation-ready,custom-logo,threaded-comments,footer-widgets,rtl-language-support,blog,e-commerce
Version: 1.0.3.1596515242
Updated: 2020-08-04 13:27:22

*/

/*------------------------------------------------------------------------------
		全体要素
------------------------------------------------------------------------------*/
body , .elementor-widget-text-editor {
	font-family: 'Sawarabi Gothic',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif !important;
}

a, a:active, a:hover, a:focus {
	outline : none;
}

a:hover {
	color : #404040;
}

.view_pc {
  display: block;
}

.view_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .view_pc {
    display: none;
  }

  .view_sp {
    display: block;
  }
}

@media (min-width: 1430px) {
    .container {
        max-width: 1280px !important;
        width: 95% !important;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
        width: 95% !important;
    }
	.header-right {
	    min-width: 240px;
	    padding-left: 0;
	}
}

/*------------------------------------------------------------------------------
		Elementor
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
		ヘッダー
------------------------------------------------------------------------------*/
.header-search-form {
	border-color: #e8ec7c!important;
}

button.header-search-button {
	background-color: #e8ec7c!important;
	/* padding: 12px 14px!important; */
}

.la-search {
	font-size: 18px;
}

.la-search:before {
	color: #000;
}

.amount-cart:before {
	border-right: 7px solid #ff8300;
}

.single-head {
    clear: both;
    margin-bottom: 10px;
    padding: 10px 0;
    margin: 0 auto;
    position: relative;
}

.header-line {
	display:none;
}

@media (min-width: 768px) {

	.header-cart.float-cart {
		z-index: 997;
	}

	.header-cart.float-cart:hover {
		z-index: 998;
	}

    .header-cart.float-cart a.cart-contents {
        padding: 20px 5px 8px 5px;
        width: 80px;
        height: 80px;
        float: none;
        background: rgba(255, 255, 255, 1);
        position: relative;
        text-align: center;
        color: #252424 !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.17);
        display: block;
    }

    .header-my-account.float-login a, .header-wishlist.float-wishlist a {
        position: fixed;
        right: 6px;
        z-index: 997;
        animation: showup 1s;
        left: auto;
        float: none;
        padding: 8px;
        background: rgba(255, 255, 255, 1);
        text-align: center;
        color: #252424 !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.17);
        width: 80px;
        height: 80px;
        line-height: 66px;
    }

    .header-line.float-line a {
        position: fixed;
        right: 6px;
        z-index: 997;
        animation: showup 1s;
        left: auto;
        float: none;
        padding: 8px;
        background: rgba(255, 255, 255, 1);
        text-align: center;
        color: #252424 !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.17);
        width: 80px;
        height: 80px;
        line-height: 66px;
    }

    .header-my-account.float-login {
        top: 209px;
        position: fixed;
        z-index: 997;
    }

    .header-wishlist.float-wishlist {
        top: 300px;
        position: fixed;
        z-index: 997;
    }

    .header-line.float-line {
        top: 390px;
        position: fixed;
        z-index: 997;
        display: block;
    }

}

@media  (max-width: 768px) {

    .header-line.float-line a {
        position: fixed;
        right: 6px;
        z-index: 997;
        animation: showup 1s;
        left: auto;
        float: none;
        padding: 8px;
        background: rgba(255, 255, 255, 1);
        text-align: center;
        color: #252424 !important;
        border: 1px solid #ededed;
        border-radius: 5px;
        box-shadow: 0 4px 20px rgb(0 0 0 / 17%);
        width: 50px;
        font-size: 10px;
        line-height: 15px;
    }

    .header-line.float-line a span{
        margin-top: 5px;
        display: block;
    }

    .header-line.float-line {
        top: 60px;
        right: 10px;
        position: fixed;
        z-index: 997;
        display: block;
    }
}

/*------------------------------------------------------------------------------
		Navbar
------------------------------------------------------------------------------*/
.navbar-nav > li > a {
    font-family: 'Sawarabi Gothic', sans-serif,'moonRegular';
	font-size: 22px;
	font-weight: normal;
	outline :none;
}

.dropdown-menu > li > a ,
.navbar-nav > li > a:focus ,
.navbar-nav > li > a:hover ,
.navbar-nav > li > a:active  {
	outline :none;
}

.navbar-nav > li > a.envo-categories-menu-first {
	margin-left : 0;
}

.dropdown-menu {
	min-width: 200px;
}

.top-bar-section a {
	color: #404040;
}

.navbar-nav > li > a.envo-categories-menu-first {
	color : #404040;
}

.navbar-nav > li > a.envo-categories-menu-first:hover {
	color : #000 !important;
}

@media (max-width: 991px) {

	.navbar-nav > li > a {
		font-size: 18px;
	}

	li.menu-item-has-children a.envo-categories-menu-first {
	    min-width: 185px;
	}

	.dropdown-menu {
		display: inline-block;
		width: calc(100vw - 45px);
	}
	
	.dropdown-menu li {
		display: inline-block;
		width: 95%;
		margin: 0 auto;
	}

}

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

	.open-panel {
		height : 20px;
		top: 15px;
	}
	
	.navbar-default .navbar-brand {
		display: none !important;
	}

	.mobile-heading {
	    padding-top: 10px;
	}

	.main-menu.fixed {
	    position: fixed;
	    top: 0;
	    z-index: 1000;
	    width: 100%;
	}
}

/*------------------------------------------------------------------------------
		Metaslider
------------------------------------------------------------------------------*/
.metaslider .caption-wrap {
    background: rgb(255 255 255 / 80%) !important;
    color: #000 !important;
    opacity: 0.8 !important;
    text-align: center;
    top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    bottom: unset !important;
	font-family: 'Sawarabi Gothic',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	padding: 10px;
	max-width: 700px;
    width: 95% !important;
}

.metaslider .caption {
	padding: 80px 10px 30px 10px !important;
    border: 8px solid #fff;
}

.metaslider .caption h1 {
/*
	text-shadow: 1px 1px 3px #ff8300;
*/
	margin: 0;
    letter-spacing: 2px;
}

.metaslider .caption h1 span {
	font-size: 50px;
	line-height: 120px;
}

.metaslider .caption h2 {
	text-shadow: 1px 1px 3px #ff8300;
}

.metaslider_area ul {
	padding: 0!important;
}

.metaslider .flex-viewport ,
.metaslider .flexslider {
	height: 500px!important;
}

.metaslider .slides img {
	height: 500px!important;
	object-fit: cover;
}

.metaslider .flex-control-nav {
	bottom: 25px!important;
	filter: drop-shadow(0px 1px 7px rgba(0,0,0,1))!important;
}

.flex-control-paging li a {
	background: rgb(255 255 255 / 50%)!important;
}

.flex-control-paging li a.flex-active {
	background: #e8ec7c!important;
}

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

	.metaslider .caption-wrap {
		width: 85% !important;
	}

	.metaslider .caption h1 {
		font-size: 20px;
	    line-height: 38px;
	    letter-spacing: 3px;
	}

	.metaslider .caption {
		padding: 15px 0px 5px 0px !important;
	    border: 3px solid #fff;
	}

	.metaslider .caption h1 {
		margin: 0;
	    letter-spacing: 2px;
	}

	.metaslider .caption h1 span {
		font-size: 30px;
		line-height: 60px;
	}

	.metaslider .caption h2 {
		font-size: 20px;
	}

	.metaslider .slides img {
		height: 250px!important;
	}

	.metaslider .flex-viewport ,
	.metaslider .flexslider {
		height: 250px!important;
	}

	.metaslider .slides img {
		height: 250px!important;
		object-fit: cover;
	}
}


/*------------------------------------------------------------------------------
		Short Code
------------------------------------------------------------------------------*/
.su-posts-post-loop {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: self-start;
}

.su-posts-post-inner {
	width: 25%;
	text-align: center;
    padding: 1.2% 1.8%;
    border-radius: 0;
    border-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.su-posts-post-inner:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.su-posts-post-inner img {
    height: 250px !important;
    object-fit: cover;
}

.su-post-meta {
	font-size: 14px;
	padding-top: 10px;
	color : #fff;
}

h2.su-post-title {
	font-size: 20px;
    margin: 0 auto;
    padding: 5px 0;
}

.su-post-title a {
	color : #ff8300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.su-post-title a:hover {
	color: #555;
}

.su-posts-blog-top-main-loop ,
.su-posts-blog-top-loop {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: self-start;
	justify-content: flex-start;
	margin-bottom: 30px;
}

.su-posts-blog-top-loop h4 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	background: #aaa;
	padding: 10px 0;
	color: #fff;
	margin-top: 30px;
	border: 1px solid #000;
	font-size: 16px;
}

.su-posts-blog-top-loop h3.non_blog {
	text-align: center;
}

.su-posts-news-top-main-loop table.news-main-loop {
	border: none;
}

.su-posts-news-top-main-loop table.news-main-loop th {
	border: none;
	width: 15%;
	min-width: 150px;
	color: #444;
	font-weight: normal;
}

.su-post-sub-blog {
	width: 30%;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 20px;
}

.su-post-sub-blog nth-child(4) {
	margin-right: 0;
}

.su-post-sub-blog table.blog_table {
	margin: 0;
	border: none;
}

.su-post-sub-blog table.blog_table th {
	width: 30%;
	border-right: none;
	padding: 0;
	overflow: hidden;
	width: 100%;
	display: inline-block;
	border: none;
	position: relative;
}

.su-post-sub-blog table.blog_table th a {
	width: 100%;
	display: table;
	font-size: 0;
}

.su-post-sub-blog table.blog_table th a img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}

.su-post-sub-blog table.blog_table th:hover a img {
	transform: scale(1.2);
}

.su-post-sub-blog table.blog_table th .shop_name_box {
	width: auto;
	position: absolute;
	top: 0;
	height: auto;
	background: rgb(255 131 0 / 75%);
	padding: 5px 10px;
}

.su-post-sub-blog table.blog_table th .shop_name_box > a {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}


.su-post-sub-blog table.blog_table td {
	vertical-align: middle;
	width: 100%;
	display: inline-block;
	border: none;
}

.su-post-sub-blog table.blog_table td .post_area h2{
	text-align: left;
	font-size: 18px;
	background: unset;
	color: #000;
}

.wp-pagenavi {
	text-align: center;
	margin : 30px 0;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: none;
	padding: 10px 15px;
	background: #ff8300;
	color: #fff;
	text-decoration: none;
	border: 1px solid #ff8300;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.wp-pagenavi a:hover, 
.wp-pagenavi span.current {
	border-color: #ff8300;
}

.wp-pagenavi a:hover {
	background: #fff;
	color: #ff8300;
}

.post_area {

}

.post_area p.time{
	margin: 0;
    font-size: 12px;
}

.post_area h2 {
	margin: 0 auto;
	font-size: 20px;
	margin-bottom: 5px;
}

.post_area  a {
	color: #000;
	text-decoration: none;
}


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

	.su-posts-post-inner {
		width: 50%;
	}

	.su-posts-post-inner img {
	    height: 150px !important;
	}

	h2.su-post-title {
		font-size: 14px;
	}

	.su-posts-blog-top-loop {
		display: inline-block;
		align-items: self-start;
		margin-bottom: 0px;
	}

	.su-posts-blog-top-loop h4 {
		margin-top:0;
		margin-bottom: 30px;
	}

	.su-post-sub-blog {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    max-width: unset;
	}

	.su-post-sub-blog table.blog_table {
		margin: 0;
		border: none;
		margin-bottom: 20px;
	}

	.su-post-sub-blog table.blog_table th {

	}

	.su-post-sub-blog table.blog_table th a {
		width: 100%;
		display: table;
		font-size: 0;
	}

	.su-post-sub-blog table.blog_table th a img {
		width: 100px;
		height: 100px;
	}

	.su-post-sub-blog table.blog_table th:hover a img {
		transform: scale(1.2);
	}

	.su-post-sub-blog table.blog_table th .shop_name_box > a {
		color: #fff;
		font-size: 14px;
		text-decoration: none;
	}

	.su-post-sub-blog table.blog_table td {
		vertical-align: top;
		width: 70%;
		border: none;
		display: table-cell;
		padding: 0 5px;
	}

	.su-post-sub-blog table.blog_table td .post_area h2{
		text-align: left;
		font-size: 16px;
	}


}


/*------------------------------------------------------------------------------
		Side bar
------------------------------------------------------------------------------*/
span.toggleBtn:before {
    font-family: "Font Awesome 5 Free";
    content: '\f055';
    font-weight: 600;
    margin-right: .5em;
	cursor: pointer;
}

span.acv_open::before {
    font-family: "Font Awesome 5 Free";
    content: '\f056';
    font-weight: 600;
    margin-right: .5em;
}

ul.archive-list {
    list-style: none;
    padding: 0;
}

.archive-list > li:not(.acv_open) > ul {
	display: none;
}

/* 年別アーカイブリストのアイコン設定 */
.archive-list > li.acv_open::before { /* リストが開かれているとき */
	font-family: "Font Awesome 5 Free";
	content: '\f056'; /* -マーク */
	font-weight: 600;
	margin-right: .5em;
}

.archive-list > li:not(.acv_open)::before { /* リストが閉じられているとき */
	font-family: "Font Awesome 5 Free";
	content: '\f055';
	font-weight: 600;
	margin-right: .5em;
}

/* 月別アーカイブリストのアイコン設定 */
.month-archive-list > li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f105'; /* >マーク */
	font-weight: 600;
	margin-right: .5em;
	margin-left: 3px;
	color: rgba(0,0,0,.54);
}

.month-archive-list > li {
	list-style: none;
}

.month-archive-list > li:last-child {
	border-bottom: none;
}

.archive_side_bar > ul {
	list-style: none;
	width: 100%;
	margin: 0 auto;
}


/*------------------------------------------------------------------------------
		Woocommerce
------------------------------------------------------------------------------*/
.woocommerce-MyAccount-navigation li a {
	display: block;
}

.woocommerce-info {
    border-top-color: #e8ec7c;
}

.woocommerce-info::before {
	color : #e8ec7c;
}

.woocommerce button.button.alt:hover ,
.woocommerce a.button:hover ,
.woocommerce a.button.alt:hover {
	color: #fff;
	background-color: #e8ec7c;
}

.woocommerce.widget_shopping_cart .buttons a {
	font-size: 17px;
}

.woocommerce div.product form.cart .button ,
.woocommerce div.product form.cart .button:active {
	border: 1px solid #e8ec7c;
}

.woocommerce-message {
	border-top-color : #e8ec7c;
}

.woocommerce-message::before {
	color: #ff8300;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none;
	border-top : 1px solid #ff8300;
	border-left : 1px solid #ff8300;
	border-bottom : 1px solid #ff8300;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
	border-right: 1px solid #ff8300;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ff8300;
    color: #fff;
    padding: 12px 15px;
    font-weight: bold;
}

.woocommerce nav.woocommerce-pagination ul li a {
	padding: 12px 15px;
}

.woocommerce div.product {
	margin-top: 10px;
}

.woocommerce div.header-compare {
	margin-top: 0;
}

.woocommerce div.product .product_title {
	font-size: 26px;
}

.woocommerce ul.products {
	margin-bottom: 40px;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
	padding: 10px;
	margin-bottom: 30px;
    /* height: 300px; */
}

.woocommerce ul.products li.product .d-compare-wishlist .yith-wcwl-add-to-wishlist {
	max-width: 55%;
}
.woocommerce ul.products li.product .d-compare-wishlist a.compare {
	max-width:45%;
}

.woocommerce ul.products li.product.product-category a img {
    height: 300px;
    object-fit: contain;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 1em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    height: 60px;
    margin: 20px 0;
}

.woocommerce mark.count {
	display: none;
}

.inner_image_item {

}

.woocommerce-cart-form .coupon .button {
    padding: 10px 20px;
}

.woocommerce table.shop_table .button {
	padding: .618em 1em;
}

.inner_image_item .yith-wcwl-add-to-wishlist a ,
.inner_image_item .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.inner_image_item .woocommerce ul.products li.product a.compare ,
.inner_image_item .woocommerce ul.products li.product .price ,
.inner_image_item .woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a {
	color : #000;
	font-weight: bold;
}

div.product .woocommerce-tabs ul.tabs.wc-tabs li a ,
.woocommerce-page div.product div.summary .posted_in a ,
.woocommerce-page div.product div.summary a.compare {
	color: #666;
}

.yith-wcwl-add-button a.add_to_wishlist:hover ,
div.product .woocommerce-tabs ul.tabs.wc-tabs li a:hover ,
.woocommerce-page div.product div.summary .posted_in a:hover ,
.woocommerce-page div.product div.summary a.compare:hover {
	color: #000;
	font-weight: bold;
}

.submit_btn , .btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	color: #ff8300;
    box-shadow: unset !important;
    outline: none;
}

.woocommerce a.button.alt {
	padding: .618em 1em;
}

.woocommerce .cart .button:hover {
	background: #e8ec7c;
	color: #fff;
}

.woocommerce div.product form.cart .button {
	border: 1px solid #ff8300;
}

.woocommerce div.product form.cart .button:active ,
.woocommerce div.product form.cart .button:hover {
	border: 1px solid #e8ec7c;
}

.woocommerce div.product form.cart table tr {

}

.woocommerce div.product form.cart table td.label {
	color: #404040;
}

.woocommerce div.product div.images img.wp-post-image ,
.woocommerce-product-gallery__image img ,
.flex-viewport {
	height: 350px !important;
	margin-bottom: 30px;
}

.woocommerce-product-gallery__image img ,
.woocommerce div.product div.images img.wp-post-image {
	object-fit: contain;
}

.woocommerce-shipping-totals p.price-5000 {
	margin: 0 auto;
    padding: 0 0 10px 0;
    font-size: 90%;
    color: #f00;
    font-weight: bold;
}

.woocommerce ul.product_list_widget li img {
	background: #fff;
}


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

	.woocommerce.widget_shopping_cart .buttons a {
		font-size: 15px;
	}

}

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

	.woocommerce.widget_shopping_cart .buttons a {
	    font-size: 15px;
	    max-width: 300px;
	    width: 90%;
	    margin: 0 auto;
	    margin-bottom: 10px;
	}

}

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

	.woocommerce.widget_shopping_cart .buttons a {
	    font-size: 17px;
	    max-width: 300px;
	    width: 90%;
	    margin: 5px;
	    margin-bottom: 0px;
	}

}

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

	.woocommerce div.product .product_title {
		font-size: 20px;
	}

	.woocommerce ul.products {
		margin: 0 auto;
		margin: 20px 0;
	}

	.woocommerce ul.products li.product .d-compare-wishlist .yith-wcwl-add-to-wishlist ,
	.woocommerce ul.products li.product .d-compare-wishlist a.compare {
		max-width: 100%;
	}

    .woocommerce ul.products li.product .button {
    	font-size: 14px;
    }

    .woocommerce ul.products li.product:after,
    .woocommerce-page ul.products li.product:after {
        display: none;
    }

	.woocommerce ul.products.columns-3 li.product,
	.woocommerce-page ul.products.columns-3 li.product {
		padding: 0px;
		margin-bottom: 20px !important;
		/* height: 180px; */
	}
	
	.woocommerce ul.products li.product.product-category a img {
	    height: auto;
	}

	.woocommerce ul.products[class*=columns-] li.product,
	.woocommerce-page ul.products[class*=columns-] li.product {
		margin: 0 0 10px;
	}
	
	.woocommerce ul.product_list_widget li a {
		font-size: 16px;
	}
	
	.woocommerce-info {
		padding:1em 0 1em 2em;
	}
	
	.woocommerce-info::before {
		left: 0.5em;
	}

	.woocommerce button.button[name="apply_coupon"] {
	    font-size: 16px !important;
	}

	.woocommerce-message {
		padding: 10px 0px 10px 35px;
	}

	.woocommerce-message::before {
	    left: 10px;
	}

	.woocommerce .woocommerce-message .wc-forward {
	    float: unset;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 10px;
	}
}

/*------------------------------------------------------------------------------
		Single Post
------------------------------------------------------------------------------*/
.single-post-area {
	padding-bottom: 50px;
    display: flex;
    width: 100%;
    height: 100%;
}

.nav-links {
	margin-top: 30px;
}

nav.navigation.post-navigation {
	display: flex;
}

nav.navigation.pagination .current {
	border-color: #ff8300;
	font-weight: bold;
	padding: 10px 15px;
    background: #ff8300;
    color: #fff;
    text-decoration: none;
    border: 1px solid #ff8300;
}

nav.navigation.pagination .nav-links a {
    padding: 10px 15px;
    background: #ff8300;
    color: #fff;
    text-decoration: none;
    border: 1px solid #ff8300;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

nav.navigation.pagination .nav-links a:hover {
	background: #fff;
	color: #ff8300;
}

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

	.single-post-area {
		padding-bottom: 50px;
	    display: block;
	}
	
	.single-post-area h1.single-title {
		font-size: 20px;
	}
	
	.nav-links {
		margin-top: 15px;
	}

}

/*------------------------------------------------------------------------------
		Breadcrumb NavXT
------------------------------------------------------------------------------*/
.breadcrumb-area {
	padding-bottom: 15px;
}

/*------------------------------------------------------------------------------
		トップページ
------------------------------------------------------------------------------*/
span.top_category {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px;
}

span.top_category::before,
span.top_category::after {
	position: absolute;
	content:'';
	border-bottom: 3px solid #000;
}

span.top_category::before {

	top: calc(50% - -1px);
	left: 0;
	width: 15%;
	height: 2px;
}
span.top_category::after {
	top: calc(50% - -1px);
	right: 0;
	width: 15%;
	height: 2px;
}

.top_catch_copy {

}

.top_catch_copy h1 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    font-size: 28px;
}

.top_catch_copy h2 {
    padding: 0;
    margin: 0;
    font-size: 22px;
    margin-bottom: 15px;
}

.top_catch_copy p {
    padding: 0;
    margin: 0;
    line-height: 35px;
    font-size: 20px;
}

.top_catch_copy p span.price {
    color: #ff8300;
    font-weight: bold;
    border-bottom: 3px dotted;
    padding: 0 10px;
}

/*------------------------------------------------------------------------------
		Contact Info
------------------------------------------------------------------------------*/
.contact_info_select {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: self-start;
	margin: 30px 0;
}

.contact_info_select_inner {
    width: 33%;
    text-align: center;
}

.contact_info_select_inner a {
    height: 70px;
    width: 300px;
    text-align: center;
    border: 3px solid #ff8300;
    display: table-cell;
    color: #000;
    vertical-align: middle;
    letter-spacing: 3px;
    background: #ddd;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.contact_info_select_inner a:hover {
    background: linear-gradient(to right, #ff8300 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
}

@media (max-width: 480px) {

	.contact_info_select_inner {
	    width: 100%;
	    margin-bottom: 20px;
	}

	.contact_info_select_inner a {
		width: 400px;
	}

}

/*------------------------------------------------------------------------------
		プライバシーポリシー
------------------------------------------------------------------------------*/
.privacy {
	width: 95%;
	margin: 0 auto;
	font-weight: normal;
}

.privacy_inner {
	margin: 40px 0;
}

.privacy_inner h2 {
	margin: 0 auto;
	margin-bottom: 15px;
	text-align: left;
}

.privacy p ,
.privacy_inner p {
	padding: 0 10px;
	text-align: left;
}

@media (max-width: 480px) {

	.privacy {
		width: 100%;
	}
	
	.privacy_inner ol ,
	.privacy p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
	}
	
	.privacy_inner ol {
		padding-inline-start: 30px;
	}
	
	.privacy_inner h2 {
		font-size: 22px;
	}

}

/*------------------------------------------------------------------------------
		特定商取引法に基づく表記
------------------------------------------------------------------------------*/
.tradelaw {
	width: 95%;
	margin: 0 auto;
	margin-top: 30px;
}

.tradelaw table {

}

.tradelaw table th {
	width: 300px;
	text-align: left;
	border-bottom: 2px solid #e8ec7c;
	padding: 15px;
}

.tradelaw table td {
	text-align: left;
	border-bottom: 2px solid #e8ec7c;
	padding: 15px;
}

.tradelaw table td a {
	color: #404040;
}

@media (max-width: 480px) {

	.tradelaw {
		width: 100%;
	}

	.tradelaw table th {
		width: 100%;
		display: inline-block;
		border: none;
		padding: 10px 0 5px 0;
	}

	.tradelaw table td {
		width: 100%;
		display: inline-block;
		padding: 5px 0px 5px 0;
	}

}

/*------------------------------------------------------------------------------
		サイトマップ
------------------------------------------------------------------------------*/
.sitemap {
	width: 95%;
	margin: 0 auto;
	font-weight: normal;
	text-align: left;
	display: inline-block;
}

.sitemap_inner {
	margin: 10px 0 0 0;
	border-bottom: 3px solid #cccccc;
}

.sitemap_inner h2 {
	margin: 0 auto;
	font-size: 28px;
	margin-bottom: 15px;
}

.sitemap_inner p {
	padding: 0 10px;
}

.sitemap_inner p.index_second {
	margin-inline-start: 15px;
}

.sitemap_inner a {
	color: #404040;
}

.sitemap_inner a:hover {
	color: #202020;
	font-weight: 900;
}

.sitemap_inner ul {
	margin-inline-start: 20px;
}

.sitemap_inner ul li ul {
	margin-inline-start: 0px;
	padding-inline-start: 20px;
}

@media (max-width: 480px) {

	.sitemap {
		width: 100%;
	}
	
	.sitemap_inner ol ,
	.sitemap p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
	}
	
	.sitemap_inner ol {
		padding-inline-start: 30px;
	}
	
	.sitemap_inner h2 {
		font-size: 22px;
	}

}


/*------------------------------------------------------------------------------
		お問い合わせ
------------------------------------------------------------------------------*/
.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}

.Form-Item {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}

.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}

.Form-Item-Label {
  position: relative;
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}

.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}

.Form-Item-Label-Required {
  position: absolute;
  top: 0;
  left: 165px;
  border-radius: 6px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #ff8300;
  color: #fff;
  font-size: 14px;
}

.Form-Item-Input {
  border: 1px solid #bbb;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}

#message.Form-Item-Input {
	height : 200px;
}

.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}

.contact_complete {
	width:95%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .Form {
    margin-top: 40px;
  }

  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }

  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }

  .Form-Item-Label.isMsg {
    margin-top: 0;
  }

  .Form-Item-Label-Required {
    left: 140px;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }

  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }

  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }

}

/*------------------------------------------------------------------------------
		ボタン
------------------------------------------------------------------------------*/
.btn_area {
  text-align: center;
}

.btn_unit {
  display: inline-block;
}

.form_btn {
  display: block;
  padding: 0.6em 0.88em;
  background: linear-gradient(to right, #ff8300 50%, #fff 50%);
  background-size: 200% 100.5%;
  background-position: right bottom;
  color: #ff8300;
  border: none;
  border-left: 0.20em solid #ff8300;
  border-color: none;
  box-shadow: 3px 3px 2px rgba(0,0,0,0.08);
  transition: all .5s ease-out;
  font-weight: bold;
}

.form_btn:hover {
  background-position: left bottom;
  color: white;
}

.submit_btn {
  -webkit-transition: all 0.3s ease-in-out;
  border: 1px solid;
  border-radius: 10px;
  padding: 6px 20px;
  color: #ff8300;
  background-color: transparent;
  font-weight: bold;
  font-size: 18px;
}

.link_btn {
	text-align: left;
}

.link_btn_a {
	display: block;
	text-decoration: none;
	color: #323232;
	font-size: 20px;
	font-family: 'Sawarabi Gothic', sans-serif,'moonRegular';
	letter-spacing: 0.05em;
	position: relative;
}

.link_btn_arrow{
	display: inline-block;
	width: 30px;
	height: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/common/ico_arrow.svg) no-repeat right top;
	margin-left: 10px;
	transition: .6s;
}

.link_btn_a:hover{
	text-decoration: none;
}

.link_btn_a:hover .link_btn_arrow{
	width: 50px;
}

.link_btn_center{
	text-align: center;
	width: 100%;
}

.link_btn_a_center {
	font-size: 22px;
	vertical-align: middle;
	background: #323232;
	color: #fff;
	border: 1px solid #323232;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 16px 20px;
	line-height: 1;
	font-family: 'Sawarabi Gothic', sans-serif,'moonRegular';
}

.link_btn_a_center:focus ,
.link_btn_a_center:active,
.link_btn_a_center:hover {
	text-decoration: none;
	background: #fff;
	color: #000;
}
/* jQuery */
.js-fade{
	opacity: 0;
	transition: .8s;
}
.js-fade-in{
	opacity: 1;
}

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

	.link_btn_a {
		font-size: 16px;
	}

}

/*------------------------------------------------------------------------------
		フッター
------------------------------------------------------------------------------*/
#content-footer-section {
	background-color: #1e1e1e;
	padding: 0;
}

#content-footer-section a:hover {
	color: #fff;
	font-weight: bold;
}

#content-footer-section .header_logo {
	width: 100%;
	text-align: center;
	padding: 20px 0;
}

#content-footer-section .header_logo img {

}

#content-footer-section .widget {
	padding: 0 10px;
}

.footer_info_area table.footer_info_table th {
	border: none;
	color: #fff;
	width: 90px;
	text-align: right;
}

.footer_link {
	padding-top: 30px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.6;
}

.footer_link ul{
	list-style: none;
	display: inline-flex;
	margin: 0 auto;
	padding-inline-start: 0;
}

.footer_link li:nth-child(1),
.footer_link li:nth-child(2),
.footer_link li:nth-child(3){
	border-right: 2px solid #fff;

}

.footer_link li{
	padding: 0 10px;
	font-size: 16px;
}

.footer_link > ul > li > a,
.footer_link > ul > li > a:hover {
	color: #fff !important;
}

.footer_link > ul > li > a:hover {
	opacity:1 !important;
}

.widget ul li {
	border-bottom: none;
}

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

	.footer_info_area p {
		font-size: 16px;
	}

	.footer_info_area table.footer_info_table th {
		font-size: 16px;
	}
	
	.footer_info_area table.footer_info_table td {
		font-size: 16px;
	}

	.footer_link ul {
		display: table;
		margin-bottom: 10px;
		padding-inline-start: 0;
	}

	.footer_link li{
		padding: 0;
		font-size: 12px;
		width: 50%;
		float: left;
		margin: 2px 0;
		border: none;
	}

	.footer_link li:nth-child(2) {
		border: none;
	}

	.footer_link li:nth-child(1),
	.footer_link li:nth-child(3) {
		border-right: 1px solid #fff;
	}
	
	.footer_link > ul > li > a {
		font-size: 13px;
	}
	
	.footer-credits {
		padding: 0;
	}
	
	.footer-credits-text p {
		font-size: 16px;
	}
	
	#content-footer-section .widget {
		padding: 0;
	}
}

/*------------------------------------------------------------------------------
		サイドバー
------------------------------------------------------------------------------*/
#sidebar .woocommerce a.button ,
#sidebar .widget ul a {
    color:  #929292;
}
#sidebar .widget ul a:hover {
    color:  #000000;
}

#sidebar  .widget-title h3 {
	font-size: 20px;
}


/*------------------------------------------------------------------------------
		アコーディオン
------------------------------------------------------------------------------*/
.accordion-container .accordion-title {
    position: relative;
    margin: 0;
    padding: 10px 0px 10px 10px;
    background-color: #fff;
    font-size: 20px;
    font-weight: normal;
    color: #404040;
    cursor: pointer;
    border-bottom: 1px solid #404040;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open { 
    background-color: #e8ec7c!important;
    border-bottom:none;
}
.accordion-container .accordion-title::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 25px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #404040;
}
.accordion-container .accordion-title.open::after {
    content: "";
    position: absolute;
    top: 10px;
    border: 8px solid transparent;
    border-bottom-color: #404040;
}

/*CSS for CodePen*/

.accordion-content {
    padding:10px 0 10px 20px;
    border-bottom: 1px solid #404040;
}

.accordion-content p {
	margin: 0 auto;
}

.accordion-container {
    width: 100%;
    margin: 0 auto;
}


@media screen and (max-width: 768px) {
	.accordion-container .accordion-title {
	    font-size: 18px;
	}

	.accordion-content {
	    padding: 5px 0;
	    width: 95%;
	    margin: 0 auto;
	}

	.accordion-content p {
		margin: 0 auto;
		font-size:16px;
	}

}

