@charset "utf-8";

.sns {
	top: 500px !important;
	background-color: rgba(255,255,255,0) !important;
}

.brSP {
	display: inline-block;
}

#TOP {
	margin-top: -84px;
	padding-top: 84px;
}

@media screen and (min-width: 0) and (max-width: 768px) {
	#Main {
		padding: 0;
	}

	#TOP {
		margin-top: -22.4vw;
		padding-top: 22.4vw;
	}
}



	/*-----------------------------------------------
		タイトル
	-----------------------------------------------*/

	.Agingtitle {
		width: 100%;
		height: 0;
		padding-top: 21.61583333%;
		background: url(../images/aging/title.jpg) no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
		text-align: left;
	}

	.Agingtitle div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    font-weight: normal;
    font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    font-size: 30px;
    color: #fff;
    letter-spacing: 0.1em;
	}

	.Agingtitle div p {
	max-width: 1140px;
  	height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: row;	
    line-height: 30px;	    
	}

	.Agingtitle div p span{
		font-weight: normal;
		font-size: 14px;
	}

	.Agingtitle div p span b{
		font-size: 30px;	
		font-weight: normal;
		font-family: 'Raleway-Regular';
}



@media screen and (min-width: 0) and (max-width: 768px) {
	/*-----------------------------------------------
		タイトル SP TB
	-----------------------------------------------*/
	.Agingtitle {
		width: 100%;
		height: 0;
		padding-top: 30.666666666%;
		background: url(../images/aging/SP_title.jpg) no-repeat;
		background-size: contain;
		background-position: center;
		position: relative;
	}

	.Agingtitle div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		color: #fff;
		letter-spacing: 0.05em;
		padding-left: 4.4vw;
		box-sizing: border-box;
	}

	.Agingtitle div p span{
		max-width: 100%;
		font-size: 2.4vw!important;
		line-height: 180%;
	}
	
	.Agingtitle div p span b{
		font-size: 4.8vw;
	}	
	
}

/*-----------------------------------------------
	フェードインアニメーション
-----------------------------------------------*/

.list-mv01{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: .8s;
}

.mv01{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
/*-----------------------------------------------
	共通
-----------------------------------------------*/

.Aging article {
	text-align: center;
	letter-spacing: 0.15em;
	line-height: 2;
}


@media screen and (min-width: 0) and (max-width: 768px) {
	.Aging article {
		letter-spacing:normal;
	}

}

/*-----------------------------------------------
革を育てて、あなただけのkissoraを。
-----------------------------------------------*/
.Aging article.Aging_01{
	margin-top: 120px;
}

.Aging article.Aging_01 h2{
	font-size: 30px !important;
	letter-spacing: 0.18em !important;
	font-weight: normal;
	margin-bottom: 50px;
}

.Aging article.Aging_01 h2 span{
	font-size: 30px !important;
	display: inline-block;
	letter-spacing: 0.18em !important;
	line-height: 110%;
	border-bottom: 1px solid #000000;
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.Aging article.Aging_01{
		margin-top: 7vw;
	}	

	
	.Aging article.Aging_01 h2{
		font-size: 4.3vw !important;
		margin-bottom: 1em;
		line-height: 150% !important;
	}
  .Aging article.Aging_01 h2 span{
		font-size: 4.3vw !important;
  }

}


/*-----------------------------------------------
BEFORE AFTER
-----------------------------------------------*/
.Aging article.Aging_02{
	margin-top: 123px;
}

.Aging article.Aging_02 ul{
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}

.Aging article.Aging_02 ul li{
	width: 47.36%;
	float: left;
	position: relative;
}

.Aging article.Aging_02 ul li:first-of-type{
	margin-right: 5.263%;
}


.Aging article.Aging_02 ul li p{
		display: flex;
		border: 1px solid #000000;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		transition: .3s;
		margin: 0 auto;
		height:86px;
		width: 86px;
		position: absolute;
		top: -40px;
		left: 15px;
		font-size: 16px;
		line-height: initial;
		letter-spacing: normal;
}/*BEFORE AFTER*/


/*BEFORE*/
.Aging article.Aging_02 ul li.Aging_BEFORE p{
	background-color: #ffffff;
	color: #000000;
}
/*AFTER*/
.Aging article.Aging_02 ul li.Aging_AFTER p{
	background-color: #000000;
	color: #ffffff;
}

.aging_imagenew202311{
    margin: 0 auto;
    display: table;
}

@media screen and (min-width: 0) and (max-width: 540px) {
.aging_imagenew202311{
    margin: 0 auto;
    display: table;
	width:80%;
}
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.Aging article.Aging_02{
		margin-top: 2vw;
	}

	.Aging article.Aging_02 ul{
		width: 100%;
		padding: 0 4.4vw;
		box-sizing: border-box;
	}

	.Aging article.Aging_02 ul li{
		width: 100%;
		clear: both;
		margin-bottom: 2vw;
	}

	.Aging article.Aging_02 ul li:first-of-type{
		margin-right: 0;
	}

	.Aging article.Aging_02 ul li p{/*BEFORE AFTER*/
		position: relative;
		height:16vw;
		width: 16vw;
		top: 8vw;
		left:auto;
		font-size: 2.66vw;
		margin: 0 auto;
	}
}

/*-----------------------------------------------
-時間-
kissoraの商品は、
時間こそが最良の加工です。
-----------------------------------------------*/
.Aging article.Aging_03{
	position: relative;
	width: 100%;
	max-width: 1006px;
	margin: 0 auto;
	margin-top: 220px;
}

.Aging article.Aging_03 .aging_time_title{
	position: absolute;
    left: 115px;
    top: 180px;
	z-index: 1;
}

.Aging article.Aging_03 .aging_time_title h3{
	color:#fff;
	font-size: 20px;
	line-height: 32px;
	font-weight: normal;
	display: inline-block;
}

.Aging article.Aging_03 .aging_time_title h3 span{
	font-weight: normal;
    display: inline-block;
    line-height: 110%;
    border-bottom: 1px solid #fff;
}

.Aging article.Aging_03 .aging_time_title h3 span.aging_time_title_time{
	font-size: 30px;
	border-bottom: none;
	color: #fff;
}

.Aging article.Aging_03 .aging_time_title p{
   color:#fff;
	padding-top: 2em;
}


.Aging article.Aging_03 img.PC{
		margin: 0 auto;

}

.Aging article.Aging_03 .aging_time_read{
	margin-top: 100px;
}

#Main.Aging article.Aging_03 div.aging_time_read h4{
	font-size: 20px;
	margin-top: 60px;
	line-height: 2.1;
}

@media screen and (min-width: 0) and (max-width: 768px) {

.Aging article.Aging_03{
	width: 100%;
	margin-top: 21.6vw;
}

.Aging article.Aging_03 *{
	font-size: 3.2vw;
}
	
	
.Aging article.Aging_03 .aging_time_title{
	position:inherit;
	left: inherit;
	top: inherit;
}

.Aging article.Aging_03 .aging_time_title h3{
		color:#000;
	font-weight: normal;
    display: inline-block;
    line-height: 80%;
}
	
.Aging article.Aging_03 .aging_time_title h3 span{
	font-size: 3.2vw;
	line-height: 80%;
	padding-bottom: 0.2em;

	}	
	
.Aging article.Aging_03 .aging_time_title h3 span:nth-of-type(3){
	margin-top: 1em;
	}		

.Aging article.Aging_03 .aging_time_title h3 span.aging_time_title_time{
	font-size: 4.3vw;
	display:inline-block;
	line-height: 100%;

	}


	
.Aging article.Aging_03 .aging_time_title p{
	color:#000;
	padding-top: 1.5em;
}
	
.Aging article.Aging_03 img.SP{
	width: 72vw;
	margin: 1.8em auto 0;}	

.Aging article.Aging_03 .aging_time_read{
	margin-top: 6.6vw;
}

#Main.Aging article.Aging_03 div.aging_time_read h4{
	margin-top: 9.3vw;
	font-size: 3.2vw;
	    line-height: 2;
}


	
}



/*-----------------------------------------------
- シリーズ別のエイジング比較 -
-----------------------------------------------*/
.Aging article.Aging_04{
	width: 100%;
	max-width: 1006px;
	margin: 210px auto 0;
	letter-spacing: 0;
}

#Main.Aging article.Aging_04 h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 70px;
	letter-spacing: 0.06em;
}

.Aging article.Aging_04 ul li{
	position: relative;
	text-align: left;
	margin-bottom: 130px;
}

.Aging article.Aging_04 ul li dl dt span{/*シリーズ名　英語*/
	font-size: 48px;
	font-family: 'Raleway-ExtraLight';
	font-weight: normal;
	vertical-align: middle;
	padding-right:0.4em;
}
.Aging article.Aging_04 ul li dl dt b{/*シリーズ名　カタカナ*/
	font-size: 16px;
}
.Aging article.Aging_04 ul li dl dd{
	text-indent: -0.5em;
	line-height: 150%;
    padding-top: 0.35em;
	padding-bottom: 0.35em;
	padding-left: 1.8em;
}

.Aging article.Aging_04 ul li dl dd:before{
	content: "◆";
	display: inline-block;
	position: relative;
	color: #9e4734;
	font-size: 15px;
	left: -0.8em;
}

/*PC*/
@media screen and (min-width: 769px){
	.Aging article.Aging_04 ul li dl dd span.PC{
		display: inline!important;
	}
}

@media screen and (min-width: 0) and (max-width: 768px) {

	.Aging article.Aging_04{
		width: 100%;
		padding: 0 4.4vw;
		margin-top: 32vw;
		box-sizing: border-box;
		font-size: 3.2vw;
	}

	#Main.Aging article.Aging_04 h4{
		font-size: 3.2vw;
		margin-bottom: 8vw;
	}

	.Aging article.Aging_04 ul li{
		margin-bottom: 14vw;
	}

	.Aging article.Aging_04 ul li dl dt{
		text-align: center;
		margin-top:  5vw;
	}	
	
	.Aging article.Aging_04 ul li dl dt span{/*シリーズ名　英語*/
		font-size: 6.4vw;
		padding-right:0;
		line-height: 140%;		
	}
	
	.Aging article.Aging_04 ul li dl dt b{/*シリーズ名　カタカナ*/
		font-size: 2.66vw;
		display: block;
		margin-bottom: 1.5em;
	}
	
	.Aging article.Aging_04 ul li dl dd{
		padding-left: 1.8em;
		text-indent: -0.5em;
	}

	.Aging article.Aging_04 ul li dl dd:before{
		font-size: 2.93vw;
		left: -0.8em;
		height: auto;
	}


}


/*PC*/
@media screen and (min-width: 769px){
	/*MORE*/
	.Aging article.Aging_04 .morebtn{
		height:86px;
		width: 86px;
		position: absolute;
		bottom: 0.5em;
		right: 0;
		font-size: 16px;
		line-height: initial;

	}
	.Aging article.Aging_04 .morebtn span::after {
		width: 36px;
		height: 9px;
	}
}

@media screen and (min-width: 0) and (max-width: 768px) {

	/*MORE*/
	.Aging article.Aging_04 .morebtn{
		height:13.33vw;
		width:13.33vw;
		margin-top: 2em;
	}
	
	.Aging article.Aging_04 .morebtn span{
		font-size: 2.66vw;
		line-height: 130%
	}	
	
	.Aging article.Aging_04 .morebtn span::after {
		width: 4.8vw;
		height: 1.2vw;
	}
	
}



@media screen and (min-width: 1025px) and (max-width: 1044px) {
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
}