@charset "UTF-8";
/*レイアウトsp*/
@media screen and (max-width: 767px) {
	/*ヘッダー//////////////////////////////////////////////*/
	body {
		overflow-x: hidden;
	}
	header {
		border-bottom-width: 1px;
	}
	#header_inner {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-width: 767px;
		min-width: 320px;
		height: 54px;
		padding: 12px 15px;
	}
	header h1 {
		margin: 0;
		width: 20%;
		max-width: 160px;
		min-width: 120px;
		height: auto;
	}
	header h1 img {
		width: 100%;
		height: auto;
	}
	/*フッター//////////////////////////////////////////////*/
	#footer_subBox {
		max-width: 767px;
		min-width: 320px;
	}
	.breadList {
		display: none;
	}
	.subLinkList {
		margin: 0 auto;
		padding: 0;
		font-size: 84%;
		color: #231815;
		width: 82%;
		max-width: 622px;
		min-width: 300px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.subLinkList li {
		margin: 1em 0;
		padding: 0;
	}
	.subLinkList li:last-of-type {
		margin: 1em 0 1.8em;
		padding: 0;
	}
	.subLinkList li a {
		display: block;
		margin: 0;
		padding: 10px 0;
		font-weight: bold;
		line-height: 1.5;
		text-align: center;
		text-decoration: none;
		color: #fff !important;
		border: 0px solid transparent;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.subLinkbtnMo a {
		background-color: #ed86b3;
		background-image: url(../images/common/ic_syringe.png), url(../images/common/arrow_base.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left 15px center, right 15px center;
		background-size: 30px auto, 24px auto;
	}
	.subLinkbtnMo a:hover {
		background-color: #fb92d9;
	}
	.subLinkbtnBio a {
		background-color: #2cbbef;
		background-image: url(../images/common/ic_bottle.png), url(../images/common/arrow_base.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left 15px center, right 15px center;
		background-size: 30px auto, 24px auto;
	}
	.subLinkbtnBio a:hover {
		background-color: #00c9dd;
	}
	.subLinkbtnHome a {
		background-color: #afbf1f;
		background-image: url(../images/common/ic_home.png), url(../images/common/arrow_base.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left 15px center, right 15px center;
		background-size: 30px auto, 24px auto;
	}
	.subLinkbtnHome a:hover {
		background-color: #87d256;
	}
	.subLinkList br {
		display: none;
	}
	#footer_wrapper {
		max-width: 767px;
		min-width: 320px;
		font-size: 74%;
	}
	#footer_wrapper ul {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 35px 0 70px;
		text-align: center;
	}
	#footer_wrapper li {
		float: none;
		display: inline-block;
		margin: 0 1.5em;
		padding: 0;
	}
	#footer_wrapper li:first-of-type {
		margin: 0 1.5em;
	}
	/*nav//////////////////////////////////////////////*/
	nav {
		box-sizing: border-box;
		display: block;
		position: absolute;
		z-index: 2000;
		right: 0;
		top: 0;
		z-index: 99999;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		background: #f1f4f7;
		transform: translate(767px);
	}
	/*[start | nav 1段目 設定]*/
	nav ul {
		margin: 0;
		padding: 0;
		line-height: 1;
		list-style-type: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	/*表示順用DIV//////////////////////////////////////////////*/
	.order00 {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}
	.order01 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	.order02 {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.order03 {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	.order01 a, .order02 a {
		background: #d3dee5 url(../images/common/nvbg_close.png) no-repeat right 15px center / 19px auto;
	}
	.order01.open a, .order02.open a {
		background: #d3dee5 url(../images/common/nvbg_open.png) no-repeat right 15px center / 19px auto;
	}
	nav li {
		margin: 0;
		padding: 0;
		line-height: 1;
		list-style-type: none;
	}
	nav li a {
		box-sizing: border-box;
		position: relative;
		display: block;
		margin: 0;
		padding: 15px 50px 15px 15px;
		font-size: 80%;
		font-weight: normal;
		line-height: 1.4;
		text-align: left;
		color: #000 !important;
		background: #d3dee5;
		border-bottom: 1px solid #6d91aa;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	nav li a:visited {
		color: #000 !important;
		text-decoration: none;
	}
	nav li a:hover {
		color: #000 !important;
		text-decoration: none;
	}
	nav li a:active {
		color: #000 !important;
		text-decoration: none;
	}
	nav li a br {
		display: none;
	}
	.btnMo {}
	.btnMoActive {}
	.btnMo:hover {}
	.btnMoActive:hover {}
	.btnBio {}
	.btnBioActive {}
	.btnBio:hover {}
	.btnBioActive:hover {}
	.btnHome {}
	.btnHomeActive {}
	.btnHome:hover {}
	.btnHomeActive:hover {}
	/*[end | nav 1段目 設定]*/
	/*[start | nav 2段目 設定]*/
	nav li ul {
		margin: 0;
		padding: 0;
		line-height: 1;
		list-style-type: none;
	}
	nav li ul li {
		margin: 0;
		padding: 0;
		line-height: 1;
		list-style-type: none;
	}
	nav li ul li a {
		display: block;
		margin: 0;
		padding: 15px 15px 15px 36px;
		text-align: left;
		color: #000 !important;
		background: #f1f4f7;
	}
	nav li ul li a:visited {
		color: #000 !important;
		text-decoration: none;
	}
	nav li ul li a:hover {
		text-decoration: none;
	}
	nav li ul li a:active {
		text-decoration: none;
	}
	nav li ul li:last-of-type {}
	/*《start | nav 2段目 モチダ設定》*/
	ul#navListMo {
		display: none;
	}
	ul#navListMo li {
		width: 100%;
	}
	ul#navListMo li:first-of-type {}
	ul#navListMo li a {
		background: #f1f4f7 url(../images/common/ic_q_mo.png) no-repeat 10px 13px / 24px auto;
	}
	/*
	ul#navListMo li:first-child a {
		background: #f1f4f7 url(../images/common/ic_ind_mo.png) no-repeat 10px 13px / 24px auto;
	}
*/
	ul#navListMo li a:hover {
		color: #f966a6 !important;
	}
	ul#navListMo li a:active {
		color: #f966a6 !important;
	}
	ul#navListMo li.activeMo a {
		color: #f966a6 !important;
	}
	ul#navListMo li.lastMo {}
	ul#navListMo li.anotherMo {}
	ul#navListMo li.moTools {}
	ul#navListMo li.moTools a {
		background: #f1f4f7 url(../images/common/ic_tools.png) no-repeat 10px 13px / 22px auto;
	}
	ul#navListMo li.moGuide {}
	ul#navListMo li.moGuide a, ul#navListMo li.side_bt_mov a {
		background: #f1f4f7 url(../images/common/ic_guide.png) no-repeat 10px 13px / 22px auto;
	}
	/*《end | nav 2段目 モチダ設定》*/
	/*《start | nav 2段目 バイオ設定》*/
	ul#navListBio {
		display: none;
	}
	ul#navListBio li {
		width: 100%;
	}
	ul#navListBio li:first-of-type {}
	ul#navListBio li:last-of-type {}
	ul#navListBio li a {
		background: #f1f4f7 url(../images/common/ic_q_bio.png) no-repeat 10px 13px / 24px auto;
	}
	/*
	ul#navListBio li:first-child a {
		background: #f1f4f7 url(../images/common/ic_ind_bio.png) no-repeat 10px 13px / 24px auto;
	}
*/
	ul#navListBio li a:hover {
		color: #2cbbef !important;
	}
	ul#navListBio li a:active {
		color: #2cbbef !important;
	}
	ul#navListBio li.activeBio a {
		color: #2cbbef !important;
	}
	/*《end | nav 2段目 バイオ設定》*/
	/* Toggle(Button) */
	#navToggle {
		display: block;
		position: absolute;
		right: 15px;
		top: 0;
		width: 36px;
		height: 54px;
		padding: 0;
		cursor: pointer;
		background: none;
		z-index: 99999;
	}
	#navToggle div {
		position: relative;
	}
	#navToggle span {
		display: block;
		position: absolute;
		width: 100%;
		border-bottom: 2px solid #15284b;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#navToggle span:nth-child(1) {
		top: 12px;
	}
	#navToggle span:nth-child(2) {
		top: 24px;
	}
	#navToggle span:nth-child(3) {
		top: 36px;
	}
	.openBtn {}
	.openBtn #navToggle span:nth-child(1) {
		top: 28px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.openBtn #navToggle span:nth-child(2), .openBtn #navToggle span:nth-child(3) {
		top: 28px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.openNav {
		transform: translateZ(0);
		-webkit-transition: .4s ease-in-out;
		-moz-transition: .4s ease-in-out;
		-o-transition: .4s ease-in-out;
		transition: .4s ease-in-out;
	}
	.overlay {
		content: "";
		display: block;
		width: 0;
		height: 0;
		background-color: rgba(211, 222, 229, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0;
		transition: opacity .5s;
	}
	.openLay {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	/*コンテンツ//////////////////////////////////////////////*/
	#wrapper {
		max-width: 767px;
		min-width: 320px;
	}
	/*[section mainTitle]*/
	#mainTitle {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0;
	}
	#mainTitle h1 {
		padding: 15px 15px 0;
		width: 42%;
		max-width: 360px;
		min-width: 300px;
	}
	#mainTitle p {
		padding: 0 15px 0;
		width: 42%;
		max-width: 360px;
		min-width: 290px;
	}
	#mainTitle h2 {
		box-sizing: border-box;
		margin: 0;
		padding: 5px 15px;
		width: 100%;
		max-width: 769px;
		min-width: 290px;
		height: auto;
		font-size: 74%;
		text-align: right;
		color: #fff;
		border: 0px solid taransparent;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	#mainTitle h2.Mo {
		position: relative;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 5px 15px;
		background: #ed86b3;
	}
	#mainTitle h2.Bio {
		position: relative;
		right: 0;
		bottom: 0;
		margin: 0;
		padding: 5px 15px;
		background: #2cbbef;
	}
	main {
		max-width: 767px;
		min-width: 320px;
		margin: 0;
		padding: 0px;
	}
	.articleBox {
		margin: 0;
		padding: 0;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	article {
		margin: 0;
		padding: 24px 30px 30px;
	}
	article h1 {
		margin-top: 0px;
		padding: 20px 0 20px 84px;
		font-size: 115%;
	}
	article h2 {
		padding: 20px 0 20px 84px;
		font-size: 115%;
	}
	.artH1Mo {
		background: transparent url(../images/common/ic_q_mo.png) no-repeat left center / 74px auto;
	}
	.artH2Mo {
		color: #f966a6;
		background: transparent url(../images/common/ic_a_mo.png) no-repeat left center / 74px auto;
	}
	.artH1Bio {
		background: transparent url(../images/common/ic_q_bio.png) no-repeat left center / 74px auto;
	}
	.artH2Bio {
		color: #2cbbef;
		background: transparent url(../images/common/ic_a_bio.png) no-repeat left center / 68px auto;
	}
	.artH1Tools {
		background: transparent url(../images/common/ic_tools2.png) no-repeat left center / 64px auto;
	}
	.artH1Guide {
		background: transparent url(../images/common/ic_guide2.png) no-repeat left center / 64px auto;
	}
	article p {
		margin: 0 0 0.8em;
		padding: 0 1em;
		font-size: 95%;
		line-height: 1.8;
	}
	dl.toolList {}
	dl.toolList dd {
		width: 100%;
	}
	.toolThumb {}
	.toolThumb img {}
	.toolTitle {}
	.toolTitle b {}
	.toolNote {}
	.toolDownload {}
	.toolDownload a {}
	dl.transitionBox {
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		min-width: 320px;
		max-width: 767px;
		margin: 0;
		padding: 0;
	}
	dl.transitionBox dd {
		display: block;
		width: 100%;
		margin: 0;
		padding: 18px 0;
	}
	dl.transitionBox dd a {
		display: block;
		margin: 0;
		padding: 0 45px;
		font-size: 84%;
	}
	dl.transitionBox dd a br {
		display: none;
	}
	.leftTBoxMo {
		border-bottom: 1px solid #6d91aa;
		background: #f1f4f7 url(../images/common/arrow_pink.png) no-repeat right 15px center / 20px auto;
		transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
		-o-transform: rotateZ(180deg);
	}
	.leftTBoxMo a {
		transform: rotateZ(-180deg);
		-ms-transform: rotateZ(-180deg);
		-moz-transform: rotateZ(-180deg);
		-webkit-transform: rotateZ(-180deg);
		-o-transform: rotateZ(-180deg);
	}
	.rightTBoxMo {
		border-top: 1px solid #6d91aa;
		background: #f1f4f7 url(../images/common/arrow_pink.png) no-repeat right 15px center / 20px auto;
	}
	.rightTBoxMo a {
		text-align: right;
	}
	.leftTBoxBio {
		border-bottom: 1px solid #6d91aa;
		background: #f1f4f7 url(../images/common/arrow_blue.png) no-repeat right 15px center / 20px auto;
		transform: rotateZ(180deg);
		-ms-transform: rotateZ(180deg);
		-moz-transform: rotateZ(180deg);
		-webkit-transform: rotateZ(180deg);
		-o-transform: rotateZ(180deg);
	}
	.leftTBoxBio a {
		transform: rotateZ(-180deg);
		-ms-transform: rotateZ(-180deg);
		-moz-transform: rotateZ(-180deg);
		-webkit-transform: rotateZ(-180deg);
		-o-transform: rotateZ(-180deg);
	}
	.rightTBoxBio {
		border-top: 1px solid #6d91aa;
		background: #f1f4f7 url(../images/common/arrow_blue.png) no-repeat right 15px center / 20px auto;
	}
	.rightTBoxBio a {
		text-align: right;
	}
	.decoWeightBold {
		font-weight: bold;
		font-size: 105%;
	}
	.decoWeightnormal {
		font-weight: normal;
		font-size: 87%;
	}
	.artH1Map {
		margin-top: 10px !important;
	}
}
/*[注意　個別調整用クエリ]*/
@media screen and (max-width: 480px) {
	article {
		box-sizing: border-box;
		margin: 0;
		padding: 10px 10px 30px;
	}
	article h1 {
		padding: 10px 0 10px 54px;
		font-size: 100%;
	}
	article h2 {
		padding: 10px 0 10px 54px;
		font-size: 100%;
	}
	.artH1Mo {
		background: transparent url(../images/common/ic_q_mo.png) no-repeat left center / 48px auto;
	}
	.artH2Mo {
		background: transparent url(../images/common/ic_a_mo.png) no-repeat left center / 48px auto;
	}
	.artH1Bio {
		background: transparent url(../images/common/ic_q_bio.png) no-repeat left center / 48px auto;
	}
	.artH2Bio {
		background: transparent url(../images/common/ic_a_bio.png) no-repeat left center / 48px auto;
	}
	.artH1Tools {
		background: transparent url(../images/common/ic_tools2.png) no-repeat left center / 48px auto;
	}
	.artH1Guide {
		background: transparent url(../images/common/ic_guide2.png) no-repeat left center / 48px auto;
	}
	article h3 {
		font-size: 95%;
	}
	article h4 {
		font-size: 87%;
	}
	article p {
		font-size: 87%;
	}
	.noteText {
		font-size: 80%;
	}
	.noteTextS {
		font-size: 70%;
	}
	ul.articleList {
		font-size: 87%;
	}
	ul.articleList li {
		margin: 0 0 0.8em;
		padding: 0 0 0 24px;
		list-style-type: none;
	}
	.alMo li {
		background: transparent url(../images/common/ic_disc_pink.png) no-repeat left top / 18px auto;
	}
	.alBio li {
		background: transparent url(../images/common/ic_disc_sky.png) no-repeat left top / 18px auto;
	}
	ul.articleList li ul {
		margin: 0;
		padding: 1em;
		list-style-type: disc;
	}
	ul.articleList li ul li {
		margin: 0 0 0.5em;
		padding: 0;
		list-style-type: disc;
	}
	.articleFLImgM img {
		float: none;
	}
	.subLinkList br {
		display: block;
	}
	.subLinkList li:first-of-type {
		margin: 3em 0 1em;
		padding: 0;
	}
	.subLinkList li:last-of-type {
		margin: 1em 0 3em;
		padding: 0;
	}
	.spOnlyElement {
		display: block;
	}
	.pcOnlyElement {
		display: none;
	}
	/*サイトマップ*/
	ul.listMap {
		margin: 20px 2%;
		font-weight: bold;
	}
	ul.listMap li {
		margin: 5%;
	}
	ul.listMap li a {
		color: #15284b;
	}
	ul.listMap li ul.ilBio li a {
		background: transparent url(../images/common/ic_q_bio.png) no-repeat left 0.2em / 20px auto;
		padding-left: 30px;
		display: block;
	}
	ul.listMap li ul.ilMo li a {
		background: transparent url(../images/common/ic_q_mo.png) no-repeat left 0.2em / 20px auto;
		display: block;
		padding-left: 30px;
	}
	#rttop {
		z-index: 9999;
		box-sizing: border-box;
		display: none;
		position: fixed; /*固定*/
		bottom: 10px; /*場所を右下に移動*/
		right: 5px; /*場所を右下に移動*/
	}
	#rttop img {
		width: 41px;
		height: auto;
	}
}
/*[注意　個別調整用クエリ 終了]*/