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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
h1.entry-title {display:none;}
header, footer {display:none;}
.main {
	padding:0;
	border:0;
}
.body .article {margin-bottom:0;}
.content {margin-top:0;}
.entry-content, .entry-content>* {
	margin-top:0;
	margin-bottom:0;
}
.wrap {width:auto;}
/*ヘッダー▼*/
.original_header {
	background-image:url(/wp-content/uploads/2024/09/header_back.webp);
	background-repeat:no-repeat;
	background-size:cover;
	border-bottom:30px solid #000;
	position: relative;
}
.original_header:before {
    position: absolute;
	bottom: -2rem;
    left: 0;
    right: 0rem;
    border-bottom: 8px solid #de8e9e;
    content: '';
}
.header_color {
	background:#f6f1d6;
	mix-blend-mode: multiply;
}
.header_box {
	display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.header_logo {
	width:17%;
	margin-right:30px;
	display:block;
}
.header_logo_sp {display:none;}
.header_gaikan {
	width:40%;
	mix-blend-mode: multiply;
}
.header_info {
	display: flex;
    flex-direction: column;
	width:25%;
}
.header_tel img {width:100%;}
.header_add {width:100%;}
.header_mail img {width:100%;}
.mail_chuui {
	font-size:15px;
	margin-left:15%;
}
/*ヘッダー▲*/
/*全体背景*/
.main_container {
	background-image:url(/wp-content/uploads/2024/09/back_washi_1-scaled.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:auto;
}
/*挨拶文▼*/
.greeting_txt {padding: 5% 20%;}
.greeting_pc {display:block;}
.greeting_sp {display:none;}
/*挨拶文▲*/
/*お知らせ▼*/
.obi_pc {display:block;}
.obi_sp {display:none;}
.news {
	background-color:#f6f1d6;
	mix-blend-mode: multiply;
	padding: 2% 20%;
}
.item {
	position: relative;
    border-bottom: 3px solid #000;
	font-size:30px;
}
.item img {
    height: auto;
    border: 0;
    width: 15%;
    margin-right: 30px;
	margin-bottom:0;
}
.item::before {
	content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    top: 85%;
    left: auto;
    right: 0;
    margin: auto;
}
.news_ichiran {margin-top:-25px;}
.news-kobetu {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 1px solid;
    padding: 15px 0;
	justify-content: space-between;
}
.news-ad {font-weight: 600;}
.news_kiji {
	width:80%;
	text-align:justify;
	font-feature-settings: "palt";
}
/*お知らせ▲*/
/*商品▼*/
.item2 {font-size:17px;}
.goods {padding: 2% 20%;}
.goods_list {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
    width: 85%;
    margin: 30px auto 0 auto;
    justify-content: space-between;
}
.goods_kobetsu {
	width:45%;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin:20px 0;
}
.goods_img {width:100%;}
.goods_ttl {
	font-size: 25px;
    letter-spacing: 3px;
}
.goods_txt {
	text-align: justify;
    line-height: 1.5;
}
.goods_price {
	margin: 0 0 0 auto;
    font-size: 25px;
	font-feature-settings: "palt";
	font-weight:600;
}
.goods_price2 {font-size:15px;}
.goods_chuui {
	line-height:1.3;
	margin-top: 30px;
    margin-left: 7%;
}
/*商品▲*/
/*フッター▼*/
.original_footer {
	background-color:#f6f1d6;
	mix-blend-mode: multiply;
	padding:20px 0;
}
.original_footer_flex {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 50px;
	width:80%;
	margin:0 auto;
}
.footer_logo {
	width: 40%;
    height: fit-content;
}
.footer_info {width:25%;}
.copyright {
	margin-top:0;
    text-align: center;
    font-size: 15px;
    background: #000;
    color: #fff;
    padding: 15px 0;
    border-top: 10px solid #de8e9e;
}
/*フッター▲*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	main.main {padding:0;}
	.header_box {flex-direction: column;}
	.header_logo {display:none;}
	.header_logo_sp {
		display:block;
		margin-top:20px;
	}
	.header_gaikan {width:90%;}
	.header_info {display:none;}
	.greeting_txt {padding:12%;}
	.greeting_pc {display:none;}
	.greeting_sp {display:block;}
	.news {padding:5%;}
	.news-kobetu {flex-direction: column;}
	.obi_pc {display:none;}
	.obi_sp {display:block;}
	.item {font-size:22px;}
	.item img {
		width:40%;
		margin-bottom: -10.5px;
	}
	.news_kiji {width:100%;}
	.goods {padding:5%;}
	.goods_list {width:100%;}
	.goods_ttl {font-size:20px;}
	.goods_txt {
		font-size:15px;
		line-height:1.3;
	}
	.original_footer_flex {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.footer_logo {width:100%;}
	.footer_info {width:100%;}
	.copyright {font-size:11px;}
}