@charset "utf-8";

/* ------------------------
	elements
------------------------ */
html {
	overflow: inherit !important;
}
body {
	font-size: var(--f16);
	color: #000;
	background: #fff;
	min-width: 1230px;
	position: relative;
	overflow: inherit !important;
}
body>.wrapper:not(.et-fb-iframe-ancestor) {
	overflow: inherit !important;
}
@media screen and (max-width: 767px) {
	body {
		font-size: var(--f15);
		min-width: 100%;
	}
}
.gothic {
	font-family: "Noto Sans JP", sans-serif;
}
a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
img {
	border: none;
	width: auto;
	max-width: 100%;
	height: auto;
}
p {
	margin: 0 0 15px;
}
hr{
	clear: both;
	border-top: 1px solid #ccc;
	margin: 2em 0;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mt05 {
	padding-top: 5px;
}
.mt10 {
	padding-top: 10px;
}
.mt15 {
	padding-top: 15px;
}
.mt20 {
	padding-top: 20px;
}
.mt30 {
	padding-top: 30px;
}
.mt40 {
	padding-top: 40px;
}
.mt50 {
	padding-top: 50px;
}
.small {
	font-size: 0.8em;
}
.big {
	font-size: 1.2em;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.textleft {
	text-align: left;
}
.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignright {
	float: right;
	margin: 0 0 15px 15px;
}
.aligncenter {
	display: block;
	text-align: center;
	margin: 0 auto 15px;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
ul.ulist > li {
	list-style: disc;
}
ol.olist > li {
	list-style: decimal;
}
ul.ulist > li,
ol.olist > li {
	margin: 0 0 0 25px;
}
dl.dlist dt {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 0 2px;
}
dl.dlist dd {
	margin: 0 0 5px 12px;
}
.display_pc {
	display: inline-block;
}
.display_sp {
	display: none;
}
a.tel {
	pointer-events: none;
	color: #000;
}
@media screen and (max-width: 767px) {
	.alignleft,
	.alignright,
	.aligncenter {
		display: block;
		float: none;
		margin: 0 auto 10px;
		text-align: center;
		width: auto !important;
		height: auto !important;
	}
	.alignleft img,
	.alignright img,
	.aligncenter img,
	img.alignleft,
	img.alignright,
	img.aligncenter {
		display: block;
		margin: 0 auto 10px;
		width: auto;
		max-width: 100%;
		height: auto;
	}
	table.table_border th {
		display: block;
		padding: 8px;
		width: 100%;
		white-space: normal;
	}
	table.table_border th br {
		display: none;
	}
	table.table_border td {
		display: block;
		padding: 8px;
		border-top: none;
	}
	table.table_noborder th {
		padding: 0 0 12px;
	}
	table.table_noborder td {
		padding: 0 0 12px;
	}
	.display_pc {
		display: none;
	}
	.display_sp {
		display: inline-block;
	}
	a.tel {
		pointer-events: inherit;
		color: #cc0000;
	}
}
@media screen and (min-width: 768px) {
	#main a:hover,
	#main input[type=button]:hover,
	#main input[type=submit]:hover {
		opacity: 0.8;
	}
	#main a,
	#main input[type=button],
	#main input[type=submit] {
		transition: all 0.2s ease;
	}
}

/* ------------------------
	header
------------------------ */

/* ------------------------
	content
------------------------ */
#main {
	line-height: 1.8;
	clear: both;
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 0 0 80px;
	position: relative;
	overflow: hidden;
}
.contents {
	padding: 80px 0;
}
.contents_box {
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
@media screen and (max-width: 767px) {
	#main {
		padding: 0 0 40px;
	}
	.contents {
		padding: 40px 0;
	}
	.contents_box {
		width: auto;
		padding: 0 15px;
	}
}

/* ------------------------
	footer
------------------------ */
#footer_pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
	display: none;
}
#footer_pagetop a {
	display: block;
	width: 50px;
	height: 0;
	padding: 50px 0 0;
	overflow: hidden;
	background: url("../images/icon_pagetop.svg") no-repeat;
	background-size: 50px auto;
}
@media screen and (max-width: 767px) {
	#footer_pagetop {
		bottom: 0;
		right: 0;
	}
	#footer_pagetop a {
		width: 40px;
		padding: 40px 0 0;
		background-size: 40px auto;
	}
}

/* ------------------------
	metalallergy
------------------------ */
.metalallergy_body {
	font-family: "Noto Sans JP", sans-serif;
	color: #003962;
}
.metalallergy_body .line {
	position: relative;
	box-shadow: inset 0 -1rem 0 0 #FFF2BC;
}
.metalallergy_main {
	width: 100%;
	height: 600px;
	background: url("../images/metalallergy_main_back.jpg") no-repeat center center / cover;
}
.metalallergy_main_box {
	max-width: 1200px;
	height: 600px;
	margin: 0 auto;
	position: relative;
}
.metalallergy_main_catch {
	text-align: right;
	padding: 100px 0 0;
}
.metalallergy_main_catch dl dt {
	margin: 0 0 30px;
}
.metalallergy_main_catch dl dt img {
	max-width: 685px;
}
.metalallergy_main_catch dl dd {
	font-size: var(--f30);
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
}
.metalallergy_main_image {
	max-width: 500px;
	position: absolute;
	bottom: -5px;
	left: -100px;
}
.metalallergy_main_image img {
	vertical-align: bottom;
}
.metalallergy_catch {
	padding: 100px 0 0;
	background: #fff url("../images/metalallergy_catch_back.svg") no-repeat center center;
	text-align: center;
	position: relative;
}
.metalallergy_catch:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 1000px 0 1000px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -100px;
	left: 50%;
	margin: 0 0 0 -1000px;
}
.metalallergy_catch_box h2 {
	font-size: var(--f45);
	font-weight: bold;
}
.metalallergy_feature {
	padding: 130px 0 60px;
	text-align: center;
}
.metalallergy_feature_logo {
	margin: 0 0 60px;
}
.metalallergy_feature_logo dl dt {
	max-width: 400px;
	margin: 0 auto 30px;
}
.metalallergy_feature_logo dl dd {
	font-size: var(--f35);
}
.metalallergy_feature_detail {
	max-width: 1200px;
	margin: 0 auto 60px;
}
.metalallergy_feature_detail ul {
	display: flex;
	justify-content: space-between;
}
.metalallergy_feature_detail ul li {
	width: 48%;
	padding: 60px 0;
	border: 3px solid #003962;
	background: #fff;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	position: relative;
}
.metalallergy_feature_detail ul li:before {
	display: block;
	content: "";
	width: 53px;
	height: 53px;
	background: url("../images/metalallergy_icon_pin.svg") no-repeat;
	position: absolute;
	top: -26px;
	left: 50%;
	margin: 0 0 0 -26px;
}
.metalallergy_feature_detail ul li:nth-child(2):after {
	display: block;
	content: "";
	width: 79px;
	height: 108px;
	background: url("../images/metalallergy_icon_bulb.svg") no-repeat;
	position: absolute;
	bottom: -50px;
	left: 80%;
}
.metalallergy_feature_detail ul li dl dd {
	font-size: var(--f25);
}
.metalallergy_feature_detail ul li dl dt {
	font-size: var(--f40);
	line-height: 1.5;
}
.metalallergy_feature_image {
	max-width: 1255px;
	margin: 0 auto 60px;
}
.metalallergy_feature_instagram {
	max-width: 1200px;
	margin: 0 auto;
}
.metalallergy_feature_instagram ul {
	display: flex;
	justify-content: space-between;
}
.metalallergy_feature_instagram ul li {
	flex: 1 1 auto;
}
.metalallergy_feature_instagram ul li a {
	display: inline-block;
	font-size: var(--f25);
	padding: 10px 30px;
	color: #000;
	border: 1px solid #003962;
	border-radius: 100px;
}
.metalallergy_nav {
	padding: 60px 0;
}
.metalallergy_nav a {
	display: block;
	background: #003962;
	color: #fff;
	font-size: var(--f40);
	font-weight: bold;
	line-height: 1.3;
}
.metalallergy_nav a dl {
	display: flex;
	justify-content: space-between;
}
.metalallergy_nav a dl dt {
	width: calc(100% - 680px);
	text-align: center;
	padding: 50px 0 0;
}
.metalallergy_nav a dl dd {
	width: 680px;
}
.metalallergy_contents {
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 0;
}
.metalallergy_contents_box {
	padding: 70px;
	border: 3px solid #003962;
	background: #fff;
	position: relative;
}
.metalallergy_contents_box:before {
	display: block;
	content: "";
	width: 53px;
	height: 53px;
	background: url("../images/metalallergy_icon_pin.svg") no-repeat;
	position: absolute;
	top: 15px;
	right: 15px;
}
.metalallergy_contents_box h2 {
	font-size: var(--f35);
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 50px;
}
.metalallergy_menu_box {
	text-align: center;
}
.metalallergy_menu_box ul {
	display: inline-block;
	text-align: left;
}
.metalallergy_menu_box ul li {
	padding: 0 0 0 25px;
	background: url("../images/metalallergy_icon_arrow.svg") no-repeat left 15px;
}
.metalallergy_menu_box ul li a {
	display: block;
	color: #003962;
	font-size: var(--f25);
	font-weight: bold;
	text-decoration: underline;
}
.metalallergy_contents01_box {
	position: relative;
}
.metalallergy_contents01_text dl dt {
	font-size: var(--f18);
	font-weight: bold;
	margin: 35px 0 5px;
}
.metalallergy_contents01_image {
	max-width: 540px;
	position: absolute;
	top: 30px;
	right: 0;
}
.metalallergy_contents01_catch {
	background: #003962;
	padding: 10px 10px;
	font-size: var(--f30);
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 100px;
	margin: 60px 0 0;
}
.metalallergy_contents02_box {
	display: flex;
	justify-content: space-between;
	margin: 60px 0 0;
}
.metalallergy_contents02_text h3 {
	font-size: var(--f25);
	font-weight: bold;
}
.metalallergy_contents02_text dl dt {
	font-size: var(--f18);
	font-weight: bold;
	margin: 30px 0 5px;
}
.metalallergy_contents02_image {
	max-width: 440px;
}
.metalallergy_contents03_box01 h3,
.metalallergy_contents03_box02 h3 {
	background: #909090;
	padding: 5px 10px;
	font-size: var(--f25);
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 100px;
	margin: 60px 0 0;
}
.metalallergy_contents03_box02 h3 {
	background: #EBAA5E;
}
.metalallergy_contents03_box01 ul {
	display: flex;
	justify-content: space-between;
}
.metalallergy_contents03_box01 ul li {
	width: 330px;
	background: #F8F8F8;
	border: 1px solid #003962;
	margin: 30px 0 0;
}
.metalallergy_contents03_box01 ul li div {
	width: 100%;
}
.metalallergy_contents03_box01 ul li dl {
	padding: 10px 25px 25px;
}
.metalallergy_contents03_box01 ul li dl dt {
	font-size: var(--f25);
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px dotted #003962;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
.metalallergy_contents03_box02 ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.metalallergy_contents03_box02 ul li {
	width: 510px;
	background: #FFFCF2;
	border: 1px solid #003962;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0 0;
}
.metalallergy_contents03_box02 ul li div {
	width: 180px;
}
.metalallergy_contents03_box02 ul li dl {
	width: calc(100% - 180px);
	padding: 0 25px;
	box-sizing: border-box;
}
.metalallergy_contents03_box02 ul li dl dt {
	font-size: var(--f25);
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
	border-bottom: 2px dotted #003962;
	padding: 0 0 5px;
	margin: 0 0 10px;
}
.metalallergy_contents04_box {
	position: relative;
}
.metalallergy_contents04_text ul li {
	margin: 60px 0 0;
	padding: 0 0 0 40px;
	background: url("../images/metalallergy_icon_check.svg") no-repeat left 10px;
}
.metalallergy_contents04_text ul li dl dt {
	font-size: var(--f25);
	font-weight: bold;
	margin: 0 0 10px;
}
.metalallergy_contents04_text ul li:nth-child(1) dl dd:nth-of-type(2) {
	font-size: var(--f12);
	margin: 10px 0 15px;
}
.metalallergy_contents04_text ul li:nth-child(1) dl dd:nth-of-type(3) span {
	display: inline-block;
	margin: 0 15px 0 0;
	background: #EBAA5E;
	color: #fff;
	font-size: var(--f20);
	font-weight: bold;
	padding: 5px 15px;
	border-radius: 100px;
}
.metalallergy_contents04_text ul li:nth-child(1) dl dd:nth-of-type(3) span img {
	display: inline-block;
	margin: 0 10px 3px 0;
	vertical-align: middle;
}
.metalallergy_contents04_image {
	max-width: 440px;
	position: absolute;
	top: 0;
	right: 0;
}
.metalallergy_contents04_image ul li:nth-child(1) {
	max-width: 380px;
	margin: 50px 0 50px auto;
}
.metalallergy_contents05_box {
	margin: 50px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.metalallergy_contents05_text {
	max-width: calc(100% - 430px);
}
.metalallergy_contents05_image {
	max-width: 330px;
}
.metalallergy_contents05_image img {
	display: block;
	margin: 30px 0;
}
.metalallergy_contents05 h3 {
	font-size: var(--f18);
	font-weight: bold;
	margin: 0 0 15px;
}
.metalallergy_contents05_shop {
	margin: 50px 0;
}
.metalallergy_contents05_shop ul {
	display: flex;
	justify-content: space-between;
}
.metalallergy_contents05_shop ul li {
	width: 330px;
}
.metalallergy_contents05_shop h3 {
	margin: 30px 0 15px;
}
.metalallergy_contents05_description {
	margin: 50px 0;
}
.metalallergy_contents06_box ul li {
	display: flex;
	flex-flow: row-reverse nowrap;
	justify-content: space-between;
	align-items: center;
	margin: 50px 0 0;
}
.metalallergy_contents06_box ul li div {
	width: 190px;
}
.metalallergy_contents06_box ul li dl {
	width: 840px;
	box-sizing: border-box;
	background: #EFF2F5;
	border-radius: 15px;
	padding: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.metalallergy_contents06_box ul li dl:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 0 20px;
	border-color: transparent transparent transparent #EFF2F5;
	position: absolute;
	bottom: 50px;
	right: -20px;
}
.metalallergy_contents06_box ul li dl dt {
	width: 140px;
}
.metalallergy_contents06_box ul li dl dd {
	width: 580px;
	padding: 0 0 0 50px;
}
.metalallergy_contents06_box ul li dl dd strong {
	display: block;
	font-size: var(--f18);
	font-weight: bold;
	margin: 0 0 10px;
}
.metalallergy_contents07 h3 {
	margin: 50px 0 0;
	text-align: center;
	padding: 0 0 10px;
	border-bottom: 2px dotted #003962;
}
.metalallergy_contents07 h3 span {
	display: block;
	line-height: 1.2;
}
.metalallergy_contents07 h3 strong {
	display: block;
	line-height: 1.2;
	font-size: var(--f30);
}
.metalallergy_contents07_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}
.metalallergy_contents07_text {
	max-width: calc(100% - 580px);
}
.metalallergy_contents07_text dl dt {
	font-size: var(--f25);
	font-weight: bold;
	margin: 0 0 10px;
}
.metalallergy_contents07_text dl dd:nth-last-of-type(1) {
	margin: 10px 0 0;
}
.metalallergy_contents07_text dl dd:nth-last-of-type(1) a {
	display: block;
	width: 240px;
	line-height: 48px;
	border-radius: 100px;
	background: #003962 url("../images/metalallergy_icon_link.svg") no-repeat 95% center;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.metalallergy_contents07_image {
	width: 555px;
}
.metalallergy_contents07_image a {
	display: block;
}
.metalallergy_contents07_image ul {
	display: flex;
	justify-content: space-between;
}
.metalallergy_contents07_image ul li {
	max-width: 270px;
}
.metalallergy_contents07_image ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.metalallergy_contents08_box {
	margin: 50px 0 0;
}
.metalallergy_contents08_box ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.metalallergy_contents08_box ul li {
	width: 23%;
	margin: 0 0 30px;
}
.metalallergy_contents08_more a {
	display: block;
	width: 320px;
	line-height: 48px;
	border-radius: 100px;
	background: #003962 url("../images/metalallergy_icon_link.svg") no-repeat 95% center;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.metalallergy_rakii {
	margin: 40px 0 0;
	padding: 60px 0;
	background: #fff;
	text-align: center;
}
.metalallergy_rakii_box dl dt {
	max-width: 400px;
	margin: 0 auto 30px;
}
.metalallergy_rakii_box dl dd {
	font-size: var(--f20);
}
@media screen and (max-width: 767px) {
	body.metalallergy h1 {
		font-size: var(--f15);
	}
	.metalallergy_main {
		padding: 0 15px;
		box-sizing: border-box;
		height: auto;
		background: url("../images/metalallergy_main_back.jpg") no-repeat center center / cover;
	}
	.metalallergy_main_box {
		height: auto;
	}
	.metalallergy_main_catch {
		text-align: center;
		padding: 30px 0 30px;
	}
	.metalallergy_main_catch dl dt {
		margin: 0 0 15px;
	}
	.metalallergy_main_catch dl dt img {
		max-width: 100%;
	}
	.metalallergy_main_catch dl dd {
		font-size: var(--f19);
		line-height: 1.5;
		font-weight: bold;
		color: #fff;
	}
	.metalallergy_main_image {
		max-width: 100%;
		position: relative;
		bottom: -5px;
		left: -30px;
	}
	.metalallergy_catch {
		padding: 50px 0 0;
		background: #fff;
	}
	.metalallergy_catch:before {
		border-width: 50px 400px 0 400px;
		bottom: -50px;
		margin: 0 0 0 -400px;
	}
	.metalallergy_catch_box h2 {
		font-size: var(--f20);
		font-weight: bold;
	}
	.metalallergy_feature {
		padding: 80px 15px 30px;
	}
	.metalallergy_feature_logo {
		margin: 0 0 40px;
	}
	.metalallergy_feature_logo dl dt {
		max-width: 290px;
		margin: 0 auto 20px;
	}
	.metalallergy_feature_logo dl dd {
		font-size: var(--f20);
	}
	.metalallergy_feature_detail {
		max-width: 1200px;
		margin: 0 auto 40px;
	}
	.metalallergy_feature_detail ul {
		display: block;
	}
	.metalallergy_feature_detail ul li {
		width: auto;
		padding: 30px 10px;
		display: block;
		margin: 30px 0 0;
	}
	.metalallergy_feature_detail ul li:before {
		width: 40px;
		height: 40px;
		background: url("../images/metalallergy_icon_pin.svg") no-repeat center center / 40px auto;
		top: -20px;
		margin: 0 0 0 -20px;
	}
	.metalallergy_feature_detail ul li:nth-child(2):after {
		display: none;
	}
	.metalallergy_feature_detail ul li dl dd {
		font-size: var(--f15);
	}
	.metalallergy_feature_detail ul li dl dt {
		font-size: var(--f22);
		line-height: 1.5;
	}
	.metalallergy_feature_image {
		margin: 0 auto 15px;
	}
	.metalallergy_feature_instagram p {
		margin: 0;
	}
	.metalallergy_feature_instagram ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.metalallergy_feature_instagram ul li {
		width: 49%;
		flex: 0 1 auto;
	}
	.metalallergy_feature_instagram ul li a {
		display: block;
		font-size: var(--f12);
		padding: 10px 0;
		margin: 10px 0 0;
	}
	.metalallergy_nav {
		padding: 30px 0;
	}
	.metalallergy_nav a {
		font-size: var(--f20);
		font-weight: bold;
		line-height: 1.3;
	}
	.metalallergy_nav a dl {
		display: block;
	}
	.metalallergy_nav a dl dt {
		width: auto;
		padding: 15px 0 15px;
	}
	.metalallergy_nav a dl dt img {
		width: 30px;
		margin: 5px auto 0;
	}
	.metalallergy_nav a dl dd {
		width: auto;
	}
	.metalallergy_contents {
		padding: 30px 15px;
	}
	.metalallergy_contents_box {
		padding: 40px 15px;
	}
	.metalallergy_contents_box:before {
		width: 40px;
		height: 40px;
		background: url("../images/metalallergy_icon_pin.svg") no-repeat center center / 40px auto;
		top: -10px;
		right: 10px;
	}
	.metalallergy_contents_box h2 {
		font-size: var(--f22);
		font-weight: bold;
		margin: 0 0 30px;
	}
	.metalallergy_contents_box .textcenter {
		text-align: left;
	}
	.metalallergy_menu_box ul {
		display: block;
		text-align: left;
	}
	.metalallergy_menu_box ul li {
		padding: 0 0 0 20px;
		background: url("../images/metalallergy_icon_arrow.svg") no-repeat left 4px;
		margin: 10px 0;
	}
	.metalallergy_menu_box ul li a {
		font-size: var(--f17);
		line-height: 1.5;
	}
	.metalallergy_contents01_text dl dt {
		font-size: var(--f17);
		margin: 15px 0 5px;
	}
	.metalallergy_contents01_image {
		max-width: inherit;
		position: relative;
		top: auto;
		right: auto;
		margin: 20px 0 0;
		text-align: center;
	}
	.metalallergy_contents01_catch {
		font-size: var(--f20);
		line-height: 1.5;
		margin: 30px 0 0;
	}
	.metalallergy_contents02_box {
		display: block;
		margin: 30px 0 0;
	}
	.metalallergy_contents02_text h3 {
		font-size: var(--f20);
		font-weight: bold;
	}
	.metalallergy_contents02_text dl dt {
		font-size: var(--f17);
		margin: 15px 0 5px;
	}
	.metalallergy_contents02_image {
		max-width: 100%;
		margin: 30px 0 0;
	}
	.metalallergy_contents03_box01 h3,
	.metalallergy_contents03_box02 h3 {
		font-size: var(--f18);
		line-height: 1.5;
		margin: 30px 0 0;
	}
	.metalallergy_contents03_box01 ul {
		display: block;
	}
	.metalallergy_contents03_box01 ul li {
		width: auto;
		margin: 15px 0 0;
	}
	.metalallergy_contents03_box01 ul li div {
		padding: 15px 0 0;
		text-align: center;
	}
	.metalallergy_contents03_box01 ul li div img {
		width: 180px;
		height: 180px;
		object-fit: cover;
	}
	.metalallergy_contents03_box01 ul li dl {
		padding: 10px 15px 15px;
	}
	.metalallergy_contents03_box01 ul li dl dt {
		font-size: var(--f20);
	}
	.metalallergy_contents03_box02 ul {
		display: block;
	}
	.metalallergy_contents03_box02 ul li {
		display: block;
		width: auto;
		margin: 15px 0 0;
	}
	.metalallergy_contents03_box02 ul li div {
		padding: 15px 0 0;
		width: 100%;
		text-align: center;
	}
	.metalallergy_contents03_box02 ul li div img {
		width: 180px;
		height: 180px;
		object-fit: cover;
	}
	.metalallergy_contents03_box02 ul li dl {
		width: auto;
		padding: 10px 15px 15px;
	}
	.metalallergy_contents03_box02 ul li dl dt {
		font-size: var(--f20);
		text-align: center;
	}
	.metalallergy_contents04_text ul li {
		margin: 30px 0 0;
		padding: 0 0 0 40px;
		background: url("../images/metalallergy_icon_check.svg") no-repeat left 5px;
	}
	.metalallergy_contents04_text ul li dl dt {
		font-size: var(--f20);
		line-height: 1.5;
		margin: 0 0 5px;
	}
	.metalallergy_contents04_text ul li:nth-child(1) dl dd:nth-of-type(3) span {
		display: block;
		margin: 10px 0 0;
		font-size: var(--f19);
		text-align: center;
	}
	.metalallergy_contents04_image {
		max-width: inherit;
		position: relative;
		top: auto;
		right: auto;
		margin: 30px 0 0;
		text-align: center;
	}
	.metalallergy_contents04_image ul li:nth-child(1) {
		max-width: inherit;
		margin: 0 0 30px;
	}
	.metalallergy_contents05 p.textcenter {
		margin: 0;
	}
	.metalallergy_contents05_box {
		margin: 15px 0;
		display: block;
	}
	.metalallergy_contents05_text {
		max-width: inherit;
	}
	.metalallergy_contents05_image {
		max-width: inherit;
		text-align: center;
	}
	.metalallergy_contents05_image img {
		display: block;
		margin: 10px 0;
	}
	.metalallergy_contents05 h3 {
		font-size: var(--f18);
		margin: 0 0 5px;
	}
	.metalallergy_contents05_shop {
		margin: 15px 0;
	}
	.metalallergy_contents05_shop ul {
		display: block;
	}
	.metalallergy_contents05_shop ul li {
		width: auto;
		text-align: center;
		margin: 15px 0;
	}
	.metalallergy_contents05_shop h3 {
		margin: 15px 0 5px;
	}
	.metalallergy_contents05_description {
		margin: 15px 0;
	}
	.metalallergy_contents06_box ul li {
		display: block;
		margin: 30px 0 0;
	}
	.metalallergy_contents06_box ul li div {
		width: 190px;
		margin: 0 auto 15px;
	}
	.metalallergy_contents06_box ul li dl {
		width: auto;
		padding: 30px 15px;
		display: block;
	}
	.metalallergy_contents06_box ul li dl:before {
		border-width: 0 7.5px 15px 7.5px;
		border-color: transparent transparent #EFF2F5 transparent;
		bottom: auto;
		top: -15px;
		right: auto;
		left: 50%;
		margin: 0 0 0 -7.5px;
	}
	.metalallergy_contents06_box ul li dl dt {
		width: 140px;
		margin: 0 auto 15px;
	}
	.metalallergy_contents06_box ul li dl dd {
		width: auto;
		padding: 0;
	}
	.metalallergy_contents06_box ul li dl dd strong {
		font-size: 1.7rem;
		margin: 0 0 5px;
	}
	.metalallergy_contents07 h3 {
		margin: 30px 0 0;
	}
	.metalallergy_contents07 h3 strong {
		font-size: var(--f24);
	}
	.metalallergy_contents07_box {
		display: block;
		margin: 30px 0 0;
	}
	.metalallergy_contents07_text {
		max-width: inherit;
	}
	.metalallergy_contents07_text dl dt {
		font-size: var(--f20);
		margin: 0 0 5px;
	}
	.metalallergy_contents07_text dl dd:nth-last-of-type(1) {
		margin: 10px 0 0;
	}
	.metalallergy_contents07_text dl dd:nth-last-of-type(1) a {
		margin: 0 auto;
	}
	.metalallergy_contents07_image {
		width: auto;
		padding: 15px 0 0;
	}
	.metalallergy_contents07_image ul li {
		max-width: 49%;
	}
	.metalallergy_contents08_box {
		margin: 30px 0 0;
	}
	.metalallergy_contents08_box ul li {
		width: 49%;
		margin: 0 0 10px;
	}
	.metalallergy_contents08_more a {
		width: 240px;
		margin: 15px auto 0;
	}
	.metalallergy_rakii {
		margin: 30px 0 0;
		padding: 30px 15px;
	}
	.metalallergy_rakii_box dl dt {
		max-width: 290px;
		margin: 0 auto 20px;
	}
	.metalallergy_rakii_box dl dd {
		font-size: var(--f17);
	}
}



.product-list {
  margin-top: 80px;
}
.product-list-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 32px;
}
.product-list-title {
  text-align: center;
  margin: 1rem 0 2rem;
}
.product-item {
  width: calc(50% - 32px);
  margin: 0 16px 32px;
  padding-bottom: 32px;
}
.ranking-item {
  position: relative;
}
.ranking-icon {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  line-height: 1.75rem;
}
.rank-1 {
  background: #F8D803;
}
.rank-2 {
  background: #ccc;
}
.rank-3 {
  background: #e7c2a9;
}
.product-item-name {
  margin-top: 8px;
  font-size: .9rem;
  line-height: 1.4;
}
.sale-price {
  color: #c00;
}
.original-price {
  text-decoration: line-through;
}
.product-item-price {
  margin-top: 12px;
  font-size: 1.2rem; 
  font-weight: 600;
  text-align: right;
}
.product-item figure {
  position: relative;
  margin: 0;
  line-height: 0;
  background: #fff;
  overflow: hidden;
}
.product-item figure img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.product-item figure:hover img {
  opacity: .5;
}
.product-item-review {
  display: flex;
  align-items: baseline;
  margin-top: 8px;
}
.item-review-average {
  font-size: .85rem;
  margin: 0 4px 0 8px;
}
.reviewRate {
  display: flex;
  justify-content: center;
}
.review-average {
  margin-left: .35rem;
  font-size: .7rem;
}
.product-item.sale figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px 0;
  font-size: 13px;
  text-align: center;
  color: #000;
  background-color: #F8D803;
}
.sold-out {
  background-color: #000!important;
  color: #fff!important;
}
/* Star */
.reviewRateStar {
  display: inline-block;
  font-size: 0;
  color: #F8D803;
}
.reviewRateStar::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f005";
  font-size: .85rem;
  font-weight: 600;
}
.starOff::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f005";
  font-weight: 400;
}
.starHalf::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f5c0";
}
@media screen and (min-width: 480px) {
  .product-item {
    display: inline-block;
    width: calc(50% - 32px);
    margin: 0 16px 32px;
  }
}
@media screen and (min-width: 768px) {
  .product-item {
    display: inline-block;
    width: calc(33.3% - 32px);
    margin: 0 16px 32px;
  }
  .product-recommend-item {
    width: calc(20% - 32px)!important;
  }
  .product-item.sale figcaption {
    position: absolute;
    top: 10%;
    left: -36%;
    padding: 18px 40px 16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
  }
}
@media screen and (min-width: 1200px) {
  .product-list-inner {
    max-width: 1200px;
    margin: auto;
  }
  .product-item {
    width: calc(33% - 32px);
    margin: 0 16px 32px;
  }
  .bg {
    padding: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .product-item {
    width: calc(33.3% - 32px);
    margin: 0 16px 32px;
  }
}

.font80 {
	font-size: 80%;
}
.item_list p {
	margin: auto;
}
.item_list ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}
.item_list ul li a {
	display: block;
	transition: all 0.3s ease;
	position: relative;
}
.item_list ul li a:hover {
	opacity: 0.7;
}
.item_list.item_list_num5 ul li {
	width: 19%;
	margin: 0 0 30px 1.25%;
}
.item_list.item_list_num5 ul li:nth-child(5n+1) {
	margin: 0 0 30px 0
}
.item_list.item_list_num4 ul li {
	width: 24.1%;
	margin: 0 0 30px 1.2%;
}
.item_list.item_list_num4 ul li:nth-child(4n+1) {
	margin: 0 0 30px 0
}
.item_list.item_list_num3 ul li {
	width: 32.5%;
	margin: 0 0 30px 1.25%;
}
.item_list.item_list_num3 ul li:nth-child(3n+1) {
	margin: 0 0 30px 0
}
.item_list ul li figure {
	position: relative;
	overflow: hidden;
}
.item_list ul li figure figcaption {
	position: absolute;
	top: 10%;
	left: -31%;
	padding: 18px 40px 16px;
	transform: rotate(-45deg);
	width: 100%;
	font-size: 13px;
	line-height: 0;
	text-align: center;
	color: #000;
	background-color: #F8D803;
}
p.product-item-name {
	margin-top: 8px;
	font-size: var(--f16);
	color: #63435a;
}
p.product-item-price {
	margin-top: 0;
	font-size: var(--f16);
	font-weight: 400;
	text-align: left;
	color: #63435a;
}
p.product-item-price.sale-price {
	color: #c00;;
}
p.original-price {
	font-size: var(--f12);
	color: #808080;
}
.ranking-icon {
	top: -10px;
	left: -10px;
	background: #e3dde1;
	line-height: 1.8;
}
.rank-1 {
	background: #F8D803;
}
.rank-2 {
	background: #ccc;
}
.rank-3 {
	background: #e7c2a9;
}
@media screen and (max-width: 767px) {
	.item_list ul li a {
		display: block;
		transition: none;
	}
	.item_list ul li a:hover {
		opacity: 1;
	}
	.item_list.item_list_num5 ul li {
		width: 49%;
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num5 ul li:nth-child(5n+1) {
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num5 ul li:nth-child(odd) {
		margin: 0 0 30px 0 !important;
	}
	.item_list.item_list_num4 ul li {
		width: 49%;
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num4 ul li:nth-child(4n+1) {
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num4 ul li:nth-child(odd) {
		margin: 0 0 30px 0 !important;
	}
	.item_list.item_list_num3 ul li {
		width: 49%;
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num3 ul li:nth-child(3n+1) {
		margin: 0 0 30px 2%;
	}
	.item_list.item_list_num3 ul li:nth-child(odd) {
		margin: 0 0 30px 0 !important;
	}
	.item_list ul li figure figcaption {
		transform: none;
		top: 0;
		left: 0;
		width: 100%;
		padding: 16px 0;
		font-size: 13px;
		text-align: center;
	}
}