@charset "utf-8";

/* CSS Document */

/*
Theme Name: 北見ハッカ通商
Description: 北見ハッカ通商
Theme URI: テーマの URL
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

html { font-size: 62.5%; overflow: auto; }
body {
	color: #333;
	font-size: 1.4rem;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	line-height: 1.8;
	background: #f6f7f7;
	overflow: hidden;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
img {
	max-width: 100%;
}
a {
	color: #333;
	text-decoration: none;
	transition: .2s;
}
a:hover {
	opacity: .7;
}
@media print,screen and (max-width: 767px) {
	a:hover {
		opacity: 1;
	}
}
.pc-block {
	display: block!important;
}
.sp-block {
	display: none!important;
}
.pc-inlineBlock {
	display: inline-block!important;
}
.sp-inlineBlock {
	display: none!important;
}
@media print,screen and (max-width: 767px) {
	.pc-block {
		display: none!important;
	}
	.sp-block {
		display: block!important;
	}
	.pc-inlineBlock {
		display: none!important;
	}
	.sp-inlineBlock {
		display: inline-block!important;
	}
}
.fadeIn,
.fadeIn_200,
.fadeIn_400,
.fadeIn_600 {
	transition: .8s;
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.fadeIn_left {
	transition: 1.2s;
	opacity: 0;
	transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
}
.fadeIn_right {
	transition: 1.2s;
	opacity: 0;
	transform: translate(100px,0);
	-webkit-transform: translate(100px,0);
}
.fadeInMove {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.js-accordion {
	transition: .2s;
}
.js-accordion:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	.js-accordion:hover {
		opacity: 1;
	}
}
.js-accordionContents {
	display: none;
}

/****	---- common ----
===================================****/
.c_inner {
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.c_inner1095 {
	max-width: 1095px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.c_inner1150 {
	max-width: 1150px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
.c_inner1200 {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_inner,
	.c_inner1095,
	.c_inner1150,
	.c_inner1200 {
		max-width: none;
		padding: 0 10px;
	}
}
.c_anchor {
	position: absolute;
	top: -100px;
}
@media print,screen and (max-width: 767px) {
	.c_anchor {
		top: -50px;
	}
}
.c_main {
	display: block;
}
.c_section {
	margin: 0 0 100px 0;
}
@media print,screen and (max-width: 767px) {
	.c_section {
		margin: 0 0 40px 0;
	}
}
.c_section:last-of-type {
	margin: 0;
}
.c_borderSection {
	border-bottom: 1px solid #bbb;
	padding: 70px 0 10px;
}
@media print,screen and (max-width: 767px) {
	.c_borderSection {
		padding: 40px 0;
	}
}
.c_borderSection:first-of-type {
	padding: 0 0 10px 0;
}
@media print,screen and (max-width: 767px) {
	.c_borderSection:first-of-type {
		padding: 0 0 40px 0;
	}
}
.c_borderSection:last-of-type {
	border-bottom: none;
	padding: 70px 0 60px;
}
@media print,screen and (max-width: 767px) {
	.c_borderSection:last-of-type {
		padding: 40px 0 60px;
	}
}
.c_title {
	font-size: 2.8rem;
	text-align: center;
	margin: 0 0 30px 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_title {
		font-size: 1.8rem;
		margin: 0 0 20px 0;
	}
}
.c_title span {
	font-size: 2.0rem;
}
@media print,screen and (max-width: 767px) {
	.c_title span {
		font-size: 1.4rem;
	}
}
.c_title.left {
	text-align: left;
}
@media print,screen and (max-width: 767px) {
	.c_title.left {
		text-align: center;
	}
}
.c_title::after {
	content: "";
	width: 55px;
	height: 3px;
	background: #45bdb4;
	position: absolute;
	right: 0;
	bottom: -6px;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.c_title::after {
		width: 28px;
		height: 2px;
		bottom: -3px;
	}
}
.c_title.separate::after {
	bottom: -12px;
}
@media print,screen and (max-width: 767px) {
	.c_title.separate::after {
		bottom: -6px;
	}
}
.c_title.left::after {
	right: auto;
}
@media print,screen and (max-width: 767px) {
	.c_title.left::after {
		right: 0;
	}
}
.c_bcTitle {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	background: #45bdb4;
	padding: 6px 0;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.c_bcTitle {
		font-size: 1.6rem;
		padding: 4px 0;
		margin: 0 0 10px 0;
	}
}
.c_bcTitle.w340 {
	width: 340px;
}
@media print,screen and (max-width: 767px) {
	.c_bcTitle.w340 {
		width: auto;
	}
}
.c_borderTitle {
	font-size: 2.4rem;
	border-bottom: 3px solid #45bdb4;
	padding: 0 0 10px 0;
	margin: 0 0 55px 0;
}
@media print,screen and (max-width: 767px) {
	.c_borderTitle {
		font-size: 1.8rem;
		border-bottom: 2px solid #45bdb4;
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
	}
}
.c_text {
	font-size: 1.4rem;
	letter-spacing: 1px;
}
@media print,screen and (max-width: 767px) {
	.c_text {
		font-size: 1.2rem;
	}
}
.c_text span {
	color: #fe6161;
}

.c_blue{
  color: #248fda!important;
}

.c_ALcenter{
  text-align: center!important;
}

.c_serif { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.c_mb10 { margin: 0 0 10px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb10 { margin: 0 0 5px 0!important; } }
.c_mb20 { margin: 0 0 20px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb20 { margin: 0 0 10px 0!important; } }
.c_mb40 { margin: 0 0 40px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb40 { margin: 0 0 20px 0!important; } }
.c_mb50 { margin: 0 0 50px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb50 { margin: 0 0 25px 0!important; } }
.c_mb60 { margin: 0 0 60px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb60 { margin: 0 0 30px 0!important; } }
.c_mb80 { margin: 0 0 80px 0!important; }
@media print,screen and (max-width: 767px) { .c_mb80 { margin: 0 0 40px 0!important; } }

.c_btn {
	text-align: center;
}
.c_btn a {
	font-size: 1.4rem;
	background: url('../img/common/arw_border_gray.png') right center / 60px no-repeat;
	padding: 0 70px 0 0;
}
.c_table {
	border-collapse: collapse;
	width: 100%;
}
.c_table tr {
	border-bottom: 1px solid #aaa;
}
.c_table th,
.c_table td {
	font-size: 2.0rem;
	font-weight: normal;
	text-align: left;
	padding: 40px 0 15px 2px;
}
@media print,screen and (max-width: 767px) {
	.c_table th,
	.c_table td {
		font-size: 1.4rem;
		padding: 0;
		display: block;
	}
}
.c_table th {
	width: 180px;
	box-sizing: border-box;
}
@media print,screen and (max-width: 767px) {
	.c_table th {
		width: auto;
		padding: 15px 0 0 0;
	}
	.c_table td {
		padding: 0 0 10px 0;
	}
}

/****	---- header ----
===================================****/
.header {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
.header_menu {
	width: 120px;
	height: 120px;
	background: #fff url('../img/common/btn_menu.png') center 32px / 60px no-repeat;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.header_menu {
		width: 60px;
		height: 60px;
		background: #fff url('../img/common/btn_menu.png') center 16px / 30px no-repeat;
	}
}
.header_menu.top {
	background: url('../img/common/btn_menu.png') center 32px / 60px no-repeat;
}
@media print,screen and (max-width: 767px) {
	.header_menu.top {
		background: #fff url('../img/common/btn_menu.png') center 16px / 30px no-repeat;
	}
}
.header_menu:hover {
	cursor: pointer;
}
.header_menu span {
	color: #45bdb4;
	font-size: 1.6rem;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
	position: absolute;
	bottom: 1.5em;
}
@media print,screen and (max-width: 767px) {
	.header_menu span {
		font-size: 1.0rem;
		bottom: .8em;
	}
}
.header_navi {
	display: none;
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 0.9);
	box-sizing: border-box;
	padding: 120px 0 140px;
	position: fixed;
	top: 0;
	left: 0;
	overflow-y: scroll;
}
@media print,screen and (max-width: 767px) {
	.header_navi {
		height: auto;
		padding: 20px 10px 40px;
	}
}
.header_close {
	width: 120px;
	height: 120px;
	background: #fff url('../img/common/btn_close.png') center center / 46px no-repeat;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1;
}
@media print,screen and (max-width: 767px) {
	.header_close {
		width: 60px;
		height: 60px;
		background: #fff url('../img/common/btn_close.png') center center / 23px no-repeat;
	}
}
.header_close:hover {
	cursor: pointer;
}
.header_navi_hdg {
	margin: 0 0 100px 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.header_navi_hdg {
		margin: 0 0 40px 0;
	}
}
.header_logo {
	width: 54px;
	margin: 0 32px 0 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.header_logo {
		width: 40px;
		margin: 0 24px 0 0;
	}
}
.header_lang {
	background: #f6f7f7;
	border-radius: 4px;
	padding: 2px 8px;
	position: relative;
}
.header_lang_hdg {
	background: url('../img/common/ico_lang.png') left center / 20px no-repeat;
	padding: 0 0 0 28px;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.header_lang_hdg {
		background: url('../img/common/ico_lang.png') left center / 14px no-repeat;
		padding: 0 0 0 20px;
	}
}
.header_lang_hdg:hover {
	opacity: .7;
	cursor: pointer;
}
.header_lang_hdg span {
	font-size: 1.8rem;
	background: url('../img/common/arw_bottom_green.png') right center / 14px no-repeat;
	padding: 0 26px 0 0;
}
@media print,screen and (max-width: 767px) {
	.header_lang_hdg span {
		font-size: 1.4rem;
		background: url('../img/common/arw_bottom_green.png') right center / 10px no-repeat;
		padding: 0 18px 0 0;
	}
}
.header_lang_hdg.open span {
	background: url('../img/common/arw_top_green.png') right center / 14px no-repeat;
}
@media print,screen and (max-width: 767px) {
	.header_lang_hdg.open span {
		background: url('../img/common/arw_top_green.png') right center / 10px no-repeat;
	}
}
.header_lang_list {
	display: none;
	width: 100%;
	background: #f6f7f7;
	border-radius: 4px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
}
.header_lang_list_item a {
	font-size: 1.8rem;
	padding: 0 0 0 36px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.header_lang_list_item a {
		font-size: 1.4rem;
		padding: 0 0 0 28px;
	}
}
.header_navi_list2 {
	margin: 0 0 20px 0;
	display: flex;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list2 {
		margin: 0 0 30px 0;
	}
}
.header_navi_list2_item {
	width: 25%;
	margin: 0 0 80px 0;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list2_item {
		width: 50%;
		margin: 0 0 30px 0;
	}
}
.header_navi_list2_item a {
	font-size: 2.4rem;
	line-height: 1.0;
}
@media print,screen and (max-width: 767px) {
	.header_navi_list2_item a {
		font-size: 1.8rem;
	}
}
.header_navi_list2_item a span {
	font-size: 1.2rem;
}
.header_btn {
	text-align: center;
	width: 480px;
	height: 80px;
	background: #45bdb4;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.header_btn {
		width: auto;
		height: 50px;
	}
}
.header_btn span {
	color: #fff;
	font-size: 2.2rem;
	background: url('../img/common/ico_contact.png') left center / 30px no-repeat;
	padding: 0 0 0 40px;
}
@media print,screen and (max-width: 767px) {
	.header_btn span {
		font-size: 1.6rem;
		background: url('../img/common/ico_contact.png') left center / 20px no-repeat;
		padding: 0 0 0 30px;
	}
}

/****	---- mv ----
===================================****/
.mv {
	height: 418px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 25px solid #45bdb4;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.mv {
		height: 238px;
		border-bottom: 12px solid #45bdb4;
		margin: 0 0 15px 0;
	}
}
.mv.news { background-image: url('../img/news/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.news { background-image: url('../img/news/mv_sp.jpg'); }
}
.mv.company { background-image: url('../img/company/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.company { background-image: url('../img/company/mv_sp.jpg'); }
}
.mv.outline { background-image: url('../img/company/outline/mv.jpg'); }
.mv.history { background-image: url('../img/company/history/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.history { background-image: url('../img/company/history/mv_sp.jpg'); }
}
.mv.shop { background-image: url('../img/company/shop/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.shop { background-image: url('../img/company/shop/mv_sp.jpg'); }
}
.mv.scene { background-image: url('../img/company/scene/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.scene { background-image: url('../img/company/scene/mv_sp.jpg'); }
}
.mv.product { background-image: url('../img/product/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.product { background-image: url('../img/product/mv_sp.jpg'); }
}
.mv.mintoil { background-image: url('../img/product/mintoil/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.mintoil { background-image: url('../img/product/mintoil/mv_sp.jpg'); }
}
.mv.fair { background-image: url('../img/fair/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.fair { background-image: url('../img/fair/mv_sp.jpg'); }
}
.mv.contact { background-image: url('../img/contact/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.contact { background-image: url('../img/contact/mv_sp.jpg'); }
}
.mv.media { background-image: url('../img/media/mv.jpg'); }
@media print,screen and (max-width: 767px) {
	.mv.media { background-image: url('../img/media/mv_sp.jpg'); }
}
.mv_title {
	text-align: center;
}
.mv_title strong,
.mv_title span {
	color: #fff;
	font-size: 4.6rem;
	font-weight: normal;
	text-shadow: 0 0 16px #333;
	line-height: 1.4;
	letter-spacing: 2px;
	display: block;
}
.mv_title strong {
	font-size: 4.6rem;
}
@media print,screen and (max-width: 767px) {
	.mv_title strong {
		font-size: 2.4rem;
	}
}
.mv_title span {
	font-size: 1.8rem;
	/*text-transform: capitalize;*/
}
@media print,screen and (max-width: 767px) {
	.mv_title span {
		font-size: 1.0rem;
	}
}

/****	---- breadcrumb ----
===================================****/
.breadcrumb {
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.breadcrumb {
		margin: 0 0 15px 0;
	}
}
.breadcrumb_list {
	display: flex;
	flex-wrap: wrap;
}
.breadcrumb_list_item {
	margin: 0 3em 0 0;
	position: relative;
}
.breadcrumb_list_item:last-child {
	margin: 0;
}
.breadcrumb_list_item::after {
	content: "＞";
	/* content: "";
	width: 10px;
	height: 9px;
	background: url('../img/common/arw_bc.png') center center / 100% 100% no-repeat; */
	position: absolute;
	top: 0;
	right: -2em;
	bottom: 0;
	margin: auto;
}
.breadcrumb_list_item:last-child::after {
	content: none;
}
.breadcrumb_list_item,
.breadcrumb_list_item a {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.breadcrumb_list_item,
	.breadcrumb_list_item a {
		font-size: 1.2rem;
	}
}

/****	---- footer ----
===================================****/
.pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 99;
}
.pagetop a {
	width: 60px;
	height: 60px;
	background: #45bdb4 url('../img/common/arw_top.png') center center / 32px no-repeat;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.pagetop a {
		width: 50px;
		height: 50px;
		background: #45bdb4 url('../img/common/arw_top.png') center center / 24px no-repeat;
	}
}
.bg {
	height: 174px;
	background: url('../img/common/ico_hakka.png') center center / 89px no-repeat;
}
@media print,screen and (max-width: 767px) {
	.bg {
		height: 100px;
		background: url('../img/common/ico_hakka.png') center center / 42px no-repeat;
	}
}
.footer {
	background: #2c2118;
	padding: 40px 0 80px;
}
@media print,screen and (max-width: 767px) {
	.footer {
		padding: 40px 0 60px;
	}
}
.footer_logo {
	width: 340px;
	margin: 0 auto 10px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.footer_logo {
		width: 280px;
	}
}
.footer_addr {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.footer_addr {
		font-size: 1.2rem;
		margin: 0 0 30px 0;
	}
}
.footer_addr a {
	color: #fff;
	font-size: 1.4rem;
	background: url('../img/common/arw_right.png') right center / 6px no-repeat;
	padding: 0 16px 0 0;
	margin: 0 0 0 1em;
}
@media print,screen and (max-width: 767px) {
	.footer_addr a {
		font-size: 1.2rem;
		background: url('../img/common/arw_right.png') right center / 4px no-repeat;
		padding: 0 12px 0 0;
	}
}
.footer_link {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.footer_link {
		display: block;
	}
}
.footer_link a {
	text-align: center;
	width: 32%;
	height: 80px;
	background: #615952;
	border: 2px solid #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.footer_link a {
		width: auto;
		height: 75px;
		margin: 0 0 10px 0;
	}
}
.footer_link a.shop {
	background-color: #fff;
	background-image: url('../img/common/bg_hakka.png'), url('../img/common/arw_right_gray.png');
	background-position: left bottom, right 8px center;
	background-repeat: no-repeat;
	background-size: 76px, 6px;
	padding: 0 0 0 5%;
}
@media print,screen and (max-width: 999px) {
	.footer_link a.shop {
		background-position: -10px bottom, right 8px center;
	}
}
@media print,screen and (max-width: 767px) {
	.footer_link a.shop {
		background-position: left bottom, right 8px center;
	}
}
.footer_link a span {
	color: #fff;
	font-size: 2.2rem;
}
@media print,screen and (max-width: 999px) {
	.footer_link a span {
		font-size: 1.8rem;
	}
}
.footer_link a.contact span {
	background: url('../img/common/ico_contact.png') left center / 30px no-repeat;
	padding: 0 0 0 40px;
}
.footer_link a.tel span {
	font-size: 2.8rem;
	letter-spacing: 2px;
	background: url('../img/common/ico_tel.png') left center / 18px no-repeat;
	padding: 0 0 0 26px;
}
@media print,screen and (max-width: 767px) {
	.footer_link a.tel span {
		font-size: 2.4rem;
	}
}
.footer_link a.shop span {
	color: #333;
	line-height: 1.2;
}
.footer_link a.shop span span {
	font-size: 2.0rem;
}
@media print,screen and (max-width: 999px) {
	.footer_link a.shop span span {
		font-size: 1.6rem;
	}
}
.footer_list {
	border-top: 1px solid #96908c;
	border-bottom: 1px solid #96908c;
	padding: 30px 0;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.footer_list {
		flex-wrap: wrap;
		padding: 30px 0 10px;
	}
	.footer_list_item {
		width: 50%;
		margin: 0 0 20px 0;
	}
}
.footer_list_item.mt {
	margin: 5px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.footer_list_item.sp {
		width: auto;
		margin: 5px 0 0 0;
	}
}
.footer_list_item > a {
	color: #fff;
	font-size: 1.8rem;
}
@media print,screen and (max-width: 767px) {
	.footer_list_item > a {
		font-size: 1.6rem;
	}
}
.footer_subList {
	margin: 5px 0 0 0;
}
.footer_subList.last {
	display: flex;
	flex-wrap: wrap;
	width: 150px;
	justify-content: space-between;
}
.footer_subList_item {
	padding: 0 0 0 16px;
	position: relative;
}
.footer_subList_item::before {
	content: "";
	width: 6px;
	height: 2px;
	background: #96908c;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 2px;
	margin: auto;
}
.footer_subList.last .footer_subList_item:nth-child(2) {
	left: -1em;
}
.footer_subList_item a {
	color: #fff;
	font-size: 1.4rem;
}
.footer_otherList {
	margin: 0 0 15px 0;
	display: flex;
	justify-content: center;
}
@media print,screen and (max-width: 767px) {
	.footer_otherList {
		margin: 0 0 10px 0;
	}
}
.footer_otherList_item {
	line-height: 1.0;
	border-left: 1px solid #fff;
	padding: 0 14px;
}
@media print,screen and (max-width: 767px) {
	.footer_otherList_item {
		padding: 0 10px;
	}
}
.footer_otherList_item:last-child {
	border-right: 1px solid #fff;
}
.footer_otherList_item a {
	color: #fff;
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.footer_otherList_item a {
		font-size: 1.2rem;
	}
}
.copyright {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.copyright {
		font-size: 1.1rem;
	}
}
.footer_bottom {
	display: flex;
	/*flex-direction: row-reverse;*/
	justify-content: space-between;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.footer_bottom {
		display: block;
	}
}
.footer_sns {
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.footer_sns {
		margin: 0 0 20px 0;
	}
}
.footer_sns a {
	margin: 0 8px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.footer_sns a {
		margin: 0 12px;
	}
}
.footer_caution {
	color: #45bdb4;
	font-size: 1.2rem;
}
@media print,screen and (max-width: 767px) {
	.footer_caution {
		font-size: 1.1rem;
		text-align: center;
	}
}

/****	---- 00. top ----
===================================****/
.top_title {
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.top_title.mb {
		margin: 0 0 30px 0;
	}
}
.top_title strong {
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 2px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.top_title strong {
		font-size: 2.0rem;
		text-align: center;
	}
}
.top_title span {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 2px;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.top_title span {
		text-align: center;
	}
}
.top_more a {
	font-size: 1.4rem;
	background: url('../img/common/arw_border_gray.png') right center / 60px no-repeat;
	padding: 0 70px 0 0;
}
@media print,screen and (max-width: 767px) {
	.top_more {
		text-align: center;
	}
}

.top_mv {
	border-bottom: 25px solid #45bdb4;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.top_mv {
		border-bottom: 12px solid #45bdb4;
	}
}
.top_mv_slider li {
	height: calc(100vh - 25px);
}
@media print,screen and (max-width: 767px) {
	.top_mv_slider li {
		height: calc(100vh - 12px);
	}
}
.top_mv_slider li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
.top_mv_title {
	width: 490px;
	position: absolute;
	right: 0;
	bottom: 230px;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.top_mv_title {
		width: 80%;
		bottom: 160px;
	}
}
.top_mv_company {
	width: 240px;
	position: absolute;
	right: 0;
	bottom: 120px;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.top_mv_company {
		width: 40%;
		bottom: 90px;
	}
}
.top_mv_logo {
	width: 120px;
	position: absolute;
	right: 0;
	bottom: 50px;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.top_mv_logo {
		width: 74px;
		bottom: 40px;
	}
}

.top_news_section {
	max-width: 1000px;
	padding: 80px 20px;
	margin: 0 auto;
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.top_news_section {
		padding: 40px 20px;
		display: block;
	}
}
.top_news_hdg {
	width: 190px;
}
@media print,screen and (max-width: 767px) {
	.top_news_hdg {
		width: auto;
	}
}
.top_news_contents {
	width: calc(100% - 190px);
}
@media print,screen and (max-width: 767px) {
	.top_news_contents {
		width: auto;
	}
}

.top_about_section {
	margin: 0 0 80px 0;
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.top_about_section {
		margin: 0 0 40px 0;
		display: block;
	}
}
.top_about_img {
	width: 50%;
}
@media print,screen and (max-width: 767px) {
	.top_about_img {
		width: auto;
	}
}
.top_about_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;'
}
.top_about_contents {
	width: 50%;
	background: #fff;
	box-sizing: border-box;
	padding: 40px 60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.top_about_contents {
		width: auto;
		padding: 40px 20px;
		display: block;
	}
}
.top_about_text {
	font-size: 1.4rem;
	margin: 0 0 1em 0;
}
@media print,screen and (max-width: 767px) {
	.top_about_text {
		font-size: 1.2rem;
	}
}
.top_about_text.mb {
	margin: 0 0 1.5em 0;
}
@media print,screen and (max-width: 767px) {
	.top_about_text.mb {
		margin: 0 0 2em 0;
	}
}

.top_nowledg_section {
	padding: 0 0 290px 0;
	margin: 0 0 80px 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.top_nowledg_section {
		padding: 0;
		margin: 0 0 40px 0;
	}
}
.top_nowledg_contents {
	width: 44.4444%;
	background: #fff;
	box-sizing: border-box;
	padding: 50px 60px;
	position: absolute;
	bottom: 0;
	right: 50%;
}
@media print,screen and (max-width: 767px) {
	.top_nowledg_contents {
		width: auto;
		padding: 40px 20px;
		margin: -80px 10px 0;
		position: relative;
		right: auto;
	}
}
.top_nowledg_contents.type {
	right: auto;
	left: 50%;
}
@media print,screen and (max-width: 767px) {
	.top_nowledg_contents.type {
		left: auto;
	}
}

.top_wide_img {
	margin: 0 0 80px 0;
}
@media print,screen and (max-width: 767px) {
	.top_wide_img {
		margin: 0 0 40px 0;
	}
}
.top_wide_img img {
	width: 100%;
}

.top_products_section {
	padding: 0 40px 0 80px;
	margin: 0 0 80px 0;
	display: flex;
}
@media print,screen and (max-width: 1099px) {
	.top_products_section {
		padding: 0 20px;
	}
}
@media print,screen and (max-width: 767px) {
	.top_products_section {
		padding: 0 10px;
		margin: 0 0 40px 0;
		display: block;
	}
}
.top_products_hdg {
	width: 220px;
}
@media print,screen and (max-width: 767px) {
	.top_products_hdg {
		width: auto;
		margin: 0 0 30px 0;
	}
}
.top_products_contents {
	width: calc(100% - 220px);
}
@media print,screen and (max-width: 767px) {
	.top_products_contents {
		width: auto;
	}
}
.top_products_slider li a {
	display: block;
}
.top_products_img {
	background: #fff;
	border: 1px solid #c8c8c8;
	margin: 0 0 10px 0;
}
.top_products_img img {
	margin: auto;
}
.top_products_title {
	font-size: 2.4rem;
}
@media print,screen and (max-width: 767px) {
	.top_products_title {
		font-size: 1.6rem;
	}
}
.top_products_text {
	font-size: 1.4rem;
	margin: 0 0 1em 0;
}
@media print,screen and (max-width: 767px) {
	.top_products_text {
		font-size: 1.2rem;
	}
}
.top_products_btn {
	text-align: center;
}
.top_products_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_right_gray.png') right center / 6px no-repeat;
	padding: 0 16px 0 0;
}

.top_company_section {
	padding: 0 40px 0 80px;
  margin: 0 0 80px 0;
	display: flex;
}
@media print,screen and (max-width: 1099px) {
	.top_company_section {
		padding: 0 20px;
	}
}
@media print,screen and (max-width: 767px) {
	.top_company_section {
		padding: 0 0 0 10px;
		display: block;
	}
}
.top_company_hdg {
	width: 220px;
}
@media print,screen and (max-width: 767px) {
	.top_company_hdg {
		width: auto;
		margin: 0 0 30px 0;
	}
}
.top_company_contents {
	width: calc(100% - 220px);
}
@media print,screen and (max-width: 767px) {
	.top_company_contents {
		width: auto;
		overflow: auto;
	}
}
.top_company_scroll {
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.top_company_scroll {
		width: 130%;
		/*overflow-x: scroll;*/
	}
}
.top_company_contents a {
	width: 32.0909%;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.top_company_contents a {
		width: 32.4552%;
	}
}
.top_company_img img {
	width: 100%;
}
.top_company_title {
	color: #fff;
	font-size: 2.0rem;
	text-align: center;
	background: #45bdb4;
	padding: 12px 0;
}
@media print,screen and (max-width: 767px) {
	.top_company_title {
		font-size: 1.2rem;
		padding: 6px 0;
	}
}

.top_loco_section {
	display: flex;
  background-color: #deefed;
}
@media print,screen and (max-width: 1099px) {
	.top_loco_section {
		padding: 0 20px;
	}
}
@media print,screen and (max-width: 767px) {
	.top_loco_section {
		padding: 40px 0 1px;
    margin: 0;
		display: block;
	}
}
.top_loco_contents {
  margin: 0 auto;
  padding: 20px;
}
@media print,screen and (max-width: 767px) {
	.top_loco_contents {
		width: auto;
    padding: 20px;
	}
}
.top_intro{
    display: flex;
}
@media print,screen and (max-width: 1040px) {
	.top_intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
}
@media print,screen and (max-width: 767px) {
	.top_intro {
		margin: 0;
		display: block;
	}
}
.top_intro_contents {
  width: 50%;
  padding: 20px;
}
@media print,screen and (max-width: 1040px) {
	.top_intro_contents {
    width: 620px;
	}
}
@media print,screen and (max-width: 767px) {
	.top_intro_contents {
		width: auto;
    margin: 0;
    padding: 0 10px;
  min-width: inherit;
	}
}
.top_intro_img{
  padding: 20px;
  width: 50%;
  max-width: 542px;
}
@media print,screen and (max-width: 1040px) {
	.top_intro_img {
    max-width: 620px;
		width: 100%;
    padding: 0 10px;
		margin: 0;
	}
}
@media print,screen and (max-width: 767px) {
	.top_intro_img {
		width: auto;
    padding: 0 10px;
		margin: 0 auto;
	}
	.top_intro_img img {
    width: 100%;
    height: auto;
    max-width: 100%;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;';
    margin-bottom: 20px;
	}
}
.loco_title{
  font-size: 2rem;
}
@media print,screen and (max-width: 767px) {
	.loco_title{
  text-align: center;
  }
}
.top_loco {
	margin: 0 auto;
  border: 1px solid #73ccc5;
  background: #ffffff;
  padding: 20px;
}
@media print,screen and (max-width: 767px) {
	.top_loco {
		display: block;
	}
}
.top_loco a {
	text-align: center;
	width: 420px;
	background: #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
}
@media print,screen and (max-width: 767px) {
	.top_loco a{
    width: 90%;
	}
}
.top_loco a span {
  color: #fff;
  line-height: 1.4;
  font-size: 2rem;
  padding: 10px;
  text-align: center;
}
@media print,screen and (max-width: 767px) {
	.top_loco a span {
    font-size: 1.8rem;
    padding: 0;
	}
}
.top_loco a span::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 15px;
  background-image: url(../img/common/arw_right.png);
  position: absolute;
  background-size: contain;
  right: 12px;
  top: 16px;
}
@media print,screen and (max-width: 767px) {
	.top_loco a span::after {
  top: 30px;
  }
}
.top_info_section{
  max-width: 1000px;
  padding: 0 20px;
  margin: 60px auto 0;
}
.top_info{
  border: 2px solid red;
  padding: 30px 0;
}
.top_info_ttl{
  color: red;
  font-size: 1.7rem;
  padding-bottom: 15px;
}
@media print,screen and (max-width: 767px) {
	.top_info p {
  text-align: left;
  padding: 0 15px; 
  }
}
/****	---- 00. news ----
===================================****/
.news_container {
	padding: 0 0 80px 0;
}
@media print,screen and (max-width: 767px) {
	.news_container {
		padding: 0 0 40px 0;
	}
}
@media print,screen and (max-width: 767px) {
	.news_list.top {
		margin: 0 0 30px 0;
	}
}
.news_list_item {
	margin: 0 0 30px 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.news_list_item {
		margin: 0 0 20px 0;
		display: block;
	}
}
.news_list_item:last-child {
	margin: 0;
}
.news_list_item_hdg {
	margin: 0 20px 0 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.news_list_item_hdg {
		margin: 0 0 5px 0;
	}
}
.news_list_item_date {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 2px;
	width: 110px;
}
@media print,screen and (max-width: 767px) {
	.news_list_item_date {
		width: 100px;
	}
}
.news_list_item_cat {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
	width: 110px;
	margin: 0 0 0 2px;
}
@media print,screen and (max-width: 767px) {
	.news_list_item_cat {
		font-size: 1.2rem;
		width: 60px;
	}
}
.news_list_item_cat.info {
	background: #45bdb4;
}
.news_list_item_cat.event {
	background: #45bdb4;
}
.news_list_item_cat.tv {
	background: #45bdb4;
}
.news_list_item_cat.magazine {
	background: #45bdb4;
}
.news_list_item_cat.newspaper {
	background: #45bdb4;
}
.news_list_item_contents {
	width: calc(100% - 240px);
}
@media print,screen and (max-width: 767px) {
	.news_list_item_contents {
		width: auto;
	}
}
.news_list_item_title a {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.news_list_item_title a {
		font-size: 1.2rem;
	}
}

.newsPost_title {
	font-size: 2.4rem;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.newsPost_title {
		font-size: 1.8rem;
		margin: 0 0 10px 0;
	}
}
.newsPost_hdg {
	margin: 0 0 20px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.newsPost_hdg {
		margin: 0 0 10px 0;
	}
}
.newsPost_contents h3,
.newsPost_contents h4,
.newsPost_contents h5,
.newsPost_contents h6 {
	font-size: 1.8rem;
	margin: 1em 0 .5em;
}
@media print,screen and (max-width: 767px) {
	.newsPost_contents h3,
	.newsPost_contents h4,
	.newsPost_contents h5,
	.newsPost_contents h6 {
		font-size: 1.6rem;
	}
}
.newsPost_contents p {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.newsPost_contents p {
		font-size: 1.2rem;
	}
}
.newsPost_contents img {
	margin: 20px 0;
}
@media print,screen and (max-width: 767px) {
	.newsPost_contents img {
		margin: 10px 0;
	}
}

.wp-pagenavi-wrap {
	text-align: center;
	margin: 40px 0 0 0;
}
@media print,screen and (max-width: 640px) {
	.wp-pagenavi-wrap {
		margin: 20px 0 0 0;
	}
}
.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 1.8rem;
	font-weight: bold;
	background: #fff;
	border: 1px solid #ccc;
	padding: 12px 15px;
	margin: 0 10px 0 0;
}
@media print,screen and (max-width: 640px) {
	.wp-pagenavi a,
	.wp-pagenavi span {
		font-size: 1.4rem;
		padding: 10px 12px;
	}
}
.wp-pagenavi span.current {
	color: #fff;
	background: #45bdb4;
	border: none;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	color: #111;
	background: none;
}

/****	---- 01. company ----
===================================****/
.company_link {
	display: flex;
}
.jcc{
  justify-content: center;
}
@media print,screen and (max-width: 767px) {
	.company_link {
		display: block;
	}
}
.company_link.spFlex {
	margin: 0 0 100px 0;
}
@media print,screen and (max-width: 767px) {
	.company_link.spFlex {
		margin: 0 0 40px 0;
		display: flex;
	}
}
.company_link.top {
	flex-wrap: wrap;
}
.company_link.mt {
	margin: 100px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.company_link.mt {
		margin: 40px 0 0 0;
	}
}
.company_link_btn {
	width: 33.3333%;
	width: calc(100% / 3);
	height: 270px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.company_link_btn {
		width: auto;
		height: auto;
		padding: 35px 0;
	}
	.company_link.spFlex .company_link_btn {
		width: 33.3333%;
		width: calc(100% / 3);
	}
}
.company_link.top .company_link_btn {
	width: 50%;
	height: 300px;
}
@media print,screen and (max-width: 767px) {
	.company_link.top .company_link_btn {
		width: auto;
		height: auto;
	}
}
.company_pdf {
	margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.company_pdf {
		display: block;
	}
}
.company_pdf a {
	text-align: center;
	width: 32%;
	height: 80px;
	background: #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
  margin: 0 auto;
}
@media print,screen and (max-width: 767px) {
	.company_pdf a {
		width: 70%;
		height: 75px;
    margin: 0 auto;
	}
}
.company_pdf a span {
    color: #fff;
    font-size: 2.2rem;
}
.company_link_btn.type {
	background-image: url('../img/hakka/img_pageLink_hakka01.jpg');
}
.company_link_btn.cultivation {
	background-image: url('../img/hakka/img_pageLink_hakka02.jpg');
}
.company_link_btn.cultivationnow {
	background-image: url('../img/hakka/img_pageLink_hakka03.jpg');
}
.company_link_btn.component {
	background-image: url('../img/hakka/img_pageLink_hakka04.jpg');
}
.company_link_btn.kitami {
	background-image: url('../img/hakka/img_pageLink_hakka05.jpg');
}
.company_link_btn.world {
	background-image: url('../img/hakka/img_pageLink_hakka06.jpg');
}
.company_link_btn.factory {
	background-image: url('../img/hakka/img_pageLink_hakka07.jpg');
}
.company_link_btn.inspection {
	background-image: url('../img/hakka/img_pageLink_hakka08.jpg');
}
.company_link_btn.characteristic {
	background-image: url('../img/hakka/img_pageLink_hakka09.jpg');
}
.company_link_btn.faq {
	background-image: url('../img/hakka/img_pageLink_hakka10.jpg');
}
.company_link_btn.voice {
	background-image: url('../img/hakka/img_pageLink_hakka11.jpg');
}
.company_link_btn.tv {
	background-image: url('../img/hakka/img_pageLink_hakka12.jpg');
}
.company_link_btn.magazine {
	background-image: url('../img/hakka/img_pageLink_hakka13.jpg');
}
.company_link_btn.newspaper {
	background-image: url('../img/hakka/img_pageLink_hakka14.jpg');
}
.company_link.top .company_link_btn.outline {
	background-image: url('../img/company/img_pageLink_outline_top.jpg');
}
.company_link.top .company_link_btn.history {
	background-image: url('../img/company/img_pageLink_history_top.jpg');
}
.company_link.top .company_link_btn.shop {
	background-image: url('../img/company/img_pageLink_shop_top.jpg');
}
.company_link.top .company_link_btn.scene {
	background-image: url('../img/company/img_pageLink_scene_top.jpg');
}
.company_link_btn.hakka01 {
	background-image: url('../img/hakka/img_pageLink_hakka01.jpg');
}
.company_link_btn.hakka02 {
	background-image: url('../img/hakka/img_pageLink_hakka02.jpg');
}
.company_link_btn.hakka03 {
	background-image: url('../img/hakka/img_pageLink_hakka03.jpg');
}
.company_link_btn.hakka04 {
	background-image: url('../img/hakka/img_pageLink_hakka04.jpg');
}
.company_link_btn.hakka05 {
	background-image: url('../img/hakka/img_pageLink_hakka05.jpg');
}
.company_link_btn.hakka06 {
	background-image: url('../img/hakka/img_pageLink_hakka06.jpg');
}
.company_link_btn.hakka07 {
	background-image: url('../img/hakka/img_pageLink_hakka07.jpg');
}
.company_link_btn.hakka08 {
	background-image: url('../img/hakka/img_pageLink_hakka08.jpg');
}
.company_link_btn.hakka09 {
	background-image: url('../img/hakka/img_pageLink_hakka09.jpg');
}
.company_link_btn.hakka10 {
	background-image: url('../img/hakka/img_pageLink_hakka10.jpg');
}
.company_link_btn.hakka11 {
	background-image: url('../img/hakka/img_pageLink_hakka11.jpg');
}
.company_link_btn.outline{
  background-image: url('../img/company/img_pageLink_outline_top.jpg');
}
.company_link_btn.history{
  background-image: url('../img/company/img_pageLink_history_top.jpg');
}
.company_link_btn.shop{
  background-image: url('../img/company/img_pageLink_shop_top.jpg');
}
.company_link_btn.scene{
  background-image: url('../img/company/img_pageLink_scene_top.jpg');
}
.company_link_btn a {
	text-align: center;
	width: 135px;
	height: 135px;
	background: rgba(69, 189, 180, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 767px) {
	.company_link_btn a {
		width: 100px;
		height: 100px;
		position: static;
	}
}
.company_link.top .company_link_btn a {
	width: 200px;
	height: 200px;
}
@media print,screen and (max-width: 767px) {
	.company_link.top .company_link_btn a {
		width: 100px;
		height: 100px;
	}
}
.company_link_btn a span {
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.2;
	background: url('../img/common/arw_bottom.png') center bottom / 14px no-repeat;
	padding: 0 0 16px 0;
}
@media print,screen and (max-width: 767px) {
	.company_link_btn a span {
		font-size: 1.4rem;
		background: url('../img/common/arw_bottom.png') center bottom / 14px no-repeat;
		padding: 0 0 16px 0;
	}
}
.company_link.top .company_link_btn a span {
	font-size: 2.4rem;
	background: url('../img/common/arw_bottom.png') center bottom / 20px no-repeat;
	padding: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.company_link.top .company_link_btn a span {
		font-size: 1.4rem;
		background: url('../img/common/arw_bottom.png') center bottom / 14px no-repeat;
		padding: 0 0 16px 0;
	}
}

/****	---- 01 - 1. outline ----
===================================****/
.outline_greeting {
	display: flex;
	flex-direction: row-reverse;
  margin-bottom: 100px;
}
@media print,screen and (max-width: 767px) {
	.outline_greeting {
		display: block;
	}
}
.outline_greeting_img {
  width: 100%;
	/*width: 30%;*/
  padding-top: 15px;
}
@media print,screen and (max-width: 767px) {
	.outline_greeting_img {
		width: auto;
    margin-bottom: 30px; 
	}
}
.outline_greeting_img img {
	width: 100%;
	/*height: 100%;*/
/*	object-fit: cover;
	object-position: center;*/
	font-family: 'object-fit: cover; object-position: center;'
}
.outline_greeting_contents {
	/*width: 70%;*/
  display: flex;
/*    justify-content: center;
    align-items: center;*/
	background: #fff;
	box-sizing: border-box;
	padding: 60px;
}
@media print,screen and (max-width: 999px) {
	.outline_greeting_contents {
		padding: 40px;
    display: inherit;
	}
}
@media print,screen and (max-width: 767px) {
	.outline_greeting_contents {
		width: auto;
		padding: 20px;
    display: block;
	}
}
.outline_greeting_comment {
	padding-right: 30px;
}
@media print,screen and (max-width: 767px) {
	.outline_greeting_comment {
    padding: 0;
	}
}
.outline_greeting_text {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.outline_greeting_text {
		font-size: 1.2rem;
	}
}
.outline_about_img {
	margin: 120px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.outline_about_img {
		margin: 60px 0 0 0;
	}
}
.outline_about_img img {
	width: 100%;
}
.outline_map_iframe {
	width: 100%;
	height: 620px;
	margin: 60px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.outline_map_iframe {
		height: 320px;
		margin: 20px 0 0 0;
	}
}

/****	---- 01 - 2. history ----
===================================****/
.history_list {
	padding: 80px 7.5% 180px 125px;
}
@media print,screen and (max-width: 767px) {
	.history_list {
		padding: 45px 0 80px 50px;
	}
}
.history_list_item {
	min-height: 50px;
	margin: 0 0 30px 0;
	display: flex;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.history_list_item {
		min-height: auto;
		margin: 0 0 20px 0;
		display: block;
	}
}
.history_list_item:last-child {
	margin: 0;
}
.history_list_item::before {
	content: "";
	width: 24px;
	height: 24px;
	background: #45bdb4;
	border-radius: 24px;
	position: absolute;
	top: 0;
	left: -100px;
}
@media print,screen and (max-width: 767px) {
	.history_list_item::before {
		width: 12px;
		height: 12px;
		left: -50px;
	}
}
.history_list_item::after {
	content: "";
	width: 1px;
	height: calc(100% + 30px);
	background: #45bdb4;
	position: absolute;
	top: 0;
	left: -88px;
}
@media print,screen and (max-width: 767px) {
	.history_list_item::after {
		height: calc(100% + 20px);
		left: -44px;
	}
}
.history_list_item_title {
	font-size: 2.2rem;
	line-height: 1.4;
	width: 100px;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.history_list_item_title {
		font-size: 1.4rem;
		line-height: 1.2;
		width: auto;
		margin: 0 0 5px 0;
	}
}
.history_list_item_title::before {
	content: "";
	width: 1px;
	height: 62px;
	background: #45bdb4;
	position: absolute;
	top: -62px;
	left: -88px;
}
@media print,screen and (max-width: 767px) {
	.history_list_item_title::before {
		height: 31px;
		top: -31px;
		left: -44px;
	}
}
.history_list_item_title::after {
	content: "";
	width: 55px;
	height: 1px;
	background: #45bdb4;
	position: absolute;
	top: 12px;
	left: -76px;
}
@media print,screen and (max-width: 767px) {
	.history_list_item_title::after {
		width: 28px;
		top: 6px;
		left: -38px;
	}
}
.history_list_item_text {
	font-size: 1.4rem;
	width: calc(100% - 100px);
}
@media print,screen and (max-width: 767px) {
	.history_list_item_text {
		font-size: 1.2rem;
		width: auto;
	}
}

/****	---- 01 - 3. shop ----
===================================****/
.shop_grid {
	margin: 90px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.shop_grid {
		margin: 40px 0 0 0;
		display: block;
	}
}
.shop_grid_col {
	width: 31.0502%;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col {
		width: auto;
		margin: 0 0 20px 0;
	}
	.shop_grid_col:last-of-type {
		margin: 0;
	}
}
.shop_grid_col.col2 {
	width: 65.7534%;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col.col2 {
		width: auto;
	}
}
.shop_grid_col.col3 {
	width: 100%;
}
.shop_grid_col.col3 .c_bcTitle {
	width: 31.0502%;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col.col3 .c_bcTitle {
		width: auto;
	}
}
.shop_grid_col.col560 {
	width: 51.1415%;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col.col560 {
		width: auto;
	}
}
.shop_grid_col.col460 {
	width: 42.0091%;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col.col460 {
		width: auto;
	}
}
.shop_grid_col.back {
	margin: -96px 0 60px;
}
@media print,screen and (max-width: 767px) {
	.shop_grid_col.back {
		margin: 0;
	}
}
.shop_subGrid {
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.shop_subGrid {
		display: block;
	}
}
.shop_subGrid.between {
	justify-content: space-between;
}
.shop_subGrid_col {
	margin: 0 40px 0 0;
}
@media print,screen and (max-width: 767px) {
	.shop_subGrid_col {
		margin: 0;
	}
}
.shop_subGrid.between .shop_subGrid_col {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.shop_spGrid {
		display: flex;
	}
	.shop_spGrid .shop_list {
		width: calc(100% - 98px);
	}
}
.shop_list_item {
	list-style: disc;
	font-size: 1.8rem;
	margin: 0 0 0 1em;
}
@media print,screen and (max-width: 767px) {
	.shop_list_item {
		font-size: 1.4rem;
	}
}
.shop_list_item span {
	color: #45bdb4;
}
.shop_listTitle {
	color: #45bdb4;
	font-size: 1.8rem;
}
@media print,screen and (max-width: 767px) {
	.shop_listTitle {
		font-size: 1.4rem;
		width: 7em;
	}
	.shop_grid_col.col560 .shop_listTitle {
		width: 9em;
	}
}
.shop_grid_img img,
.shop_wide_img img {
	width: 100%;
}
.shop_order {
	background: #fff;
	padding: 60px 135px;
}
@media print,screen and (max-width: 767px) {
	.shop_order {
		padding: 40px 10px;
		margin: 0 -10px;
	}
}
.shop_order_btn {
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	height: 84px;
	background: #45bdb4 url('../img/common/arw_border.png') right 30px center / 60px no-repeat;
	margin: 80px 0 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.shop_order_btn {
		font-size: 1.4rem;
		height: 50px;
		background: #45bdb4 url('../img/common/arw_border.png') right 10px center / 30px no-repeat;
		margin: 40px 0 20px;
	}
}
@media print,screen and (max-width: 374px) {
	.shop_order_btn {
		background: #45bdb4 url('../img/common/arw_border.png') right 10px bottom 10px / 30px no-repeat;
	}
}
.shop_order_text {
	font-size: 2.0rem;
	text-align: center;
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.shop_order_text {
		font-size: 1.2rem;
		margin: 0 0 20px 0;
	}
}
.shop_order_link {
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.shop_order_link {
		padding: 0 10px;
		display: block;
	}
}
.shop_order_link_btn {
	text-align: center;
	width: 32.7272%;
	height: 65px;
	border: 1px solid #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.shop_order_link_btn {
		width: auto;
		height: 60px;
		margin: 0 0 10px 0;
	}
	.shop_order_link_btn.mail {
		margin: 0;
	}
}
.shop_order_link_btn span {
	color: #45bdb4;
	font-size: 2.8rem;
}
.shop_order_link_btn.tel span {
	letter-spacing: 2px;
	background: url('../img/common/ico_tel_green.png') left center / 18px no-repeat;
	padding: 0 0 0 26px;
}
.shop_order_link_btn.fax span {
	letter-spacing: 2px;
	background: url('../img/common/ico_fax_green.png') left center / 22px no-repeat;
	padding: 0 0 0 34px;
}
.shop_order_link_btn.mail span {
	background: url('../img/common/ico_contact_green.png') left center / 30px no-repeat;
	padding: 0 0 0 40px;
  font-size: 2rem;
}

/****	---- 01 - 4. scene ----
===================================****/
.scene_tabList {
	margin: 0 0 80px 0;
	display: flex;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 767px) {
	.scene_tabList {
		margin: 0 0 20px 0;
	}
}
.scene_tabList_item {
	text-align: center;
	line-height: 1.5;
	width: 16%;
	background: #fff;
	border: 1px solid #45bdb4;
	box-sizing: border-box;
	margin: 0 .8% 8px 0;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.scene_tabList_item {
		line-height: 1.6;
		width: 31.6901%;
		margin: 0 2.46485% 10px 0;
	}
}
.scene_tabList_item:nth-child(6n) {
	margin: 0 0 8px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_tabList_item:nth-child(3n) {
		margin: 0 0 10px 0;
	}
}
/* .scene_tabList_item:hover {
	opacity: .7;
	cursor: pointer;
} */
.scene_tabList_item.select {
	background: #45bdb4;
}
.scene_tabList_item a {
	color: #45bdb4;
	font-size: 1.6rem;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.scene_tabList_item a {
		font-size: 1.4rem;
	}
}
.scene_tabList_item.select a {
	color: #fff;
}
.scene_container {
	background: #fff;
	padding: 40px 60px 120px;
	margin: 0 0 130px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_container {
		padding: 20px 20px 60px;
		margin: 0 -10px 80px;
	}
}
.scene_contents.hide {
	display: none;
}
.scene_contents h3 {
  font-size: 2rem;
  padding-bottom: 40px;
}
.scene_section {
	border-bottom: 1px solid #bbb;
	padding: 0 0 70px 0;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_section {
		padding: 0 0 50px 0;
		margin: 0 0 40px 0;
	}
}
.scene_section:last-of-type {
	border-bottom: none;
	padding: 0;
	margin: 0;
}
.scene_grid {
	margin: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.scene_grid {
		margin: 0 0 20px 0;
		display: block;
	}
	.scene_grid.sp {
		display: flex;
		flex-wrap: wrap;
	}
}
.scene_grid:last-of-type {
	margin: 0;
}
.scene_grid img {
	width: 100%;
}
.scene_grid_col.w100 {
	width: 100%;
}
.scene_grid_col.w425 {
	width: 48.2954%;
}
.scene_grid_col.w430 {
	width: 48.8636%;
}
.scene_grid_col.w271 {
	width: 30.7954%;
}
.scene_grid_col.w590 {
	width: 67.0454%;
}
@media print,screen and (max-width: 767px) {
	.scene_grid_col {
		margin: 0 0 20px 0;
	}
	.scene_grid_col:last-of-type {
		margin: 0;
	}
	.scene_grid_col.w425,
	.scene_grid_col.w430,
	.scene_grid_col.w271,
	.scene_grid_col.w590 {
		width: auto;
	}
	.scene_grid_col.w271 img {
		width: 58.2089%;
		margin: auto;
		display: block;
	}
}
.scene_grid_col.w520 {
	width: 59.0909%;
}
.scene_grid_col.w335 {
	width: 38.0681%;
}
@media print,screen and (max-width: 767px) {
	.scene_grid.sp .scene_grid_col {
		margin: 0;
	}
}
.scene_grid_text {
	font-size: 1.5rem;
	line-height: 2.0;
	letter-spacing: 2px;
	margin: 20px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.scene_grid_text {
		font-size: 1.2rem;
		line-height: 1.6;
		letter-spacing: 1px;
		margin: 10px 0 0 0;
	}
	.scene_grid.sp .scene_grid_text {
		width: 100%;
	}
}
.scene_contents h2 {
	font-size: 2.4rem;
	border-top: 1px solid #bbb;
	border-bottom: 3px solid #45bdb4;
	padding: 60px 0 10px 0;
	margin: 60px 0 55px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_contents h2 {
		font-size: 1.8rem;
		border-bottom: 2px solid #45bdb4;
		padding: 40px 0 5px 0;
		margin: 40px 0 20px 0;
	}
}
.scene_contents h2:first-of-type {
	border-top: none;
	padding: 0 0 10px 0;
	margin: 0 0 55px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_contents h2:first-of-type {
		padding: 0 0 5px 0;
		margin: 0 0 20px 0;
	}
}
.scene_contents .wp-block-column {
	margin-bottom: 0;
}
.scene_contents .wp-block-image {
	text-align: center;
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_contents .wp-block-image {
		margin: 0 0 20px 0;
	}
}
.scene_contents figcaption {
	color: inherit;
	font-size: 1.5rem;
	text-align: left;
	line-height: 2.0;
	letter-spacing: 2px;
	margin: 20px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.scene_contents figcaption {
		font-size: 1.2rem;
		line-height: 1.6;
		letter-spacing: 1px;
		margin: 10px 0 0 0;
	}
}
.scene_caption_text {
		font-size: 1.5rem;
		margin:0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.scene_caption_text {
		font-size: 1.2rem;
		margin: 0 0 20px 0;
	}
}

/****	---- 02. hakka ----
===================================****/
.hakka_numTitle {
	font-size: 2.6rem;
	line-height: 1.4;
	background: url('../img/common/ico_hakka_ttl.png') right top / 43px no-repeat;
	border-bottom: 1px solid #45bdb4;
	padding: 0 0 20px 0;
	margin: 0 0 60px 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.hakka_numTitle {
		font-size: 1.8rem;
		background: url('../img/common/ico_hakka_ttl.png') right top / 22px no-repeat;
		padding: 0 0 10px 0;
		margin: 0 0 20px 0;
	}
}
.hakka_numTitle span {
	color: #45bdb4;
	font-size: 3.2rem;
	margin: 0 1em 0 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_numTitle span {
		font-size: 2.0rem;
	}
}
.hakka_intro {
	margin: 0 0 80px 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.hakka_intro02 {
	margin: 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.hakka_intro {
		margin: 0 0 40px 0;
		display: block;
	}
  .hakka_intro02 {
		margin: 0;
		display: block;
	}
}
.hakka_intro_img {
	width: 255px;
}
@media print,screen and (max-width: 767px) {
	.hakka_intro_img {
		width: auto;
		height: 175px;
		margin: 0 0 10px 0;
	}
	.hakka_intro_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.hakka_intro_contents {
	width: calc(100% - 305px);
}
@media print,screen and (max-width: 767px) {
	.hakka_intro_contents {
		width: auto;
	}
}
.hakka_intro_list_item {
	font-size: 1.4rem;
	padding: 0 0 0 20px;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.hakka_intro_list_item {
		font-size: 1.2rem;
		padding: 0 0 0 16px;
	}
}
.hakka_intro_list_item::before {
	content: "";
	width: 12px;
	height: 12px;
	background: #45bdb4;
	border-radius: 12px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.hakka_section {
	background: #fff;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_section {
		margin: 0 -10px 40px;
	}
}
.hakka_secTitle {
	color: #45bdb4;
	font-size: 2.6rem;
	text-align: center;
	border-bottom: 1px solid #bfbfbf;
	padding: 50px 0 15px;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_secTitle {
		font-size: 2.0rem;
		padding: 30px 0 10px;
		margin: 0 0 3px 0;
	}
}
.hakka_contents {
	border-top: 1px solid #bfbfbf;
	padding: 60px 80px 80px 80px;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents {
		padding: 20px 10px;
	}
}
.hakka_contents02 {
	padding: 60px 80px 80px 80px;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents02 {
		padding: 20px 10px;
	}
}
.hakka_contents_img {
	background: #fff;
	padding: 0 30px 20px 0;
	float: left;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents_img {
		height: 175px;
		padding: 0;
		margin: 0 0 10px 0;
		float: none;
	}
	.hakka_contents_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.hakka_contents_hdg {
	margin: 0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents_hdg {
		margin: 0 0 10px 0;
		display: block;
	}
}
.hakka_contents_hdg_title {
	color: #45bdb4;
	font-size: 2.4rem;
	width: 500px;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents_hdg_title {
		font-size: 2.0rem;
		width: auto;
		margin: 0 0 5px 0;
	}
}
.hakka_contents_hdg_table table {
	border-collapse: collapse;
	width: 100%;
}
.hakka_contents_hdg_table table th,
.hakka_contents_hdg_table table td {
	font-size: 1.5rem;
	font-weight: normal;
	text-align: left;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents_hdg_table table th,
	.hakka_contents_hdg_table table td {
		font-size: 1.3rem;
	}
}
.hakka_contents_title {
	font-size: 2.0rem;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin: 0 0 .5em 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_contents_title {
		text-align: center;
	}
}
.hakka_secList_item {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item {
		margin: 0 0 30px 0;
	}
}
.hakka_secList_item.flex {
	display: flex;
	justify-content: space-between;
}
.hakka_secList_item:last-child {
	margin: 0;
}
.hakka_secList_item_contents {
	width: calc(100% - 150px);
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_contents {
		width: calc(100% - 125px);
	}
}
.hakka_secList_item_contents02 {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_contents02 {
		width: 100%;
	}
}
.hakka_secList_item_hdg {
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_hdg {
		margin: 0 0 10px 0;
		display: block;
	}
}
.hakka_secList_item_hdg_title {
	color: #45bdb4;
	font-size: 2.0rem;
	line-height: 1.2;
	border-left: 6px double #45bdb4;
	padding: 0 0 0 10px;
	margin: 0 1em 0 0;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_hdg_title {
		font-size: 1.6rem;
		border-left: 3px double #45bdb4;
		padding: 0 0 0 8px;
		margin: 0;
	}
}
.hakka_secList_item_hdg_sub {
	font-size: 1.2rem;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_hdg_sub {
		font-size: 1.1rem;
		margin: 8px 0 0 0;
	}
}
.hakka_secList_item_img {
	width: 130px;
}
@media print,screen and (max-width: 767px) {
	.hakka_secList_item_img {
		width: 115px;
	}
}
.hakka_imgList{
  margin: 0 auto;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.hakka_imgList li{
  padding: 0 10px 20px;
}
.hakka_imgList img{
  width: 120px;
  height: auto;
}
.hakka_bcTitle {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.4;
	background: #2c2118;
	padding: .5em 1em;
	margin: 80px 0 40px;
}
.hakka_bcTitle02 {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.4;
	background: #2c2118;
	padding: .5em 1em;
	margin-bottom: 40px;
}
@media print,screen and (max-width: 767px) {
	.hakka_bcTitle02 {
		font-size: 1.6rem;
		text-align: center;
		margin-bottom: 20px;
	}
}

/****	---- 05. media ----
===================================****/
.media_list {
	margin: 40px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 767px) {
	.media_list {
		margin: 20px 0 0 0;
		justify-content: space-between;
	}
}
.media_list_item {
	width: 23.5%;
	margin: 0 2% 40px 0;
}
@media print,screen and (max-width: 767px) {
	.media_list_item {
		width: 48.6%;
		margin: 0 0 20px 0;
	}
}
.media_list_item:nth-child(4n) {
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.media_list_item:nth-child(4n) {
		margin: 0 0 20px 0;
	}
}
.media_list_item a {
	display: block;
}
.media_list_item_img {
	height: 160px;
	text-align: center;
	margin: 0 0 10px 0;
}
@media print,screen and (max-width: 767px) {
	.media_list_item_img {
		height: 120px;
	}
}
.media_list_item_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	font-family: 'object-fit: contain; object-position: center;'
}
.media_list_item_title {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.media_list_item_title {
		font-size: 1.2rem;
	}
}

/****	---- 06. product ----
===================================****/
.product_link {
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.product_link {
		display: block;
	}
}
.product_link.top {
	flex-wrap: wrap;
}
.product_link_btn {
	width: 20%;
	height: 270px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.product_link_btn {
		width: auto;
		height: auto;
		padding: 35px 0;
	}
}
.product_link.top .product_link_btn {
	width: 33.3333%;
	width: calc(100% / 3);
	height: 300px;
}
@media print,screen and (max-width: 767px) {
	.product_link.top .product_link_btn {
		width: auto;
		height: auto;
	}
}
.product_link_btn.oil {
	background-image: url('../img/product/img_pageLink_oil.jpg');
}
.product_link_btn.cosme {
	background-image: url('../img/product/img_pageLink_cosme.jpg');
}
.product_link_btn.food {
	background-image: url('../img/product/img_pageLink_food.jpg');
}
.product_link_btn.goods {
	background-image: url('../img/product/img_pageLink_goods.jpg');
}
.product_link_btn.gift {
	background-image: url('../img/product/img_pageLink_gift.jpg');
}
.product_link_btn.new {
	background-image: url('../img/product/img_pageLink_new.jpg');
}
.product_link_btn a {
	text-align: center;
	width: 160px;
	height: 140px;
	background: rgba(69, 189, 180, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 999px) {
	.product_link_btn a {
		width: 140px;
	}
}
@media print,screen and (max-width: 767px) {
	.product_link_btn a {
		width: 100px;
		height: 100px;
		position: static;
	}
}
.product_link.top .product_link_btn a {
	width: 280px;
	height: 160px;
}
@media print,screen and (max-width: 999px) {
	.product_link.top .product_link_btn a {
		width: 236px;
	}
}
@media print,screen and (max-width: 767px) {
	.product_link.top .product_link_btn a {
		width: 220px;
		height: 100px;
	}
}
.product_link_btn a span {
	color: #fff;
	line-height: 1.6;
	background: url('../img/common/arw_bottom.png') center bottom / 15px no-repeat;
	padding: 0 0 12px 0;
}
@media print,screen and (max-width: 767px) {
	.product_link_btn a span {
		background: url('../img/common/arw_bottom.png') center bottom / 8px no-repeat;
		padding: 0 0 8px 0;
	}
}
.product_link.top .product_link_btn a span {
	font-size: 1.3rem;
	background: url('../img/common/arw_bottom.png') center bottom / 15px no-repeat;
	padding: 0 0 25px 0;
}
@media print,screen and (max-width: 767px) {
	.product_link.top .product_link_btn a span {
		font-size: 1.1rem;
		background: url('../img/common/arw_bottom.png') center bottom / 8px no-repeat;
		padding: 0 0 16px 0;
	}
}
.product_link_btn a span strong {
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.2;
}
@media print,screen and (max-width: 767px) {
	.product_link_btn a span strong {
		font-size: 1.4rem;
	}
}
.product_link.top .product_link_btn a span strong {
	font-size: 2.8rem;
	line-height: 1.8;
}
@media print,screen and (max-width: 767px) {
	.product_link.top .product_link_btn a span strong {
		font-size: 1.6rem;
	}
}

/****	---- 06 - 1. mintoil ----
===================================****/
.mintoil_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_section {
		margin: 0 0 40px 0;
	}
}
.mintoil_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.mintoil_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.mintoil_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.mintoil_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.mintoil_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.mintoil_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mintoil_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.mintoil_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.mintoil_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.mintoil_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.mintoil_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.mintoil_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item_title {
		font-size: 1.6rem;
	}
}
.mintoil_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item_title span {
		font-size: 1.2rem;
	}
}
.mintoil_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.mintoil_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item_btn {
		padding: 4px 0;
	}
}
.mintoil_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.mintoil_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 06 - 2. cosmetic ----
===================================****/
.cosme_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_section {
		margin: 0 0 40px 0;
	}
}
.cosme_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.cosme_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.cosme_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.cosme_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.cosme_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.cosme_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.cosme_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.cosme_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.cosme_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.cosme_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.cosme_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.cosme_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item_title {
		font-size: 1.6rem;
	}
}
.cosme_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item_title span {
		font-size: 1.2rem;
	}
}
.cosme_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.cosme_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item_btn {
		padding: 4px 0;
	}
}
.cosme_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.cosme_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 06 - 3. food ----
===================================****/
.food_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.food_section {
		margin: 0 0 40px 0;
	}
}
.food_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.food_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.food_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.food_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.food_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.food_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.food_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.food_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.food_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.food_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.food_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.food_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.food_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.food_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.food_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.food_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.food_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.food_list_item_title {
		font-size: 1.6rem;
	}
}
.food_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.food_list_item_title span {
		font-size: 1.2rem;
	}
}
.food_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.food_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.food_list_item_btn {
		padding: 4px 0;
	}
}
.food_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.food_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 06 - 4. goods ----
===================================****/
.goods_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.goods_section {
		margin: 0 0 40px 0;
	}
}
.goods_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.goods_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.goods_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.goods_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.goods_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.goods_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.goods_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.goods_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.goods_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.goods_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.goods_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.goods_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.goods_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.goods_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.goods_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item_title {
		font-size: 1.6rem;
	}
}
.goods_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item_title span {
		font-size: 1.2rem;
	}
}
.goods_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.goods_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item_btn {
		padding: 4px 0;
	}
}
.goods_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.goods_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 06 - 5. gift ----
===================================****/
.gift_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.gift_section {
		margin: 0 0 40px 0;
	}
}
.gift_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.gift_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.gift_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.gift_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.gift_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.gift_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.gift_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.gift_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.gift_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.gift_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.gift_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.gift_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.gift_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.gift_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.gift_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item_title {
		font-size: 1.6rem;
	}
}
.gift_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item_title span {
		font-size: 1.2rem;
	}
}
.gift_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.gift_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item_btn {
		padding: 4px 0;
	}
}
.gift_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.gift_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 06 - 6. newproduct ----
===================================****/
.newproduct_section {
	margin: 0 0 160px 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_section {
		margin: 0 0 40px 0;
	}
}
.newproduct_hdg {
	margin: 0 0 50px 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_hdg {
		height: 70px;
		margin: 0 -10px 30px;
	}
}
.newproduct_hdg img {
	width: 100%;
}
@media print,screen and (max-width: 767px) {
	.newproduct_hdg img {
		height: 100%;
		object-fit: cover;
		object-position: center;
		font-family: 'object-fit: cover; object-position: center;'
	}
}
.newproduct_title {
	font-size: 4.2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_title {
		font-size: 2.4rem;
		margin: 0 0 10px 0;
	}
}
.newproduct_copy {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_copy {
		font-size: 1.2rem;
		margin: 0 0 40px 0;
	}
}
.newproduct_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.newproduct_list_item {
	width: 16.6666%;
	margin: 0 4.16675% 0 0;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item {
		width: 48.6%;
		margin: 0 0 30px 2.8%;
	}
}
.newproduct_list_item:last-child {
	margin: 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item:nth-child(odd) {
		margin: 0 0 30px 0;
	}
}
.newproduct_list_item_tag {
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.4;
	width: 60px;
	height: 60px;
	background: #45bdb4;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -5px;
	left: -5px;
}
@media print,screen and (max-width: 999px) {
	.newproduct_list_item_tag {
		font-size: 1.0rem;
		line-height: 1.2;
		width: 44px;
		height: 44px;
		top: -6px;
		left: -6px;
	}
}
.newproduct_list_item_img {
	text-align: center;
	margin: 0 0 15px 0;
}
.newproduct_list_item_title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	margin: 0 0 5px 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item_title {
		font-size: 1.6rem;
	}
}
.newproduct_list_item_title span {
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item_title span {
		font-size: 1.2rem;
	}
}
.newproduct_list_item_text {
	font-size: 1.2rem;
	text-align: center;
	margin: 0 0 10px 0;
}
.newproduct_list_item_btn {
	text-align: center;
	border: 1px solid #ccc;
	padding: 6px 0;
	display: block;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item_btn {
		padding: 4px 0;
	}
}
.newproduct_list_item_btn span {
	font-size: 1.4rem;
	background: url('../img/common/arw_bc.png') right center / 10px no-repeat;
	padding: 0 15px 0 0;
}
@media print,screen and (max-width: 767px) {
	.newproduct_list_item_btn span {
		font-size: 1.2rem;
		background: url('../img/common/arw_bc.png') right center / 8px no-repeat;
		padding: 0 12px 0 0;
	}
}

/****	---- 07. fair ----
===================================****/
.fair_intro {
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 60px 0;
}
@media print,screen and (max-width: 767px) {
	.fair_intro {
		font-size: 1.2rem;
		margin: 30px 0 40px;
	}
}
.fair_section {
	margin: 0 0 70px 0;
}
@media print,screen and (max-width: 767px) {
	.fair_section {
		margin: 0 0 40px 0;
	}
}
.fair_section:last-of-type {
	margin: 0 0 85px 0;
}
@media print,screen and (max-width: 767px) {
	.fair_section:last-of-type {
		margin: 0 0 40px 0;
	}
}
.fair_hdg {
	height: 60px;
	border-bottom: 1px solid #b1b1b1;
	margin: 0 0 5px 0;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.fair_hdg {
		height: 30px;
		margin: 30px 0 0 0;
	}
}
.fair_hdg_period {
	color: #45bdb4;
	font-size: 1.8rem;
	width: 375px;
	box-sizing: border-box;
	padding: 0 0 0 40px;
}
@media print,screen and (max-width: 767px) {
	.fair_hdg_period {
		font-size: 1.4rem;
		width: 110px;
		padding: 0;
	}
}
.fair_hdg_place {
	color: #45bdb4;
	font-size: 1.8rem;
	width: calc(100% - 375px);
}
@media print,screen and (max-width: 767px) {
	.fair_hdg_place {
		font-size: 1.4rem;
		width: calc(100% - 110px);
	}
}
.fair_list_item {
	border-bottom: 1px solid #d3d3d3;
	padding: 10px 0;
	display: flex;
}
.fair_list_item:last-child {
	border-bottom: 1px solid #b1b1b1;
	padding: 10px 0 15px;
}
@media print,screen and (max-width: 767px) {
	.fair_list_item:last-child {
		padding: 10px 0;
	}
}
.fair_list_item_period {
	font-size: 1.8rem;
	width: 375px;
	box-sizing: border-box;
	padding: 0 0 0 40px;
}
@media print,screen and (max-width: 767px) {
	.fair_list_item_period {
		font-size: 1.4rem;
		width: 110px;
		padding: 0 5px 0 0;
	}
}
.fair_list_item_place {
	width: calc(100% - 375px);
	display: flex;
	flex-wrap: wrap;
}
@media print,screen and (max-width: 1039px) {
	.fair_list_item_place {
		display: block;
	}
}
@media print,screen and (max-width: 767px) {
	.fair_list_item_place {
		width: calc(100% - 110px);
	}
}
.fair_list_item_place_link {
	font-size: 1.8rem;
	width: 365px;
}
@media print,screen and (max-width: 1039px) {
	.fair_list_item_place_link {
		width: auto;
	}
}
@media print,screen and (max-width: 767px) {
	.fair_list_item_place_link {
		font-size: 1.4rem;
	}
}
.fair_list_item_place_link a {
	color: #45bdb4;
	font-size: 1.8rem;
	background: url('../img/common/ico_link.png') right center / 16px no-repeat;
	padding: 0 26px 0 0;
}
@media print,screen and (max-width: 767px) {
	.fair_list_item_place_link a {
		font-size: 1.4rem;
		background: url('../img/common/ico_link.png') right center / 10px no-repeat;
		padding: 0 16px 0 0;
	}
}
.fair_list_item_place_detail {
	font-size: 1.8rem;
	width: 260px;
}
@media print,screen and (max-width: 1039px) {
	.fair_list_item_place_detail {
		width: auto;
	}
}
@media print,screen and (max-width: 767px) {
	.fair_list_item_place_detail {
		font-size: 1.4rem;
	}
}
.fair_aside {
	background: #fff;
	padding: 25px;
	display: flex;
}
@media print,screen and (max-width: 767px) {
	.fair_aside {
		padding: 12px 12px 25px;
		display: block;
	}
}
.fair_aside_img {
	width: 65.7894%;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.fair_aside_img {
		width: auto;
		margin: 0 0 20px 0;
	}
}
.fair_aside_img img {
	width: 48.64%;
}
.fair_aside_contents {
	width: 34.2106%;
	box-sizing: border-box;
	padding: 0 0 0 40px;
	display: flex;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.fair_aside_contents {
		width: auto;
		padding: 0 20px;
		display: block;
	}
}
.fair_aside_copy {
	font-size: 1.8rem;
}
@media print,screen and (max-width: 767px) {
	.fair_aside_copy {
		font-size: 1.4rem;
	}
}

/****	---- 08. contact ----
===================================****/
.contact_intro {
	background: #fff;
	border: 1px solid #d2d2d2;
	padding: 30px;
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_intro {
		padding: 15px;
	}
}
.contact_caution {
	background: #fff;
	border: 1px solid #d2d2d2;
	padding: 40px 40px 50px;
	margin: 85px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.contact_caution {
		padding: 25px 25px 40px;
		margin: 50px 0 0 0;
	}
}
.contact_caution_title {
	color: #fe6161;
	font-size: 2.4rem;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_caution_title {
		font-size: 1.6rem;
		text-align: center;
		margin: 0 0 20px 0;
	}
}
.contact_caution_link {
	margin: 30px 0 0 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.contact_caution_link {
		display: block;
	}
}
.contact_caution_link a {
	color: #45bdb4;
	font-size: 1.8rem;
	text-align: center;
	width: 29.4117%;
	height: 65px;
	border: 1px solid #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.contact_caution_link a {
		font-size: 1.4rem;
		width: 195px;
		height: 50px;
		margin: 0 auto 15px;
	}
	.contact_caution_link a:last-of-type {
		margin: 0 auto;
	}
}
.contact_table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 95px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_table {
		margin: 0 0 40px 0;
	}
}
.contact_table tr {
	border-bottom: 1px solid #bfbfbf;
}
.contact_table th {
	font-size: 1.8rem;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	width: 290px;
	padding: 50px 50px 50px 10px;
}
@media print,screen and (max-width: 767px) {
	.contact_table th {
		font-size: 1.4rem;
		width: auto;
		display: block;
		padding: 20px 0 15px;
	}
}
.contact_table th.top {
	vertical-align: top;
}
.contact_table th .grid {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.contact_table th .grid {
		justify-content: flex-start;
	}
}
.contact_table th .grid .required {
	color: #fe6161;
	text-align: center;
	line-height: 1.6;
	width: 70px;
	border: 1px solid #fe6161;
	box-sizing: border-box;
}
@media print,screen and (max-width: 767px) {
	.contact_table th .grid .required {
		width: auto;
		padding: 0 8px;
		margin: 0 0 0 10px;
	}
}
.contact_table td {
	font-size: 1.8rem;
	vertical-align: middle;
	padding: 50px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_table td {
		font-size: 1.4rem;
		padding: 0 0 20px 0;
		display: block;
	}
}
.contact_table td p.mail {
	margin: 10px 0;
}
.contact_table td span.text {
	width: 50px;
	display: inline-block;
}
@media print,screen and (max-width: 767px) {
	.contact_table td span.text {
		width: 35px;
	}
}
.contact_table td span.text:last-of-type {
	margin: 0 0 0 40px;
}
@media print,screen and (max-width: 767px) {
	.contact_table td span.text:last-of-type {
		margin: 0 0 0 5px;
	}
}
.contact_table td span.border {
	margin: 0 10px 0 8px;
}
.contact_table td p.btn {
	color: #fff;
	text-align: center;
	width: 152px;
	background: #fe6161;
	border-radius: 30px;
	margin: 0 0 0 40px;
	display: inline-block;
	transition: .2s;
}
@media print,screen and (max-width: 1039px) {
	.contact_table td p.btn {
		margin: 20px 0 0 50px;
		display: block;
	}
}
@media print,screen and (max-width: 767px) {
	.contact_table td p.btn {
		width: 132px;
		padding: 2px 0;
		margin: 10px 0 0 35px;
	}
}
.contact_table td p.btn:hover {
	opacity: .7;
	cursor: pointer;
}
.contact_table td input[type="text"],
.contact_table td input[type="email"],
.contact_table td textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	line-height: 1.8;
	width: 100%;
	border: 1px solid #d9d9d9;
	border-radius: 0;
	box-sizing: border-box;
	padding: 5px 15px;
}
@media print,screen and (max-width: 767px) {
	.contact_table td input[type="text"],
	.contact_table td input[type="email"],
	.contact_table td textarea {
		font-size: 1.4rem;
		padding: 5px 10px;
	}
}
.contact_table td textarea {
	height: 300px;
}
@media print,screen and (max-width: 767px) {
	.contact_table td textarea {
		height: 140px;
	}
}
.contact_table td select {
	font-size: 1.6rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	line-height: 1.8;
	width: 348px;
	height: 40px;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 0;
	padding: 0 10px;
}
@media print,screen and (max-width: 767px) {
	.contact_table td select {
		font-size: 1.4rem;
		width: 100%;
	}
}
.contact_table td input.w280 {
	width: 280px;
}
@media print,screen and (max-width: 1039px) {
	.contact_table td input.w280 {
		width: 30.9859%;
	}
}
@media print,screen and (max-width: 767px) {
	.contact_table td input.w280 {
		width: 36%;
	}
}
.contact_table td input.w135 {
	width: 135px;
}
@media print,screen and (max-width: 767px) {
	.contact_table td input.w135 {
		width: 118px;
	}
}

/****	---- sitemap ----
===================================****/
.list_tit,
.list_tit a{
    color: #45bdb4;
    font-size: 1.8rem;
    text-align: center;
	font-weight: bold;
}
@media print,screen and (max-width: 767px) {
	.list_tit,
	.list_tit a{
		display: inline-block;
	}
}
.sitemap_addr {
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 0 30px 0;
}
@media print,screen and (max-width: 767px) {
	.sitemap_addr {
		font-size: 1.2rem;
		margin: 0 0 30px 0;
	}
}
.sitemap_addr a {
	color: #fff;
	font-size: 1.4rem;
	background: url('../img/common/arw_right.png') right center / 6px no-repeat;
	padding: 0 16px 0 0;
	margin: 0 0 0 1em;
}
@media print,screen and (max-width: 767px) {
	.sitemap_addr a {
		font-size: 1.2rem;
		background: url('../img/common/arw_right.png') right center / 4px no-repeat;
		padding: 0 12px 0 0;
	}
}
.sitemap_link {
	margin: 0 0 40px 0;
	display: flex;
	justify-content: space-between;
}
@media print,screen and (max-width: 767px) {
	.sitemap_link {
		display: block;
	}
}
.sitemap_link a {
	text-align: center;
	width: 32%;
	height: 80px;
	background: #615952;
	border: 2px solid #45bdb4;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media print,screen and (max-width: 767px) {
	.sitemap_link a {
		width: auto;
		height: 75px;
		margin: 0 0 10px 0;
	}
}
.sitemap_link a.shop {
	background-color: #fff;
	background-image: url('../img/common/bg_hakka.png'), url('../img/common/arw_right_gray.png');
	background-position: left bottom, right 8px center;
	background-repeat: no-repeat;
	background-size: 76px, 6px;
	padding: 0 0 0 5%;
}
@media print,screen and (max-width: 999px) {
	.sitemap_link a.shop {
		background-position: -10px bottom, right 8px center;
	}
}
@media print,screen and (max-width: 767px) {
	.sitemap_link a.shop {
		background-position: left bottom, right 8px center;
	}
}
.sitemap_link a span {
	color: #fff;
	font-size: 2.2rem;
}
@media print,screen and (max-width: 999px) {
	.sitemap_link a span {
		font-size: 1.8rem;
	}
}
.sitemap_link a.contact span {
	background: url('../img/common/ico_contact.png') left center / 30px no-repeat;
	padding: 0 0 0 40px;
}
.sitemap_link a.tel span {
	font-size: 2.8rem;
	letter-spacing: 2px;
	background: url('../img/common/ico_tel.png') left center / 18px no-repeat;
	padding: 0 0 0 26px;
}
@media print,screen and (max-width: 767px) {
	.sitemap_link a.tel span {
		font-size: 2.4rem;
	}
}
.sitemap_link a.shop span {
	color: #333;
	line-height: 1.2;
}
.sitemap_link a.shop span span {
	font-size: 2.0rem;
}
@media print,screen and (max-width: 999px) {
	.sitemap_link a.shop span span {
		font-size: 1.6rem;
	}
}
.sitemap_list {
	padding: 30px 0;
/*	margin: 0 0 30px 0;*/
	display: flex;
	justify-content: space-between;
}
.sitemap_list_item {
	width: 200px;
}

@media print,screen and (max-width: 767px) {
	.sitemap_list {
		flex-wrap: wrap;
		padding: 30px 0 10px;
		margin: 0;
	}
	.sitemap_list:nth-child(2) {
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}
	.sitemap_list_item {
		width: 50%;
		margin: 0 0 20px 0;
	}
}
.sitemap_list_item.mt {
	margin: 20px 0 0 0;
}
@media print,screen and (max-width: 767px) {
	.sitemap_list_item.sp {
		width: auto;
		margin: 5px 0 0 0;
	}
}
.sitemap_subList.last {
	display: flex;
	flex-wrap: wrap;
	width: 150px;
	justify-content: space-between;
}
.sitemap_subList_item {
	text-indent: 2rem;
    position: relative;
    list-style: disc;
}
.sitemap_subList.last .sitemap_subList_item:nth-child(2) {
	left: -1em;
}
.sitemap_subList_item a {
	color: #000000;
	font-size: 1.4rem;
}
.sitemap_otherList {
	margin: 0 0 15px 0;
	display: flex;
	justify-content: center;
}
@media print,screen and (max-width: 767px) {
	.sitemap_otherList {
		margin: 0 0 10px 0;
	}
}
.sitemap_otherList_item {
	line-height: 1.0;
	border-left: 1px solid #fff;
	padding: 0 14px;
}
@media print,screen and (max-width: 767px) {
	.sitemap_otherList_item {
		padding: 0 10px;
	}
}
.sitemap_otherList_item:last-child {
	border-right: 1px solid #fff;
}
.sitemap_otherList_item a {
	color: #fff;
	font-size: 1.4rem;
}
@media print,screen and (max-width: 767px) {
	.sitemap_otherList_item a {
		font-size: 1.2rem;
	}
}

input::placeholder,
textarea::placeholder {
	color: #b6b6b6;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b6b6b6;
}
input::-ms-input-placeholder.
textarea::-ms-input-placeholder {
	color: #b6b6b6;
}
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #fff;
	font-size: 2.8rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	line-height: 1.8;
	text-align: left;
	letter-spacing: 2px;
	width: 480px;
	background: #45bdb4 url('../img/common/arw_border.png') right 60px center / 60px no-repeat;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	padding: 18px 0 18px 70px;
	margin: 0 auto;
	display: block;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	input[type="submit"] {
		font-size: 1.8rem;
		text-align: center;
		width: 100%;
		background: #45bdb4 url('../img/common/arw_border.png') right 40px center / 35px no-repeat;
		padding: 14px 0;
	}
}
@media print,screen and (max-width: 374px) {
	input[type="submit"] {
		background: #45bdb4 url('../img/common/arw_border.png') right 20px center / 35px no-repeat;
	}
}
input[type="submit"]:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	input[type="submit"]:hover {
		opacity: 1;
	}
}
input[type="submit"].back {
	/* background: url('../img/common/ico_arrow_btn_back.png') left 18px center / 8px no-repeat; */
	margin: 20px auto 0;
}
.mwform-radio-field,
.mwform-checkbox-field {
	display: inline-block;
	transition: .2s;
}
@media print,screen and (max-width: 767px) {
	.mwform-radio-field,
	.mwform-checkbox-field {
		display: block;
	}
	.mw_wp_form .horizontal-item + .horizontal-item {
		margin: 5px 0 0 0!important;
	}
}
.mwform-radio-field:hover,
.mwform-checkbox-field:hover {
	opacity: .7;
	cursor: pointer!important;
}
@media print,screen and (max-width: 767px) {
	.mwform-radio-field:hover,
	.mwform-checkbox-field:hover {
		opacity: 1;
	}
}
.mwform-radio-field-text,
.mwform-checkbox-field-text {
	font-size: 1.6rem!important;
}
.mw_wp_form_confirm,
.mw_wp_form_complete {
	/* font-size: 1.6rem; */
	/* padding: 110px 0 0 0;
	margin: -110px 0 0 0; */
}
.mw_wp_form_confirm td {
	font-weight: bold;
}
.mw_wp_form_confirm .contact_table span.text,
.mw_wp_form_confirm .contact_table div.none,
.mw_wp_form_confirm .contact_table p.btn {
	display: none;
}
.mw_wp_form_confirm .contact_table span.border {
	margin: 0 2px 0 0;
}
.contact_complete_title {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_complete_title {
		font-size: 1.6rem;
		margin: 0 0 10px 0;
	}
}
.contact_complete_text {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_complete_text {
		font-size: 1.4rem;
		margin: 40px 0 20px 0;
	}
}
/* .contact_complete {
	background: #f3f5e0;
	border: 1px solid #43a860;
	padding: 30px;
	margin: 0 0 40px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_complete {
		padding: 20px;
		margin: 0 0 20px 0;
	}
}
.contact_complete_title {
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}
@media print,screen and (max-width: 767px) {
	.contact_complete_title {
		font-size: 1.8rem;
		margin: 0 0 10px 0;
	}
} */

/****	---- end ----
===================================****/