@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.3
*/

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



/************************************
**　　　　アピールエリア
************************************/
#appeal {
	height: calc(100vw * calc(500 / 1900));
}
.appeal-content {
	background-color: transparent;
}
/************************************
**　　　　スライダ-
************************************/
.main-slider-image{
	margin: 0 calc(50% - 49vw);	
}
.main-slider-image .slick-arrow{ 
	z-index:2!important;
	border: none;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
	cursor: pointer;
	width: 50px;
    height: 50px;
    border-radius: 50px;
    text-indent: -9999em;
    cursor: pointer;
}
.main-slider-image .slick-next,.main-slider-image .slick-prev{
	position: absolute;
   	top: 50%;
}

.main-slider-image .slick-prev:before, .main-slider-image .slick-next:before {
	font-size: 2rem;
	color: #d7d7d7;
}
.slick-slide img {
    margin: 0 auto;
}
/*javascriptに合わせて768px*/
@media screen and (max-width: 768px){
	#main .main-slider-image .slick-prev{
		left: 0;
	}
	#main .main-slider-image .slick-next{
		right: 0;
	}
}
/*トップ画像*/
#post-47 > .article-header {
	display: none;
}
/* #content {
	margin-top: 0;
} */
body {
	background-color: #fff;	
}
.content {
	margin-top: 0;
}
.home #main {
	padding-top: 0;
}
.entry-content {
	margin-top: 0;
}
/*セット画像2つ並び*/
.textwidget p {
	display: none;
}
.textwidget > .scrollable-table > table {
	border: none;
}
.textwidget > .scrollable-table > table > tbody > tr > td{
	border: none;
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
}
.textwidget > .scrollable-table {
	margin-bottom: 0;
}
#panel-47-1-1-0 > .panel-widget-style > .so-widget-sow-editor  > .textwidget p {
	height: 0;
}
@media only screen and (max-width:991px){
	.textwidget > .scrollable-table > table td{
		display: block;
		float:left;
	}
}
@media only screen and (max-width:480px){
	.textwidget > .scrollable-table > table td{
		display: block;
		clear: both;
		width:100%!important;
	}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	
}
/*834px以下*/
@media screen and (max-width: 834px){
	.header-in {
		line-height: 100px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*会社概要テーブル*/
	.scrollable-table > table {
		margin: 0;
		font-size: 0.8rem;
	}
	/*お問い合わせページ*/
	#post-133 {
		max-width: 90%!important;
	}
	.appeal div.appeal-in.appeal-in {
   	 	min-height: 50px; 
	}
}

/*トップナビ*/
#header-container {
	border-bottom: 1px solid #66bb6a;
}
.navi-in > ul {
    justify-content: end;
}
h1 {
	font-size: 1rem!important;
	padding-top: 2rem;
}
h2 {
	font-size: 0.9rem!important;
}
h3{
	font-size: 1rem!important;
}
ul {
    list-style-type: none;
	padding-left: 20px;
}
select , input[type="search"]{
	font-size: 0.9rem!important;
}
input{
	font-size: 0.9rem!important;
}
.article h3 , #sidebar .widget-title {
     border-left: none;
     border-right: none; 
     border-top: none; 
   	 border-bottom: 1px solid #ffee58;
	 padding: 6px 3px;
	 font-weight: 100;
	 margin-bottom: 1rem;
	background-color: transparent;
}
/************************************
**　　　　商品
************************************/
.woocommerce-loop-product__title{
	text-align: center;
}
/*お買い物かごに追加*/
.woocommerce .products a.button {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 1em 0.6em;
	width: 100%;
}
.products li {
	text-align: center;
}
/*お買い物かごに入れるボタンをグレーに*/
.woocommerce .cart button.button.alt{
	background-color: #ebebeb;
	color: #6d6b6b;
}
/* お支払いへボタン緑へ */
.woocommerce a.button.alt{
	background-color: #66BB6A!important;
	color: #fff!important;
}

/*商品名まわりグレー*/
#main .products .product .woocommerce-loop-product__title{
	background-color: #fff;
    color: gray;
    text-align: start;
	padding-left: 1rem;
	padding-right: 0.7rem;
}
#main .woocommerce .products li{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 370px;
}

/*商品検索わく*/
input[type="search"] {
     width: 100%;
}
#pl-47 #panel-47-1-0-2 {
    margin: 0!important;
}
/*検索ボタン*/
button[type="submit"]:hover{
	cursor: pointer;
}
.woocommerce-product-search > button[type="submit"] , .wp-block-search__inside-wrapper button[type="submit"]{
	width: 100%;
    height: 32px;
    border: none;
    margin: 10px auto;
    background-color: #bebdbd;
    color: #fff;
    border-radius: 4px;
}
/*商品一覧ボタン*/
.ow-button-base {
	height: 32px;
}
.woocommerce-loop-category__title {
	font-weight: 200;
}


/* .ow-button-base a:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 5px 0 0;
  background: url(/wp-content/uploads/2022/04/矢印ボタン　右3-2.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
} */
/*お問い合わせページ*/
#post-133 {
    max-width: 50%;
    margin: 0 auto;
}
.wpcf7 .wpcf7-form p {
	margin-bottom: 40px;
}
.required-mark{
	color: red;
}

/*ヘッダー*/
.navi-in a {
	font-size : 0.9rem;
}
.footer-bottom m{
	font-size : 0.5rem;
}
#menu-item-137 {
    width: 101px;; 
    margin: 0 15px;
    font-weight: normal;
}
.navi-in > ul li {
    width: 15%;
}
.navi-in a {
    font-size: 0.8rem;
}
.logo-header{
	padding-top: 10px;
}
#header-in {
	min-height: 100px;
	justify-content: start;
}
#header-container .site-logo-image {
	max-height: 100px;
}
/* フッター */
.footer-bottom-logo img {
    height: 100px!important;
    width: auto;
}
#menu-item-137 {
    margin: 0px;
}
.copyright {
    font-size: 0.5rem;
}
@media screen and (max-width: 1023px){
	.footer-bottom {
    	margin-top: -20px;
	}
}

/*会社概要*/
.article p {
	margin-bottom: 0;
}
.scrollable-table > table td{
	border-right: none;
    border-left: none;
}
.scrollable-table > table {
	margin: 0 auto;
}
.scrollable-table td {
    padding: 20px 5px;
}
#post-141 > header{
	text-align: center;
}
#post-141 > .article-header h1 {
	line-height: 6.25;
}
/*商品個別ページ*/
section {
    clear: left;
}
.woocommerce ul.products li.product .price{
	font-size : 1rem!important;
	text-align: end;
}
.woocommerce div.product div.images img {
    display: block;
    width: 50%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-size: 12px;
	font-weight: 100!important;
}
.article p {
    padding-left: 0.8em;
    text-align: start;
}
.summary > .product_meta {
    text-align: start!important;
}
/*ページネーション*/
.woocommerce-pagination {
	overflow: hidden;
}
#main .woocommerce-pagination .page-numbers span,#main .woocommerce-pagination .page-numbers a{
	display: flex;
    justify-content: center;
    align-items: center;
	border : 1px solid #d3ced2;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	font-size: 0.8rem;
	margin: 0 2px;
}
#main .woocommerce-pagination .page-numbers {
	display: flex;
	width: 100%;
    justify-content: center;
    border: none;
	flex-wrap: wrap;
    height: 70px;
    margin: 10px auto;
}
#main .woocommerce-pagination .page-numbers li{
	overflow: unset;
	border-right: none;
}

/*カテゴリー画像*/
#categories {
	margin-top: 3em;	
}
mark {
    background-color: transparent;
    color: #8a7e88;
	font-size: 0.6rem;
	margin: auto 5px;
}
#categories li , #sidebar .products li {
	margin-bottom: 1em;
	width: 14%;
}
#categories ul li.product a img , #sidebar ul li.product a img {
	padding: 15%;
	margin-bottom:0;
}
#categories .products , #sidebar .products{
	display: flex;
	flex-direction: column;
}
#categories .product-category a ,#sidebar .product-category a{
	display: flex;
}
#categories .woocommerce-loop-category__title , #sidebar .woocommerce-loop-category__title{
	display: flex;
	white-space: nowrap;
	margin: auto 10px;
	background-color: #fff;
    color: gray;
	font-weight: normal;
}
#categories .woocommerce .products li{
	height: auto;
}

/*サイドバー*/
.sidebar h2 {
	background-color: transparent;
}
#sidebar .widget_block ul li a {
	padding: 0;
}
.sidebar{
	padding-top: 60px;
}
/*サイドバー検索枠*/
#sidebar .wp-block-search__inside-wrapper {
	display: block;
}
#wp-block-search__input-1 {
	padding: 6px;
}
.wp-block-search__label{
	font-size: 1rem;
}
.wp-block-search__inside-wrapper button[type="submit"]{
	background-color: #ffee58;
	color: gray;
}
/*JSで空のliを作って中央寄せの左寄せに*/
.product-category.is-empty {
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	width: 20.5%;
}
#panel-2-0-0-0 > .so-widget-sow-editor > .siteorigin-widget-tinymce > .woocommerce > ul li.product a img {
	padding: 20% 20% 0;
}
#panel-2-0-0-0 > .so-widget-sow-editor > .siteorigin-widget-tinymce > .woocommerce > ul li.product{
	width: 5%;
    margin: 0 2% 0 0;
}
#panel-2-0-0-0 > .so-widget-sow-editor > .siteorigin-widget-tinymce > .woocommerce > ul > li > a > h2{
	text-align:center;
	font-size: 12px!important;
}
@media only screen and (max-width: 768px){
	#panel-2-0-0-0 > .so-widget-sow-editor > .siteorigin-widget-tinymce > .woocommerce > ul 		li.product a img {
		padding: 15% 15% 0;
	}
}
@media screen and (max-width: 480px){
	#panel-2-0-0-0 > .so-widget-sow-editor > .siteorigin-widget-tinymce > .woocommerce > ul li.product{
		width: 20.5%;
	}
}

/*ハンバーガーメニュー*/
/* .slicknav_menu {
	background: #fff;
	border-bottom: 1px solid #66bb6a;
}
.slicknav_btn {
	background-color: transparent;
}
.slicknav_nav {
	text-align: center;	
	font-size: 0.7rem;
	padding-bottom: 20px;
}
.slicknav_nav li {
    padding: 10px 0 0;
}
.slicknav_menutxt {
	display: none!important;
} 
.slicknav_menu .slicknav_nav a {
    color:#6a6a6a!important;
}*/
/*ヘッダーモバイルボタンに変更*/
.navi-menu-button:first-child .fa-star:before {
	content: '\f002';
}
.navi-menu-button:nth-child(2) .fa-star:before {
	content: '\f0e0';
}
.navi-menu-button:nth-child(3) .fa-star:before {
	content: '\f291';
}
.navi-menu-button:nth-child(4) .fa-star:before {
	content: '\f007';
}
.navi-menu-button:nth-child(5) .fa-star:before {
	content: '\f1ad';
}
.navi-menu-button span {
	color: #999999;
}
@media screen and (max-width: 1023px){}
	.mobile-header-menu-buttons {
		box-shadow: 0 0 2px darkgrey;
	}
}
/*支払いページ*/
@media screen and (max-width: 480px){
	.entry-title {
    	padding: 2em 0em 0.6em;
	}
}
#main .woocommerce-cart-form .shop_table .actions .coupon .input-text {
	width : 48%;
}
/*キャンペーン画面*/
.campaign-button {
    font-size: 1rem!important;
}
/*お買い物カゴページ*/
.woocommerce .cart-empty {
	padding-left: 2.8em;
}
.woocommerce .return-to-shop {
	padding-top: 0.8em;
	padding-left: 0;
}
/**/
.go-to-top-button {
	width: 45px;
	height: 45px;
	border-radius: 45px;
}