@charset "utf-8";
/* CSS Document */

.checklist {
	background-image: url(https://happyblessing.itembox.design/item/onayami/check_bg.jpg);
	background-color: #ffefcf;
	border-radius: 8px;
	padding: 16px 8px;
	position: relative;
	margin-top: 4em;
}

.checklist .img-ill {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 30%;
}

.checklist h2 {
	border-bottom: 1px solid #facd89;
	margin-top: 0;
	padding: 0 8px 4px;
	color: #6a3906;
}

.checklist h2 strong {
	font-size: 1.2em;
}

.checklist ul {
	list-style: none;
	padding: 0;
	margin-left: 8px;
}

.checklist ul li {
	font-size: 1.1em;
	background: url(https://happyblessing.itembox.design/item/onayami/checkbox.png) no-repeat left top;
	background-size: 1.3em auto;
	padding-left: 1.5em;
	margin-bottom: 1em;
}

.itemlist ul {
	list-style: none;
	padding: 0;
}

.itemlist li a {
	display: block;
	padding: 2em 8px;
	border-bottom: 1px dashed #5c403c;
}

.itemlist a h3 {
	background: url(https://happyblessing.itembox.design/item/onayami/details_arrow.png) no-repeat left top;
	background-size: auto 1em;
	padding: 0 0 0 1.5em;
	margin-left: 0;
	color: #212121;
}

.itemlist a .itemblock {
	display: flex;
}

.itemlist a .pic {
	flex-basis: 40%;
}

.itemlist a .pic img {
	width: 100%;
}

.itemlist a .text {
	flex-basis: 60%;
	padding-left: 8px;
}

.itemlist a p {
	color: #212121;
	margin: 0;
}

.itemlist .backtop {
	text-align: right;
}

.itemlist .backtop a {
	display: inline-block;
	background-color: #c3ba9b;
	color: #fff;
	font-size: 0.8em;
	line-height: 3em;
	padding: 0 16px;
	border-radius: 8px;
}

/* 個別お悩みページ */
.onayami-text {
	background: url(https://happyblessing.itembox.design/item/onayami/line.png) no-repeat center bottom;
	background-size: 150px auto;
	padding: 2em 0 4em;
	margin-bottom: 1em;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.onayami-text h2 {
	padding: 1em;
	font-size: 1.2em;
	line-height: 1.6;
}

.onayami-text h2 strong {
	font-size: 1.6em;
}

.onayami-text.onayami-text h2 {
	padding-left: 0;
}

.onayami-text>h3 {
	background: url(https://happyblessing.itembox.design/item/onayami/h3_arrow.png) no-repeat left top;
	background-size: 2.5em auto;
	font-size: 1.3em;
	margin-top: 4em;
	padding: 0 0 0.5em 3em;
	line-height: 1.65;
}

.onayami-text p {
	line-height: 1.8;
	margin: 1.8em 0;
}

.onayami-text p strong,
.onayami-text ul strong{
	background: linear-gradient(rgba(255,255,153,0) 20%, #ffff99 60%);
	font-weight: normal;
}


.onayami-text .pic {
	padding: 2em 1em;
	text-align: center;
}

.onayami-text .pic img {
	width: 85%;
}

.onayami-text .pic.circle {
	padding: 1em 0;
}

.onayami-text .pic.circle img {
	width: 100%;
}

.onayami-text .sbox {
	border: 2px solid #ffeece;
	border-radius: 8px 16px;
	padding: 8px;
	margin-bottom: 1em;
}

.onayami-text .sbox h3 {
	text-align: center;
	color: #6a3906;
	font-weight: bold;
}

.onayami-text .linkbur {
	text-align: center;
	padding-top: 1em;
}

.onayami-text .linkbur h4 {
	margin: 0 0 4px;
}

.onayami-text .linkbur h4:after {
	content: '▼';
}

.onayami-text .linkbur img {
	width: 100%;
}

.onayami-text.item_zacro h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_zacro.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_maka h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_maka.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_rooibos h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_rooibos.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_kuromame h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_kuromame.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_note h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_none.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_wtg h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_wtg.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_camu h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_camu.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_almond h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_almond.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_warm1 h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_ginger.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_warm h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_socks.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_lactoferrin h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_camu.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_3set h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_nin3set.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_mitochon h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_mitochon.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_manuka h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_manuka.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_kuwa h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_kuwa.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_shampoo h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_shampoo.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_ginger h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_ginger.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_dvd h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_dvd.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_tongkat h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_tongkatali.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_shoovan h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_shevan.png) no-repeat right center;
	background-size: auto 100%;
}

.onayami-text.item_mixnuts h2 {
	background: url(https://happyblessing.itembox.design/item/onayami/ill_almond.png) no-repeat right center;
	background-size: auto 100%;
}

.item_note .pic,
.item_wtg .pic {
	float: right;
	width: 50%;
	padding: 0 0 0 8px;
}

.onayami-text .pic.spoon {
	float: right;
	width: 45%;
	padding: 0 0 0 8px;
}

.onayami-text .itemblock {
	margin-top: 2em;
}

.onayami-text.item_manuka .sbox {
	text-align: center;
}

.onayami-text.item_manuka .sbox h3 {
	text-align: left;
}

.onayami-text.item_manuka .sbox ul {
	display: inline-block;
}

/*------------------------------------------
　幅768px以上↓↓
------------------------------------------*/
@media screen and (min-width: 768px){
/*----------------------------------------*/
.checklist .img-ill {
	top: auto;
	bottom: 0;
	width: 25%;
}

.checklist h2 {
	font-size: 2em;
	margin: 1em 1em 2em;
}

.checklist ul {
	margin-left: 2em;
}

.checklist ul li {
	font-size: 1.4em;
}

.itemlist a .pic {
	flex-basis: 30%;
}

.itemlist a .text {
	flex-basis: 70%;
	padding: 0 16px;
}

/* 個別お悩みページ */
.onayami-text h2 {
	font-size: 1.8em;
	background-position: left center !important;
}

.onayami-text.onayami-text h2 {
	padding: 0.5em 0 0.5em 2em;
}

.onayami-text.item_zacro {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto auto;
	align-items: center;
}

.onayami-text.item_zacro h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_zacro .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_zacro .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_zacro .text1 {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.onayami-text.item_zacro .pic.spoon {
	grid-column: 2 / 3;
	grid-row: 3 / 5;
	float: right;
	width: auto;
}

.onayami-text.item_zacro .text2 {
	grid-column: 1 / 2;
	grid-row: 4 / 5;
}

.onayami-text.item_zacro .linkbur {
	grid-column: 1 / 3;
	grid-row: 5 / 6;
}

.onayami-text.item_rooibos {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_rooibos h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_rooibos .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	margin-right: 1em;
}

.onayami-text.item_rooibos .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 4;
}

.onayami-text.item_rooibos .text {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	margin-right: 1em;
}

.onayami-text.item_rooibos .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_kuromame {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_kuromame h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_kuromame .sbox {
	grid-column: 2 / 3;
	grid-row: 2 / 4;
	margin-left: 1em;
}

.onayami-text.item_kuromame .pic.circle {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_kuromame .pic.text {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.onayami-text.item_kuromame .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_note {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_note h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_note .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_note .pic {
	grid-column: 2 / 3;
	grid-row: 2 / 4;
	width: auto;
}

.onayami-text.item_note .text {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.onayami-text.item_note .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_wtg {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto;
	align-items: center;
}

.onayami-text.item_wtg h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_wtg .text {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_wtg .pic {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	width: auto;
}

.onayami-text.item_wtg .linkbur {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_camu {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_camu h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_camu .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_camu .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_camu .text {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_camu .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_almond {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto;
	align-items: center;
}

.onayami-text.item_almond h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_almond .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_almond .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_almond .linkbur {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_lactoferrin {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_lactoferrin h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_lactoferrin .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_lactoferrin .text {
	grid-column: 1 / 2;
	grid-row: 3 / 4;
}

.onayami-text.item_lactoferrin .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 4;
}

.onayami-text.item_lactoferrin .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_mitochon {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto;
	align-items: center;
}

.onayami-text.item_mitochon h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_mitochon .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_mitochon .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	padding-left: 1em;
}

.onayami-text.item_mitochon .linkbur {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_manuka {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto auto;
	align-items: center;
}

.onayami-text.item_manuka h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_manuka .sbox {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_manuka .text1 {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_manuka .pic.circle {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	padding-right: 1em;
}

.onayami-text.item_manuka .text2 {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_manuka .linkbur {
	grid-column: 1 / 3;
	grid-row: 5 / 6;
}

.onayami-text.item_kuwa {
	display: grid;
	grid-template-columns: 1fr 45%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_kuwa h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_kuwa .sbox {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_kuwa .pic.circle {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
	padding-right: 1em;
}

.onayami-text.item_kuwa .text {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_kuwa .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_shampoo {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto;
	align-items: center;
}

.onayami-text.item_shampoo h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_shampoo .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_shampoo .pic.circle {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_shampoo .linkbur {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_ginger {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_ginger h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_ginger .sbox {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_ginger .text {
	grid-column: 2 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_ginger .pic.circle {
	grid-column: 1 / 2;
	grid-row: 2 / 4;
}

.onayami-text.item_ginger .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

.onayami-text.item_dvd {
	display: grid;
	grid-template-columns: 1fr 50%;
	grid-template-rows: auto auto auto auto;
	align-items: center;
}

.onayami-text.item_dvd h2 {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}

.onayami-text.item_dvd .sbox {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}

.onayami-text.item_dvd .pic {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}

.onayami-text.item_dvd .text {
	grid-column: 1 / 3;
	grid-row: 3 / 4;
}

.onayami-text.item_dvd .linkbur {
	grid-column: 1 / 3;
	grid-row: 4 / 5;
}

/*----------------------------------------*/
}
/*----------------------------------------*/