@charset "utf-8";

/******************************************************************************/
/***                                                                        ***/
/***                                                                        ***/
/***     column.css                                                         ***/
/***                                                                        ***/
/***    【内容】                                                            ***/
/***                                                                        ***/
/***     ・コラム専用のスタイルを記述する                                   ***/
/***                                                                        ***/
/***                                                                        ***/
/******************************************************************************/

.aw {
	display: inline-block;
}
.mt_80 {
	margin-top: 120px;
}

.yorisuguri {
	margin-bottom: 80px;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.yorisuguri h3.rice_head {
	font-size: 220%;
	padding: 0;
	font-weight: bold;
	text-align: center;
	background: none;
}
.yorisuguri p {
	font-size: 120%;
	font-weight: 400;
	line-height: 1.8;
}
.yorisuguri p strong {
	font-weight: 700;
}
.yorisuguri .items_introduce + .center_title {
	margin-top: 100px;
}
/*
.yorisuguri p:has(+ p.notice) {
	margin-bottom: 10px;
}
.yorisuguri p.notice:has(+ p.notice) {
	margin-bottom: 0;
}
.yorisuguri p:has(+ h4.merit_head) {
	margin-bottom: 40px;
}
.yorisuguri p.notice:has(+ p) {
	margin-bottom: 40px;
}
*/

.yorisuguri p.notice {
	margin-bottom: 60px;
	font-size: 110%;
	line-height: 1.8;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.yorisuguri p.notice:last-child {
	margin-bottom: 40px;
}
.yorisuguri ul {
	font-size: 120%;
	font-weight: 400;
	line-height: 1.8;
}
.yorisuguri ul li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 20px;
}
.yorisuguri ul li:last-child {
	margin-bottom: 0;
}
.yorisuguri ul li::before {
	content: "●";
	position: absolute;
	top: 12px;
	left: 0;
	font-size: 6px;
	color: #5F4C33;
}

.yorisuguri .center {
	font-size: 140%;
	margin-bottom: 10px;
	text-align: center;
}
.yorisuguri figure, 
.yorisuguri .img {
	text-align: center;
	line-height: 0;
}
.yorisuguri figure.left {
	text-align: left;
}
.yorisuguri .main_img {
	margin-bottom: 60px;
	padding-left: 0;
	text-align: center;
	line-height: 0;
	border-left: none;
}
.yorisuguri .contents_head {
	padding-left: 0;
	font-size: 200%;
	padding: 0.5em;
	background: #5F4C33;
	color: #FFFFFF;
	margin-bottom: 40px;
}
.yorisuguri .comment {
	max-width: 860px;
	margin: 40px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.yorisuguri .comment .face_icon {
	width: 117px;
	line-height: 0;
}
.yorisuguri .comment .balloon {
	position: relative;
	width: calc(100% - 117px - 30px);
	padding: 25px 30px;
	background-color: #FBF8F4;
	border-radius: 3px;
	display: block;
	box-sizing: border-box;
}
.yorisuguri .comment .balloon:before{
	content:"";
	position: absolute;
	top: 30px;
	left: -30px;
	border-top: 7px solid transparent;
	border-right: 15px solid #FBF8F4;
	border-left: 15px solid transparent;
	border-bottom: 7px solid transparent;
}
.yorisuguri .comment .balloon p {
	font-size: 110%;
	margin-bottom: 0;
	line-height: 1.8;
}
.yorisuguri .comment .balloon p .sup {
	font-size: 90%;
}
.yorisuguri .comment .balloon a {
	text-decoration: underline;
}
.yorisuguri .comment .balloon a:hover {
	text-decoration: none;
}
.yorisuguri p.lead_txt, 
.yorisuguri p.end_txt {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	font-size: 110%;
	line-height: 2.0;
}
.yorisuguri p.end_txt {
	margin-top: 60px;
	margin-bottom: 80px;
}
.yorisuguri .items_introduce {
	margin-bottom: 40px;
	padding: 60px 60px 20px;
	background-color: #F5F2EB;
}
.yorisuguri .items_introduce:has(+ p) {
	margin-bottom: 60px;
}
.yorisuguri .kiramake_member {
	margin-bottom: 60px;
}
.yorisuguri p:has(+ div.kiramake_member) {
	margin-bottom: 60px;
}
.yorisuguri .merit_head {
	background: none;
	padding-left: 0;
	font-size: 160%;
	padding: 0.5em 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #5F4C33;
	color: #432007;
	/*
	text-indent: -1.0em;
	padding-left: 1.0em;
	*/
}
.yorisuguri .editor_recommend {
	margin-bottom: 30px;
	padding: 1px 30px 20px;
	background-color: #FFF;
}
.yorisuguri .editor_ico {
	margin-top: -50px;
}
.yorisuguri .editor_name {
	margin-bottom: 10px;
}
.yorisuguri .editor_recommend h4 {
	margin-bottom: 0;
	padding: 20px 0 0;
	font-family: "游明朝体", "ヒラギノ明朝 Pro", "MS P明朝", serif;
	font-size: 180%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #5F4C33;
	background: url("yorisuguri_hs_line01.png") repeat-x center top / 5px 1px;
}
.yorisuguri .items_introduce p {
	margin-bottom: 30px;
	font-size: 110%;
	line-height: 2.0;
}
.yorisuguri figure {
	margin-bottom: 40px;
}
.yorisuguri figcaption {
	margin-top: 15px;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	color: #5F4C33;
}
.yorisuguri .online_store,
.yorisuguri .online_store2 {
	margin-left: -60px;
	margin-right: -60px;
	padding: 10px 20px 30px;
	background: url("yorisuguri_hs_bg01.png") no-repeat center center / 100% auto;
}
.yorisuguri .store_title {
	margin-bottom: 20px;
}
.yorisuguri .store_title img {
	margin: 0 auto;
}
.yorisuguri .store_btn_area {
	display: flex;
	justify-content: center;
}
.yorisuguri .store_btn {
	margin: auto 10px;
}
.yorisuguri .store_notice {
	color: #5F4C33;
	font-size: 110%;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}
.yorisuguri .store_notice+.store_notice {
	margin-top: 5px;
}
.yorisuguri .store_notice.strong {
	color: #C60000;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
.yorisuguri .annotation {
	font-size: 105%;
}
.yorisuguri .common_btn {
	font-size: 88%;
}
.yorisuguri .common_btn a {
	font-size: 120%;
}
.yorisuguri .store_info {
	background-color: #FBF6E8;
	border-radius: 20px;
	margin: 40px auto 60px;
	padding: 40px 50px;
}
.yorisuguri .store_info h3 {
	background: none;
	color: #432007;
	font-size: 240%;
	margin-bottom: 30px;
	padding-left: 0;
	text-align: center;
}
.yorisuguri .store_info h3 img {
	margin-right: 10px;
	vertical-align: -30px;
}
.yorisuguri .store_info hr {
	border-top: 1px solid #432007;
	margin: 0 auto 30px;
	width: 95%;
}
.yorisuguri .store_info p {
	font-size: 140%;
	line-height: 1.8;
	margin-bottom: 10px;
	text-align: center;
}
.yorisuguri .store_info h4 {
	color: #432007;
	font-size: 140%;
	margin-top: 40px;
	margin-bottom: 10px;
	text-align: center;
}
.yorisuguri .store_info h4 img {
	margin: 0 15px;
	vertical-align: middle;
}
.yorisuguri .store_info p.kms_btn {
	box-shadow: #ECECEC;
	margin: 0 auto;
	text-align: center;
}
.yorisuguri .store_info p.kms_btn a {
	display: inline-block;
}
.yorisuguri .store_info p.kms_btn a img {
	box-shadow: 0px 6px #ECECEC;
	border-radius: 6px;
	transition: unset;
}
.yorisuguri .store_info p.kms_btn a:hover {
	position: relative;
	top: 6px;
}
.yorisuguri .store_info p.kms_btn a:hover img {
	box-shadow: none;
}
.yorisuguri .store_info p.hem_btn {
	box-shadow: #ECECEC;
	margin: 0 auto;
	text-align: center;
}
.yorisuguri .store_info p.hem_btn a {
	display: inline-block;
}
.yorisuguri .store_info p.hem_btn a img {
	box-shadow: 0px 6px #ECECEC;
	border-radius: 6px;
	transition: unset;
}
.yorisuguri .store_info p.hem_btn a:hover {
	position: relative;
	top: 6px;
}
.yorisuguri .store_info p.hem_btn a:hover img {
	box-shadow: none;
}



@media screen and (max-width: 767px) {
.mt_80 {
	margin-top: 80px;
}
.yorisuguri h3.rice_head {
	margin-top: 30px;
	font-size: 150%;
	line-height: 1.4;
}
.yorisuguri p {
	font-size: 100%;
}
.yorisuguri p.notice {
	margin-bottom: 40px;
	font-size: 90%;
}
.yorisuguri ul {
	font-size: 100%;
}
.yorisuguri ul li::before {
	top: 10px;
	font-size: 5px;
}
.yorisuguri .main_img {
	margin-bottom: 30px;
}
.yorisuguri .contents_head {
	font-size: 140%;
	margin-bottom: 20px;
	line-height: 1.4;
}
.yorisuguri .comment {
	margin: 30px auto;
}
.yorisuguri .comment .face_icon {
	width: calc(117px * 0.7);
}
.yorisuguri .comment .balloon {
	width: calc(100% - calc(117px * 0.7) - 15px);
	padding: 20px;
}
.yorisuguri .comment .balloon:before{
	top: 30px;
	left: -20px;
	border-top: 5px solid transparent;
	border-right: 10px solid #FBF8F4;
	border-left: 10px solid transparent;
	border-bottom: 5px solid transparent;
}
.yorisuguri .comment .balloon p {
	font-size: 100%;
	margin-left: 0;
	margin-right: 0;
	line-height: 1.8;
}
.yorisuguri p.lead_txt, 
.yorisuguri p.end_txt {
	margin-bottom: 40px;
	font-size: 100%;
}
.yorisuguri p.end_txt {
	margin-top: 30px;
	margin-bottom: 30px;
}
.yorisuguri .items_introduce {
	padding: 20px;
}
.yorisuguri .items_introduce + .items_introduce {
	margin-top: 30px;
}
.yorisuguri .editor_recommend {
	margin-bottom: 30px;
	padding: 0 10px 10px;
}
.yorisuguri .editor_ico {
	margin-top: -50px;
}
.yorisuguri .editor_name {
	margin-bottom: 10px;
}
.yorisuguri .editor_recommend h4 {
	margin-bottom: 0;
	padding-top: 14px;
	font-family: "游明朝体", "ヒラギノ明朝 Pro", "MS P明朝", serif;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #5F4C33;
	background: url("yorisuguri_hs_line01.png") repeat-x center top / 5px 1px;
}
.yorisuguri .items_introduce p {
	margin-bottom: 0;
	font-size: 100%;
}
.yorisuguri .center {
	font-size: 120%;
}
.yorisuguri figure {
	margin-bottom: 20px;
}
.yorisuguri figcaption {
	margin-top: 15px;
	font-size: 95%;
	line-height: 1.5;
	text-align: left;
}
.yorisuguri .items_introduce:has(+ p) {
	margin-bottom: 40px;
}
.yorisuguri p:has(+ div.kiramake_member) {
	margin-bottom: 40px;
}
.yorisuguri .kiramake_member {
	margin-bottom: 40px;
}
.yorisuguri p:has(+ div.kiramake_member) {
	margin-bottom: 40px;
}
.yorisuguri .merit_head {
	font-size: 130%;
	line-height: 1.4;
}
.yorisuguri .online_store,
.yorisuguri .online_store2 {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px 20px 10px;
	background-size: cover;
}
.yorisuguri .store_title {
	margin-bottom: 20px;
}
.yorisuguri .store_title img {
	width: 65%;
	max-width: 390px;
}
.yorisuguri .store_btn_area {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.yorisuguri .store_btn {
	margin: auto auto 20px;
}
.yorisuguri .store_btn:last-child {
	margin: auto auto 0;
}
.yorisuguri .store_btn_area .store_btn {
	width: 90%;
}
.yorisuguri .store_notice {
	font-size: 100%;
	text-align: left;
}
.yorisuguri .store_info {
	margin: 40px auto 40px;
	padding: 30px 20px;
}
.yorisuguri .store_info h3 {
	font-size: 160%;
	padding-left: 0;
	text-align: center;
}
.yorisuguri .store_info h3 img {
	margin-right: 0;
	margin-bottom: 20px;
	max-width: 300px;
}
.yorisuguri .store_info p {
	font-size: 120%;
	line-height: 1.8;
}
.yorisuguri .store_info h4 {
	font-size: 120%;
}
.yorisuguri .store_info h4 img {
	margin: 0 5px;
	width: 16px;
}
}

@media screen and (max-width: 428px) {
.yorisuguri .editor_recommend h3 {
	font-size: 130%;
}
}

@media screen and (max-width: 400px) {
.yorisuguri .editor_recommend h3 {
	font-size: 125%;
}
}

@media screen and (max-width: 386px) {
.yorisuguri .editor_recommend h3 {
	font-size: 120%;
}
}

@media screen and (max-width: 375px) {
.yorisuguri .comment .face_icon {
	width: calc(117px * 0.6);
}
.yorisuguri .comment .balloon {
	width: calc(100% - calc(117px * 0.6) - 15px);
}
}

@media screen and (max-width: 320px) {
.yorisuguri .store_info h3 {
	font-size: 140%;
}
}

@media print {
.yorisuguri {
	-webkit-print-color-adjust: exact;
	print-color-adjust: exact;
}
.sp_menu_panel {
	display: none;
}
.page_top {
	display: none;
}
}