@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ページ全体の幅制限を解除 */
.content-in {
  max-width: 2000px !important;
  width: 100% !important;
}
.elementor-section .elementor-container {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** ■見出しカスタマイズ（h1-6）一旦クリア
************************************/

.elementor-heading-title{color:#666666;}

.article h2:before {
	border-top: solid 0px #202020;
	top: -8px;
}
.article h2:after {
	border-bottom: solid 0px #202020;
	bottom: -8px;
}
.article h2{
background:none;
padding: 0;
}
 
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
 
/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {color: #666666;
}



/************************************
** カート　各ページ上部
************************************/

.cart{
color:#ffffff;
background-color:#666666;
padding:10px;
}
.cart a { text-decoration: none; color:#ffffff;}


/************************************
** テーブルヘッダー
************************************/
.tablepress thead th{background-color: #b8860b;}
.tablepress-id-tablepress-4 th {
    background-color: #b8860b !important;
    text-align: center !important;
}

.table-pointer [
	cursor: pointer !important; 
]

/************************************
**ヘッダーロゴ　画像まわり
************************************/
.header-site-logo-image{padding-top:30px;}


/************************************
**ヘッダーキャッチフレーズ　「アンドートルテルム」
************************************/
div .tagline{
	font-size: 20px;
	font-family:arial;
}

/************************************
**フッター
***********************************/
.article-footer, .entry-footer {
	background-color: #fff;
}
.footer {
	margin: 0px !important;
}
/************************************
**メニュー
************************************/
.item-label{
	font-weight:bold;
	font-family:arial;
	font-size:16px;
}

/************************************
** ウィジェット
************************************/
.elementor-widget-heading {
    border-top: none !important;
    border-bottom: none !important;
}

/***********************************
 * まとめ買いリスト
 * *********************************/
#custom-add-to-cart {
	color: #FFFFFF;
    background-color: #101010;
    border-width: 2px 2px 2px 2px;
    padding: 11px 30px 11px 30px;
    margin: 0px 10px 0px 0px;
	font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 19px;
    border-style: solid;
    border-color: #FE317D;
    border-radius: 45px 45px 45px 45px;
	cursor: pointer;
}

/************************************
** WooCommerce
************************************/
/**
 * 商品ページ
 */
.woocommerce-variation-description > p {
	text-align: left;
	font-weight: bold;
}
/* WooCommerceのタブを横並びに配置 */

.woocommerce-tabs .tabs li {
    flex: 1;
    text-align: center;
	font-size: 20px;
    padding: 10px;
    list-style-type: none;
    /* border-bottom: 2px solid transparent; */
	 border-bottom: none; /* ボーダーを非表示 */
}

.woocommerce-tabs .tabs li.active {
    /* アクティブなタブのボーダーを消す */
    border-bottom: none; /* ボーダーを非表示 */
	background-color: blue
}

.shopengine-widget .shopengine-product-tabs div.woocommerce-tabs .wc-tabs li.active {
	border-bottom: 5px solid black !important;
}
/* カートページ */
/* ポイント獲得メッセージの最初の重複を非表示に */
.shopengine > #wps_wpr_order_notice:nth-of-type(1) {
    display: none;
} 

/* ShopEngine 商品ページ */
.elementor-5964 .elementor-element.elementor-element-1d027f60 > .elementor-element-populated {
	padding: 0px !important;
}

.shopengine-swatches > .cart {
	background-color:#F8F8F8;
}

@media (max-width: 768px) {
    .wc-tabs {
        display: flex;
        overflow-x: auto; /* 横スクロールを許可 */
        white-space: nowrap; /* 改行を防ぐ */
    }
    .wc-tabs li {
        display: inline-block;
        padding: 10px 15px;
        font-size: 14px;
    }
}

/* ShopEngine テーブルラベル */
.shopengine-widget .shopengine-swatches .variations tr {
	background-color: #808080;
	display: inline-block;
	border-radius: 2px 0px 0px 2px !important:
}
.shopengine-widget .shopengine-swatches .variations tr th {
	width: 100px;
	color: white !important;
	text-align: center;
}
.shopengine-widget .shopengine-swatches .variations select {
	margin: 0px 0px 0px 0px !important;
	border-width: 0px 2px 0px 2px !important;
}
/** カートページ **/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /** カートページの画像と名前、値段を別行で表示する **/
	.shopengine-table__body {
		display: block;
	}
	.shopengine-table__body-item {
		display: flex !important;
		flex-direction: column !important;
		font-weight: bold;
		grid-template-columns: 100px;
	}
}

/** 決済ページ */
/** 請求情報のひらがな氏名の欄を非表示 */
#billing_yomigana_last_name_field, #billing_yomigana_first_name_field {
	display: none;
}

/************************************
** MailPoet
************************************/

.mailpoet_archive{
	padding: 0
}
/* アーカイブ　下線 */
.mailpoet_archive li {
	border-bottom: 1px solid black;
	list-style: none
		
}
.mailpoet_form_columns {
	max-width: 800px !important;
	margin-left: auto;
}