@charset "utf-8";

/* PC */
@media only screen and (min-width: 768px) {
	.sp_ {
		display: none !important;
	}
	h1,
	h2,
	h3 {
		margin: 0;
	} 
	#birthday {
		color: #151515;
		width: 1000px;
		margin: 40px auto 100px;
	}
	#birthday .mv_ {
		margin: 0 0 40px;
	}
	#birthday .intro_ {
		line-height: 26px;
		margin: 0 0 65px;
	}
	#birthday .present_ h2 {
		position: relative;
		color: #000;
		font-size: 32px;
		text-align: center;
		padding: 0 0 20px;
		margin: 0 0 30px;
	}
	#birthday .present_ h2:after {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		width: 30px;
		height: 1px;
		background: #000;
	}
	#birthday .present_ h2 + p {
		margin: 0 0 20px;
	}
	#birthday .present_ ul {
		display: flex;
		justify-content: space-between;
		margin: 0 0 65px;
	}
	#birthday .present_ ul li {
		width: 334px;
		box-sizing: border-box;
		border: 1px solid #e5e5e5;
		padding: 5px 5px 35px;
	}
	#birthday .present_ ul li h3 {
		/*display: flex;*/
		justify-content: center;
		align-items: center;
		background: #f5e5e8;
		font-size: 16px;
		line-height: 1;
		padding: 23px 0 18px;
		text-align: center;
	}
	#birthday .present1{
		padding: 36px 0 32px!important;
	}
	#birthday .present_ ul li h3 p {
		color: #f8485e;
	}
	#birthday .present_ ul li h3 p span {
		font-size: 29px;
		font-weight: bold;
		font-family: "Poppins", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}
	#birthday .present_ ul li > p {
		font-size: 20px;
		line-height: 37px;
		font-weight: bold;
		padding: 265px 0 0;
		text-align: center;
	}
	#birthday .present_ ul li:nth-child(1) > p {
		background: url(../../img/usr/freepage/birthday/img_present01.png) no-repeat center top 34px / 230px;
	}
	#birthday .present_ ul li:nth-child(2) > p {
		background: url(../../img/usr/freepage/birthday/img_present02.png) no-repeat center top 50px / 300px;
	}
	#birthday .present_ ul li:nth-child(3) > p {
		background: url(../../img/usr/freepage/birthday/img_present02.png) no-repeat center top 50px / 300px;
	}
	#birthday .present_ .caution_ {
		margin: 0 0 45px;
	}
	#birthday .present_ .caution_ p {
		position: relative;
		font-size: 14px;
		line-height: 26px;
		padding: 0 0 0 15px;
	}
	#birthday .present_ .caution_ p:before {
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}
	#birthday .btn_ {
		text-align: center;
	}
	#birthday .btn_ a {
		display: inline-block;
		width: 400px;
		color: #fff;
		font-size: 18px;
		letter-spacing: 2px;
		background: #f8485e url(../../img/usr/freepage/birthday/arrow.png) no-repeat right 24px center / 16px;
		padding: 10px 0;
		border-radius: 25px;
		transition: all .4s;
	}
	#birthday .btn_ a:hover {
		text-decoration: none;
		opacity: .8;
	}
}

/* SP */
@media only screen and (max-width: 767px) {
	.pc_ {
		display: none !important;
	}
	h1,
	h2 {
		padding: 0;
		margin: 0;
	}
	#birthday {
		margin: 0 0 50px;
	}
	#birthday .intro_ {
		font-size: 14px;
		line-height: 22px;
		padding: 25px 25px 30px;
	}
	#birthday .present_ {
		padding: 0 15px;
	}
	#birthday .present_ h2 {
		position: relative;
		font-size: 20px;
		text-align: center;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0 0 10px;
		margin: 0 0 15px;
	}
	#birthday .present_ h2:after {
		content: '';
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
		width: 25px;
		height: 1px;
		background: #000;
	}
	#birthday .present_ h2 + p {
		margin: 0 0 15px;
	}
	#birthday .present_ li {
		border: 1px solid #e5e5e5;
		margin: 0 0 20px;
		padding: 5px 5px 15px;
	}
	#birthday .present_ li h3 {
		display: flex;
		align-items: baseline;
		justify-content: center;
		background: #f5e5e8;
		text-align: center;
		font-size: 14px;
	}
	#birthday .present_ li h3 p {
		color: #f8485e;
	}
	#birthday .present_ li h3 p span {
		font-size: 20px;
		font-weight: bold;
		font-family: "Poppins", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	}
	#birthday .present_ li > p {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 145px 0 0;
	}
	#birthday .present_ ul li:nth-child(1) > p {
		background: url(../../img/usr/freepage/birthday/img_present01.png) no-repeat center top 15px / 156px;
	}
	#birthday .present_ ul li:nth-child(2) > p {
		background: url(../../img/usr/freepage/birthday/img_present02.png) no-repeat center top 20px / 206px;
	}
	#birthday .present_ ul li:nth-child(3) > p {
		background: url(../../img/usr/freepage/birthday/img_present02.png) no-repeat center top 20px / 206px;
	}
	#birthday .present_ .caution_ {
		margin: 0 0 25px;
	}
	#birthday .present_ .caution_ p {
		position: relative;
		font-size: 14px;
		line-height: 22px;
		padding: 0 0 0 15px;
		margin: 0 0 10px;
	}
	#birthday .present_ .caution_ p:last-child {
		margin: 0;
	}
	#birthday .present_ .caution_ p:before {
		content: '※';
		position: absolute;
		top: 0;
		left: 0;
	}
	#birthday .btn_ {
		text-align: center;
	}
	#birthday .btn_ a {
		display: inline-block;
		width: 80%;
		color: #fff;
		letter-spacing: 2px;
		background: #f8485e url(../../img/usr/freepage/birthday/arrow.png) no-repeat right 16px top 20px / 16px;
		padding: 13px 0;
		border-radius: 25px;
		transition: all .4s;
	}
}