@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/dep6cfn.css");



#loa_cate {
	text-align: center;
	max-width: 100%;
	font-size: 16px;
}

#loa_cate img {
	max-width: 100%;
	vertical-align: bottom;
}

#loa_cate .inner_1000 {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}

#loa_cate .inner_1200 {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

#loa_cate .inner {
	width: 90%;
	margin: auto;
}

#loa_cate .kome {
	font-size: 14px!important;
}

#loa_cate h2 {
	background: #000000;
	color: #FFFFFF;
	font-size: 16px;
	padding: 0.5em 0;
	font-weight: normal;
	margin: auto;
	letter-spacing: 0.1em;
}

#loa_cate h3 {
	font-weight: normal;
	line-height: 2.0;
}

#loa_cate h3 span {
	font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 50px;
	letter-spacing: 0.2em;
}

#loa_cate .flex_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#loa_cate ul,#loa_cate li {
	padding: 0;
	margin: auto;
	list-style: none;
}

#loa_cate .obi li {
	border-right: solid 1px;
}

#loa_cate .obi li:last-child {
	border-right: none;
}



#loa_cate dd {
	margin: auto;
}

#loa_cate a {
	text-decoration: none;
	display: block;
}

#loa_cate .main_img img {
	width: 100%;
}

#loa_cate .obi {
	background: #393939;
	color: #FFFFFF;
	padding: 1.2em 0;
}

#loa_cate .obi a {
	color: #FFFFFF;
}

#loa_cate .obi .flex_box {
	justify-content: center;
}

#loa_cate .obi li {
	padding: 0 1.5em;
	margin: 0;
}

#loa_cate .obi .btn_c {
	border-left: 1px solid;
	border-right: 1px solid;
}

#loa_cate #ninsyo {
	background: #EEEEEE;
}

#loa_cate #ninsyo .box_l {
	width: 28%;
}

#loa_cate #ninsyo .box_r {
	width: 70%;
	text-align: left;
}

#loa_cate #ninsyo .box_r dl {
	padding: 50px 0;
}

#loa_cate #ninsyo .box_r dt {
	font-size: 20px;
	margin-bottom: 0.5em;
}

#loa_cate #ninsyo .box_r dd {
	line-height: 1.8;
}


#loa_cate #ranking {
	padding: 30px 0;
}


#loa_cate #product {
	background: #EEEEEE;
	padding: 5.0em 0;
}

#loa_cate #product ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 1.5em;
}

#loa_cate #product li {
	width: 18%;
	margin-top: 0;
}

#loa_cate #product li p {
	font-size: 15px;
	letter-spacing: 0.1em;
	margin-top: 1.0em;
}


#loa_cate #feature {
	/*background: #EEEEEE;*/
	padding: 5.0em 0;
}

#loa_cate #feature .flex_box {
	align-items: flex-start;
	margin: 3.0em auto auto;
}

#loa_cate #feature li {
	width: 15%;
	font-size: 18px;
	margin-top: 0;
	line-height: 1.4;
}

#loa_cate #feature li span {
	font-size: 12px;
	display: inline-block;
	margin-top: 0.3em;
}

#loa_cate #feature li img {
	margin-bottom: 1em;
}


#loa_cate #fragrance {
	background: #EEEEEE;
	padding: 5.0em 0;
}

#loa_cate #fragrance ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 2.0em;
}

#loa_cate #fragrance li {
	width: 17%;
	border-bottom: 1px solid #707070;
	padding-bottom: 0.8em;
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin: auto 3.5% 1.5em 0;
}

#loa_cate #fragrance li:nth-child(5) {
	margin-right: 0;
}

#loa_cate #fragrance h3 {
	margin-bottom: 3.0em;
}

#loa_cate #fragrance .flex_box {
	flex-wrap: wrap;
	align-items: flex-start;
}

#loa_cate #fragrance .flex_box .box {
	width: 48%;
	text-align: left;
	margin-bottom: 5.5em;
}

#loa_cate #fragrance .flex_box .box h4 {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	background: #393939;
	padding: 0.8em 3%;
	font-size: 20px;
	margin: 1.0em auto;
}

#loa_cate #fragrance .flex_box .box dt {
	font-weight: bold;
	margin-bottom: 0.8em;
}

#loa_cate #fragrance .flex_box .box dd {
	line-height: 2.0;
	font-size: 15px;
	margin-bottom: 2.0em;
}

#loa_cate .sp_only {
	display: none;
}


@media only screen and (max-width: 798px) {
	#loa_cate #fragrance ul {
		justify-content: center;
	}
	
	#loa_cate #fragrance li {
		width: auto;
		margin: 0 2% 1.5em; 
	}
	
	#loa_cate #fragrance li:nth-child(5) {
		margin: auto 2% 1.5em; 
}
	#loa_cate #product ul {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#loa_cate #product li {
		width: 30%;
		margin: 0 1% 1.5em;
	}
	
	
}

@media only screen and (max-width: 480px) {
	#loa_cate .sp_only {
	display: block;
}
	#loa_cate #fragrance .flex_box .box {
		width: 100%;
	}
	#loa_cate #fragrance .flex_box .box h4 {
    font-size: 14px;
}
	#loa_cate #fragrance li {
		font-size: 12px;
	}
	
	#loa_cate .pc_only {
	display: none;
}
	#loa_cate #ninsyo .box_r dd {
		font-size: 12px;
}
	#loa_cate #fragrance .flex_box .box {
    margin-bottom: 2.0em;
}
	
}




#loa_cate .details .ttl {
	background: #393939;
	color: #FFFFFF;
	padding: 1.0em 0;
}


#loa_cate .details .obi_pro {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	color: #707070;
	margin: 4.0em auto;
}

#loa_cate .details .obi_pro li {
	margin: auto 1.5em auto 0;
	padding-right: 1.5em;
	border-right: 1px solid;
}

#loa_cate .details .obi_pro li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#loa_cate .details .obi_pro li a {
	color: #707070;
}

#loa_cate .about {
	padding-bottom: 5.0em;
}

#loa_cate .about .flex_box {
	margin: 3.0em auto;
}

#loa_cate .about .flex_box .box_1 {
	width: 52%;
}

#loa_cate .about .flex_box .box_1 img {
	width: 100%;
}

#loa_cate .about .flex_box .box_2 {
	width: 43%;
	text-align: left;
}

#loa_cate .about .flex_box .box_2 p {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-size: 30px;
	letter-spacing: 0.1em;
	color: #393939;
}

#loa_cate .about .flex_box .box_2 dt {
	font-size: 18px;
	margin: 1.5em auto;
}

#loa_cate .about .flex_box .box_2 dd {
	line-height: 2.0;
}



@media only screen and (max-width: 480px) {
	#loa_cate .about .flex_box {
		flex-direction: column-reverse;
		margin-bottom: 0;
	}
	#loa_cate .about .flex_box .box_1,#loa_cate .about .flex_box .box_2 {
		width: 100%;
	}
	#loa_cate .about .flex_box .box_2 dt {
    font-size: 16px;
    margin: 1.0em auto;
}
	#loa_cate .about .flex_box .box_2 p {
    font-size: 22px;
}
	#loa_cate .about .flex_box .box_2 {
		margin-bottom: 1.5em;
	}
}

#loa_cate .line_up {
	padding: 3.0em 0 5.0em;
}

#loa_cate #loacareoil .line_up {
	padding: 5.0em 0;
}

#loa_cate .line_up h4 {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-size: 45px;
	letter-spacing: 0.1em;
}

#loa_cate .line_up h5 {
	background: #393939;
	color: #FFFFFF;
	font-size: 14px;
	padding: 0.8em 0;
	font-weight: normal;
	line-height: 2.0;
	margin: 3.0em auto;
}

#loa_cate .line_up h5 span {
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-size: 25px;
	letter-spacing: 0.1em;
}

#loa_cate .line_up .btn {
    border-radius: 40px;
    border: 1px solid;
    padding: 0.5em 2.0em;
    margin: 0.8em auto auto auto;
    text-align: center;
    position: relative;
    box-sizing: border-box;
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	max-width: 200px;
}

#loa_cate .line_up .btn:after{
	content: "";
        display: inline-block;
        background: url(https://www.forcise.jp/img/item/loaoil/cate/yajirushi_k.png) no-repeat right;
        background-size: 100%;
        height: auto;
        width: 7%;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.0em;
	pointer-events: none;
}

#loa_cate .line_up .flex_box {
	flex-wrap: wrap;
	justify-content: center;
}

#loa_cate .line_up .flex_box .box {
	width: 25%;
	margin: 5.0em 3% 0;
}

#loa_cate .line_up .flex_box .box p {
	margin-bottom: 2.0em;
}

#loa_cate .line_up .flex_box .box span,#loa_cate .line_up .text_box span {
	font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-size: 23px;
}

#loa_cate .line_up .bc_box {
	display: flex;
	justify-content: center;
	align-items: center;
}

#loa_cate .line_up .bc_box .text_box {
	margin-right: 3%;
}



@media only screen and (max-width: 480px) {
	#loa_cate .line_up h4 {
	font-size: 30px;
}
	#loa_cate .line_up h5 span {
    font-size: 20px;
}
	#loa_cate #loaspray .line_up h5 span {
    font-size: 17px;
}
	
	#loa_cate .line_up h5 {
    font-size: 12px;
}
	#loa_cate .line_up .flex_box .box span,#loa_cate .line_up .text_box span {
	font-size: 16px;
}
	#loa_cate .line_up .btn {
		font-size: 12px;
	}
	#loa_cate .line_up .flex_box .box {
    width: 48%;
    margin: 5.0em auto 0;
}
	#loa_cate .line_up .bc_box .text_box {
		width: 48%;
	}
}



#loa_cate .loaoil_main {	
	padding-bottom: 5.0em;
	color: #FFFFFF;
}

#loa_cate #loatheoil .loaoil_main {
	background: #393939;	
}

#loa_cate #loacareoil .loaoil_main {
	background: #A48278;
}

#loa_cate .loaoil_main dl {
	margin: 3em auto;
}

#loa_cate .loaoil_main dt {
	font-size: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 1.0em;
}

#loa_cate .loaoil_main dd {
	line-height: 1.8;
}

#loa_cate .line_up .beach {
	padding: 80px 0;
}


#loa_cate .line_up .beach .limited {
	color: #FFFFFF;
	font-size: 18px;
	display: inline-block;
	padding: 0.1em 1.5em;
}


#loa_cate #loatheoil .line_up .beach .limited,#loa_cate #line_up .loatheoil .item_b .box_l .limited {
	background: #767845;
}

#loa_cate #loacareoil .line_up .beach .limited,#loa_cate #line_up .loacareoil .item_b .box_l .limited {
	background: #A48278;
}

#loa_cate .beach_set {
	background: #F0F0F0;
	position: relative;
	padding: 80px 0 50px;
	margin: 80px auto 30px;
}

#loa_cate .beach_set .ttl {
	background: #393939;
	color: #FFFFFF;
	display: inline-block;
	font-size: 20px;
	padding: 0.5em 2.0em;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -1.5em;
    width: 80%;
    max-width: 500px;
}

#loa_cate .beach_set .ttl span {
	font-size: 16px;
}

#loa_cate .beach_set p {
	font-size: 20px;
}

#loa_cate .beach_set p span {
	color: #A38278;
	font-weight: bold;
}

#loa_cate .beach_set img {
	margin: 2.0em auto;
}



#loa_cate .line_up .btn .btn_p {
	border-bottom: 1px solid;
	display: inline-block;
	padding-bottom: 0.2em;
}

#loa_cate .line_up ul.btn_2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#loa_cate .line_up ul.btn_2 li{
    width: 49%;
    margin: initial;
	background: #262626;
    margin-bottom: 15px;
}

#loa_cate .line_up ul.btn_2 li a {
    display: block;
	padding-bottom: 0.2em;
	padding: 1.0em 0;
    color: #fff;
    text-decoration: underline;
    text-underline-offset:7px;
}

#loa_cate #loacareoil ul.btn_2 li a{
    background: #A48278;
}


#loa_cate .line_up .obi2 {
	padding: 0.5em 0;
    max-width: 820px;
    margin: 0 auto 30px;
}

#loa_cate .line_up .obi2 .flex_box {
	margin: auto;
	font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
    flex-wrap: wrap;
}

#loa_cate .line_up .obi2 li {
	border-bottom: 1px solid;
	padding-bottom: 1.5rem;
    width: 30%;
    margin: 0 0 5%;
}

#loa_cate .line_up .box {
	margin: 50px auto;
}


#loa_cate .sns {	
	/*color: #FFFFFF;*/
	padding: 5.0em 0;
}

#loa_cate #loatheoil .sns {
	background: #EEEEEE;
}

/*#loa_cate #loacareoil .sns {
	background: #A48278;
}*/

#loa_cate .sns h3 {
	margin-bottom: 1.5em;
}

#loa_cate .sns .h3_span {
	margin: 2.0em auto;
}

#loa_cate .sns .flex_box {
	align-items: flex-start;
	margin-bottom: 3.0em;
}

#loa_cate .sns .box {
	width: 32%;	
}

#loa_cate .sns .box p {
	margin-top: 1.0em;
	font-size: 15px;
	text-align: left;
}

#loa_cate .sns .kome {
	margin-top: 2.0em;
}


#loa_cate .user_voice {	
	padding: 5.0em 0;
}


#loa_cate .user_voice h3 {
	margin-bottom: 30px;
}

#loa_cate .user_voice ul {
	margin: 3.5em auto 2.0em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

#loa_cate .user_voice li {
	/*background: #FFFFFF;*/
	padding: 2.0em 0;
	margin-bottom: 1.0em;
	width: 48%;
	border: 1px solid;
}

#loa_cate .user_voice dl {
	/*display: flex;
	justify-content: space-between;
	align-items: center;*/
	text-align: left;
	padding: 0 2.0em;
}

#loa_cate .user_voice dt {
	font-size: 18px;
	/*width: 18%;*/
	margin: auto;
	line-height: 2.5;
}

#loa_cate .user_voice dd {
	/*width: 78%;*/
	/*border-left: 1px solid;
	padding-left: 1.5em;*/
	margin: 0;
	box-sizing: border-box;
}

#loa_cate .user_voice p {
	font-size: 20px;
	line-height: 2.0;
}

#loa_cate #loa_balm .user_voice {
	background: #F6F6F6;
}



#loa_cate .component {
	padding: 5.0em 0;
	background: #EEEEEE;
	
}

#loa_cate #loa_balm .component {
	background: none;
}

#loa_cate #loa_balm .component .box {
	background: #F6F6F6;
}

#loa_cate .component .box {
	background: rgba(255,255,255,0.8);
	padding: 30px 0;
	margin-top: 50px;
}

#loa_cate .component .made_in {
	border-bottom: 1px solid;
	display: inline-block;
	padding-bottom: 0.5em;
	font-size: 17px;
	font-family: "montserrat", sans-serif;
font-weight: 400;
}

#loa_cate #loacareoil .component .made_in {
	border-bottom: none;
}

#loa_cate .component .seibun {
	margin: 1.0em auto 3.0em;
	font-size: 18px;
}

#loa_cate #loacareoil .component .seibun {
	margin: 2.0em auto;
}

#loa_cate .component dl {
	text-align: left;
	border: 1px solid;
	padding: 1.5em 5%;
}

#loa_cate .component dt {
	font-weight: bold;
	margin: 1.0em auto 0.5em;
}

#loa_cate .component dd {
	border-bottom: 1px dotted;
	padding-bottom: 1.0em;
	line-height: 1.8;
}

#loa_cate .component .last_dd {
	border-bottom: none;
}


#loa_cate .howto {
	padding: 5.0em 0 8.0em;
}

#loa_cate #loatheoil .howto {
	background: #CBCBCB;
}

#loa_cate #loacareoil .howto {
	background: #EDE9E5;
}

#loa_cate #loa_balm .howto {
	background: #F0F0F0;
}

#loa_cate #loa_balm .howto li .box {
	background: #FFFFFF;
}

#loa_cate #loa_balm .howto .kome {
	margin-top: 3.0em;
	text-align: left;
	display: inline-block;
}

#loa_cate #loacareoil .howto ul {
	width: 90%;
	margin: auto;
}

#loa_cate #loa_em .howto {
	background: #eae6e2;
}

#loa_cate #loa_em .howto li .box {
	border: 1px solid;
	background: none;
	padding: 2.0em 5%;
    margin: 4.0em auto
}

#loa_cate #loa_em .howto li .box dt {
	font-size: 15px;
	font-weight: bold;
	border-bottom: none;
}

#loa_cate #loa_em .howto li .box dd {
	margin-bottom: 2.0em;
}

#loa_cate #loa_em .howto li .box dd:last-child {
	margin-bottom: 0;
}

#loa_cate #loa_em .box_w {
	background: #FFFFFF;
	padding: 2.0em 5%;
	margin-bottom: 2.0em;
}



#loa_cate #loacareoil .howto .box_img {
	width: 50%;
}

#loa_cate #loacareoil .howto .flex_box {
	margin-top: 50px;
}

#loa_cate #loacareoil .howto .box_w {
	background: #FFFFFF;
	padding: 1.0em 0;
	/*margin-top: 1.5em;*/
	margin: 5.0em auto auto;
}

#loa_cate .howto p {
	margin: 30px auto;
}

#loa_cate .howto ul {
	margin-top: 50px;
}

#loa_cate .howto .flex_box {
	flex-wrap: wrap;
	align-items: stretch;
}

#loa_cate .howto li {
	text-align: left;
	margin: 0 0 30px;
}

#loa_cate #loatheoil .howto li {
	width: 48%;
}

#loa_cate .howto li dt {
	font-size: 20px;
	border-bottom: 1px solid;
	padding-bottom: 0.2em;
	margin-bottom: 1.0em;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#loa_cate .howto li dt span {
	font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 30px;
	display: inline-block;
	margin-right: 0.5em;
}

#loa_cate .howto li dt p {
	margin: 0;
}

#loa_cate .howto li dd {
	line-height: 1.8;
	font-size: 15px;
}

#loa_cate .howto li dd span {
	font-size: 12px;
	display: inline-block;
	margin: 0.5em auto;
}

#loa_cate .howto li .box {
	background: #E9E9E9;
	padding: 1.0em;
	font-size: 13px;
	margin-top: 1.0em;
}

#loa_cate #loabalm .howto li .box {
	background: #FFFFFF;
}

#loa_cate .p_and_c {
	background: #EDE9E5;
	padding: 5.0em 0;
}

#loa_cate .p_and_c .flex_box {
	margin-top: 30px;
	align-items: flex-start;
}

#loa_cate .p_and_c li {
	width: 25%;
	margin-top: 0;
}

#loa_cate .p_and_c dl {
	margin-top: 1.0em;
}

#loa_cate .p_and_c dt {
	font-size: 18px;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#loa_cate .p_and_c dd {
	text-align: left;
}

#loa_cate #fragrance_p {
	padding-bottom: 50px;
}



#loa_cate #fragrance_p p {
	font-size: 20px;
}

#loa_cate #fragrance_p .osusume {
	border-bottom: 1px solid;
	border-top: 1px solid;
	font-size: 20px;
	padding: 1.0em ;
	margin: 80px auto 30px;
}

#loa_cate #fragrance_p .btn_flex .btn a {
	color: #FFFFFF;
}

#loa_cate #fragrance_p li {
	width: 25%;
}

#loa_cate #fragrance_p .btn_flex {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px auto;
	flex-wrap: wrap;
}

#loa_cate #fragrance_p .btn_flex .btn {
	width: 33%;
	text-align: left;
	position: relative;
}

#loa_cate #fragrance_p .btn_flex .btn:after{
	content: "";
        display: inline-block;
        background: url(https://www.forcise.jp/img/item/loaoil/cate/yajirushi_w.png) no-repeat right;
        background-size: 100%;
        height: auto;
        width: 5%;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
	right: 1.2em;
	pointer-events: none;
}

#loa_cate #fragrance_p .btn_flex .btn01 a {
	background: #393939;
	padding: 1.0em 3.0em 1.0em 1.0em;
	margin: auto 1% 1.0em;
	border-radius: 40px;
	color: #FFFFFF;
}

#loa_cate #fragrance_p .btn_flex .btn02 {
	background: #A48278;
}

#loa_cate #fragrance_p h4 {
	line-height: 3.0;
	font-weight: normal;
	margin: 3.0em auto 2.0em;
}

#loa_cate #fragrance_p h4 span {
	font-family: "montserrat", sans-serif;
font-weight: 400;
	font-size: 45px;
	letter-spacing: 0.1em;
}

#fragrance_p .inner_1000 .fp_p {
	border-bottom: 1px solid;
	padding-bottom: 3.0em;
	margin-bottom: 5.0em;
}

#loa_cate #gift_loa {
	background: #393939;
	color: #FFFFFF;
	padding: 3.0em 0;
}

#loa_cate #gift_loa .box_img {
	width: 50%;
}

#loa_cate #gift_loa .box_p {
	text-align: left;
	width: 50%;
	padding-left: 5.0em;
}

#loa_cate #gift_loa .btn {
	width: 90%;
	border-radius: 40px;
	border: 1px solid;
	padding: 1.5em 2.0em;
	margin: 30px auto auto 0;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	color: #FFFFFF;
}

#loa_cate #gift_loa .btn:after{
	content: "";
        display: inline-block;
        background: url(https://www.forcise.jp/img/item/loaoil/cate/yajirushi_w.png) no-repeat right;
        background-size: 100%;
        height: 20px;
        width: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.2em;
	pointer-events: none;
}

#loa_cate #line_up {
	padding: 80px 0;
}

#loa_cate #line_up h3 {
	margin-bottom: 50px;
}

#loa_cate #line_up h4 {
	font-family: "montserrat", sans-serif;
font-weight: 400;
font-style: normal;
	color: #FFFFFF;
	font-size: 30px;
	padding: 0.4em 0;
	letter-spacing: 0.1em;
}

#loa_cate #line_up .loatheoil h4 {
	background: #393939;
}

#loa_cate #line_up .loacareoil h4 {
	background: #A48278;
}

#loa_cate #line_up .item_b {
	margin-bottom: 50px;
}


#loa_cate #line_up .item_b .box_l .limited {
	color: #FFFFFF;
	font-size: 16px;
	display: inline-block;
	padding: 0.1em 1.5em;
}

#loa_cate #line_up .item_b .flex_box {
	justify-content: center;
	margin: 30px auto 50px;
}

#loa_cate #line_up .item_b .box_l {
	width: 35%;
}

#loa_cate #line_up .item_b .box_r {
	width: 30%;
	padding-left: 5%;
}

#loa_cate #line_up .logo_img {
	max-width: 240px;
	margin: 1.2em auto;
}

#loa_cate #line_up .btn {
	border-radius: 40px;
	border: 1px solid;
	padding: 0.8em 2.0em;
	margin: 15px auto auto 0;
	text-align: left;
	position: relative;
	box-sizing: border-box;
}

#loa_cate #line_up .loatheoil .btn:after{
	content: "";
        display: inline-block;
        background: url(https://www.forcise.jp/img/item/loaoil/cate/yajirushi_k.png) no-repeat right;
        background-size: 100%;
        height: 14px;
        width: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.0em;
	pointer-events: none;
}

#loa_cate #line_up .loacareoil .btn:after{
	content: "";
        display: inline-block;
        background: url(https://www.forcise.jp/img/item/loaoil/cate/yajirushi_b.png) no-repeat right;
        background-size: 100%;
        height: 14px;
        width: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.0em;
	pointer-events: none;
}

#loa_cate #line_up .loatheoil .btn {
	color: #393939;
}

#loa_cate #line_up .loacareoil .btn {
	color: #A58379;
}

#loa_cate #line_up .item_b .btn {
	width: 90%;
	max-width: 300px;
	margin: auto;
}

#loa_cate #line_up ul {
	margin-bottom: 80px;
	align-items: flex-start;
    flex-wrap: wrap;
    max-width: 800px;
}

#loa_cate #line_up li {
	width: 30%;
    max-width: 220px;
	margin-bottom: 60px;
}

#loa_cate #line_up li img {
	margin-bottom: 1.5em;
}

#loa_cate .sp_ {
	display: none;
}

#loa_cate .sp2_ {
	display: none;
}

#loa_cate .sp3_ {
	display: none;
}


@media only screen and (max-width: 798px) {
	#loa_cate .beach_set .ttl {
    padding: 0.5em;
}
	#loa_cate #feature li {
    width: 18%;
    font-size: 16px;
}
	#loa_cate .line_up .flex_box {
    align-items: flex-end;
}
	#loa_cate .user_voice dl {
    padding: 0 1.0em;
}
	#loa_cate .user_voice dt {
    /*width: 21%;*/
    margin: auto 0;
	font-size: 17px;
}
	/*#loa_cate .user_voice dd {
    width: 75%;
}*/
	#loa_cate .howto li dt {
    font-size: 18px;
}
	#loa_cate .beach_set img {
    width: 90%;
}
	#loa_cate h3 span {
    font-size: 35px;
}
	#loa_cate #loaspray h3 span {
		letter-spacing: 0.1em;
}
	#loa_cate #fragrance_p .btn_flex .btn {
    width: 30%;
}
	#loa_cate .sp_ {
		display: block;
	}
#loa_cate .line_up .obi2 li {
  width: 31%;
  font-size: 17px;
}	
#loa_cate .line_up ul.btn_2 li{
    width: 100%;
}
	
	#loa_cate .component .seibun {
    font-size: 16px!important;
}
}


@media only screen and (max-width: 580px) {

	#loa_cate .details .obi_pro {
		flex-wrap: wrap;
		margin: 2.0em auto;
	}
	
		
	#loa_cate .details .obi_pro li {
	margin: auto 1.5em 1.0em 0;
}
	#loa_cate .user_voice li {
	width: 100%;
		padding: 1.0em 0;
}

	#loa_cate #loaspray h3 span {
		font-size: 18px;
}
	#loa_cate #fragrance_p h4 span {
		font-size: 22px;
	}
	#loa_cate #fragrance_p h4 {
		font-size: 12px;
	}

}



@media only screen and (max-width: 480px) {
	#loa_cate {
    font-size: 14px;
}
	
	#loa_cate .obi .flex_box {
    flex-wrap: wrap;
}
	
	#loa_cate .obi li {
	font-size: 10px;
	padding: 0 1.3em;
		width: auto;
		/*margin-bottom: 1.0em;*/
		box-sizing: border-box;
}
	#loa_cate .obi .btn_c {
		border: none;
}
	#loa_cate .obi .btn_sp {
		border-left: 1px solid;
	}
	#loa_cate .obi .btn_sp2 {
		border-right: 1px solid;
	}
	#loa_cate .sp2_ {
		display: block;
	}
	
	#loa_cate .sp3_ {
		display: block;
	}
	
	#loa_cate .pc_ {
		display: none;
	}
	#loa_cate #ninsyo {
		padding: 2.0em 0;
	}
	#loa_cate #ninsyo .box_r dt {
    font-size: 18px;
}
	#loa_cate #ninsyo .flex_box {
		flex-direction: column;
	}
	
	#loa_cate #ninsyo .box_l {
		width: 100%;
	}
	
	#loa_cate #ninsyo .box_r {
		width: 100%;
	}
	#loa_cate #ninsyo .box_r dl {
    padding: 1.0em 0;
}
	#loa_cate #ranking .inner_1000 {
    width: 100%;
}
	#loa_cate h3 span {
        font-size: 22px;
		letter-spacing: 0.1em;
    }
	#loa_cate #feature {
    padding: 2.0em 0;
}
	#loa_cate #feature .flex_box {
    margin: 1.5em auto auto;
    flex-wrap: wrap;
	justify-content: center;
}
	#loa_cate #feature li {
        width: 29%;
        font-size: 12px;
		margin: 0 0.5em 1.0em;
    }
	#loa_cate #feature li span {
    font-size: 8px;
}
	#loa_cate .loaoil_main dl {
    margin: 1.5em auto;
}
	#loa_cate .loaoil_main dt {
    font-size: 18px;
}
	#loa_cate .loaoil_main dd {
		text-align: left;
	}
	#loa_cate .line_up .beach {
    padding: 3em 0;
}
	#loa_cate .line_up .ttl img {
		width: 90%;
		max-width: 230px;
	}
	
	#loa_cate .beach_set .ttl {
    font-size: 16px;
    width: 85%;
}
	#loa_cate .beach_set p {
    font-size: 16px;
}
	#loa_cate .beach_set {
    padding: 80px 0.3em 2.0em;
    margin: 80px auto 30px;
}
	#loa_cate .line_up .obi2 .flex_box {
    font-size: 12px;
    flex-wrap: wrap;
}
	
	#loa_cate .line_up .obi2 li {
		margin-bottom: 1.5em;
        width: 47%;
        font-size: 15px;
	}
	#loa_cate #loatheoil .line_up .item_list,#loa_cate #loacareoil .line_up .item_list {
    padding: 3.0em 0;
}
	#loa_cate .line_up .box {
    margin: 2.0em auto;
}
	#loa_cate .line_up .flex_box {
    margin: 2.0em auto 1.0em;
		align-items: center;
		justify-content: space-between;
}
	#loa_cate .line_up .sp3_ {
		margin: 1.0em auto 1.5em;
		text-align: left;
	}
	#loa_cate .sns {
    padding: 2.0em 0;
}
	#loa_cate .sns h3 {
    margin-bottom: 1.5em;
}
	#loa_cate .user_voice h3 {
    margin-bottom: 1.5em;
}
	#loa_cate .user_voice dl {
        flex-direction: column;
    }
	    #loa_cate .user_voice dt {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid;
        margin: auto 0 1.0em;
        font-size: 15px;
    }
	#loa_cate .user_voice dd {
        width: 100%;
        padding: 0;
        border: none;
    }
	#loa_cate .user_voice ul {
    margin: 1.5em auto;
}
	#loa_cate .user_voice {
    padding: 2.0em 0 3.0em;
}
	#loa_cate .user_voice p {
    font-size: 15px;
}
	#loa_cate .component {
    padding: 2.0em 0 2.5em;
}
	#loa_cate .component .box {
    padding: 1.5em 0;
    margin-top: 2.0em;
}
	#loa_cate .component .made_in {
    font-size: 16px;
		
}
	
	#loa_cate .howto {
    padding: 2.0em 0 2.5em;
}
	#loa_cate .howto li dt span {
    font-size: 22px;
}
	#loa_cate .howto .flex_box {
    flex-direction: column;
}
	#loa_cate #loatheoil .howto li {
    width: 100%;
}
	#loa_cate .howto li dt {
        font-size: 15px;
    }
	
	#loa_cate .p_and_c h3 span {
        font-size: 22px;
    }
	#loa_cate .p_and_c dt {
    font-size: 14px;
}
	#loa_cate .p_and_c li {
    width: 31%;
}
	#loa_cate .p_and_c {
    padding: 2.0em 0;
}
	#loa_cate .kome {
    font-size: 10px !important;
}
	#loa_cate #loacareoil .howto .box_img {
    width: 100%;
}
	#loa_cate #loacareoil .howto ul {
    width: 100%;
}
	#loa_cate .howto li dd {
    font-size: 14px;
}
	#loa_cate #loacareoil .howto .flex_box {
    margin-top: 2.0em;
}
	#loa_cate #loacareoil .howto .box_w {
    margin-top: 1.0em;
	padding: 1.0em 0.5em;
		font-size: 12px;
}
	#loa_cate #fragrance_p h3 span {
        line-height: 1.5;
    }
	#loa_cate #fragrance_p p {
    font-size: 14px;
		padding-bottom: 1.0em;
		margin-bottom: 2.0em;
}
	#loa_cate #fragrance_p .osusume {
    font-size: 16px;
    padding: 1.0em;
    margin: 2.0em auto 1.0em;
}
	#loa_cate #fragrance_p .btn_flex .btn:after,#loa_cate #gift .btn:after {
    height: 11px;
    width: 11px;
}
	#loa_cate #fragrance_p .btn_flex .btn {
        width: 48%;
        /*box-sizing: border-box;*/
        /*padding: 1.0em 1.5em 1.0em 2.0em;*/
        margin: auto auto 1.0em;
        font-size: 11px;
    }
	#loa_cate #fragrance_p .btn_flex .btn a {
		color: #FFFFFF;
	}
	
	#loa_cate #fragrance_p .btn_flex .sp_only {
		width: 100%;
	}
	#loa_cate #fragrance_p .btn_flex {
    margin: 2.0em auto;
		flex-wrap: wrap;
}
	#loa_cate #fragrance_p {
    padding: 0 0 1.5em;
}
	#loa_cate #gift {
    padding: 1.5em 0;
}
	#loa_cate #gift_loa .flex_box {
    align-items: flex-start;
}
	#loa_cate #gift_loa .box_p {
    padding-left: 1.0em;
}
	#loa_cate #gift_loa .btn {
    width: 100%;
    padding: 1.0em;
    margin: 1.5em auto auto 0;
    font-size: 12px;
}
	#loa_cate #gift_loa .btn:after {
    height: 11px;
    width: 11px;
}
	#loa_cate #line_up {
    padding: 3.0em 0;
}
	#loa_cate #line_up h3 {
    margin-bottom: 2.0em;
}
	#loa_cate #line_up h4 {
    font-size: 18px;
}
	#loa_cate #line_up .item_b .box_l .limited {
    font-size: 12px;
}
	#loa_cate #line_up .item_b .box_l {
    width: 45%;
}
	#loa_cate #line_up .item_b .box_r {
    width: 50%;
    padding-left: 0;
}
	#loa_cate #line_up .item_b .flex_box {
    justify-content: space-between;
    margin: 1.0em auto 2.0em;
}
	#loa_cate #line_up .loatheoil .btn:after,#loa_cate #line_up .loacareoil .btn:after {
    height: 11px;
    width: 10px;
}
	#loa_cate #line_up ul {
    margin-bottom: 2.0em;
    flex-wrap: wrap;
}
	#loa_cate #line_up li {
    width: 46%;
}
	#loa_cate #line_up .btn {
    padding: 0.8em 2.0em;
    margin: 1.0em auto 2.0em 0;
}
	#loa_cate .beach_set .ttl span {
	font-size: 14px;
}
	#loa_cate #product li p {
    font-size: 10px;
		letter-spacing: normal;
}
	#loa_cate .sns .box p {
		font-size: 12px;
	}
	
	#loa_cate .component .seibun {
		font-size: 14px!important;
	}

}


#loa_cate #loabalm .loaoil_main {
	background: #393939;
}

#loa_cate #loabalm .item_list {
	background: #F0F0F0;
	padding: 80px 0;
}

#loa_cate #loabalm .howto ul {
	width: 45%;
	margin: auto 0;
}

#loa_cate #loabalm .howto .box_img {
	width: 50%;
}

#loa_cate #loabalm .howto .kome {
	margin-top: 4.0rem;
	text-align: left;
	font-size: 14px;
}

#loa_cate #line_up .loathebalm h4 {
	margin-bottom: 50px;
}

#loa_cate .oil_and_balm {
	background: #F0F0F0;
	border-radius: 20px;
	padding: 2.0em 5%;
	margin: 2.0em auto;
}

#loa_cate .oil_and_balm .flex_box {
	/*width: 90%;
	margin: auto;*/
	text-align: left;
}

#loa_cate .oil_and_balm .flex_box .img_box {
	width: 50%;
}

#loa_cate .oil_and_balm .flex_box .text_box {
	width: 45%;
}

#loa_cate .oil_and_balm .flex_box .text_box p {
	font-size: 16px;
}

/*#loa_cate .oil_and_balm .flex_box dl {
	width: 82%;
}*/

#loa_cate .oil_and_balm dt {
	font-size: 27px;
}

#loa_cate .oil_and_balm dd {
	font-size: 20px;
	border-bottom: 1px solid;
	border-top: 1px solid;
	padding: 0.8em 0;
	margin: 1.0em auto 2.0em;
}


@media only screen and (max-width: 480px) {
	#loa_cate .oil_and_balm .flex_box {
    flex-direction: column;
}
	#loa_cate .oil_and_balm .flex_box .img_box {
    width: 100%;
    text-align: center;
}
	/*#loa_cate .oil_and_balm .flex_box .img_box img {
		max-width: 80px;
	}*/

	#loa_cate .oil_and_balm .flex_box dl {
    width: 100%;
    margin-top: 1.5em;
}
	#loa_cate .oil_and_balm dt {
    font-size: 17px;
}
	#loa_cate .oil_and_balm dd {
    font-size: 14px;
}
	#loa_cate .oil_and_balm {
    
    margin: 2.5em auto;
}
	#loa_cate #loabalm .howto ul {
    width: 100%;
}
	#loa_cate #loabalm .howto .box_img {
    width: 100%;
}
	#loa_cate #fragrance .flex_box .box dd {
    font-size: 12px;
}
	#loa_cate .oil_and_balm .flex_box .img_box,#loa_cate .oil_and_balm .flex_box .text_box {
	width: 100%;
}
	#loa_cate .oil_and_balm .flex_box .text_box {
		margin-bottom: 1.0em;
	}
}



#loa_cate #loaspray .loaoil_main {
	background: #565656;
} 

#loa_cate #loaspray .line_up .obi2 .flex_box {
	justify-content: flex-start;
}

#loa_cate #loaspray .line_up .obi2 li {
	margin: auto 2% 5%;
	width: 29.3%;
}

#loa_cate #loaspray .item_list {
    padding: 80px 0;
}

#loa_cate #loaspray .line_up .box_l {
	width: 60%;
}

#loa_cate #loaspray .line_up .box_r {
    width: 38%;
    text-align: left;
	line-height: 1.8;
}

#loa_cate #loaspray .line_up .flex_box {
	align-items: flex-start;
}


@media only screen and (max-width: 480px) {
	#loa_cate #loaspray .line_up .ttl img {
        width: 100%;
        max-width: none;
		margin : auto auto 1.5em;
    }
	#loa_cate #loaspray .line_up .box_l {
	width: 10%;
}

#loa_cate #loaspray .line_up .box_r {
    width: 85%;
}
	#loa_cate #loaspray .line_up .obi2 li {
        font-size: 12px;
    }
	#loa_cate #loaspray .item_list {
    padding: 40px 0;
}
	#loa_cate #loaspray .line_up .obi2 {
    margin: 0 auto auto;
}
	#loa_cate #loaspray .line_up .btn {
		font-size: 13px;
	}
	#loa_cate #loaspray .loaoil_main {
    padding-bottom: 0;
}
	#loa_cate #fragrance,#loa_cate #product,#loa_cate #gift_loa {
		padding: 2.0em 0;
	}
	#loa_cate .about {
    padding-bottom: 2.0em;
}
	#loa_cate .line_up h5 {
    margin: 3.0em auto 0;
}
	#loa_cate #loa_em .howto li .box {
    margin: 2.0em auto;
}
	#loa_cate .line_up .bc_box {
    margin-top: 2.0em;
}
}