@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

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

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.menu-button{
color: #69821B!important;
margin: auto;
}
/*span.fa.fa-search::before{
margin-left:1em;
color: #69821B!important;
}*/

/*モバイルメニュー背景色*/
/*.navi-menu-content {
background-color: #fffffff0;
}*/

/************************************
**モバイル表示　ヘッダーメニュー
************************************/
span.fa.fa-close::before{/*戻るボタン*/
	font-family: FontAwesome;
	content: “\f060”;
}
.menu-content .menu-drawer {
	padding: 0 1em;
	margin:0;
	line-height: 1.8;
}
ul.menu-drawer:before{
	font-size:1.0em;
	display: block;
	font-weight: normal;
	background: white;
	color:#7b7b7b;
	padding: .5em;
	margin-bottom:1em;
	font-family: sans-serif;
	text-align: center;
	border-bottom:3px dotted #90C31F;
}
ul.menu-drawer:after {
	background: white;
}
.menu-drawer li {
	background-color:#fff;
	padding:0;
	border-radius:20px;
}
.menu-drawer a{/*menuの文字色をグレー*/
	font-size:1.0em;
	/*background-color:#f7f7f7;*/
	/*color:#afafb0!important;*/
	border-bottom: solid 1px #e6e6e6;
	color:#47382e!important;
	margin: 6px 0;
	padding: 4px 1em;
	border-radius:2px;
}
.menu-drawer a:hover{
	/*background-color:#90C31F!important;*/
	background-color:#69821b!important;
	color:#fffff4!important;
	transition: 0.2s ;
}
.menu-drawer .sub-menu {
	padding-left:30px;
	margin-top:0;
}
@media (max-width:834px){
.sub-menu{
	box-shadow: none!important;
}
}

/************************************
全体のバランス
************************************/
.entry-content {
padding:1em;
padding-top:0;
margin: 0 auto;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
font-size: 15px;
}
}
/*img{/*すべてのイメージに影を*/
/*box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}*/

/************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){/*トップページモバイルボタンの真下にスペースを作る*/
.container {
margin-top:50px;
}
}
.logo-image {
padding:0;
margin-left:0;
margin-top:1em;
margin-bottom:1em;
/*max-height:60px;*/
}
/*.logo {
text-align: left;
}*/
.logo-header img {
box-shadow: none!important;
}
/************************************
**ヘッダー　モバイル表示
************************************/
@media screen and (max-width: 1023px) and (min-width: 835px){/*835px以上で非表示にすると空白ができるので埋める*/
.admin-bar.mblt-header-mobile-buttons, .admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 0;
}}
@media (min-width:835px){
ul.mobile-header-menu-buttons.mobile-menu-buttons{/*835px以上でモバイルヘッダーを非表示*/
display:none;
}
}
@media (max-width:834px){/*835px以上でヘッダーを非表示*/
.header-container {
display:none;
}
img.site-logo-image{/*モバイル表示ロゴ*/
max-height:35px;
padding:2px 0 0 5px;
box-shadow:none;
}
}

【コード】
/************************************
****　フッター
************************************/
.footer-title{
color:#fff;
border-bottom:3px dotted;
border-color:#90C31F;
margin-bottom:1em;
}
#footer, #footer a{
color:#fff;
}
.widget-entry-cards .widget-entry-card-content {
color:#7b7b7b;
font-size:12px;
padding-left:.5em;
}
@media (max-width:1023px){
.footer {
margin-top: 0;
padding-top: 0;
}}
@media (max-width:880px){
.footer-title{
margin-top:2em;
}}
@media screen and (max-width: 480px){
h2, h3 {
font-size: 1.17em;
}
.widget-entry-cards .widget-entry-card-content {
line-height:1.3;
}
}
.footer-widgets, .footer-widgets-mobile {
margin: 0 auto;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
padding: 0 10px;
}
.widget.widget-footer-mobile{
padding:0;
}
aside#popular_entries-3.widget.widget-footer-mobile.widget_popular_entries div.popular-entry-cards.widget-entry-cards.no-icon.cf{
padding:0 .4em 0;
}
.widget-footer-mobile div.tagcloud,.widget-footer-mobile ul li a{
margin-right:.2em;
margin-left:.2em;
}
/*.source-org.copyright{/*Copyright文字色*/
/*color: #7b7b7b;
}*/

/*子テーマ用のスタイルここまで*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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



/************************************
** 20221220　EC用
************************************/
.so-panel {
    margin-bottom: 0px!important;
}
.s-size {
    padding-top: 8px;
}
.so-widget-sow-button-wire-8b4c3a9dfe11 .ow-button-base a {
    padding: 1.1em 2em!important;
    border: 1px solid #47250e!important;
  transition: .4s;
}
.ec-btn input {
    width: 100%!important;
    margin-bottom: 1em;
    padding: 1.1em 0;
    font-size: 1em;
    border: none;
    background: #69821b;
    border-radius: 4px;
    color: #fff;
  transition: .4s;
}
.button_status {
    width: 100%!important;
    margin-bottom: 1em;
    padding: 1.1em 0;
    font-size: 1em;
    border: none;
    background: #c8c8c8;
    border-radius: 4px;
    color: #fff;
  transition: .4s;
  text-align: center;
}
.ec-btn input:hover {
    background: #47250e;
    color: #fff;
  transition: .4s;
}
div.usccart_navi li.usccart_cart,div.usccart_navi li.usccart_customer,div.usccart_navi li.usccart_delivery,div.usccart_navi li.usccart_confirm {
    background: #47382e!important;
}
div.usccart_navi li.ucart {
    padding: 8px 0;
    border-left: 1px solid #fff;
}
#inside-cart .send,#customer-info .send,#delivery-info .send,#info-confirm .send {
    border-top-color: #ffffff!important;
}

#cart th {
    background-color: #98928e!important;
      padding: 8px;
}
#cart .upbutton {
    padding-bottom: 20px;
    font-size: 12px;
}

input#previouscart {
    background: #98928e;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
  cursor: pointer;
   transition: .4s;
}
input#previouscart:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}
input.to_reganddeliveryinfo_button {
     background: #69821b;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
  cursor: pointer;
   transition: .4s;
}
input.to_reganddeliveryinfo_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}
input.to_deliveryinfo_button{
     background: #69821b;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
  cursor: pointer;
   transition: .4s;
}
input.to_deliveryinfo_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}



input.to_customerinfo_button {
    background: #69821b;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
   transition: .4s;
}
input.to_customerinfo_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}
.send input {
    background: #69821b;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
   transition: .4s;
}
.send input:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}



input.back_cart_button {
    background: #98928e;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
   transition: .4s;
}
input.back_cart_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}
input#back_button {
    background: #98928e;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
   transition: .4s;
}
input#back_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}
input.back_to_customer_button {
    background: #98928e;
    color: #fff;
    padding: 1em 2em;
    border: none;
    border-radius: 4px;
   transition: .4s;
}
input.back_to_customer_button:hover {
    background: #47382e;
    color: #fff;
   transition: .4s;
}

#customer-info h5 {
    border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  background: #fff!important;
        color: #69821b!important;
    font-size: 22px!important;
    padding: 12px 20px!important;
      font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#confirm_table .ttl {
    background-color: #fff!important;
}
#confirm_table th,#confirm_table th {
    padding-top: 8px;
    padding-bottom: 8px;
}
#confirm_table h3 {
    font-size: 17px;
    line-height: normal;
    font-weight: bold;
    color: #272727;
    margin: 0px;
    padding: 10px 0px;
    border: none;
    margin: 0;
    background: #fcfcfc;
}
#confirm_table .ttl td {
    border: none;
    padding-top: 24px;
}

#cart .thumbnail a {
  pointer-events: none;
}
.ow-button-base a {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    line-height: 1em;
    /*width: 100%!important;*/
    border: 1px solid #47250e!important;
    padding: 1.1em 2em!important;
    transition: .4s;
}