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

#lp_{
	margin: 0 auto 150px;
	width: 1120px;
	/*background-color: antiquewhite;*/
	color: #444;
}

#lp_ .frame_{
	margin: auto;
	width: 1000px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

#lp_ img{
	width: 100%;
}

#lp_ .credit{
	font-family: serif;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 4% auto 15%;
	text-align: center;
}

#lp_ .credit a{
	text-decoration: underline;
}


#lp_ .cooperation_{
	width: 100%;
	margin: 30px 0 0;
	text-align: center;
	font-size:1.5rem;
	line-height:2.2;
	font-family: serif;
}

  .coupon-attention{
        background-color: #595757;
        padding: 10px;
        width: 400px;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 15px;
        text-decoration: none;
        text-align: center;
    }

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
	0%{opacity:0;transform:translate3d(0,10%,0)}
	to{opacity:1;transform:none}
}
.fadeInUpsmall{	animation-name:fadeInUpsmall}

@keyframes fadeInDownsmall{
	0%{opacity:0;transform:translate3d(0,-10%,0)}
	to{opacity:1;transform:none}
}
.fadeInDownsmall{animation-name:fadeInDownsmall}

@keyframes fadeInRightsmall{
	0%{opacity:0;transform:translate3d(10%,0,0)}
	to{opacity:1;transform:none}
}
.fadeInRightsmall{animation-name:fadeInRightsmall}

@keyframes fadeInLeftsmall{
	0%{opacity:0;transform:translate3d(-10%,0,0)}
	to{	opacity:1;transform:none}
}
.fadeInLeftsmall{animation-name:fadeInLeftsmall}

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */


.title_{
	margin: 50px auto 0;
	width: 500px;
/*	background-color: antiquewhite;*/
}

.title_ p{
	color: #757575;
	font-size: 5.2rem;
	margin: -6px 0 0 5px;
	letter-spacing: 0.4rem;
	text-align: center;
}

.conttitle_{
	margin: 50px auto 0;
	padding: 5px 0;
    background-color: #333;
/*	background-color: #abd0eb;*/
/*
	position: relative;
	padding: 1rem 1.5rem;
	border: 1px solid #D8D8D8;
	border-top: 4px solid #27acd9;
	background: linear-gradient(#ffffff 0%, #eee 100%);
*/
}

.conttitle_ p { 
	color: #fff;
	text-align: center;
	font-size: 2.5rem !important;
	letter-spacing: 0.3rem;
  color: #ACB6E5;
  background: -webkit-linear-gradient(90deg, rgba(140,97,52,1) 0%, rgba(178,133,46,1) 21%, rgba(223,203,132,1) 35%, rgba(250,247,208,1) 45%, rgba(229,208,134,1) 62%, rgba(178,133,46,1) 84%, rgba(143,99,37,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.period_{
	margin: 20px auto 30px;
}

.period_ img{
	display: block;
	margin: auto;
	width: 450px !important;
}

.period_ p{
	margin: 3px auto 0;
	font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
	text-align: center;
}

.conttext_{
	width: 90%;
	text-align: left;
    line-height: 1.6;
    font-size: 1.5rem;
	margin: 20px auto 0;
}

.brandlist_{
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 30px;
}


.bz_btn{
	width: 300px;
	margin:  40px auto 0;
}

.bz_btn p{
	text-align: center;
	padding: 20px;
	border: 1px solid;
	font-size: 1.5rem;
}

#lp_ li{
	margin: auto;
	width: 90%;
	list-style:inside;
	text-indent: -1.4em;
    padding-left: 1.5em;
	line-height: 1.6;
    font-size: 1.5rem;
}

.conttext_ a{
	text-decoration: underline !important;
	color: #568a2c;
}

#lp_ .brandtitle_{
  width: 80%;
  background-color: #e6e5dc;
  text-align: center;
  margin: 30px auto 0;
}
#lp_ .brandtitle_ p{
	font-family: source-sans-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
  letter-spacing: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 6px;
  color: #393637;
}

#lp_ .brandlist_{
	display: flex;
	flex-wrap: wrap;
	gap: 50px 40px; 
	justify-content: center;
	margin: 30px auto ;
	letter-spacing: 0;
	width: 800px;
}


#lp_ .item{
	width: 250px;
}

#lp_ .item2_{
	width: 250px;
}

#lp_ .item3_{
	width: 218px;
}
#lp_ .brandlist2_{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px; 
	justify-content: center;
	margin: 30px auto ;
	letter-spacing: 0;
	width: 700px;
}

#lp_ .brandlist3_{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px; 
	justify-content: center;
	margin: 30px auto ;
	letter-spacing: 0;
	width: 880px;
}

#lp_ .btn_{
	margin: 60px auto 0;
	width: 340px;
	padding: 21.5px 20px 20px;
	border: 1px solid #575757;
	background-color: #ffffff;
	font-size:1.4rem;
	text-align: center;
	color: #575757;
}
#lp_ .btn_:hover{
	 opacity: 0.6;
}
.button02 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  background-color: #e7a8b8e3;
  border-radius: 50vh;
}

.button02 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

#lp_ .brandtitle2_{
  width: 100%;
  background-color:#fff;
  text-align: center;
  margin: 50px auto 0;
border-top: 3px solid #eee;
padding-top: 20px;
}

#lp_ .brandtitle2_ p{
/*  font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
  letter-spacing: 0.2rem;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 6px;
background: #fff;
    color:#000;
/*    border-left: solid 10px #ffc06e;*/
}
#lp_ .bannerimg_{
padding: 10px 0;
  width: 55%;
  margin: auto;
}

#lp_ .attentionlist_ {
  margin: 15px auto; 
  max-width: 1100px; 
  font-size: 1.3rem; 
  line-height: 1.7;
  text-align: center;
  letter-spacing: 0.05rem
}
#lp_ .attentiontext_{
	padding: 10px 20px;
}
#lp_ .attentiontext_ .title_{
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  display: inline-block;
  padding: 20px 50px;
  margin: 15px auto 40px;
}
#lp_ .attentiontext_ h1{
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 !important;
  margin-block: 0em !important;
}

#lp_ .attentiontext_ h1.member{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 !important;
  margin-block: 0em !important;
}


#lp_ .attentiontext_ h2{
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 !important;
  margin-block: 0em !important;
}

#lp_ .attentiontext_ img{
    width: 70px;
  vertical-align: sub;
}

#lp_ .attentionindent_{
	padding-left:1.2rem; 
	text-indent:-1.2rem;
}
#lp_ .attentiontext_ a {
	text-decoration: underline;
	color: #2BA6CB;
}
#lp_ .attentiontext_ .cont_b_{
  margin: 15px auto 30px;
  width: 520px;
  color: #444;
}
#lp_ .attentiontext_ .cont_b_ table{
  text-align: left; 
  margin: auto;
}
#lp_ .attentiontext_ .cont_b_ table td{
  vertical-align: top;
  font-weight: bold;
  font-size: 1.3rem;
}
#lp_ .attentiontext_ .cont_b_ table .td2_{
  padding-top: 3px;
}
#lp_ .attentiontext_ .cont_b_2  table td{
  font-size: 1.35rem;
}


#lp_ p.tit_{
  font-size: 15px;
  font-weight: bold;
  padding: 6px;
  color: #333;
  text-align: center;
}

#lp_ .text{
margin: 50px 0 0;
}

	.conttitle2_{
		margin: 40px auto 0;
		padding: 7px;
	}

	
    	.conttitle2_ p{
		margin: 40px auto 0;
		padding: 7px;
	}
    
.sp{
    display: none;
}


#lp_ p.off{
text-align: center;
font-size: 1.3rem;
font-weight: bold;
margin: 5px 0;
color: #C63333;
letter-spacing: 3px;
}


@media (max-width: 599px) {
	#lp_{
		letter-spacing: 0.13rem;
		margin: 30px auto 80px;
		width: 100%;
		max-width: 599px;
		min-width: 300px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	
	#lp_ .frame_{
		
		margin: auto;
		width: 100%;
	}
	
	.title_{
		margin: 40px auto 20px;
		width: 100%;
	}
	
	.title_ p{
		font-size: 2.5rem;
		letter-spacing: 0.3rem;
	}
	
	.conttitle_{
		margin: 40px auto 0;
		padding: 7px;
	}
	
	.conttitle_ p { 
		font-size: 1.1rem !important;
	}
	
	.period_{
		width: 90%;
	}
	
	.period_ img{
		display: block;
		margin: auto;
		width: 340px !important;
	}

	.period_ p{
		margin: 0px auto 0;
		font-size: 16px;
        width: 75%;
		letter-spacing: 0.05rem;
	}
	
	.conttext_{
		width: 93%;
		text-align: left;
		line-height: 1.5;
		font-size: 0.8rem;
		margin: 15px auto 0;
	}
	
	.brandlist_{
		margin: 15px 0 0;
		gap: 10px 10px;
	}
	
	.bz_btn{
		width: 55%;
		max-width: 250px;
		margin:  30px auto 0;
	}

	.bz_btn p{
		padding: 15px;
		font-size: 0.8rem;
	}
	
	#lp_ li{
		width: 93%;
		text-indent: -1.4em;
		padding-left: 1.5em;
		line-height: 1.5;
		font-size: 0.8rem;
	}
    

  #lp_ .brandtitle_{
    width: 100%;
    margin: 20px auto 0;
  }
  #lp_ .brandtitle_ p{
font-family: source-sans-pro, sans-serif;
font-weight: 700;
font-style: normal;
    font-size: 0.99rem;
    padding: 4px;
    letter-spacing: 0.2rem;
  }
	#lp_ .brandlist_{
		gap: 21px; 
		justify-content: center;
		margin: 15px auto ;
		width: 100%;
	}	
	#lp_ .brandlist2_{
		gap: 10px 20px; 
		justify-content: center;
		margin: 20px auto 40px;
		width: 100%;
	}
	#lp_ .item{
	width: 46%;
}

#lp_ .item2_{
	width: 44%;
}

    	#lp_ .item3_{
		width: 44%;
	}
    
        .coupon-attention{
        background-color: #595757;
        padding: 7px;
        width: 87%;
        margin: 20px auto 60px;
    }
    .coupon-attention a{
        display: block;
        color: #fff;
        font-size: 4vw;
        line-height: 1.3;
        text-decoration: none;
    }
    
    	#lp_ .brandlist_{
		gap: 21px; 
		justify-content: center;
		margin: 20px auto ;
		width: 100%;
	}	
	#lp_ .brandlist2_{
		gap: 10px 5px; 
		justify-content: center;
		margin: 20px auto ;
		width: 100%;
	}	
    
    	#lp_ .brandlist3_{
		gap: 10px 5px; 
		justify-content: center;
		margin: 20px auto ;
		width: 100%;
	}	

	#lp_ .btn_{
		margin: 30px auto 0;
		width: 250px;
		padding: 18px;
		font-size:0.8rem;
	}
.button02 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 200px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  background-color: #e7a8b8e3;
  border-radius: 50vh;
}

#lp_ .brandtitle2_ p{
    font-size: 11px;
    padding: 9px;
    letter-spacing: 0.2rem;
/*    border-left: solid 10px #ffc06e;*/
}

#lp_ .brandtitle2_{
  width:100%;
  background-color:#fff;
  text-align: center;
  margin: 50px auto 0;
border-top: 3px solid #eee;
padding-top: 20px;
}

#lp_ .bannerimg_{
  padding: 5px 0;
  width: 95%;
  margin: auto;
}

  #lp_ .attentionlist_ {
    margin: 10px auto; 
    width: 90%; 
    font-size: 0.7rem; 
    line-height: 1.7;
    letter-spacing: 0.01rem
  }
  #lp_ .attentiontext_{
    padding: 0;
  }
  #lp_ .attentiontext_ .title_{
    padding: 10px 5px;
    margin: 20px auto 35px;
    width: 100%;
  }
  #lp_ .attentiontext_ h1{
    font-size: 0.78rem;
  }
    #lp_ .attentiontext_ h1.member{
    font-size: 1.0rem;
  }
  #lp_ .attentiontext_ h2{
    font-size: 0.78rem;
  }
#lp_ .attentiontext_ img{
  width: 55px;
  vertical-align: inherit;
}
  #lp_ .attentiontext_ .cont_b_{
    margin: 10px auto 0;
    width: 90%;
    max-width: 500px;
  }
  #lp_ .attentiontext_ .cont_b_ table td{
    font-size: 0.7rem;
  }
  #lp_ .attentiontext_ .cont_b_2  table td{
    font-size: 0.7rem;
  }
  #lp_ .attentiontext_ .cont_b_ .td1_{
    width: 124px;
  }
  #lp_ .attentiontext_ .attentiona_{
    text-align: left;
    margin: auto;
    width: 96%;
  }
    .sp{
        display: block;
    }
    
    #lp_ p.off{
    font-size: 0.78rem;
    }


}