/*
Theme Name: coffee JINTA WooCommerce Child Theme
Theme URI:
Description:
Author: BcChlose
Author URI:
Template: shoptimizer
Version: 1.2.2
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
main color:
sub colot:
hover color:
*/

/*=================
::after
::before
!important
Ocean WP break point
(min-width: 768px) and (max-width: 959px)
(min-width: 481px) and (max-width: 768px)
(max-width: 480px) --- theme Customize 有効
(max-width: 1280px)
(max-width: 1080px) --- theme Customize 有効
(max-width: 959px)
(max-width: 782px)
(max-width: 600px)
(min-width: 30em)
(min-width: 48em)
白銀比: 71%
黄金比: 62%
貴金属: 58%;
=================*/

/*-----------------
* General
-----------------*/
:root {
  --main-color: #7b5544;
  --sub-color: #cbbc9b;
  --other-color: #437a70;   /* Blue */
  --footer-widget: #000066;
  --copy-right: #00004d;
}
 /* 横スライド発生防止 */
@media screen and (max-width: 1041px) {
  body {
    overflow-x: hidden;
  }
}
mark {
  background-color: #ff0 !important;
}
a:focus { /* click 枠消し */
  outline: solid 0px !important;
}
table { /* OceanWP remove */
  margin-bottom: 0;
}

/*-----------------
* topbar
-----------------*/

/*-----------------
* Global Nav
-----------------*/
.secondary-navigation .icon-wrapper svg {
  stroke: #cbbc9b !important;
}
.st0 {
  fill: #CBBC9D !important;
}
@media screen and (min-width: 993px) {
	.main-navigation ul.menu > li:not(.full-width) ul.sub-menu {
  	padding: 20px 10px;
  	width: 230px;
  }
}

/*-----------------
* breadcrumbs
-----------------*/

/*-----------------
* page header cover
-----------------*/

/*-----------------
* home
-----------------*/

/*-----------------
* page
-----------------*/

/*-----------------
* archive
-----------------*/

/*-----------------
* single
-----------------*/

/*-----------------
* カスタム投稿タイプ
-----------------*/

/*-----------------
* side bar
-----------------*/

/*-----------------
* search
-----------------*/

/*-----------------
* 404
-----------------*/

/*-----------------
* bottom
-----------------*/

/*-----------------
* footer Widget
-----------------*/
.xo-event-calendar table.xo-month button,
.xo-event-calendar table.xo-month .month-header > span {
		color: #999 !important;
}
.xo-event-calendar table.xo-month button:hover,
.xo-event-calendar table.xo-month .month-header > span:hover {
	color: #fff !important;
	text-decoration: underline;
	text-decoration-thickness: .5px;
	text-underline-offset: .16em;
}

/*-----------------
* Copyright
-----------------*/

/*-----------------
* WooCommerce General
-----------------*/

/*-----------------
* WooCommerce cart
-----------------*/
.widget_shopping_cart .product_list_widget li a.remove {
  position: relative;
	top: -5px;
	left: 5px;
}
.widget_shopping_cart p.total {
  margin: 0;
  padding: 1.2em 0;
}
.commercekit-order-bump .ckobp-actions {
  left: 0;
  position: fixed;
  top: 140px;
}
.commercekit-order-bump {
  padding: 10px 15px 80px 15px;
}

/*-----------------
* WooCommerce chuckout
-----------------*/

/*-----------------
*Thank you
-----------------*/

/*-----------------
* WooCommerce login
------------------*/


/*-----------------
* WooCommerce My Account
-----------------*/
@media screen and (min-width: 993px) {
	body.woocommerce-account #content .shoptimizer-archive .col-full {
		margin: 3em auto;
	}
}

/*-----------------
* 商品問い合わせ
-----------------*/




 .below-content .widget svg {
  stroke: $666 !important;
}
.below-content #custom_html-2.widget svg#free {
	width: 32px !important;
	height: 25px !important;
}
.below-content #custom_html-2.widget .widget-title {
	padding: 5px 0 0 40px;
}
.below-content #custom_html-3.widget svg#return {
	width: 28px !important;
	height: 28px !important;
}
.below-content #custom_html-3.widget .widget-title {
	padding: 5px 0 0 40px;
}
.below-content #custom_html-4.widget svg#coffee {
	width: 28px !important;
	height: 28px !important;
}
.below-content #custom_html-4.widget .widget-title {
	padding: 5px 0 0 40px;
}
.below-content #custom_html-5.widget svg#yamato {
	width: 46px !important;
	height: 26px !important;
}
.below-content #custom_html-5.widget .widget-title {
	padding: 5px 0 0 50px;
}