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

:root {
  --color1: #b8bcc0;
  --color2: #f8f9c8;
}


		
		#luty_item_page #protectgel_page #award_bnr {
			/*background: url("../../../Contents/ImagesPkg/luty2026/itempage/gel/typeofhair_1.jpg")no-repeat right;
			background-size: cover;
			padding: 3.0em 3% 4.0em;
			color: #FFFFFF;*/
			/*width: 90%;
    max-width: 1100px;
			margin: 1.5em auto;*/
			/*box-sizing: border-box;*/
		}
		
		/*#luty_item_page #protectgel_page #award_bnr .ttl {
			font-size: clamp(2rem, 1.657rem + 1.19vw, 3.5rem);
		}
		
		#luty_item_page #protectgel_page #award_bnr .ttl span {
			font-size: 50%;
			display: block;
			margin-top: 1.0em;
		}
		
		#luty_item_page #protectgel_page #award_bnr .award_mark {
			position: relative;
			font-size: 110%;
			padding-left: 13%;			
			margin-top: 3.0em;
		}
		
		#luty_item_page #protectgel_page #award_bnr .award_mark p {
			line-height: 2.0;
		}
		
#luty_item_page #protectgel_page #award_bnr .award_mark:before {
	content: "";
        display: inline-block;
        background: url(../../../Contents/ImagesPkg/luty2026/itempage/gel/ldk_img.png) no-repeat right;
        background-size: 100%;
        height: auto;
        width: 10%;
       aspect-ratio: 111 / 98;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}*/



#luty_item_page #protectgel_page #recommend_bnr #text .comm_flex {
    flex-direction: column;
}
		#luty_item_page #protectgel_page #recommend_bnr #text .comm_flex dl {
    width: 100%;
}
		#luty_item_page #protectgel_page #recommend_bnr #text .comm_flex dt,
		#luty_item_page #protectgel_page #choice .block .comm_flex .box h3,
		#luty_item_page #protectgel_page #choice .block .looks .ttl
		{
    background: var(--color1);
}
		#luty_item_page #protectgel_page #recommend_bnr dd.comm_flex {
			flex-direction: row!important;
		}
		
		#luty_item_page #protectgel_page #recommend_bnr dd.comm_flex ol {
			width: 48%;
		}

#luty_item_page #protectgel_page #recommend_bnr {
			background: #f1eeeb;
		}
		
		#luty_item_page #protectgel_page #recommend_bnr .image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #f1eeeb 0%, #f1eeeb 15%, transparent 40%);
    pointer-events: none;
}



#luty_item_page #protectgel_page #seibun .comm_flex .box dt span {
	font-size: 90%;
}




		#luty_item_page #protectgel_page #plus_care {
			background: var(--color1);
    color: #fff;
		}

#luty_item_page #protectgel_page #plus_care .comm_flex .block dd img {
	max-width: 800px;
	width: 100%;
}
		
		#luty_item_page #protectgel_page #plus_care .flex_01 {
			padding: 4.0em 0;
		}
		
		#luty_item_page #protectgel_page #plus_care .flex_01 .luty_comm_midashi {
			width: 40%;
			padding-left: 5%;
			box-sizing: border-box;
		}
		
		#luty_item_page #protectgel_page #plus_care .flex_01 .plus_care_dl_1 {
			width: 55%;
		}
		
		#luty_item_page #protectgel_page #plus_care .flex_01 dt {
			font-size: clamp(1.5rem, 1.225rem + 0.96vw, 2.3rem);
    margin-bottom: 1em;
		}

#luty_item_page #protectgel_page #plus_care .flex_01 dd span {
	color: var(--color2);
}
		
		#luty_item_page #protectgel_page #plus_care .flex_02 {
			align-items: normal;
		}
		
		#luty_item_page #protectgel_page #plus_care .comm_flex .image {
			height: 100%;
		}
		
		#luty_item_page #protectgel_page #plus_care .comm_flex .block {
    width: 60%;
    text-align: left;    
    padding: 0 5% 5em;
    box-sizing: border-box;
}
		#luty_item_page #protectgel_page #plus_care .comm_flex .block dl {
    border-left: none;
    padding-left: 0;
    padding-bottom: 0;
}
		#luty_item_page #protectgel_page #plus_care li {
			border: solid 1px;
			border-bottom: none;
			padding: 1.0em 1.5em;
			display: flex;
			justify-content: space-between;
			align-items: center;
			min-height: 5.0em;
		}
		
		#luty_item_page #protectgel_page #plus_care li:last-child {
			border-bottom: solid 1px;
		}

		
		/*#luty_item_page #protectgel_page #plus_care li .step_num {
			font-size: 200%;
			width: 10%;
			text-align: center;
			position: relative;
		}
		
		#luty_item_page #protectgel_page #plus_care li .step_num:after {
			content: "";
        display: inline-block;
        background: url("../../../Contents/ImagesPkg/luty2026/itempage/comm/yajirushi.jpg") no-repeat bottom;
        background-size: 100%;
        height: auto;
        width: 80%;
       aspect-ratio: 121 / 92;
			max-width: 50px;
	position: absolute;
	left: 50%;
			transform: translateX(-50%);
			bottom: -1.7em;
		}
		
		#luty_item_page #protectgel_page #plus_care li:last-child .step_num {
			position: unset;
		}
		
		#luty_item_page #protectgel_page #plus_care li:last-child .step_num:after {
			display: none;
		}
		
		
		#luty_item_page #protectgel_page #plus_care li .step-title {
			font-size: 150%;
			width: 35%;
			display: inline-block;
		}
		
		#luty_item_page #protectgel_page #plus_care li .step-desc {
			width: 50%;
		}
		
		#luty_item_page #protectgel_page #plus_care li .step-desc span {
			color: var(--color2);
		}*/
		
		#luty_item_page #protectgel_page #plus_care .luty_comm_midashi h2 {
			text-align: left;
			line-height: normal;
			margin: auto;
		}
		
		#luty_item_page #protectgel_page #plus_care .luty_comm_midashi h2 span {
			display: block;
		}
		
		#luty_item_page #protectgel_page #plus_care .luty_comm_midashi h2 span:nth-child(1) {
			margin: 0.8em auto 2.0em;
		}
		
		#luty_item_page #protectgel_page #plus_care .luty_comm_midashi h2 span:nth-child(2) {
			font-size: 15px;
		}
		
		#luty_item_page #protectgel_page #plus_care .comm_flex .block dt h3 {
    margin: 0 auto 0.5em;
}
		#luty_item_page #protectgel_page #plus_care .comm_flex .image img {
			aspect-ratio: 32 / 41;
		}
		
		#luty_item_page #protectgel_page #choice .block .comm_flex {
			background: #FFFFFF;
		}

#protectgel_page .sp_only {
	display: none;
}
		#luty_item_page #choice .block .comm_flex .box h3 {
    font-size: clamp(1.8rem, 1.3rem + 1.91vw, 3.6rem);
}
		


@media only screen and (max-width: 789px) {
	/*#luty_item_page #protectgel_page #award_bnr {
			background: url("../../../Contents/ImagesPkg/luty2026/itempage/gel/typeofhair_1_sp.jpg")no-repeat right;
		background-size: cover;
		padding: 2.0em 5%;
		}*/
	
	#protectgel_page .sp_only {
		display: block;
	}
	
	#protectgel_page .pc_only {
	display: none;
}
	
	#luty_item_page #protectgel_page #award_bnr .award_mark:before {
        background: url(../../../Contents/ImagesPkg/luty2026/itempage/gel/ldk_img.png) no-repeat top;
        width: 20%;
	top: 0;
	transform: none;
}
	#luty_item_page #protectgel_page #award_bnr .award_mark {
		padding: 0;
		margin-top: 10.0em;
	}
	
	#luty_item_page #protectgel_page #award_bnr .award_mark p {
		padding-top: 8.0em;
		font-size: 90%;
	}
	
	#luty_item_page #protectgel_page #award_bnr .ttl span {
    font-size: 60%;
    line-height: 2.0;
}
	#luty_item_page #protectgel_page #recommend_bnr #text .comm_flex {
    flex-direction: column!important;
}
	#luty_item_page #protectgel_page #recommend_bnr #text .comm_flex dl {
    width: 90%;
		margin: auto;
}
	#luty_item_page #protectgel_page #recommend_bnr dd.comm_flex ol {
    width: 100%;
}
	#luty_item_page #protectgel_page #recommend_bnr .image::after {
    background: linear-gradient(to bottom, #f1eeeb 0%, #f1eeeb 15%, transparent 40%);
}
	
	#luty_item_page #protectgel_page #recommend_bnr #text {
		margin-bottom: -10em;
		position: relative;
		z-index: 2;
	}
	
	#luty_item_page #protectgel_page #plus_care .flex_01 {
    padding: 2.0em 5%;
    flex-direction: column;
	
}
	#luty_item_page #protectgel_page #plus_care .flex_01 .luty_comm_midashi {
    width: 100%;
    padding-left: 0;
}
	
	#luty_item_page #protectgel_page #plus_care .flex_01 .luty_comm_midashi h2{
		text-align: center;
	}
	
	#luty_item_page #plus_care .comm_flex .block dt {
        text-align: left;
        border-bottom: 1px solid;
        padding-bottom: 0.5em;
        width: 100%;
        margin-bottom: 1em;
    }
	
	#luty_item_page #plus_care .comm_flex .block .border_none {
		border: none;
		margin-bottom: 0;
	}
	
	#luty_item_page #protectgel_page #plus_care li .step_num {
    font-size: 190%;
}
	
	#luty_item_page #protectgel_page #plus_care li .step-title {
    font-size: 130%;
}
	#luty_item_faq dt p {
    padding-right: 20%;
}
}