@charset "UTF-8";

/*03-R*/
/* ------BEGIN MWBHP DEFAULT SET ------ */
/* #################################### */
/* wp-touch表示時-rayout-CSS-start */
/* #################################### */
/* スマホ画面コンテンツエリア幅指定 */
body.smartphone #content {
	margin: 0;
	width: 100%;
}


/* スマホ画面コンテンツ内h1～h6をクリアする */
body.smartphone #content h1,
body.smartphone #content h2,
body.smartphone #content h3,
body.smartphone #content h4,
body.smartphone #content h5,
body.smartphone #content h6 {
	clear: both;
}


/* スマホ画面ページタイトルエリア調整 */
body.smartphone #content h2.post-title {
	font-size: 80% !important;
}


/* スマホ表示時のコンテンツ内文字の指定 */
body.smartphone .post-page-content {
	font-size: 85%;
	line-height: 1.7em;
}


/* olタグのマーカー指定 */
body.smartphone #content ol li {
	list-style-type: decimal;
}



/* #################################### */
/* wp-touch-rayout-CSS-end */
/* #################################### */

/* １：固定ページ内のテーブル */
#content table td {
	vertical-align: top;
	line-height: 1.7em;
}

#content table th {
	line-height: 1.7em;
}


/* コピーライト下型の余白防止 */
html {
	background-color: #ffffff;
}


/*サイト内のフォント指定*/
/*
body,
#access ul li a,
hgroup h1,
hgroup h2#site-description,
hgroup h3,
#content h1.entry-title,
div.widget-area h1.widget-title,
div#copyright {
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
*/

/*投稿の投稿者名を非表示にする*/
.byline {
	display: none;
}


/*////営業日カレンダーの表示修正////*/
/* ウィジェット全体の黒線削除 */
.isp-calendar-inner td {
	border: none;
}


/* カレンダー内の枠線をグレーにする */
.isp-business-calendar thead th,
.isp-business-calendar td {
	border: 1px solid #ababab;
}

/* クリア用クラス */
.clearfix {
	clear: both;
}

/* ------END MWBHP DEFAULT SET ------ */



/*--------------------- ↓↓↓ ここから毎回必要 ↓↓↓ ---------------------*/
/***************************************************************/
/*  汎用設定 ****************************************************/
/***************************************************************/

/*##############################
micro clearfix
##############################*/
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}


/*##############################
下方向マージン
##############################*/
.mb0 {
	margin-bottom: 0 !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}


/*##############################
2等分カラムの設定
##############################*/
.col2>* {
	width: 315px;
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	float: left;
}

.col2>* img {
	display: block;
	width: 100%;
	margin: 0;
}


/*##############################
3等分カラムの設定
##############################*/
.col3>* {
	width: 203px;
	width: calc((100% - 62px) / 3);
	margin-right: 30px;
	float: left;
}

.col2>*:last-child,
.col3>*:last-child {
	margin-right: 0;
}


/*##############################
左に回り込み
##############################*/
.f-left {
	width: 300px;
	float: left;
	margin-right: 1em;
}

.f-left img {
	width: 100%;
	display: block;
	margin: 0;
}


/*##############################
右に回り込み
##############################*/
.f-right {
	width: 300px;
	float: right;
	margin-left: 1em;
}

.f-right img {
	width: 100%;
	display: block;
	margin: 0;
}

/*1:2のカラム設定（左側に画像がある場合に使用）*/
.l1r2>* {
	width: 212px;
	width: calc(100% * (1/3));
	float: left;
	margin-right: 20px;
}

.l1r2>*:last-child {
	width: 405px;
	width: calc((100% - 30px) * (2/3));
	float: left;
	margin-right: 0;
}


/*1:2のカラム設定（右側に画像がある場合に使用）*/
.l1r2_ex>* {
	width: 212px;
	width: calc(100% * (1/3));
	float: right;
	margin-left: 20px;
}

.l1r2_ex>*:first-child {
	width: 405px;
	width: calc((100% - 30px) * (2/3));
	float: right;
	margin-left: 0;
}


/*2:1のカラム設定（左側に画像がある場合に使用）*/
.l2r1>* {
	width: 405px;
	width: calc((100% - 30px) * (2/3));
	float: left;
	margin-right: 20px;
}

.l2r1>*:last-child {
	width: 212px;
	width: calc(100% * (1/3));
	float: left;
	margin-right: 0;
}


/*2:1のカラム設定（右側に画像がある場合に使用）*/
.l2r1_ex>* {
	width: 405px;
	width: calc((100% - 30px) * (2/3));
	float: right;
	margin-right: 20px;
}

.l2r1_ex>*:first-child {
	width: 212px;
	width: calc(100% * (1/3));
	float: right;
	margin-right: 0;
}

.col2 img,
.col3 img,
.l2r1 img,
.l2r1_ex img,
.l1r2 img,
.l1r2_ex img {
	display: block;
	width: 100%;
}


/*##############################
hoverの設定
##############################*/
a,
a img {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover,
a:hover img {
	opacity: 0.7;
}


/*##############################
画像のデフォルト角丸
##############################*/
/*使用しない場合はコメントアウト*/
.entry-content img:not(.wpcf7-captcha-captcha) {
	border-radius: 5px;
}



/*##############################
画像のデフォルト影付き
##############################*/
/*使用しない場合はコメントアウト*/
.entry-content img:not(.wpcf7-captcha-captcha) {
	box-shadow: 3px 3px 3px rgba(32, 32, 32, 0.3);
}


/**************************************************
テーマ用スタイル打消し
**************************************************/
/*大枠の横幅*/
#branding,
#access-out,
#colophon,
#colophon #footer-menu,
#colophon #copyright {
	width: 100%;
}

#branding hgroup,
#branding #access,
#main-image-box,
#main,
#colophon #footer-menu>div {
	width: 960px;
	margin: 0 auto;
	height: auto;
}



/*サイドウィジェット横幅*/
#main .widget-area {
	width: 270px;
}

#secondary aside.widget {
	width: 260px;
	background-color: #eeeeee;
	margin-bottom: 20px;
}

#secondary aside.widget:last-child {
	margin-bottom: 0;
}


/*大枠の余白*/
#main {
	padding: 10px 0 60px;
	overflow: unset;
}

#main:before,
#main:after {
	content: " ";
	display: table;
}

#main:after {
	clear: both;
}

#primary #content {
	margin-right: 290px;
}

#content .entry-content {
	/*padding: 10px;*/
}

#content section {
	margin-bottom: 60px;
}

#content section:last-child {
	margin-bottom: 0;
}

#content p {
	margin-bottom: 20px;
	padding-left: 0;
}


#colophon #footer-menu,
#colophon #copyright {
	padding-left: 0;
	padding-right: 0;
}


/*罫線*/
#main-image-box,
#main,
#colophon,
#breadcrumb,
#nav-below,
#colophon,
#access-out,
.left-sidebar #content,
.right-sidebar #main .widget-area,
.left-sidebar #main .widget-area,
.right-sidebar #content,
.page-header,
.home .entry-header,
body.page .entry-header,
body.single .entry-header,
.widget-header,
#secondary .widget ul li {
	border: none;
}


/*tableの設定*/
#content table {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
	border-collapse: collapse;
}

#content table th,
#content table td {
	border: 1px solid #888;
	padding: 5px;
}

#content table th {
	width: auto;
}

#content table thead th {
	width: auto;
}

/*dlの設定*/
#content dl {
	padding-left: 10px;
	margin-bottom: 40px;
}

#content dl dt {
	border: none;
	margin-bottom: 10px;
	padding-left: 15px;
	line-height: 1.5em !important;
	border-left: 5px solid rgba(128, 128, 128, 0.8);
	border-bottom: 1px solid rgba(128, 128, 128, 0.8);
}

#content dl dd {
	margin: 0 0 40px 15px;
}

#content dl dd:last-child {
	margin-bottom: 0;
}


/*ul・olの設定*/
#content ul,
#content ol {
	list-style: none;
	margin: 10px 0 10px 10px;
	padding: 0;
}

#content li {
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#content li:last-child {
	margin-bottom: 0;
}

#content li.cat-with-date-by-catname {
	padding: 0 0 15px 5px;
}


/*リンクの下線*/
#content a {
	text-decoration: underline;
}



/**************************************************
見出し
**************************************************/
/*見出しの罫線・余白打消し*/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

#content .entry-header {
	background-image: none;
}

/*見出しh3*/
#content .post-page-content h3 {
	margin-bottom: 20px;
	font-size: 100%;
}



/**************************************************
ヘッダー
**************************************************/
/*電話番号のポジション基準値*/
#branding hgroup {
	position: relative;
	margin-bottom: 10px;
}



/**************************************************
グランドナビ
**************************************************/
#access-out {
	background-color: transparent;
	height: auto;
}

#access-in {
	margin: 0;
}

#access {
	background-color: transparent;
	float: none;
}


/*メニューの配置を均等分配、各項目に縦線の仕切り線を引く*/
body nav#access ul.menu {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
}


/*等間隔*/
nav#access ul li {
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	text-align: center;
}


/*要素の応じて幅変動*/
nav#access ul li {
	flex-basis: auto;
	-ms-flex-basis: auto;
	-webkit-flex-basis: auto;
	flex-grow: 1;
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	text-align: center;
}


/*サブメニューの設定*/
body nav#access ul ul.sub-menu {
	background-color: #888;
}

body nav#access ul ul.sub-menu a {
	background-color: transparent;
}

body nav#access ul ul.sub-menu,
body nav#access ul ul.sub-menu li {
	box-sizing: border-box;
	width: 100%;
}

body nav#access ul ul.sub-menu li a {
	display: block;
	box-sizing: content-box;
	width: auto;
}



/**************************************************
サイドウィジェット
**************************************************/
#secondary .widget>ul,
#secondary .widget>div>ul {
	margin: 0;
}

#secondary .widget .widget-title {
	margin: 0;
}

#secondary .widget ul li a {
	background-image: none;
}



/**************************************************
フッター
**************************************************/
#colophon {
	margin-top: 0;
}

#footer-menu {
	padding: 0;
	background-color: transparent;
}

#footer-menu>div,
#colophon #copyright {
	text-align: center;
}

#footer-menu ul {
	margin: 0;
}

#footer-menu ul li {
	background-image: none;
	padding: 0;
	display: inline-block;
	color: #fff;
}

#footer-menu ul li a {
	line-height: 41px;
	color: #fff;
	padding: 0 10px;
}

#footer-menu ul li:hover a {
	/*color: #fff;*/
	opacity: 1;
	text-decoration: underline;
}


/**************************************************
スマホの設定
**************************************************/
/* スマホ画面div内tableにスクロールバーが表示される対策 */
body.smartphone #content .table-parent,
.post-page-content table {
	overflow: hidden !important;
}


#content .post-page-content {
	padding: 10px 0 50px;
}

#content .post-page-content p {
	margin-top: 0;
	margin-bottom: 20px;
}

#content .post-page-content img {
	margin-top: 0;
	margin-bottom: 0;
}


/*2等分カラムの設定*/
.post-page-content .col2>*,
.post-page-content .col2_ex>* {
	width: auto;
	float: none;
	margin-right: 0;
	margin-left: 0;
}

#content .post-page-content .col2 ul,
#content .post-page-content .col2_ex ul {
	position: static;
}


/*3等分カラムの設定*/
.post-page-content .col3>* {
	width: auto;
	float: none;
	margin-right: 0;
}



/*1:2のカラム設定*/
.post-page-content .l1r2>* {
	width: auto;
	float: none;
	margin-right: 0;
}


/*2:1のカラム設定*/
.post-page-content .l2r1>* {
	width: auto;
	float: none;
	margin-right: 0;
}

/*1:2のカラム設定（右側に画像がある場合に使用）*/
.l1r2_ex>* {
	width: auto;
	float: none;
	margin-left: 0;
}

/*2:1のカラム設定（右側に画像がある場合に使用）*/
.post-page-content .l2r1_ex>* {
	width: auto;
	float: none;
	margin-right: 0;
}


/*dlの設定*/
#content .post-page-content dl {
	padding-left: 0;
}

#content .post-page-content dl dd {
	margin-left: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#content .post-page-content dl dd img {
	margin-top: 0;
}



/*最後のsectionのマージン無し*/
#content .post-page-content section:last-child {
	margin-bottom: 0;
}


/*--------------------- ↑↑↑ ここまで毎回必要 ↑↑↑ ---------------------*/



/* #################################### */
/* Contact Form7 */
/* #################################### */
/*float解除用疑似クラス*/
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}


/*赤字*/
.red {
	color: #FF0000;
}


/*テーブル全体の指定*/
body div#page #content div.d-table {
	display: table;
	width: 99%;
	border-collapse: collapse;
	margin: 0.5em auto 1.7em auto;
}


/*trの指定*/
body div#page #content div.d-table .tr {
	display: table-row;
	width: 100%;
	border-collapse: collapse;
}


/*セル全体の指定*/
body div#page #content div.d-table .tr div {
	display: table-cell;
	padding: 5px;
}


/*セル内Pタグのmargin打消し*/
body div#page #content div.d-table .tr div p {
	margin-bottom: 0;
}


/*セル内のthタグの指定*/
body div#page #content div.d-table .tr .th {
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}


/*セル内のul,olタグ余白制御*/
body div#page #content div.d-table .tr div ol,
body div#page #content div.d-table .tr div ul {
	margin: 0 0 0 1.3em;
}


/*スマホ表示時画像キャプチャの位置制御*/
body.smartphone #content img.wpcf7-captchac,
body.smartphone #content span.wpcf7-form-control-wrap.captcha {
	display: inline !important;
	margin: 0 !important;
}

#content img.wpcf7-captchac {
	vertical-align: middle;
	margin-right: 15px !important;
}


/*エラーテキスト制御*/
span.wpcf7-not-valid-tip {
	clear: both;
}


/*スマホ表示時入力項目のdisplay要素をinlineにする*/
body.smartphone #content span.wpcf7-form-control-wrap {
	display: inline;
}



/*-------------------- ↓↓↓ ここからユーザ設定 ↓↓↓ --------------------*/
/**************************************************
共通の設定
**************************************************/
body {
	font-size: 15px;
	color: #666;
	animation-duration: 0.9s;
	animation-iteration-count: 1;
	animation-name: anime1;
	animation-timing-function: ease-in-out;
}

@keyframes anime1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

#content section>*:not(h3) {
	padding-left: 10px;
	padding-right: 10px;
}


#content .note {}

#content .note p {
	margin: 0;
	float: right;
	padding: 0 5px;
	border: 1px solid #f00;
	border-radius: 5px;
}

#content .note p+p {
	border: none;
	margin-right: 1em;
}

/*ページの上に戻るボタン*/
#content .to_top {
	margin-bottom: 60px;
}

#content .to_top p {
	text-align: right;
}

#content .to_top p a {
	display: inline-block;
	color: #fff;
	background-color: rgba(35, 172, 14, 1);
	padding: 0 10px;
	;
	border-radius: 5px;
	text-decoration: none;
}

#content .col3 * p {
	margin-bottom: 0;
}

/**************************************************
見出しの設定
**************************************************/
#content h1 {
	position: relative;
	font-size: 120%;
	padding-bottom: .5em;
	border-bottom: 4px solid rgba(35, 172, 14, 0.9);
	margin-bottom: 20px;
}

#content h1::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: rgba(52, 42, 32, 0.9);
}


/*見出し2　【丸2個】*/
#content h3 {
	font-weight: bold;
	font-size: 110%;
	line-height: 2em !important;
	position: relative;
	padding: 0 0 0 2em;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.5);
	margin-bottom: 15px;
}

#content h3::before {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0.3em;
	width: 1.2em;
	height: 1.2em;
	border-radius: 0.6em;
	background-color: rgba(52, 42, 32, 0.9);
	z-index: 3;
}

#content h3::after {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 1em;
	width: 0.8em;
	height: 0.8em;
	border-radius: 0.4em;
	background-color: rgba(35, 172, 14, 0.9);
	z-index: 2;
}

#content h4 {
	border-left: 5px solid rgba(0, 20, 57, 1);
	border-bottom: 1px solid rgba(0, 20, 57, 1);
	padding-left: 5px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/**************************************************
ヘッダーの設定
**************************************************/
#branding {
	background-color: rgba(0, 20, 57, 1);
}

#access-out {
	background-color: rgba(34, 112, 89, 1);
	/*#227059*/
	padding: 2px 0;
}

#site-title a {
	font-size: 30px !important;
	font-family: serif !important;
	color: rgba(254, 238, 237, 1);
}

#site-description {
	margin: 10px 0 0 20px;
	font-family: sans-serif !important;
	font-size: 14px !important;
}


/**************************************************
グランドナビ
**************************************************/
#access li a {}


/**************************************************
ヘッダー画像
**************************************************/
#main-image-box-out {
	background-color: transparent;
}


/**************************************************
サイドの設定
**************************************************/
#secondary aside.widget {
	background-color: transparent;
}

#secondary aside.widget a {
	color: #efffef;
}

#secondary .widget_sp_image .widget-header {
	margin-bottom: 10px;
}

#secondary .widget_sp_image .widget_sp_image-image-link {
	display: inline-block;
	outline: none;
}

#secondary .widget_sp_image img {
	margin: 0;
	outline: none;
}

.widget_text .widget-title {
	padding: 5px;
	border-left: 5px solid rgba(34, 112, 89, 1);
	background-color: rgba(0, 20, 57, 1);
}

.t-widget table {
	width: 100%;
}

.t-widget table th,
.t-widget table td {
	border: none;
	line-height: 1.2em;
	padding: 5px 0 0 5px;
}

.t-widget table th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}


/**************************************************
フッターの設定
**************************************************/
#colophon {
	background-color: rgba(0, 20, 57, 1);
}

#footer-menu {
	background-color: rgba(34, 112, 89, 1);
	/*#227059*/
	padding: 10px 0;
}

#footer-menu ul li a {
	padding: 0;
	color: #efffef;
}

#copyright {
	border-top: none;
	color: #efffef;
}


/**************************************************
コンテンツの設定
**************************************************/
/*=================================================
トップページ
=================================================*/
#content .event dt {
	line-height: 2em !important;
	border-left: 5px solid rgba(0, 20, 57, 1);
	border-bottom: none;
	border-radius: 4em 0 0 1em / 100% 0 0 50%;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}

#content .event dd table {
	width: auto;
	margin-bottom: 0;
}

#content .event dd table th,
#content .event dd table td {
	border: none;
	line-height: 1em;
}

#content .event dd table td {
	width: 8em;
}

#content .event dd table+p {
	margin-bottom: 0;
}

#content .event dd h4 {
	border: none;
	position: relative;
	padding-left: 1.2em;
	font-size: 110%;
}

#content .event dd h4::before {
	position: absolute;
	top: 0.3em;
	left: 0;
	z-index: 2;
	content: '';
	width: 1em;
	height: 1em;
	background-color: rgba(0, 20, 57, 0.8);
	border-radius: 0.6em 0.5em 0.4em 0.7em /80% 80% 60% 60%;
}

/*=================================================
蔵元紹介
=================================================*/
#content .intro img {
	display: block;
	margin: 0 0 15px 0;
	width: 100%;
}

#content .awards dl {
	padding-left: 0;
}

#content .awards dt {
	line-height: 2em !important;
	border-left: 5px solid rgba(0, 20, 57, 1);
	border-bottom: none;
	border-radius: 4em 0 0 1em / 100% 0 0 50%;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}

#content .awards dd p {
	margin-bottom: 0;
}

#content .awards dd p span {
	display: inline-block;
}

#content .awards dd p span+span {
	margin-left: 1em;
}


/*=================================================
商品ご案内
=================================================*/
/*商品ナビメニュー*/
#content nav.item_nav p {
	font-size: 110%;
	/*font-weight: bold;*/
	margin-bottom: 30px;
}

#content nav.item_nav p a {
	display: inline-block;
	color: #fff;
	background-color: rgba(34, 112, 89, 1);
	padding: 5px 10px;
	;
	border-radius: 5px;
	text-decoration: none;

}

#content nav.item_nav p:first-child {
	margin-bottom: 10px;
}

#content nav.item_nav ul {
	margin-top: 0;
	margin-bottom: 30px;
}

#content nav.item_nav li {
	display: inline-block;
	padding-right: 0.5em;
}

#content nav.item_nav li a {
	display: block;
	color: #fff;
	background-color: rgba(35, 172, 14, 1);
	padding: 5px 10px;
	;
	border-radius: 5px;
	text-decoration: none;
}


/*入賞のバッヂ設定*/
#content .muroka dl,
#content .season dl {
	padding-left: 0;
}

#content .muroka dt,
#content .season dt {
	line-height: 2em !important;
	border-left: 5px solid rgba(0, 20, 57, 1);
	border-bottom: none;
	border-radius: 4em 0 0 1em / 100% 0 0 50%;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}

#content .muroka dt strong {
	display: inline-block;
	color: #fff;
	margin-left: 2em;
	padding: 0 5px;
	border-radius: 5px;
}

#content .muroka dt strong.blue {
	background-color: #0070c0;
}

#content .muroka dt strong.orange {
	background-color: #e36c0a;
}


/*商品価格の表*/
#content .muroka table,
#content .season table {
	border-collapse: separate;
	border-spacing: 3px;
}

#content .muroka table th,
#content .muroka table td,
#content .season table th,
#content .season table td {
	border: none;
	line-height: 1em;
	text-align: right;
}

#content .muroka table th,
#content .season table th {
	vertical-align: bottom;
	line-height: 1em;
}

#content .muroka table td,
#content .season table td {
	width: 40%;
	text-indent: 1em;
	text-align: left;
}

#content .muroka table td+td,
#content .season table td+td {
	text-align: right;
	width: 25%;
}

/*
#content .muroka table .odd td,
#content .season table .odd td{
color: #fff;
background-color: rgba(0,20,57,0.5);
}

#content .muroka table .odd td+td,
#content .season table .odd td+td{
color: #666;
background-color: rgba(0,20,57,0.1);
}
*/

#content .tbl_def table {
	width: 100%;
}

#content .tbl_def table p {
	margin: 0;
}


/*=================================================
搾りについて
=================================================*/
#content .shibori>div.l2r1_ex img {
	margin-top: 45px;
}

#content .shibori dl {
	padding-left: 0;
}

#content .shibori dt {
	line-height: 2em !important;
	border-left: 5px solid rgba(0, 20, 57, 1);
	border-bottom: none;
	border-radius: 4em 0 0 1em / 100% 0 0 50%;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}


/*=================================================
アクセス
=================================================*/
#content .access table th {
	white-space: nowrap;
}

/*見出し4　【四角の罫線2個色違い】*/
#content .doutei dt {
	line-height: 2em !important;
	border: none;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 2em;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}

#content .doutei dt::before {
	content: "";
	position: absolute;
	top: 0.7em;
	left: 0.3em;
	width: 0.8em;
	height: 0.8em;
	border: 2px solid rgba(35, 172, 14, 0.7);
	z-index: 3;
}

#content .doutei dt::after {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0.8em;
	width: 0.6em;
	height: 0.6em;
	border: 2px solid rgba(240, 186, 50, 0.7);
	z-index: 2;
}

#content .doutei dd div.bus_time p {
	text-align: right;
}

#content .doutei dd div.bus_time p a {
	display: inline-block;
	padding-left: 1em;
}


/*=================================================
ブログ
=================================================*/
/*ブログ用　H1*/
#content article.type-post {
	margin-bottom: 60px;
}

#content .type-post h1 {
	position: relative;
	line-height: 2em;
	font-size: 123.1%;
	padding-left: 1.3em;
	border-bottom: none;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
	padding-bottom: 0;
	margin-bottom: 5px;
}

#content .type-post h1::after {
	position: absolute;
	top: 0.5em;
	left: 0;
	z-index: 2;
	content: '';
	width: 1em;
	height: 1em;
	background-color: rgba(0, 20, 57, 0.8);
	border-radius: 0.6em 0.5em 0.4em 0.7em /80% 80% 60% 60%;
}

#content .type-post h1 a {
	color: rgba(0, 20, 57, 0.7);
	text-decoration: none;
}

#content .type-post .entry-meta {
	margin-top: 5px;
	margin-bottom: 10px;
}

#content .type-post .entry-content {
	padding-left: 20px;
}



/*=================================================
ご注文
=================================================*/
#content .order p {
	margin-bottom: 5px;
}

#content .order p a {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: rgba(35, 172, 14, 1);
	color: #fff;
	text-decoration: none;
}

#content .order p a+a {
	margin-left: 1em;
}

#content .tokutei dt {
	line-height: 1.5em !important;
	border-left: 5px solid rgba(34, 112, 89, 1);
	border-bottom: none;
	padding-left: 0.5em;
	box-shadow: 0 6px 7px -8px rgba(64, 64, 64, 0.3);
}

#content table.time_table {
	width: auto;
}

#content table.time_table th,
#content table.time_table td {
	border: none;
	white-space: nowrap;
	line-height: 1em;
}

#content table.time_table th {
	vertical-align: top;
	font-weight: normal;
}

#content table.time_table td+td {
	text-align: right;
}

/*配送料金表*/
#content .postage_table table th,
#content .postage_table table td {
	border: none;
}

#content .postage_table table th {
	line-height: 1em;
	font-weight: normal;
	white-space: nowrap;
}

#content .postage_table table td {
	font-size: 90%;
}

/*リストアイコン3*/
#content .postage_table ul,
#content .payment ul,
#content .exception ul {
	list-style: none;
	margin: 0;
}

#content .postage_table ul li,
#content .payment ul li,
#content .exception ul li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 1em;
}

#content .postage_table ul li::before,
#content .payment ul li::before,
#content .exception ul li::before {
	content: "";
	box-sizing: border-box;
	vertical-align: middle;
	position: absolute;
	top: 0.2em;
	left: 0.2em;
	height: 0.8em;
	width: 0.8em;
	margin: auto;
	border-radius: 50%;
	background-color: rgba(0, 20, 57, 1);
}

/*お支払方法について*/
#content .payment ol>li {
	list-style-type: decimal;
	margin-left: 1em;
	margin-bottom: 40px;
}

#content .payment p {
	margin-bottom: 0;
}

#content .payment p span.box {
	display: inline-block;
	border: 2px solid rgba(34, 112, 89, 1);
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}


#content .payment>ul>li::before {
	border-radius: 0;
}


#content .policy ol>li {
	list-style-type: decimal;
	margin-left: 1em;
}


/**************************************************
スマホの設定
**************************************************/
/*=================================================
共通
=================================================*/
/*##############################
画像のデフォルト角丸
##############################*/
/*使用しない場合はコメントアウト*/
.post-page-content img:not(.wpcf7-captcha-captcha) {
	border-radius: 5px;
}


/*##############################
画像のデフォルト影付き
##############################*/
/*使用しない場合はコメントアウト*/
.post-page-content img:not(.wpcf7-captcha-captcha) {
	box-shadow: 3px 3px 3px rgba(32, 32, 32, 0.3);
}


#content .post-page-content .container {
	margin-bottom: 0;
}

/*お酒ははたちになってから*/
#content .post-page-content .note p {
	margin-bottom: 1em;
}

#content .post-page-content .note p+p {
	margin-right: 0;
}


/*=================================================
お問合せ、ご注文
=================================================*/
#content .post-page-content .th p.body-font {
	margin-bottom: 5px;
}

#content .post-page-content .th.body-font p {
	border-left: 5px solid rgba(0, 20, 57, 1);
	padding-left: 0.5em;
}

#content .post-page-content .tr:last-child .th.body-font p {
	border: none;
}

#content .post-page-content .tr>div {
	margin-bottom: 20px;
}

#content .post-page-content .tr>div.th {
	margin-bottom: 5px;
}


/*=================================================
蔵元紹介
=================================================*/
#content .post-page-content .awards dd p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

#content .post-page-content .awards dd p span {
	display: block;
}

#content .post-page-content .awards dd p span+span {
	margin-left: 0;
}


/*入賞のバッヂ設定*/
#content .post-page-content .muroka dt {
	position: relative;
}

#content .post-page-content .muroka dt strong {
	position: absolute;
	bottom: -37px;
	right: 5px;
	margin-left: 0;
}


/*=================================================
商品ご案内
=================================================*/
#content .post-page-content .tbl_def .col3>* {
	margin-bottom: 20px;
}

#content .post-page-content .tbl_def .col3 * p:first-child {
	margin-bottom: 5px;
}



/*=================================================
搾りについて
=================================================*/
#content .post-page-content .shibori .l2r1_ex>* {
	margin-bottom: 20px;
}

#content .post-page-content .shibori .l2r1_ex * p:first-child {
	margin-bottom: 5px;
}

/* single.php */

.post-page-background {
	background-color: #F2F6F7;
	padding: 20px 0;
}

.notice-container {
	margin: 0 10%;
	background-color: white;
	border-radius: 15px;
	padding: 60px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
	.notice-container {
		margin: 0 5%;
		padding: 30px;
		margin-top: 60px;
	}
}

.notice-header {
	/* 必要に応じて他のスタイルを追加 */
}

.notice-list {
	/* 必要に応じて他のスタイルを追加 */
}

.notice-item {
	margin-bottom: 20px;
	/* 必要に応じて他のスタイルを追加 */
}

.notice-date {
	font-size: 14px;
	color: #333;
	margin-bottom: 20px;
}

.notice-title {
	font-size: 2.1rem;
	font-weight: bold;
	color: #227059;
	position: relative;
	/* ::after 擬似要素の位置を調整するために必要 */
}

.notice-title::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 2px dotted #666;
	/* 点線のスタイル */
	margin-top: 40px;
	margin-bottom: 20px;
}

.notice-image {
	text-align: center;
	/* 画像コンテナを中央寄せに */
}

.notice-image img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	/* 画像自体を中央寄せに */
}

.notice-content {
	margin-top: 20px;
	font-size: 18px;
	color: #666;
}

.navigation-buttons {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	font-size: 14px;
	color: #227059;
}

.previous-post,
.next-post {
	flex: 1;
	/* 各要素が同じスペースを取るように設定 */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.next-post {
	align-items: flex-end;
}

.previous-post span,
.next-post span {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

.previous-post a,
.next-post a {
	color: #227059;
	text-decoration: none;
}

.previous-post a:hover,
.next-post a:hover {
	text-decoration: underline;
}

/* ブログ */

.announcement-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* 中央寄せを左寄せに変更 */
	padding: 40px;
	background-color: #F2F6F7;
}

.announcement {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	margin: 20px;
	width: calc(33.333% - 40px);
	/* 3列のための幅を設定し、マージンを差し引く */
	overflow: hidden;
	text-align: left;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.announcement-image {
	width: 100%;
	height: 300px;
	overflow: hidden;
	flex-shrink: 0;
}

.announcement-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.announcement-title {
	color: #227059;
	font-size: 18px;
	margin: 20px 10px;
	text-align: left;
}

.announcement-excerpt p {
	color: #888;
	font-size: 14px;
	margin: 10px;
	text-align: left;
	flex-grow: 1;
}

.pagination {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.pagination a,
.pagination span {
	margin: 0 5px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #227059;
}

.pagination .current {
	background-color: #227059;
	color: #fff;
	border: 1px solid #227059;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
	.announcement {
		width: 100%;
		margin: 10px 0;
	}
}