@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 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: 2.0;
}


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


#loa_cate #feature {
	background: #EEEEEE;
	padding: 50px 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;
}

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


#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 #loatheoil .line_up .item_list {
	background: #F0F0F0;
	padding: 80px 0;
}

#loa_cate #loacareoil .line_up .item_list {
	background: #EDE9E5;
	padding: 80px 0;
}

#loa_cate .line_up .ttl img {
	margin: 1.8em auto;
}

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

#loa_cate .line_up .box_l {
	width: 45%;
} 

#loa_cate .line_up .box_r {
	width: 50%;
	text-align: left;
}

#loa_cate .line_up .box_r img {
	margin-bottom: 1.0em;
}

#loa_cate .line_up .btn {
	color: #FFFFFF;
	padding: 1.0em 0;
}

#loa_cate #loatheoil .line_up .btn,#loa_cate #loabalm .line_up .btn,#loa_cate #loaspray .line_up .btn {
	background: #262626;
}

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

#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: 80px 0;
}

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

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

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

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

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

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


#loa_cate .user_voice {	
	padding: 50px 0 100px;
}

#loa_cate #loatheoil .user_voice {
	background: #F0F0F0;
}

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

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

#loa_cate .user_voice ul {
	margin: 50px auto;
}

#loa_cate .user_voice li {
	background: #FFFFFF;
	padding: 2.0em 0;
	margin-bottom: 1.0em;
}

#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;
}

#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: 14px;
}



#loa_cate .component {
	padding: 80px 0 50px;
}

#loa_cate #loatheoil .component {
	background-image: url(https://www.forcise.jp/img/item/loaoil/cate/loa_022.jpg);
	background-size: cover;
}

#loa_cate #loacareoil .component {
	background-image: url(https://www.forcise.jp/img/item/loaoil/cate/care_018.jpg);
	background-size: cover;
}

#loa_cate #loabalm .component {
	background-image: url(https://www.forcise.jp/img/item/loaoil/cate/balm_014.jpg);
	background-size: cover;
}

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

#loa_cate .component h3 {
	color: #FFFFFF;
}

#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;
}

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

#loa_cate .component dl {
	text-align: left;
}

#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;
}

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


#loa_cate .howto {
	padding: 50px 0 100px;
}

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

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

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

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



#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;
}

#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: 14px;
	margin-top: 1.0em;
}

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

#loa_cate .p_and_c {
	background: #EDE9E5;
	padding: 50px 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 {
	padding: 50px 0;
}

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

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

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

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

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

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

#loa_cate #fragrance .btn_flex .btn {
	width: 30%;
	border-radius: 40px;
	color: #FFFFFF;
	padding: 1.5em 3.0em 1.5em 1.5em;
	margin: auto 2.0em;
	text-align: left;
	position: relative;
}

#loa_cate #fragrance .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: 20px;
        width: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.2em;
	pointer-events: none;
}

#loa_cate #fragrance .btn_flex .btn01 {
	background: #393939;
	margin-right: 2.0em
}

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

#loa_cate #gift_loa {
	background: #393939;
	color: #FFFFFF;
	padding: 80px 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-start;
}
	#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: 45px;
}
	#loa_cate #fragrance .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%;
}
}


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




}



@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: 50%;
		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: 30px;
    }
	#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: 13px;
		margin: 0 0.5em 1.0em;
    }
	#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;
}
	#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: 16px;
    }
	#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: 12px;
}
	#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 .component .seibun {
    font-size: 16px!important;
}
	#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: 16px;
    }
	
	#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: 12px !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;
}
	#loa_cate #fragrance h3 span {
        line-height: 1.5;
    }
	#loa_cate #fragrance p {
    font-size: 16px;
}
	#loa_cate #fragrance .osusume {
    font-size: 16px;
    padding: 1.0em;
    margin: 2.0em auto 1.0em;
}
	#loa_cate #fragrance .btn_flex .btn:after,#loa_cate #gift .btn:after {
    height: 11px;
    width: 11px;
}
	#loa_cate #fragrance .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: 12px;
    }
	#loa_cate #fragrance .btn_flex .btn a {
		color: #FFFFFF;
	}
	#loa_cate #fragrance .btn_flex {
    margin: 2.0em auto;
		flex-wrap: wrap;
}
	#loa_cate #fragrance {
    padding: 1.5em 0;
}
	#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 #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: 50px 0;
	margin: 50px 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: 15%;
	margin: auto;
}

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

#loa_cate .oil_and_balm dt {
	font-size: 27px;
	border-bottom: 1px solid;
	padding-bottom: 0.2em;
    margin-bottom: 0.5em;
}

#loa_cate .oil_and_balm dd {
	font-size: 20px;
}


@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 {
    padding: 2.0em 0;
    margin: 2.5em auto;
}
	#loa_cate #loabalm .howto ul {
    width: 100%;
}
	#loa_cate #loabalm .howto .box_img {
    width: 100%;
}
}



#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;
}
}