@charset "utf-8";

/* --------------------

		共通設定

--------------------*/
/* 文字など */

@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: normal;
}

html {
	font-size: 62.5%;
}
body {
	font-family: "Meiryo UI","BIZ UDPGothic","游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳＰゴシック","MS PGothic",sans-serif;
	background: #ffffff;
	color: #333333;
	font-size: 1.4rem;
	line-height: 1.7;
}

/* 繁体、簡体 */
body:lang(zh-cmn-Hant),
body:lang(zh-cmn-Hans){
	font-family: "Helvetica Neue",Helvetica,sans-serif;
}

mark {
	color: inherit;
	background: none;
}

/* リンク色設定 */
a {
	color:#0005a2;
	text-decoration: none;
	-webkit-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}
a:active { color:#0005a2;}
a:visited { color:#0005a2}
a:hover { color:#0005a2;}

img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.fade:hover {
	opacity: 0.7;
}
.linkSkin01:after {
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-left: 5px;
	border: 2px solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	transform: rotate(-45deg) translateY(-50%);
}
.linkSkin01:hover {
	text-decoration: underline;
}
.linkSkin02 {
	color: #0005a2;
	text-decoration: underline;
}
.linkSkin02:before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	margin-right: 5px;
	border: 1px solid transparent;
	border-right-color: #003698;
	border-bottom-color: #003698;
	transform: rotate(-45deg) translateY(-30%);
}
.linkSkin02:hover {
	color: #0f15c6;
	text-decoration: underline;
}

/* 配置・レイアウト */
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.tal { text-align: left; }
.tac {
	text-align: center;
	margin: 0 auto;
}
.tar { text-align: right; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }
.fl { float: left; }
.fr { float: right; }
.txtSmall { font-size: 1.2rem; }

/* ボタン */
.btnSkin01 {
	position: relative;
	display: inline-block;
	min-width: 380px;
	padding: 19px 15px 15px;
	border-radius: 4rem;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);
	background: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.btnSkin01:hover {
	background-color: #0005a2;
	color: #fff;
}
.btnSkin01.ar:after {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	content: "";
	width: 11px;
	height: 11px;
	border-right: 2px solid #0005a2;
	border-bottom: 2px solid #0005a2;
	transform: rotate(-45deg) translateY(-50%);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.btnSkin01.ar:hover:after {
	border-right-color: #fff;
	border-bottom-color: #fff;
}
.btnSkin02 {
	position: relative;
	display: inline-block;
	min-width: 230px;
	padding: 8px 15px 7px;
	border-radius: 4rem;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);
	background: #191465;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.btnSkin02:hover {
	background-color: #fff;
	color: #1d2088;
}
.btnSkin02.ar:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg) translateY(-60%);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.btnSkin02.ar:hover:after {
	border-right-color: #1d2088;
	border-bottom-color: #1d2088;
}
.btnSkin02:visited {
	background-color: #1d2088;
	color: #fff;
}
.btnSkin02:visited:hover {
	background-color: #fff;
	color: #1d2088;
}
.btnSkin03 {
	position: relative;
	display: block;
	padding: 15px 20px 15px 15px;
	border: 1px solid #5055ab;
	border-radius: 0 0 0 15px;
}
.btnSkin03.ar:after {
	position: absolute;
	right: 13px;
	top: 50%;
	content: "";
	width: 10px;
	height: 10px;
	transform: translateY(-60%) rotate(-45deg);
	border: 1px solid transparent;
	border-right-color: #1d2088;
	border-bottom-color: #1d2088;
}
.btnSkin04 {
	position: relative;
	display: inline-block;
	min-width: 300px;
	padding: 7px 20px;
	border-radius: 4rem;
	border: 1px solid #191465;
	background: #fff;
	color: #1d2088;
	font-size: 1.6rem;
}
.btnSkin04.ar:after {
	position: absolute;
	top: 50%;
	right: 18px;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-right: 2px solid #0005a2;
	border-bottom: 2px solid #0005a2;
	transform: rotate(-45deg) translateY(-70%);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.btnSkin04:hover {
	background-color: #0005a2;
	color: #fff;
}
.btnSkin04.ar:hover:after {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

/* hover */
.hoverSkin01 a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
}
.hoverSkin01 a:after {
	position: absolute;
	right: 8px;
	bottom: 8px;
	content: "";
	border: 7px solid transparent;
	border-right-color: rgba(0,5,162,0.2);
	border-bottom-color: rgba(0,5,162,0.2);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.hoverSkin01 a:hover {
	background: #f4f5ff;
}
.hoverSkin01 a:hover:after {
	border-right-color: rgba(0,5,162,1);
	border-bottom-color: rgba(0,5,162,1);
}

/* 背景 */
.bg01 {
	background: #cfdbff;
	background: -moz-linear-gradient(left, #cfdbff 0%, #b6c2fc 100%);
	background: -webkit-linear-gradient(left, #cfdbff 0%,#b6c2fc 100%);
	background: linear-gradient(to right, #cfdbff 0%,#b6c2fc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfdbff', endColorstr='#b6c2fc',GradientType=1 );
}
.bg02 {
	background: #f0f4ff;
	background: -moz-linear-gradient(left, #f0f4ff 0%, #e9edfe 100%);
	background: -webkit-linear-gradient(left, #f0f4ff 0%,#e9edfe 100%);
	background: linear-gradient(to right, #f0f4ff 0%,#e9edfe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4ff', endColorstr='#e9edfe',GradientType=1 );
}
.bg03 {
	background: #ffffff;
	background: -moz-linear-gradient(left, #ffffff 0%, #fefbed 100%);
	background: -webkit-linear-gradient(left, #ffffff 0%,#fefbed 100%);
	background: linear-gradient(to right, #ffffff 0%,#fefbed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefbed',GradientType=1 );
}

/* タイトル */
.secPagetitle {
	position: relative;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);
}
.secPagetitle .wrapper {
	position: relative;
	display: table;
	height: 140px;
}
.secPagetitle h1 {
	display: table-cell;
	padding-top: 30px;
	color: #1d2088;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.2;
	vertical-align: middle;
}
.ttlSkin01 {
	margin-bottom: 20px;
	color: #0005a2;
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
}
.ttlSkin02 {
	margin-bottom: 33px;
	color: #1d2088;
	font-size: 3.0rem;
	font-weight: bold;
}
.ttlSkin03 {
	margin-bottom: 20px;
	color: #0005a2;
	font-size: 2.6rem;
	font-weight: bold;
}
.ttlSkin04 {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 30px;
	padding: 4px 4px 3px;
	background: #d0e4ff;
	background-image: -moz-linear-gradient( 0deg, rgb(225,239,255) 0%, rgb(216,234,255) 40%, rgb(207,228,255) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(225,239,255) 0%, rgb(216,234,255) 40%, rgb(207,228,255) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(225,239,255) 0%, rgb(216,234,255) 40%, rgb(207,228,255) 100%);
	color: #1d2088;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
.ttlSkin05 {
	margin-bottom: 15px;
	padding-left: 10px;
	border-left: 4px solid #333695;
	color: #1d2088;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.1;
}

/* カラム */
.column02 {
	margin-left: -40px;
}
.column02 > li,
.column02 > .col {
	float: left;
	width: calc(50% - 40px);
	margin-left: 40px;
}
.column03 {
	margin-left: -20px;
}
.column03 > li,
.column03 > .col {
	float: left;
	width: calc((100% - 61px) / 3);
	margin-left: 20px;
}
.column04 {
	margin-left: -20px;
}
.column04 > li,
.column04 > .col {
	float: left;
	width: calc(25% - 20px);
	margin-left: 20px;
}

/* ラベル */
.labelSkin01 {
	display: inline-block;
	padding: 2px 3px 1px;
	border: 1px solid #333695;
	line-height: 1;
}

/* ボックス */
.boxSkin01 {
	padding: 0 25px 22px;
	border-radius: 0 0 0 20px;
	border: 1px solid #ededed;
	background: #f9f7ec;
}
.boxSkin01 .title {
	margin: -1px -26px 10px;
	padding: 2px;
	background: #191465;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}
.boxSkin02 {
	padding: 50px;
	border-radius: 0 0 0 30px;
	background: #fff;
}
.boxSkin03 {
	padding: 25px 30px;
	border-radius: 0 0 0 15px;
	background: #f9f7ec;
}
.boxSkin03 .title {
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333695;
	color: #1d2088;
	font-size: 1.6rem;
	font-weight: bold;
}
.boxSkin04 {
	padding: 15px 20px;
	border: 1px dotted #1d2088;
}
.boxSkin05 {
	padding: 22px 28px 15px;
	border: 1px solid #e4e4e4;
	background: url(../img/bg_check.gif) repeat;
	color: #222;
}
.boxSkin05 .title {
	margin-bottom: 18px;
	color: #1d2088;
	font-size: 2.0rem;
	font-weight: bold;
}
.boxSkin05 .title.iconMemo img {
	position: relative;
	width: 34px;
	height: 31px;
	margin: -2px 8px 0 -2px;
	transform: translateY(-5px);
}
.boxSkin05 .title.iconComment img {
	width: 34px;
	height: 29px;
	margin-right: 5px;
	transform: translateY(-5px);
}
.boxSkin06 {
	margin: 35px 0 20px;
	padding: 15px 20px;
	border: 1px solid #ebebeb;
}
/* リスト */
.listSkin01 li {
	position: relative;
	padding: 5px 0 4px 30px;
	border-bottom: 1px dotted #d8cd96;
}
.listSkin01 li:before {
	position: absolute;
	top: 7px;
	left: 0;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #333695;
	border-radius: 3px;
	background: #fff;
}
.listSkin01 li:after {
	position: absolute;
	top: 9px;
	left: 2px;
	content: "";
	width: 19px;
	height: 13px;
	background: url(../../common/img/icon_check.png) no-repeat center center;
	background-size: contain;
}
.listSkin02 li {
	position: relative;
	padding-left: 1.2rem;
}
.listSkin02 li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "※";
}
.listSkin03 li {
	position: relative;
	padding-left: 20px;
}
.listSkin03 li:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid #9dc7ff;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1.5px #fff;
	background: #9dc7ff;
}
.listAnchorLink li {
	position: relative;
	padding-left: 20px;
}
.listAnchorLink li:before {
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	content: "";
	width: 9px;
	height: 9px;
	border: 2px solid transparent;
	border-left-color: #0005a2;
	border-bottom-color: #0005a2;
	transform: rotate(-45deg);
}

/* その他 */
*, :root, ::before, ::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
p, div, li, span {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
sup {
	font-size: 60%;
}
.show-sp, .show-sp.inline {
	display: none!important;
}
.b { font-weight: bold; }
.colPink { color: #e94b90; }
.colPink02 { color: #ea428f; }
.textSelfmedication p {
	display: table;
	margin: 45px auto 20px;
}
.top_textSelfmedication p {
	margin: 0 auto 20px;
}
.textSelfmedication img,
.textSelfmedication a {
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
}
.textSelfmedication img {
	margin-right: 16px;
}
.textSelfmedication a {
	padding-top: 3px;
	color: #333333;
	font-size: 1.2rem;
}
.textSelfmedication a:after,
.iconBlank:after {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 3px;
	background: url(/eve/common/img/icon_window.svg) no-repeat center center ;
	background-size: 10px 8px;
	vertical-align: middle;
}
.textSelfmedication a:hover {
	color: #0005a2;
	text-decoration: underline;
}
.iconBlank:hover {
	color: #0f15c6;
}

/* margin/padding */
.mt0	{ margin-top: 0px;	}
.mt5	{ margin-top: 5px;	}
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 34px; }
.mb0	{ margin-bottom: 0px;	}
.mb5	{ margin-bottom: 5px;	}
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mr0	{ margin-right: 0px;	}
.mr5	{ margin-right: 5px;	}
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.ml0	{ margin-left: 0px;	}
.ml5	{ margin-left: 5px;	}
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.pt0	{ padding-top: 0px;	}
.pt5	{ padding-top: 5px;	}
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pb0	{ padding-bottom: 0px;	}
.pb5	{ padding-bottom: 5px;	}
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pr0	{ padding-right: 0px;	}
.pr5	{ padding-right: 5px;	}
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pl0	{ padding-left: 0px;	}
.pl5	{ padding-left: 5px;	}
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }


/*------------------------------------
	共通設定：ヘッダ
------------------------------------*/
.container {
	padding-top: 100px;
}

header {
	/* position: relative; */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	height: 100px;
	padding: 0 20px;
	background-color: rgb(3,8,77);
	background-image: -moz-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	color: #fff;
	font-family: "Meiryo UI","BIZ UDPGothic","游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳＰゴシック","MS PGothic",sans-serif;
}
header > .wrapper {
	height: 100px;
}
header #eve-logo {
	position: relative;
	z-index: 100;
	float: left;
	width: 90px;
	margin-top: 10px;
}
header a,
header a:visited {
	color: #fff;
}
header a:hover {
	color: #a1a2e5;
}
.headerPrimary {
	float: right;
	margin-top: 15px;
	font-size: 1.2rem;
}
.headerPrimary dl,
.headerPrimary dt,
.headerPrimary dd,
.headerPrimary ul,
.headerPrimary li {
	display: inline-block;
}
.headerPrimary .current {
	color: #fff;
	text-decoration: underline;
	pointer-events: none;
}
.headerPrimary .languageWrap dt img {
	width: 16px;
}
.headerPrimary .languageWrap li {
	margin: 0 0 0 15px;
}
.headerPrimary .snsBtnWrap:before {
	content: "/";
	margin: 0 15px;
	color: rgba(255,255,255,0.4);
}
.headerPrimary .snsBtnWrap dt {
	margin-right: 8px;
	color: #a1a2e5;
}
.headerPrimary .snsList li {
	width: 30px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}

/*------------------------------------
共通設定：グローバルナビ
------------------------------------*/
nav {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
}
.gnav {
	text-align: right;
	height: 43px;
}
.gnav > li {
	/*font-size: 12px;*/
	display: inline-block;
	padding-right: 2px;
}
.gnav > li:not(:first-child):before {
	content: "/";
	margin-right: 8px;
	color: rgba(255,255,255,0.4);
}
.gnav > li:nth-child(6) {
	padding-right: 0;
}
.gnav > li > a {
	position: relative;
	display: inline-block;
	padding: 8px 0 12px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.gnav > li > a:after {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	content: "";
	opacity: 0;
	height: 5px;
	background: #fff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.gnav > li > a:hover:after {
	opacity: 1;
}
@media screen and (min-width: 768px) {
	.topPage .gnav > li:nth-child(1) > a,
	.productsPage .gnav > li:nth-child(2) > a,
	.aboutPage .gnav > li:nth-child(3) > a,
	.SpecialPage .gnav > li:nth-child(4) > a,
	.headachePage .gnav > li:nth-child(4) > a,
	.period_painPage .gnav > li:nth-child(4) > a,
	.shoulder_painPage .gnav > li:nth-child(4) > a,
	.faqPage .gnav > li:nth-child(5) > a,
	.cmPage .gnav > li:nth-child(6) > a {
		color: #a1a2e5;
	}
	.topPage .gnav > li:nth-child(1)> a:after,
	.productsPage .gnav > li:nth-child(2)> a:after,
	.aboutPage .gnav > li:nth-child(3) > a:after,
	.SpecialPage .gnav > li:nth-child(2) > a:after,
	.headachePage .gnav > li:nth-child(4) > a:after,
	.period_painPage .gnav > li:nth-child(4) > a:after,
	.shoulder_painPage .gnav > li:nth-child(4) > a:after,
	.faqPage .gnav > li:nth-child(5) > a:after,
	.cmPage .gnav > li:nth-child(6) > a:after {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		content: "";
		opacity: 1;
		height: 5px;
		background: #fff;
	}
}


/* メガメニュー */
.megaMenu {
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	top: 100%;
	z-index: 10000;
	padding: 10px 0 20px;
	background-color: rgb(19,40,127);
	background-image: -moz-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
}
.megaMenu .linkSkin01:hover {
	color: #fff;
}
.megaMenu div.tar {
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,0.5);
}
.megaMenu .subNav {
    display: flex;
    flex-wrap: wrap;
	width: 100%;
}
.megaMenu .subNav li {
	display: block;
	width: 300px;
	min-height: 70px;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.megaMenu .subNav_4clm li {
	width: 217px;
}
.megaMenu .subNav li:not(:nth-child(3n)){
	margin-right: 30px;
}
.megaMenu .subNav_4clm li {
	margin-right: 30px;
}
.megaMenu .subNav_4clm li:nth-child(4n) {
	margin-right: 0;
}
.megaMenu .subNav li a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align:left;
	padding: 10px 15px;
	box-sizing: border-box;
}
.megaMenu .subNav li a:hover {
	background: rgba(255,255,255,0.25);
	color: #fff;
}
.megaMenu .subNav li .image {
	position: relative;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin-left: 0;
	margin-right: 20px;
}
.megaMenu .subNav li .image img {
	width: 100%;
	height: 100%;
}
.megaMenu .subNav li .iconNew {
	position: absolute;
	left: 50%;
	margin: 0;
	transform: translate(-82px, -5px);
}
.megaMenu .subNav .text mark {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.megaMenu .subNav .text span {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.7;
}
.megaMenu .subNav .text .cautionText{
	margin-top: 2px;
	font-size: 1.1rem;
	font-weight: bold;
}
.megaMenu .subNav .text mark + span,
.megaMenu .subNav .text span + mark {
	margin-top: 2px;
}

/* 製品 */
.megaMenu.products .subNav {
	margin-bottom: 20px;
	gap: 10px;
	width: 740px;
	margin-inline: auto;
}
.megaMenu.products .subNav li {
	display: block;
	width: calc((100% - 20px) / 3);
	border-bottom: none;
	padding-bottom: 0;
}
.megaMenu.products .subNav li.eve3sp {
	width: calc(((100% - 20px) / 3) * 2 + 10px);
}
.megaMenu.products .subNav li:not(:nth-child(3n)){
	margin-right: 0;
}
.megaMenu.products .subNav li:nth-child(n + 3){
	margin-top: 0;
}
.megaMenu.products .subNav li > a {
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	padding: 20px 5px;
	text-align: center;
}
.megaMenu.products .subNav li > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	padding: 20px 5px 0;
	text-align: center;
}
.megaMenu.products .subNav li > div > .image {
	margin-bottom: 3px;
}
.megaMenu.products .subNav li > div > a {
	display: block;
	width: calc((100% - 10px)/ 2);
	height: auto;
	text-align: center;
}
.megaMenu.products .subNav li .image {
	position: relative;
	flex: none;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.megaMenu.products .subNav li .image img {
	width: 150px;
	height: auto;
}
.megaMenu.products .subNav .eveqdx .image {
	padding-top: 28px;
}
.megaMenu.products .subNav .eveaex {
  position: relative;
}
/* .megaMenu.products .subNav .eveaex::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -7%;
  left: 4%;
  width: 42px;
  height: 41px;
  background-image: url(/eve/common/img/icn_new_white.png);
  background-size: contain;
} */

/* CM/ギャラリー */

.cmGallary .subNav{
  display: flex;
  justify-content: center;
}
.cmGallary .subNav li{
  width: 350px;
}
.cmGallary .subNav li:not(:nth-child(1)){
  margin-right: 0px;
}
.cmGallary .subNav li .image {
  flex: none;
  width: 140px;
  height: 77px;
}
.cmGallary .subNav li .image_long  {
  flex: none;
  width: 171px;
  height: 70px;
  margin-right: 20px;
}

/* .megaMenu.cmGallary {
	padding: 40px 0 5px;
}
.megaMenu.cmGallary .subNav {
	text-align: center;
}
.megaMenu.cmGallary .subNav li {
	float: none;
	display: inline-block;
	width: 278px;
	margin-left: 55px;
}
.megaMenu.cmGallary .subNav li:first-child {
	margin-left: 0;
}
.megaMenu.cmGallary .subNav li img {
	margin: 0 0 8px;
	width: 278px;
	height: auto;
}
.megaMenu.cmGallary .subNav li a {
	padding: 0 0 25px;
}
.megaMenu.cmGallary .subNav li span {
	display: inline-block;
	font-size: 1.4rem;
} */

/*------------------------------------
共通設定：コンテンツエリア
------------------------------------*/
/* パンくず */
.breadcrumbs {
	position: absolute;

	padding: 5px 0;
}
.breadcrumbs li {
	float: left;
	font-size: 1.2rem;
}
.breadcrumbs li a {
	color: #003698;
}
.breadcrumbs li:before {
	content: ">";
	margin: 0 3px;
	color: #003698;
}
.breadcrumbs li:first-child:before {
	content: none;
}

/* メインエリア */
.secContentArea {
	padding: 35px 0;
}

/* 2カラム */
.mainInner .contentWrap {
	float: right;
	width: 690px;
}
.sideWrap {
	float: left;
	width: 240px;
}

/* ローカルナビエリア */
.sideWrap .btnSkin03 {
	background: #fff;
	font-size: 1.6rem;
	line-height: 1.6;
}
.sideWrap .btnSkin03:hover {
	background: #d4e7ff;
}
.sideWrap .btnSkin03 span {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
}
.sideNav {
	margin-top: 22px;
}
.sideNav + .sideNav {
	margin-top: 20px;
}
.sideNav .ttl {
	padding: 6px 0;
  background-color: rgb(3, 8, 77);
  background-image: -moz-linear-gradient(0deg, rgb(10, 38, 121) 0%, rgb(3, 8, 77) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(10, 38, 121) 0%, rgb(3, 8, 77) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(10, 38, 121) 0%, rgb(3, 8, 77) 100%);
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.sideNav li a {
	position: relative;
	display: table;
	width: 100%;
	height: 58px;
	padding: 8px 15px;
	background: rgba(255,255,255,0.7);
	vertical-align: middle;
	line-height: 1.37;
}
.sideNav li a:hover {
	background: #d4e7ff;
}
.sideNav li a span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.sideNav li a:after {
	position: absolute;
	right: 13px;
	top: 50%;
	content: "";
	width: 10px;
	height: 10px;
	transform: translateY(-60%) rotate(-45deg);
	border: 1px solid transparent;
	border-right-color: #1d2088;
	border-bottom-color: #1d2088;
}
.sideNav > li {
	border-top: 1px solid #333695;
}
.sideNav > li > a {
	font-size: 1.6rem;
	font-weight: bold;
}
.sideNav li li a {
	height: 50px;
	padding: 9px 15px 8px;
	font-size: 1.3rem;
}
.sideNav li li a:hover {
	background: #d2e6ff;
}
.sideNav li li a:before {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 0;
	content: "";
	border-top: 1px dotted #333695;
}
.sideWrap .btnKisotaion {
	position: relative;
	display: block;
	margin-top: 20px;
	padding: 18px 20px 17px 43px;
	background: #fff;
	font-size: 1.6rem;
	line-height: 1.4;
}
.sideWrap .btnKisotaion:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	background: #e1efff;
	background: -moz-linear-gradient(left, #e1efff 1%, #cfe4ff 100%);
	background: -webkit-linear-gradient(left, #e1efff 1%,#cfe4ff 100%);
	background: linear-gradient(to right, #e1efff 1%,#cfe4ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1efff', endColorstr='#cfe4ff',GradientType=1 );
	opacity: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.sideWrap .btnKisotaion:hover:before {
	opacity: 1;
}
.sideWrap .btnKisotaion.ar:after {
	position: absolute;
	right: 13px;
	top: 50%;
	content: "";
	width: 10px;
	height: 10px;
	transform: translateY(-60%) rotate(-45deg);
	border: 1px solid transparent;
	border-right-color: #1d2088;
	border-bottom-color: #1d2088;
}
.sideWrap .btnKisotaion span {
	position: relative;
	display: inline-block;
}
.sideWrap .btnKisotaion span:before {
	position: absolute;
	left: -27px;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 15px;
	height: 12px;
	background: url(/eve/common/img/icon_heart.svg) no-repeat center center;
	background-size: 15px 12px;
}
.period_painPage .sideNav.cause > li:nth-child(3) li:nth-child(1) {
	letter-spacing: -0.5px;
}

/* ローカルタイトル */
.boxSkin02 .headingWrap {
	margin: -50px -50px 30px -50px;
}
.headingWrap {
	padding: 15px 40px 20px 40px;
	border-top: 3px solid #191465;
	border-radius: 0 0 0 30px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.14);
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #edf5ff 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#edf5ff 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#edf5ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edf5ff',GradientType=0 );
}
.headingWrap .inner {
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
	box-shadow: 0 1px 0 0 #ffffff;
}
.headingWrap h2 {
	color: #1d2088;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.5px;
}
.headingWrap .inner + p {
	padding-left: 8px;

}

/* 関連リンク */
.boxRelatedTopicWrap {
	padding: 35px 0 60px;
}
.boxRelatedLinkWrap {
	padding: 40px 0 30px;
}
.boxRelatedTopicWrap .wrapper,
.boxRelatedLinkWrap .wrapper {
	text-align: center;
}
.boxRelatedTopicWrap .ttlSkin03,
.boxRelatedLinkWrap .ttlSkin03 {
	margin-bottom: 18px;
}
.relatedList li {
	float: left;
}
.relatedList li a {
	padding: 10px;
	border-radius: 0 0 0 20px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.14);
	text-align: left;
	line-height: 1.4;
}
.boxRelatedTopicWrap .relatedList {
	display: inline-block;
	margin-left: -30px;
}
.boxRelatedTopicWrap .relatedList li {
	width: 300px;
	margin-left: 30px;
}
.boxRelatedTopicWrap .relatedList li a {
	min-height: 140px;
}
.boxRelatedTopicWrap .relatedList li img {
	vertical-align: middle;
}
.relatedList li [src*=ph_products_evea],
.relatedList li [src*=ph_products_eveaex],
.relatedList li [src*=ph_products_eveqdx],
.relatedList li [src*=ph_products_eveq] {
	width: 119px!important;
}
.relatedList li [src*=ph_products_evemelt] {
	width: 101px;
}
.relatedList li [src*=ph_related_cmex],
.relatedList li [src*=ph_related_cmdx] {
	width: 98px!important;
}
.boxRelatedTopicWrap .relatedList li span {
	display: inline-block;
	margin-left: 15px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.boxRelatedTopicWrap .relatedList li span.long {
	margin-left: 11px;
}

.boxRelatedLinkWrap .relatedList {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin-left: 0 !important;
}
.boxRelatedLinkWrap .relatedList:not(:has( li:nth-child(3))) {
	justify-content: center;
}
.boxRelatedLinkWrap .relatedList:has(li:nth-child(4):last-child) {
	max-width: 640px;
	margin: 0 auto !important;
}
.boxRelatedLinkWrap .relatedList::after {
	display: none !important;
}
.boxRelatedLinkWrap .relatedList li {
	float: none;
	width: 300px;
	height: 84px;
	margin-left: 0;
}
.boxRelatedLinkWrap .relatedList li a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 20px;
	height: 100%;
}
.boxRelatedLinkWrap .relatedList li a:after {
	right: 6px;
	bottom: 6px;
}
.boxRelatedLinkWrap .relatedList li span{
	display: block;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: .15em;
}
.boxRelatedLinkWrap .relatedList li .image {
	width: 84px;
	max-height: none;
    min-height: 0;
    height: auto;
    line-height: 1;
    text-align: center;
}
.boxRelatedLinkWrap .relatedList li .image_2 {
    width: 84px;
	max-height: none;
    min-height: 0;
    height: auto;
    line-height: 1;
    text-align: center;
}
.boxRelatedLinkWrap .relatedList li .image_2 img {
	max-width: 50px;
}
.boxRelatedLinkWrap .relatedList img {
	vertical-align: bottom;
	transform: none !important;
}
.relatedList li [src*=ph_related_cmex],
.relatedList li [src*=ph_related_cmdx] {
	width: 84px !important;
}

.boxRelatedLinkWrap .relatedList li span:not(.image){
	font-size: 1.1rem;
	line-height: 1.3;
}
.boxRelatedLinkWrap .relatedList li span:not(.image) b{
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.4;
}

/* footer　attention */
.footer.attentionWrap {
	text-align: center;
}
.main:has(.boxRelatedLinkWrap .relatedList > li:nth-child(3)) + .footer.attentionWrap {
	text-align: left;
}
.main:has(.boxRelatedLinkWrap .relatedList > li:nth-child(4):last-child) + .footer.attentionWrap {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.footer.attentionWrap {
		text-align: left !important;
	}
}


/*------------------------------------
	共通設定：フッタエリア
------------------------------------*/
/* 「ページの先頭へ」ボタンエリア */
.backtopWrap {
	padding-bottom: 15px;
	border: 1px solid transparent;
	background-color: rgb(10,38,121);
	background-image: -moz-linear-gradient( 0deg, rgb(3,18,77) 0%, rgb(10,38,121) 60%);
	background-image: -webkit-linear-gradient( 0deg, rgb(3,18,77) 0%, rgb(10,38,121) 60%);
	background-image: -ms-linear-gradient( 0deg, rgb(3,18,77) 0%, rgb(10,38,121) 60%);
}
.backtopWrap .btnTop {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	margin: -25px auto 0;
	padding-top: 20px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
}
.backtopWrap .btnTop:before {
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	margin: auto;
	border-right: 2px solid #0005a2;
	border-bottom: 2px solid #0005a2;
	transform: rotate(-135deg);
	/*-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;*/
}
.backtopWrap .btnTop:hover {
	background-color: rgb(0, 5, 162);
}
.backtopWrap .btnTop:hover:before {
	border-right-color: #fff;
	border-bottom-color: #fff;
}

/* フッタ */
footer {
	font-family: "Meiryo UI","BIZ UDPGothic","游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳＰゴシック","MS PGothic",sans-serif;
}
.footerNavWrap {
	padding: 35px 0 40px;
	background-color: rgb(10,38,121);
	background-image: -moz-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
}

.footerNavWrap .wrapper {
	padding-right: 0;
	padding-left: 0;
}

.footerNavWrap .columnWrap {
	display: table;
	width: 100%;
}
.footerNavWrap .column {
	display: table-cell;
	vertical-align: top;
}
.footerNavWrap .column:nth-child(1) {
	width: 100px;
}
.footerNavWrap .column:nth-child(2) {
	width: 230px;
}
.footerNavWrap .column:nth-child(3) {
	width: 200px;
}
.footerNavWrap .column:nth-child(4) {
	width: 180px;
}
.fnav {
	letter-spacing: 0.5px;
}
.fnav dt > .text-menu,
.fnav a {
	color: #fff;
}
.fnav a:hover {
	text-decoration: underline;
}
.fnav dt {
	margin-bottom: 5px;
	font-weight: bold;
}
.fnav dd {
	padding-left: 15px;
}
.fnav li {
	margin-bottom: 5px;
}
.footer.attentionWrap {
	padding: 10px 0 40px;
	font-size: 1.1rem;
}

.bnrEveaSpecial {
	position: relative;
}

.bnrEveaSpecial a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 252px;
	transform: translateY(-100%);
}

.bnrEveaSpecial img {
	width: 100%;
	height: auto;
}

/*
#brandFooter {
	padding-bottom: 10px;
	font-family: "Meiryo UI","BIZ UDPGothic","游ゴシック体","YuGothic", "游ゴシック Medium", "游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳＰゴシック","MS PGothic",sans-serif;
}
#brandFooter .container {
	padding-top: 12px;
	border-top: none;
}
#brandFooter .container .inner {
	position: relative;
	width: 940px;
	padding-bottom: 40px;
}
#brandFooter .container .inner ol {
	float: none;
	text-align: center;
}
#brandFooter .container .inner ol li {
	float: none;
	display: inline-block;
}
#brandFooter .container .inner ol li a {
	color: #262993;
}
#brandFooter .container .inner ol li a:after {
	content: none;
}
#brandFooter .footerLogoSsp {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	float: none;
	width: 100px;
	height: auto;
	margin: auto;
}
#brandFooter .footerLogoSsp img {
	height: auto;
}
*/

/* for IE */
.msie9 .subNav li .iconNew {
	margin-top: -5px;
	margin-left: -82px;
	transform: translate(0,0) scale(1, 1);
}
.msie9 .linkSkin01:after {
	width: 11px;
	height: 11px;
	background: url(../img/icon_ar_r_wh.svg) no-repeat right center;
	background-size: contain;
	transform: scale(1,1);
}
.msie9 .slick-prev, .msie9 .slick-next {
	margin-top: -23px;
	transform: translate(0,0) scale(1, 1);
}
.msie9 .slick-prev:before {
	background: url(../img/icon_ar_l_wh.svg) no-repeat center center;
	transform: translate(0,0) scale(1, 1);
}
.msie9 .btnSkin01.ar:after {
	width: 15px;
	height: 15px;
	margin-top: -7px;
	transform: rotate(0) translateY(0);
	background: url(../img/icon_ar_r_bl.svg) no-repeat right center;
	background-size: contain;
	border: none;
}
.msie9 .btnSkin01.ar:hover:after {
	background: url(../img/icon_ar_r_wh.svg) no-repeat right center;
	background-size: contain;
}
.msie9 .backtopWrap .btnTop:before {
	border: none;
	transform: rotate(0);
	background: url(../img/icon_ar_t_bl.svg) no-repeat center center;
	background-size: contain;
}
.msie9 .backtopWrap .btnTop:hover:before {
	background: url(../img/icon_ar_t_wh.svg) no-repeat center center;
	background-size: contain;
}

/*------------------------------------
共通設定：フローティングバナー
------------------------------------*/
.bnrFixed-pc {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.bnrFixed-pc img {
	width: 282px;
}

/*------------------------------------
共通設定：追従ECリンクSP
------------------------------------*/
.onlineShopFixSp {
	display: none;
}

/*------------------------------------
共通設定：フッターECリンク
------------------------------------*/
.onlineShopFooter {
	width: 100%;
	padding: 39px 0 56px;
}

.onlineShopFooter .onlineShopInner {
	max-width: 710px;
	margin: 0 auto;
}

.onlineShopFooter .onlineShopTtl {
	margin-bottom: 17px;
	text-align: center;
}

.onlineShopFooter .onlineShopTtl > p {
	display: inline-block;
	position: relative;
	padding-left: 42px;
	color: #1200a0;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .onlineShopFooter .onlineShopTtl > p {
		padding-top: 5px;
	} /* IE11 */
}

.onlineShopFooter .onlineShopTtl > p::before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 32px;
	height: 27px;
	background: url(../img/icon_cart_blue.png) no-repeat left top;
}

/*------------------------------------
共通設定：ECリンクPC（右固定）
------------------------------------*/

.onlineShopFixPc {
	display: block;
	position: fixed;
	top: 130px;
	right: 0;
	z-index: 999;
}

.onlineShopFixPc .onlineShopInner {
	display: flex;
	height: 190px;
	margin: 0 auto;
	padding: 14px 0;
	background-color: #0a2679;
	border: 3px solid #fff;
	border-right: 0;
	border-radius: 20px 0 0 20px;
}

/* onlineShopHead */
.onlineShopFixPc .onlineShopHead {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(10px);
	transition: all .24s cubic-bezier(.2,0,.25,.99);
}

.onlineShopFixPc .onlineShopHead .onlineShopInner {
	padding-right: 10px;
}

.onlineShopFixPc .onlineShopHead.is-hover {
	transform: translateX(0);
	transition-duration: .3s;
}

.onlineShopFixPc .onlineShopHead.is-close {
	transform: translateX(100%);
}

.onlineShopFixPc .onlineShopHead.is-open {
	transform: translateX(10px);
	transition-delay: .1s;
}

/* onlineShopBody */
.onlineShopFixPc .onlineShopBody {
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: all .24s cubic-bezier(.2,0,.25,.99);
}

.onlineShopFixPc .onlineShopBody.is-open {
	transform: translateX(0);
	transition-delay: .1s;
}

.onlineShopFixPc .onlineShopBody.is-close {
	transform: translateX(100%);
}

/* onlineShopClose */
.onlineShopFixPc .onlineShopClose {
	width: 55px;
	padding-right: 15px;
	box-sizing: border-box;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	cursor: pointer;
	z-index: 0;
}

.onlineShopBody .onlineShopClose {
	margin-top: -14px;
	margin-bottom: -14px;
	height: calc(100% + 28px);
	border-right: 1px solid #7067be;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .onlineShopFixPc .onlineShopClose .onlineShopTtl .ttl {
		width: 52px;
	} /* IE11 */
}

.onlineShopFixPc .onlineShopClose .onlineShopTtl .ttl {
	padding-top: 25px;
	background: url(../img/icon_cart_wh.png) no-repeat 2px top;
	background-size: 20px 15px;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .onlineShopFixPc .onlineShopClose .onlineShopTtl .ttl {
		background-position: 30px top;
	} /* IE11 */
}

.onlineShopFixPc .onlineShopClose .onlineShopTtl .close {
	margin-top: 55px;
	padding-top: 30px;
	background: url(../img/iconClose.png) no-repeat center top;
	background-size: 18px 18px;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .onlineShopFixPc .onlineShopClose .onlineShopTtl .close {
		background-position: 9px top;
	} /* IE11 */
}

/* onlineShopOpen */
.onlineShopFixPc .onlineShopOpen {
	width: 620px;
	box-sizing: border-box;
	margin: 28px auto 0;
	padding-right: 30px;
	padding-left: 30px;
	color: #fff;
	text-align: center;
	z-index: 1;
}

.onlineShopFixPc.is-open .onlineShopTtl .ttl {
	display: none;
}
.onlineShopFixPc.is-open .onlineShopTtl .close {
	display: block;
}

.onlineShopFixPc .onlineShopOpen .onlineShopTtl {
	margin-bottom: 10px;
	text-align: center;
}

.onlineShopFixPc .onlineShopOpen .onlineShopTtl .ttl {
	display: inline-block;
	position: relative;
	padding-left: 28px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .04em;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .onlineShopFixPc .onlineShopOpen .onlineShopTtl .ttl {
		padding-top: 8px;
	} /* IE11 */
}

.onlineShopFixPc .onlineShopOpen .onlineShopTtl .ttl::before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 15px;
	background: url(../img/icon_cart_wh.png) no-repeat center top;
	background-size: cover;
}

/*------------------------------------
共通設定：ECリンクメニューPC
------------------------------------*/

.onlineShopBtnMenu {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	width: 100%;
	box-shadow: 1px 0 2px rgba(0,0,0,.1);
}

.onlineShopBtnMenuItem {
	flex-basis: calc((100% - 2px) / 3);
	max-width: calc((100% - 2px) / 3);
	height: 60px;
}

.onlineShopBtnMenuItem:not(:first-child) {
	margin-left: 1px;
}

.onlineShopBtn {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

.onlineShopFixPc .onlineShopBtn {
	padding-top: 19px;
}

.onlineShopFooter .onlineShopBtn {
	padding-top: 18px;
}

.onlineShopBtn:hover {
	background-color: #f4f5ff;
}

.onlineShopBtnMenuItem:first-child .onlineShopBtn {
	border-radius: 6px 0 0 6px;
}

.onlineShopBtnMenuItem:last-child .onlineShopBtn {
	border-radius: 0 6px 6px 0;
}

.onlineShopBtn::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 15px;
	height: 12px;
	background: transparent url(../img/icon_window.svg) 0 0 no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	content: "";
}

.onlineShopBtnImage {
	display: block;
}

.onlineShopBtnImage.amazon {
	max-width: 94px;
}
.onlineShopFixPc .onlineShopBtnImage.amazon {
	margin-left: 36px;
}
.onlineShopFooter .onlineShopBtnImage.amazon {
	margin-left: 68px;
}

.onlineShopBtnImage.rakuten {
	max-width: 109px;
}
.onlineShopFixPc .onlineShopBtnImage.rakuten {
	margin-left: 29px;
}
.onlineShopFooter .onlineShopBtnImage.rakuten {
	margin-left: 58px;
}

.onlineShopBtnImage.lohaco {
	max-width: 121px;
}

.onlineShopFixPc .onlineShopBtnImage.lohaco {
	margin-top: 3px;
	margin-left: 23px;
}
.onlineShopFooter .onlineShopBtnImage.lohaco {
	margin-top: 4px;
	margin-left: 54px;
}

/* sp向けスタイル */
@media screen and (max-width: 767px) {
	/* --------------------

	共通設定

	--------------------*/
	/* 文字など */

	/* リンク色設定 */

	/* 配置・レイアウト */
	.wrapper {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* ボタン */
	.btnSkin01 {
		min-width: inherit;
		padding: 12px 50px;
		font-size: 1.5rem;
	}
	.btnSkin01.ar:after {
		right: 15px;
		width: 10px;
		height: 10px;
		transform: rotate(-45deg) translateY(-60%);
	}
	.btnSkin02 {
		min-width: 200px;
		padding: 8px 10px;
	}
	.btnSkin02.ar {
		padding-right: 20px;
	}
	.btnSkin03 {
		padding: 17px 20px 17px 15px;
	}
	.btnSkin03.ar:after {
		width: 9px;
		height: 9px;
		border-width: 2px;
	}
	.btnSkin04 {
		min-width: 250px;
		font-size: 1.5rem;
	}
	.btnSkin04.ar:after {
		right: 8px;
	}

	/* hover */
	.hoverSkin01 a:after {
		right: 5px;
		bottom: 5px;
	}

	/* 背景 */

	/* タイトル */
	.secPagetitle {
		box-shadow: none;
	}
	.secPagetitle .wrapper {
		height: 80px;
	}
	.secPagetitle h1 {
		padding-top: 0;
		font-size: 2.1rem;
	}
	.ttlSkin01 {
		margin-bottom: 15px;
		font-size: 2.1rem;
	}
	.ttlSkin02 {
		margin-bottom: 18px;
		font-size: 1.9rem;
	}
	.ttlSkin03 {
		font-size: 1.6rem;
	}
	.ttlSkin04 {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
		padding: 3px;
		font-size: 2.0rem;
	}
	.ttlSkin05 {
		position: relative;
		margin: 26px auto 12px 10px;
		padding: 2px 0 1px 14px;
		border-left: none;
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.ttlSkin05:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 4px;
		height: 20px;
		background: #333695;
	}

	/* カラム */
	.column02 {
		margin-left: 0;
	}
	.column02 > li,
	.column02 > .col {
		float: none;
		width: auto;
		margin: auto;
	}

	/* ボックス */
	.boxSkin01 {
		padding: 0 8px 12px;
		border-radius: 0 0 0 10px;
	}
	.boxSkin01 .title {
		margin: -1px -9px 4px;
		font-size: 1.1rem;
	}
	.boxSkin02 {
		padding: 20px 15px;
		border-radius: 0 0 0 15px;
	}
	.boxSkin03 {
		padding: 8px 15px;
	}
	.boxSkin03 .title {
		margin-bottom: 6px;
		padding-bottom: 4px;
		font-size: 1.5rem;
	}
	.boxSkin04 {
		padding: 8px;
	}
	.boxSkin05 {
		padding: 10px 20px 15px 24px;
		font-size: 1.3rem;
		line-height: 1.38;
	}
	.boxSkin05 .title {
		position: relative;
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	.boxSkin05 .title.iconMemo {
		padding-left: 30px;
	}
	.boxSkin05 .title.iconMemo img {
		position: absolute;
		top: 0;
		left: 0;
		width: 27px;
		height: 25px;
		margin: 0px 8px 0 -5px;
		transform: translateY(-4px);
	}
	.boxSkin05 .title.iconComment {
		padding-left: 33px;
	}
	.boxSkin05 .title.iconComment img {
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 26px;
		transform: translate(-5px, -3px);
	}

	/* リスト */
	.listSkin01 li {
		padding: 2px 0 2px 18px;
		font-size: 1.1rem;
		letter-spacing: -1px;
	}
	.listSkin01 li:before {
		width: 11px;
		height: 11px;
		border-radius: 1px;
	}
	.listSkin01 li:after {
		width: 11px;
		top: 7px;
		height: 8px;
		background-size: contain;
	}
	.listSkin03 li {
		padding-left: 15px;
	}
	.listSkin03 li:before {
		width: 11px;
		height: 11px;
		box-shadow: inset 0 0 0 1px #fff;
	}

	/* その他 */
	.show-sp {
		display: block!important;
	}
	.show-sp.inline {
		display: inline-block!important;
	}
	.show-pc, .show-pc.inline {
		display: none!important;
	}
	.textSelfmedication p {
		table-layout: fixed;
		margin: 15px 20px 0px;
	}
	.top_textSelfmedication p {
		margin: 0 20px 0px;
	}
	.textSelfmedication img {
		width: auto;
		margin-right: 0;
	}
	.textSelfmedication a {
		width: calc(100% - 60px);
		padding-left: 15px;
		padding-top: 0;
		font-size: 1.1rem;
		text-align: left;
	}
	.textSelfmedication a:after,
	.iconBlank:after {
		width: 15px;
		height: 12px;
		margin-left: 2px;
		background-size: 15px 12px;
	}

  /* AEXnewアイコン */
  .megaMenu.products .subNav .eveaex::before {
    display: none;
  }

	/*------------------------------------
	共通設定：ヘッダ
	------------------------------------*/
	.container {
		padding-top: 50px;
	}

	header {
		position: fixed;
		width: 100%;
		height: 50px;
	}
	header > .wrapper {
		height: 50px;
	}
	header #eve-logo {
		width: 50px;
		margin-top: 12px;
		margin-left: 5px;
	}
	header #eve-logo a {
		display: block;
	}
	header #eve-logo img {
		width: 50px;
		height: 25px;
	}
	header .snsBtnWrap {
		display: none;
	}
	.headerPrimary {
		position: relative;
		z-index: 110;
		margin-top: 9px;
		margin-right: 47px;
	}
	.headerPrimary .languageWrap dt {
		display: block;
		text-align: center;
		line-height: 1.5;
	}
	.headerPrimary .languageWrap dt:after {
		display: block;
		content: "Language";
		color: #a1a2e5;
		font-size: 0.8rem;
	}
	.headerPrimary .languageWrap dt img {
		width: 17px;
	}
	.headerPrimary .languageWrap dd {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
		background-image: -moz-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
	}
	.headerPrimary .langList,
	.headerPrimary .langList li {
		display: block;
	}
	.headerPrimary .langList li {
		margin: 0;
		border-top: 1px solid #1555c2;
	}
	.headerPrimary .langList li a {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.headerPrimary .langList li a:after {
		position: absolute;
		right: 15px;
		top: 50%;
		display: block;
		content: "";
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg) translateY(-55%);
	}

	/*------------------------------------
	共通設定：グローバルナビ
	------------------------------------*/
	.layer {
		opacity: 0;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
	}
	.menu_open {
		overflow-y: hidden;
	}
	.menu_open .layer {
		position: fixed;
		z-index: 150;
		opacity: 1;
		width: 100%;
		height: 100%;
		overflow-y: hidden;
		background: rgba(255,255,255,0.7);
	}
	header .sp-menu {
		position: fixed;
		top: 5px;
		right: 10px;
		z-index: 9999;
		display: block;
		width: 40px;
		height: 40px;
	}
	header .sp-menu span {
		position: absolute;
		left: 9px;
		display: block;
		width: 21px;
		height: 2px;
		background: #fff;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
	}
	header .sp-menu span:nth-child(1) {
		top: 11px;
	}
	header .sp-menu span:nth-child(2) {
		top: 19px;
	}
	header .sp-menu span:nth-child(3) {
		top: 27px;
	}
	header .sp-menu.open span:nth-child(1) {
		top: 19px;
		transform: rotate(45deg);
	}
	header .sp-menu.open span:nth-child(2) {
		width: 0;
	}
	header .sp-menu.open span:nth-child(3) {
		top: 19px;
		transform: rotate(-45deg);
	}

	nav {
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: .4s;
		-o-transition: .4s;
		transition: .4s;
	}
	.menu_open nav {
		height: calc(100% - 50px);
		max-height: 830px;
	}
	nav .wrapper {
		width: auto;
		padding: 0;
	}
	nav > .wrapper {
		/*position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;*/
	}
	.gnav {
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgb(10,38,121);
		background-image: -moz-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		text-align: left;
	}
	.gnav li {
		display: block;
		padding: 0;
		border-top: 1px solid #001CC2;
	}
	.gnav li:before {
		content: none!important;
	}
	.gnav li a {
		display: block;
		padding: 10px 15px;
		color: #fff !important;
		font-size: 1.5rem;
	}
	.gnav > li > a:after {
		position: absolute;
		right: 15px;
		left: auto;
		top: 50%;
		bottom: auto;
		content: "";
		display: block;
		opacity: 1;
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-bottom: 2px solid #fff;
		background: none;
		transform: rotate(-45deg) translateY(-55%);
	}
	.gnav > li.acMenu > a:after {
		content: "＋" !important;
		position: absolute;
		top: 50%;
		right: 10px !important;
		bottom: auto;
		left: auto;
		width: 18.5px !important;
		height: 30px !important;
		border: 0;
		background: none;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		transform: rotate(0) translateY(-50%);
	}
	.gnav > li.acMenu > a.open:after {
		content: "―" !important;
	}

	.gnav .btnClose {
		padding: 12px;
		font-size: 1.2rem;
		text-align: center;
	}
	.gnav .btnClose img {
		width: 12px;
		margin-right: 8px;
		vertical-align: middle;
	}
	.productsPage .gnav > li:first-child > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.aboutPage .gnav > li:nth-child(2) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.headachePage .gnav > li:nth-child(3) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.period_painPage .gnav > li:nth-child(3) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.shoulder_painPage .gnav > li:nth-child(3) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.faqPage .gnav > li:nth-child(4) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}
	.cmPage .gnav > li:nth-child(5) > a:after {
		right: 15px;
		left: auto;
		bottom: auto;
		width: 8px;
		height: 8px;
		background: transparent;
	}

	/* メガメニュー */
	.megaMenu {
		position: static;
		display: block;
		padding: 0;
	}
	.megaMenu .tar {
		display: none;
	}
	.megaMenu .subNav {
		margin: 0;
		padding:0;
		border: none;
		background-image: -moz-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(11,34,186) 0%, rgb(19,40,127) 100%);
	}
	.megaMenu .subNav li {
		float: none;
		width: auto;
		min-height: 0;
		border: none;
		padding: 0;
		margin-top: 0;
	}
	.megaMenu .subNav li a {
		font-size: 1.2rem;
	}
	.megaMenu.products {
		display: block!important;
	}
	.megaMenu.products .subNav {
		gap: 0;
		margin-bottom: 0;
		width: 100%;
	}
	.megaMenu.products .subNav li > a {
		position: relative;
		display: flex;
		display: -webkit-flex;
		-webkit-align-items: center;
		min-height: 65px;
		align-items:		 center;
		padding: 0 20px;
		text-align: left;
	}
	.megaMenu.products .subNav li:not(:last-child) > a:after,
	.megaMenu.products .subNav li:not(:last-child) > div:after {
		position: absolute;
		left: 20px;
		right: 20px;
		bottom: 0;
		content: "";
		display: block;
		border-bottom: 1px dotted rgba(255,255,255,0.7);
	}
	.megaMenu.products .subNav li > a img {
		width: 80px;
		margin: 5px auto;
		vertical-align: middle;
	}
	.megaMenu.products .subNav li mark {
		padding-left: 10px;
		font-size: 1.4rem;
	}
	.megaMenu.products .subNav li > a span.iconNew {
		left: 110px;
		top: 10px;
		display: block;
		padding: 0 5px;
		background-color: rgb(255, 51, 102);
		color: #fff;
		font-size: 1.0rem;
		line-height: 1.4;
		transform: scale(0.8,0.8);
		transform-origin: left top;
	}
	.megaMenu.products .subNav li {
		width: 100%;
	}
	.megaMenu.products .subNav li a {
		padding: 15px 20px 10px;
	}
	.megaMenu.products .subNav li a span {
		display: none;
	}


	/* 製品 */
	.megaMenu.products .subNav li {
		display: block;
		width: 100%;
	}
	.megaMenu.products .subNav li:not(:nth-child(3n)){
		margin-right: 0;
	}
	.megaMenu.products .subNav li > a {
		flex-direction: row;
		justify-content: flex-start;
		padding: 15px 20px 15px;
		text-align: center;
	}
	.megaMenu.products .subNav li > div {
		position: relative;
		display: grid;
		grid-template-columns: 80px calc(100% - 90px);
		grid-template-areas: 'image text1'
							 'image text2';
		gap: 0 10px;
		width: 100%;
		min-height: 65px;
		padding: 0 20px;
		text-align: left;
	}
	.megaMenu.products .subNav li:nth-child(4) > a{
		padding: 15px 20px 10px;
	}
	.megaMenu.products .subNav li .image {
		position: relative;
		flex: 0 0 80px;
		width: 80px;
		height: auto;
		margin-left: 0;
		margin-right: 10px;
		margin-bottom: 0;
	}
	.megaMenu.products .subNav li .image img {
		width: 100%;
		height: auto;
	}
	.megaMenu.products .subNav .eveqdx .image {
		padding-top: 0;
	}
	.megaMenu.products .subNav li.eve3sp {
		width: 100%;
	}
	.megaMenu.products .subNav li.eve3sp .image {
		display: flex;
		align-items: center;
		grid-area: image;
		margin-right: 0;
	}
	.megaMenu.products .subNav li.eve3sp a {
		display: block;
		width: auto;
		padding: 25px 0;
		text-align: left;
	}
	.megaMenu.products .subNav li.eve3sp a:nth-of-type(1) {
		position: relative;
		grid-area: text1;
	}
	.megaMenu.products .subNav li.eve3sp a:nth-of-type(1):after {
		position: absolute;
		left: 10px;
		right: 0;
		bottom: 0;
		content: "";
		display: block;
		border-bottom: 1px dotted rgba(255,255,255,0.7);
	}
	.megaMenu.products .subNav li.eve3sp a:nth-of-type(2) {
		grid-area: text2;
	}


	.megaMenu.about,
	.megaMenu.everydayProject,
  .megaMenu.cmGallary,
	.megaMenu.pain,
	.megaMenu.campaign {
		display: none;
		padding-top: 0;
		padding-bottom: 0;
	}
	.open .megaMenu.about,
	.open .megaMenu.everydayProject,
  .open .megaMenu.cmGallary,
	.open .megaMenu.pain,
	.open .megaMenu.campaign {
		display: block;
	}
	.acMenu .megaMenu .column04 {
		margin: 0;
	}
	.acMenu .megaMenu .column04 > li, .column04 > .col {
		float: none;
		width: 100%;
		margin: 0;
	}
	.acMenu .megaMenu .column04 > li {
		margin: 0;
	}
	.acMenu .megaMenu .wrapper .subNav li,
	.acMenu .megaMenu .column04 .subNav li {
		width: 100%;
		margin: 0;
	}
	.acMenu .megaMenu .wrapper .subNav li a,
	.acMenu .megaMenu .column04 .subNav li a {
		display: block;
		width: 100%;
		text-align: left;
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 10px;
		padding-left: 15px;
	}
	.acMenu .megaMenu .wrapper .subNav li a,
	.acMenu .megaMenu .column04 .subNav li a mark {
		font-size: 1.4rem;
	}
	.acMenu .megaMenu .wrapper .subNav li .image,
	.acMenu .megaMenu .wrapper .subNav li .image_long,
	.acMenu .megaMenu .column04 .subNav li .image {
		display: none;
	}

	.megaMenu.cmGallary {
		padding: 0;
	}
	.megaMenu.cmGallary .subNav {
		text-align: left;
	}
	.megaMenu.cmGallary .subNav li {
		float: left;
		display: block;
		width: 50%;
		margin-left: 0;
	}
	.megaMenu.cmGallary .subNav li:nth-child(1) {
		float: right;
	}
	.megaMenu.cmGallary .subNav li a {
		display: block;
		padding: 10px;
		text-align: center;
	}
	.megaMenu.cmGallary .subNav li:nth-child(even) a {
		padding-right: 5px;
	}
	.megaMenu.cmGallary .subNav li:only-child {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.megaMenu.cmGallary .subNav li a img {
		width: auto;
	}

	.megaMenu .catWrap {
		float: none;
		width: auto;
		margin-left: 0!important;
	}
	.megaMenu .catWrap .ttl {
		margin: 0;
	}
	.megaMenu .catWrap .subNav li {
		float: left;
	}

	/*------------------------------------
	共通設定：コンテンツエリア
	------------------------------------*/
	/* パンくず */
	.secPagetitle .breadcrumbs {
		display: none;
	}
	.spBreadcrumbs {
		/*min-height: 80px;*/
		min-height: 40px;
	}
	.breadcrumbs {
		position: static;
		padding: 16px 10px 30px;
		line-height: 1.2;
	}
	.headachePage .breadcrumbs,
	.period_painPage .breadcrumbs,
	.shoulder_painPage .breadcrumbs {
		padding-top: 30px;
	}
	.breadcrumbs li {
		float: none;
		display: inline;
		font-size: 1.0rem;
	}
	.breadcrumbs li:before {
		margin: 0 3px 0 0;
	}

	/* メインエリア */
	.secContentArea {
		padding: 25px 0;
	}

	/* 2カラム */
	.main {
		position: relative;
	}
	.mainInner {
		position: relative;
	}
	.mainInner .contentWrap {
		float: none;
		width: auto;
	}

	/* ローカルナビエリア */
	.sideWrap {
		position: relative;
		z-index: 1;
		float: none;
		background: #d9dffe;
		width: 100%;
	}
	.sideWrap.is-fixed {
		z-index: 200;
	}
	.sideWrap.open {
		z-index: 200;
		background: transparent
	}
	.sideWrap-inner {
		position: fixed;
		top: 100%;
		bottom: 0;
		left: 0;
		z-index: 600;
		width: 100%;
		background: transparent;
		transition: top .2s ease-in;
		overflow: hidden;
	}
	.sideWrap.open .sideWrap-inner {
		top: 35%;
		opacity: 1;
	}
	.shoulder_painPage .sideWrap.open .sideWrap-inner {
		top: calc( 100% - 350px );
	}
	.sideWrap .sidemenu {
		overflow-y: scroll;
		box-sizing: border-box;
		border-top: 2px solid #1d2089;
		border-bottom: 2px solid #1d2089;
		height: 100%;
		opacity: 1;
	}
	.side-toggle-menu {
		position: absolute;
		top: -25px;
		right: 10px;
		z-index: 1;
		display: block;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		background-color: rgb(3,8,77);
		background-image: -moz-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -webkit-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		background-image: -ms-linear-gradient( 0deg, rgb(10,38,121) 0%, rgb(3,8,77) 100%);
		/* transition: top .2s ease; */
	}
	.side-toggle-menu.is-fixed {
		position: fixed;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px;
	}
	.side-toggle-menu.open,
	.side-toggle-menu.is-fixed.open {
		position: fixed;
		top: calc( 35% - 30px );
		z-index: 601;
	}
	.shoulder_painPage .side-toggle-menu.is-fixed.open {
		top: calc( 100% - 350px - 30px );
	}
	.side-toggle-menu:before {
		position: absolute;
		top: 0;
		left: 0;
		content: 'メニュー';
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: transparent;
		font-size: 0;
		background: url(../img/icon_localmenu_open.png) no-repeat 0 0;
		background-size: contain;
	}
	.side-toggle-menu.open:before {
		background-image: url(../img/icon_localmenu_close.png);
	}
	.sideWrap .btnSkin03 {
		border-top-width: 0;
		border-radius: 0;
		background: #fff;
		font-size: 1.5rem;
		line-height: 1.5;
	}
	.sideWrap .btnKisotaion.ar:after {
		position: absolute;
		right: 13px;
		top: 50%;
		content: "";
		width: 10px;
		height: 10px;
		transform: translateY(-60%) rotate( -45deg);
		border: 2px solid transparent;
		border-right-color: #1d2088;
		border-bottom-color: #1d2088;
	}
	.sideNav li li a:before {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 0;
		content: "";
		border-top: 1px dotted #333695;
	}
	.sideNav,
	.sideNav + .sideNav {
		margin-top: 0;
	}
	.sideNav + .sideNav,
	.sideNav.cm {
		box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	}
	.sideNav .ttl {
		padding: 8px 0;
		font-size: 1.7rem;
	}
	.sideNav > li > a {
		padding: 8px 20px;
		background: #eaedfe;
		font-size: 1.5rem;
	}
	.sideNav li li a {
		height: 40px;
		background: #eaedfe;
	}
	.sideNav li a:after {
		right: 23px;
		width: 9px;
		height: 9px;
		border-width: 2px;
	}
	.sideWrap .btnClose {
		position: relative;
		display: block;
		width: 150px;
		margin: 12px auto;
		padding: 3px 0 1px;
		border: 1px solid #191465;
		border-radius: 3rem;
		font-size: 1.3rem;
	}
	.sideWrap .btnClose:before {
		position: absolute;
		top: 50%;
		left: 8px;
		transform: translateY(-50%);
		content: "";
		width: 10px;
		height: 10px;
		background: url(/eve/common/img/iconClose_bl.png) no-repeat center center;
		background-size: 10px 10px;
	}
	.sideWrap .btnKisotaion {
		border-top: 1px solid #191465;
		margin-top: 0;
	}
	.sidemenu_open .layer {
		position: fixed;
		top: 0;
		bottom: 0;
		z-index: 150;
		opacity: 1;
		width: 100%;
		background: rgba(0,0,0,0.5);
	}

	/* ローカルタイトル */
	.boxSkin02 .headingWrap {
		margin: -20px -15px 0;
	}
	.headingWrap {
		padding: 15px;
		border-radius: 0 0 0 15px;
	}
	.headingWrap .inner {
		margin-bottom: 5px;
		border: none;
		box-shadow: none;
	}
	.headingWrap h2 {
		padding-top: 20px;
		padding-left: 10px;
		border-top: 1px solid #dedede;
		box-shadow: inset 0 1px 0 0 #ffffff;
		font-size: 1.6rem;
		line-height: 1.25;
	}
	.headingWrap .inner + p {
		padding-top: 3px;
		padding-left: 10px;
		font-size: 1.3rem;
		line-height: 1.38;
	}

	/* 関連リンク */
	.boxRelatedTopicWrap {
		padding: 24px 0 20px;
	}
	.boxRelatedLinkWrap {
		padding: 13px 0 8px;
	}
	.boxRelatedTopicWrap .ttlSkin03,
	.boxRelatedLinkWrap .ttlSkin03 {
		margin-bottom: 5px;
		font-size: 2.1rem;
	}
	.relatedList li {
		float: left;
	}
	.relatedList li a {
		padding: 5px;
		border-radius: 0 0 0 10px;
	}
	.relatedList li a:after {
		border-width: 5px;
	}
	.boxRelatedTopic .relatedList {
		display: block;
		margin-left: 0;
	}
	.boxRelatedTopic .relatedList li {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 6px;
	}
	.boxRelatedTopic .relatedList li a {
		min-height: 70px;
		padding: 5px;
	}
	.boxRelatedTopic .relatedList li a img {
		width: 60px;
		height: 60px;
		margin-bottom: 0;
	}
	.boxRelatedTopic .relatedList li span {
		margin-left: 11px;
		font-size: 1.3rem;
	}
	.boxRelatedLinkWrap .relatedList {
		gap: 10px;
		margin-left: 0;
	}
	.boxRelatedLinkWrap .relatedList li {
		width: calc(50% - 5px);
		height: auto;
	}
	.boxRelatedLinkWrap .relatedList:not(:has( li:nth-child(2))) {
		justify-content: center;
	}
	.boxRelatedLinkWrap .relatedList li a {
		padding: 22px 10px 17.5px;
		/* padding: 10px; */
		flex-direction: column;
		min-height: 75px;
	}
	.boxRelatedLinkWrap .relatedList li .image {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 45px;
	}
	.relatedList li [src*=img_related_period_pain],
	.relatedList li [src*=img_related_headache],
	.relatedList li [src*=ph_related_qa] {
		width: 65px !important;
	}
	.relatedList [src*=icon_relatedLink_faq] {
		transform: translateY(-1px);
	}
	.relatedList [src*=icon_relatedLink_faq] {
		margin-bottom: -5px;
	}
	.relatedList li [src*=ph_related_cmex],
	.relatedList li [src*=ph_related_cmdx] {
		width: auto!important;
		height: 100%;
	}
	.relatedList li [src*=ph_products_evea],
	.relatedList li [src*=ph_products_eveaex],
	.relatedList li [src*=ph_products_eveqdx],
	.relatedList li [src*=ph_products_eveq] {
		width: 77px!important;
	}
	.relatedList li [src*=ph_products_eve3sp] {
		width: 77px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_products_eveq]) .image,
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_products_eveqdx]) .image {
		height: 30.5px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_products_evea]) .image {
		height: 32px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_products_eveaex]) .image {
		height: 34px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_products_eve3sp]) .image {
		height: 43.5px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=ph_related_cm]) .image,
	.boxRelatedLinkWrap .relatedList:has( [src*=icon_relatedLink_faq]) .image {
		height: 45px;
	}
	.boxRelatedLinkWrap .relatedList:has( [src*=icon_relatedLink_]) .image {
		height: 50px;
	}

	.boxRelatedLinkWrap .relatedList img {
		max-height: 50px;
		width: auto;
	}

	.boxRelatedLinkWrap .relatedList li span {
		font-size: 1.0rem;
	}
	.boxRelatedLinkWrap .relatedList li span:not(.image) {
		bottom: 7px;
		text-align: center;
	}

	/*------------------------------------
	共通設定：フッタエリア
	------------------------------------*/
	/* 「ページの先頭へ」ボタンエリア */
	.backtopWrap {
		padding-bottom: 10px;
	}

	/* フッタ */
	footer > .sp .sns .snsList.inline {
		display: none;
	}
	.footerNavWrap {
		padding: 0;
	}
	.footerNavWrap .wrapper {
		padding: 0;
	}
	.footerNavWrap .columnWrap {
		display: block;
	}
	.footerNavWrap .column {
		display: block;
		width: auto!important;
	}
	.fnav.mt20,
	.fnav .mt20 {
		margin-top: 0;
	}
	.fnav dt {
		margin-bottom: 0;
		border-bottom: 1px solid #1555c2;
	}
	.fnav dt.mt10 {
		margin-top: 0;
	}
	.fnav dt .text-menu,
	.fnav dt a {
		display: block;
		padding: 11px 10px;
	}
	.fnav dd {
		display: none;
		padding: 0;
		border-bottom: 1px solid #1555c2;
	}
	.fnav dd a {
		display: block;
		padding: 6px 10px 6px 20px;
		font-size: 1.3rem;
	}
	.fnav li {
		margin-bottom: 0;
	}
	.fnav dt.acMenu .text-menu,
	.fnav .acMenu a {
		position: relative;
	}
	.fnav dt.acMenu .text-menu:after,
	.fnav dt.acMenu a:after {
		position: absolute;
		right: 10px;
		top: 50%;
		content: "＋";
		color: #8e90c3;
		font-size: 1.8rem;
		font-weight: bold;
		transform: translateY(-50%);
	}
	.fnav dt.acMenu.open .text-menu:after,
	.fnav dt.acMenu.open a:after {
		content: "－";
	}
	.footerLanguageWrap,
	.footerSnsWrap {
		border-bottom: 1px solid #5c5d99;
		background-image: -moz-linear-gradient( 0deg, rgb(2,5,125) 0%, rgb(17,48,141) 60%);
		background-image: -webkit-linear-gradient( 0deg, rgb(2,5,125) 0%, rgb(17,48,141) 60%);
		background-image: -ms-linear-gradient( 0deg, rgb(2,5,125) 0%, rgb(17,48,141) 60%);
	}
	.footerLanguageWrap .langList li {
		display: inline-block;
		padding: 8px 10px;
	}
	.footerLanguageWrap .langList li a {
		color: #fff;
		font-size: 1.3rem;
	}
	.footerLanguageWrap .langList li:first-child a {
		text-decoration: underline;
	}
	.en .footerLanguageWrap .langList li:first-child a,
	.cn .footerLanguageWrap .langList li:first-child a,
	.tw .footerLanguageWrap .langList li:first-child a {
		text-decoration: none;
	}
	.en .footerLanguageWrap .langList li:nth-child(2) a,
	.cn .footerLanguageWrap .langList li:nth-child(3) a,
	.tw .footerLanguageWrap .langList li:nth-child(4) a {
		text-decoration: underline;
	}

	.footerSnsWrap .snsList li {
		display: inline-block;
		padding: 5px 0;
	}
	.footer.attentionWrap {
		padding: 0 0 14px;
	}
	.footer.attentionWrap p {
		padding-left: 1.3rem;
		padding-top: 7px;
		text-indent: -1.3rem;
	}

	/*------------------------------------
	共通設定：フローティングバナー
	------------------------------------*/
	.bnrFixed-sp {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100px;
		height: 78px;
		border-radius: 0 5px 5px 0;
		z-index: 9;
		transform: translate3d(0, 0, 0);
	}

	.bnrFixed-sp img {
		width: 100%;
	}

	.bnrFixed-sp .bnrFixedInner {
		position: relative;
		background: #fff;
		height: 74px;
		margin: 2px;
		border-radius: 0 5px 5px 0;
	}

	.bnrFixed-sp .bnrBoxDetail {
		display: none;
	}

	.bnrFixed-sp.is-opened {
		width: 265px;
	}

	.bnrFixed-sp.is-opened .bnrBox {
		display: none;
	}

	.bnrFixed-sp.is-opened .bnrBoxDetail {
		display: block;
	}

	.bnrFixed-sp .buttonClose {
		position: absolute;
		right: -6px;
		top: -6px;
	}

	.bnrFixed-sp .buttonClose i {
		border-radius: 50px;
		height: 17px;
		width: 17px;
		display: inline-block;
		position: relative;
	}

	.bnrFixed-sp .buttonClose i::before,
	.bnrFixed-sp .buttonClose i::after {
		background: #fff;
		content: "";
		display: inline-block;
		position: absolute;
		transform: rotate(135deg);
	}

	.bnrFixed-sp .buttonClose i::before {
		height: 2px;
		left: 4px;
		top: 8px;
		width: 10px;
	}

	.bnrFixed-sp .buttonClose i::after {
		height: 10px;
		left: 8px;
		top: 4px;
		width: 2px;
	}

	.bnrFixed-sp .bnrBoxDetail .btn01 {
		position: relative;
		display: table;
		width: 145px;
		height: 28px;
		margin: 7px auto 0;
		background-color: #1d2088;
		border-radius: 13px;
	}

	.bnrFixed-sp .bnrBoxDetail .btn01 a {
		display: table-cell;
		color: #fff;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
	}

	.bnrFixed-sp .bnrBoxDetail .btn01 a::before {
		position: absolute;
		top: 50%;
		right: 8px;
		content: "";
		display: block;
		width: 4px;
		height: 9px;
		margin-top: -5px;
		background: url(../img/icon_ar_r_wh.svg) no-repeat center center;
		background-size: contain;
	}

	/* EX */
	.bnrFixed-sp.bnrFixedEx {
		background-color: #1d2088;
	}

	.bnrFixed-sp.bnrFixedEx .buttonClose i {
		background: #191465;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBox .img {
		position: absolute;
		width: 72px;
		top: 7px;
		left: 10px;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBox .img::after {
		content: '';
		display: block;
		width: 7px;
		height: 13px;
		position: absolute;
		top: 50%;
		right: -11px;
		margin-top: -6px;
		background-image: url(/eve/common/img/arw_floatbnr_ex_sp.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 7px 13px;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .column-left {
		position: absolute;
		bottom: 7px;
		left: 19px;
		width: 71px;
	}


	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .row .column-right {
		padding-left: 85px;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock {
		display: table;
		width: 139px;
		margin: 0 auto;
		padding-top: 9px;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock .text,
	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock .imgEve {
		display: table-cell;
		vertical-align: middle;
	}

	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock .text {
		position: relative;
		top: -5px;
		width: 87px;
		padding-right: 8px;
		text-align: center;
	}
	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock .text img {
		width: 87px;
	}
	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .txtBlock .imgEve {
		width: 52px;
	}
	.bnrFixed-sp.bnrFixedEx .bnrBoxDetail .btn01 a {
		font-size: 10px;
	}

	/* DX */
	.bnrFixed-sp.bnrFixedDx {
		background: -webkit-linear-gradient(-45deg, rgba(231,219,176,1) 0%,rgba(197,172,94,1) 100%);
		background: linear-gradient(135deg, rgba(231,219,176,1) 0%,rgba(197,172,94,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7dbb0', endColorstr='#c5ac5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	.bnrFixed-sp.bnrFixedDx .buttonClose i {
		background: #c5ac5e;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBox .img {
		position: absolute;
		width: 72px;
		top: 7px;
		left: 10px;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBox .img::after {
		content: '';
		display: block;
		width: 7px;
		height: 13px;
		position: absolute;
		top: 50%;
		right: -11px;
		margin-top: -6px;
		background-image: url(/eve/common/img/arw_floatbnr_dx_sp.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 7px 13px;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .column-left {
		position: absolute;
		bottom: 0px;
		left: 4px;
		width: 71px;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .row .column-right {
		padding-left: 53px;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .txtBlock {
		display: table;
		width: 167px;
		margin: 0 auto;
		padding-top: 9px;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .txtBlock .text,
	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .txtBlock .imgEve {
		display: table-cell;
		vertical-align: middle;
	}

	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .txtBlock .text {
		position: relative;
		top: -5px;
		width: 115px;
		padding-right: 8px;

	}
	.bnrFixed-sp.bnrFixedDx .bnrBoxDetail .txtBlock .imgEve {
		width: 52px;
	}

	/*------------------------------------
	共通設定：追従ECリンクSP
	------------------------------------*/
	.onlineShopFixSp {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999;
	}

	.onlineShopFixSp .onlineShopBlk {
		margin: 0 auto;
		background-color: #0a2679;
		border: 3px solid #fff;
		border-bottom: 0;
		border-radius: 20px 20px 0 0;
	}

	.onlineShopFixSp .onlineShopTtl {
		text-align: center;
	}

	.onlineShopFixSp .onlineShopTtl .ttl {
		display: inline-block;
		position: relative;
		padding-left: 24px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.4;
	}

	.onlineShopFixSp .onlineShopTtl .ttl::before {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 20px;
		height: 15px;
		transform: translateY(-50%);
		background: url(../img/icon_cart_wh.png) no-repeat left top;
		background-size: contain;
	}

	/* onlineShopClose */
	.onlineShopFixSp .onlineShopClose {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		width: 68.75%; /* 640 / 440 */
		padding: 19px 10px 18px;
		transition: all .5s ease-out;
	}

	.onlineShopFixSp.is-open .onlineShopClose {
		transform: translate(-50%, 80px);
	}

	/* onlineShopOpen */
	.onlineShopFixSp .onlineShopOpen {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 200px);
		width: 93.75%;
		padding: 13px 10px;
		transition: all .5s ease-out;
	}

	.onlineShopFixSp.is-open .onlineShopOpen {
		transition-delay: .25s;
		transform: translate(-50%, 0);
	}

	.onlineShopFixSp .onlineShopOpen .onlineShopTtl {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-bottom: 15px;
		padding-right: 20px;
		min-height: 21px;
	}

	.onlineShopFixSp .onlineShopOpen .onlineShopTtl .ttl {
		font-size: 1.4rem;
		font-feature-settings: "palt";
	}

	.onlineShopFixSp .onlineShopOpen .onlineShopTtl .close {
		position: absolute;
		top: 0;
		right: 0;
		width: 21px;
		height: 21px;
		background: #fff url(../img/iconClose_bl.png) no-repeat center center;
		background-size: 9px 9px;
		border-radius: 50%;
		text-indent: -9999px;
	}

	/*------------------------------------
	共通設定：ECリンクメニューSP
	------------------------------------*/

	.onlineShopBtnMenuItem {
		flex-basis: calc((100% - 2px) / 3);
		max-width: calc((100% - 2px) / 3);
		height: 40px;
	}

	.onlineShopFixSp .onlineShopBtn,
	.onlineShopFooter .onlineShopBtn {
		padding-top: 15px;
	}

	.onlineShopBtn::after {
		width: 12px;
		height: 10px;
	}

	.onlineShopBtnMenuItem:first-child .onlineShopBtn {
		border-radius: 5px 0 0 5px;
	}

	.onlineShopBtnMenuItem:last-child .onlineShopBtn {
		border-radius: 0 5px 5px 0;
	}

	.onlineShopBtnImage.amazon {
		max-width: 46px;
	}
	.onlineShopFixSp .onlineShopBtnImage.amazon {
		margin-left: 18.3783%;
	}
	.onlineShopFooter .onlineShopBtnImage.amazon {
		margin-left: 22.613%;
	}

	.onlineShopBtnImage.rakuten {
		max-width: 55px;
	}
	.onlineShopFixSp .onlineShopBtnImage.rakuten {
		margin-left: 13.4408%;
	}
	.onlineShopFooter .onlineShopBtnImage.rakuten {
		margin-left: 15.1515%;
	}

	.onlineShopBtnImage.lohaco {
		max-width: 57px;
	}
	.onlineShopFixSp .onlineShopBtnImage.lohaco {
		margin-top: 2px;
		margin-left: 10.8108%;
	}
	.onlineShopFooter .onlineShopBtnImage.lohaco {
		margin-top: 2px;
		margin-left: 14.0703%;
	}

	/*------------------------------------
	共通設定：ECリンクPC（右固定）
	------------------------------------*/
	.onlineShopFixPc {
		display: none;
	}

	/*------------------------------------
	共通設定：フッターECリンク
	------------------------------------*/
	.onlineShopFooter {
		padding: 20px 0 30px;
		margin-top: -1px;
	}

	.onlineShopFooter .onlineShopInner {
		padding: 0 10px;
	}

	.onlineShopFooter .onlineShopTtl {
		margin-bottom: 15px;
	}

	.onlineShopFooter .onlineShopTtl > p {
		padding-left: 23px;
		color: #1200a0;
		font-size: 1.4rem;
	}

	.onlineShopFooter .onlineShopTtl > p::before {
		width: 19px;
		height: 16px;
		background-size: contain;
	}

	.bnrEveaSpecial {
		position: static;
		padding: 14px 14px 6px;
		background-image: -moz-linear-gradient(0deg, rgb(2, 5, 125) 0%, rgb(17, 48, 141) 60%);
		background-image: -webkit-linear-gradient(0deg, rgb(2, 5, 125) 0%, rgb(17, 48, 141) 60%);
		background-image: -ms-linear-gradient(0deg, rgb(2, 5, 125) 0%, rgb(17, 48, 141) 60%);
	}

	.bnrEveaSpecial a {
		position: static;
		width: 100%;
		transform: none;
	}
}

.attentionWrap_sp {
	display: none;
}
.attentionWrap_sp p {
	padding-left: 1.3rem;
	padding-top: 20px;
	border-top: 1px solid #cccdec;
	font-size: 1.1rem;
	text-indent: -1.3rem;
}

.productitem {
	overflow:hidden;
}

/* .promomats */
.promomatsWrp {
	margin-top: -1px;
	padding-bottom: 5px;
}
.promomats {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	text-align: right;
}
.promomats_sp {
	box-sizing: border-box;
	padding: 10px 10px 40px 10px;
	text-align: right;
	font-size: 10px;
}

@media screen and (min-width: 768px) {
	.promomats {display: block}
	.promomats_sp {display: none;}
}
@media screen and (max-width: 767px) {
	.promomatsWrp.bg01 {
		display: none;
	}
	.promomats {display: none}
	.promomats_sp {display: block;}
}

/*------------------------------------
covid19-vaccine
/*------------------------------------ */
/* override for covid19-vaccine */
/* :root[lang="ja"] .container{
	transition: padding-top .1s;
} */

:root[lang="ja"] .covid19-vaccine-enabled .container{
	padding-top: 200px;
	transition: padding-top .5s ease .3s;
}

:root[lang="ja"] .covid19-vaccine-closed .container {
	padding-top: 100px;
	transition-duration: .3s;
	transition-delay: 0s;
}

:root[lang="ja"] .onlineShopFixPc {
	top: 206px;
	transition: top .1s;
}

:root[lang="ja"] .covid19-vaccine-closed .onlineShopFixPc {
	top: 130px;
}

@media screen and (max-width: 767px) {
	/* :root[lang="ja"] .container {
		padding-top: 112px;
	} */

	:root[lang="ja"] .covid19-vaccine-enabled .container{
		padding-top: 152px;
	}

	:root[lang="ja"] .covid19-vaccine-closed .container {
		padding-top: 50px;
	}
}

/* バナー */
.covid19-vaccine {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	z-index: 999;
	padding: 20px 20px;
	background: #ffedd9;
	color: #000000;
	opacity: 0;
	pointer-events: none;
}

.covid19-vaccine-enabled .covid19-vaccine {
	opacity: 1;
	pointer-events: auto;
	transition: opacity .3s linear .8s;
}

.covid19-vaccine .wrapper {
	width: 960px;
    margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
}

.covid19-vaccine a {
	color: #0a2679;
	text-decoration: underline;
}

.covid19-vaccine .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
}

.covid19-vaccine .close a {
	display: block;
	text-decoration: none;
}

.covid19-vaccine .close a span {
	position: relative;
	display: block;
	font-size: 0;
	padding-top: 100%;
	background: #fff;
	border-radius: 50%;
	transition: background .4s;
}

.covid19-vaccine .close a span:before,
.covid19-vaccine .close a span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 14px;
	height: 2px;
	margin: -1px auto auto;
	background: #0a2679;
	transition: background .4s;
}

.covid19-vaccine .close a span:before {
	transform: rotate(45deg);
}

.covid19-vaccine .close a span:after {
	transform: rotate(-45deg);
}

.covid19-vaccine .close a:hover span {
	background: #0a2679;
}

.covid19-vaccine .close a:hover span:before,
.covid19-vaccine .close a:hover span:after {
	background: #fff;
}

.covid19-vaccine .sp-br {
	display: none;
}

@media screen and (max-width: 767px) {
	.covid19-vaccine {
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		z-index: 100;
		padding: 0;
		background: #ffedd9;
		color: #000000;
	}

	.covid19-vaccine .wrapper {
		position: relative;
		width: auto;
		padding: 12px 30px 12px 10px;
		font-size: 11px;
		line-height: 1.8;
	}

	.covid19-vaccine .close {
		top: 5px;
		right: 5px;
		width: 20px;
	}

	.covid19-vaccine .close a span:before,
	.covid19-vaccine .close a span:after {
		width: 10px;
		height: 1px;
		margin-top: -0.5px;
	}

	.covid19-vaccine .sp-br {
		display: inline;
	}
}


/* モーダル */
body.modalOpen {
	position: fixed;
	left: 0;
}

.modalContent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
	z-index: -1;
	overflow-y: auto;
}

.scrollWrapper {
	padding: 10px;
}

.modalContent.modalOpen {
	opacity: 1;
	pointer-events: all;
	z-index: 9999;
}

.modalContentInner {
	display: none;
	position: relative;
	padding: 80px 26px 36px;
	width: 860px;
	min-height: 562px;
	border: 4px solid #dee6ff;
	background-color: #fff;
	font-feature-settings: "palt";
}

.modalContentInner.modalOpen {
	display: block;
	z-index: 1;
}

.modalClose {
	position: absolute;
	top: 26px;
	right: 26px;
	width: 40px;
	height: 40px;
}

.modalClose a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	cursor: pointer;
}

.modalClose a::before,
.modalClose a::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #1d2088;
	content: "";
}

.modalClose a::before {
	transform: rotate(-45deg);
}

.modalClose a::after {
	transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
	.scrollWrapper {
		width: 100%;
	}

	.modalContentInner {
		padding: 39px 28px 70px;
		width: 100%;
		min-height: 485px;
		border-width: 2px;
	}

	.modalClose {
		top: 13px;
		right: 13px;
		width: 20px;
		height: 20px;
	}

	.modalClose a::before,
	.modalClose a::after {
		height: 2px;
	}
}

/* faqList */
#covid19-vaccine .faqList dt,
#covid19-vaccine .faqList dd {
	position: relative;
	padding: 0 0 0 40px;
	letter-spacing: 0.5px;
}
#covid19-vaccine .faqList dt {
	margin-bottom: 15px;
	color: #1d2088;
	font-size: 1.7rem;
	font-weight: bold;
}
#covid19-vaccine .faqList dd {
	margin-bottom: 50px;
	padding-bottom: 42px;
	border-bottom: 1px solid #c0ccfe;
}
#covid19-vaccine .faqList dd:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#covid19-vaccine .faqList dt:before,
#covid19-vaccine .faqList dd:before {
	position: absolute;
	top: -4px;
	left: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 3.2rem;
	line-height: 1;
}
#covid19-vaccine .faqList dt:before {
	content: "Q";
	font-weight: normal;
}
#covid19-vaccine .faqList dd:before {
	content: "A";
	color: #ff306b;
}
#covid19-vaccine .faqList dd .emphasis {
	font-weight: bold;
	color: #1d2088;
}

@media screen and (max-width: 767px) {
	#covid19-vaccine .faqList dt,
	#covid19-vaccine .faqList dd {

		padding: 0 0 0 30px;
		letter-spacing: 0;
	}
	#covid19-vaccine .faqList dt {
		margin-bottom: 8px;
		padding-top: 2px;
		font-size: 1.4rem;
		line-height: 1.42;
	}
	#covid19-vaccine .faqList dd {
		margin-bottom: 22px;
		padding-bottom: 23px;
		font-size: 1.3rem;
		line-height: 1.35;
	}
	#covid19-vaccine .faqList dt:before,
	#covid19-vaccine .faqList dd:before {
		top: 0px;
		left: 0;
		font-size: 1.9rem;
	}
}


.u-sp {
	display: none;
}
.u-pc {
	display: block;
}

@media screen and (max-width: 767px) {
	.u-sp {
		display: block;
	}

	.u-pc {
		display: none;
	}
}