/* UTILL.CLASS ===※理解しやすいネーミングで共通クラスを作成==*/
.dpb {
	display: block;
}
.fs25 {
	font-size: 25px;
}
.fc_pink {
	color: #e577a2;
	font-weight: 900;
}
.em {
	color: #b50081;
	font-weight: bold;
	font-style: normal;
}
.tac {
	text-align: center;
}
.fw900 {
	font-weight: 900;
}
/* 共通=====================================================*/
body{
	font-weight: 100;
	background: #fffcf5;
}
h3 {
	/*color: #fff;*/
	background: linear-gradient(-90deg, #d8b749 0%, #ba992d 10%, #f4cf54 70%, #b69118 100%);
	text-align: center;
	border-radius: 4px;
	letter-spacing: 0.1em;
}
#header.end {
	padding-top: 0;
}
.section {
	width: 100%;
}
.list {
	width: 100%;
	margin: 0 auto;
}
.list li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
}

/* PC 640px～適応=========PCは562行＞＞136行まで削減=========*/
@media screen and (min-width: 641px) {
	body{
		font-size: 20px;
		line-height: 1.6;
	}
	img {
		vertical-align: baseline !important;
	}
	#header {
		padding-top: 121px;
		margin-bottom: 80px;
	}	
	#header-inner {
		width: 1024px;
		margin: 0 auto;
	}
	.section-inner {
		width: 800px;
		margin: 0 auto;
	}
	.section-inner img{
		width:800px;
		margin:0 auto;
	}
	.outline-box {
		width: 800px;
		margin: 0 auto 48px;
	}
	h3 {
		margin: 0 auto 20px;
		font-size: 24px;
		line-height: 2.0em;
	}
	.outline-box img {
		display: block;
		width: 440px;
		margin: 0 auto;
	}
	.giftee_ttl {
		font-size: 25px;
		margin: 24px 0 10px 0;
	}
	ul{
		padding-bottom: 2%;
	}
	.list li {
		position: relative;
		padding-left: 1.1em;
	}
	.list li span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 1em;
	}
	li.list_smailtxt{
		font-size: 1.8rem;
		padding-left: 2.5rem;
	}
	.list li.pl0 {
		padding-left: 0;
	}
	#notes .list {
		width: fit-content;
		margin: 0 auto;
	}
	#notes .list li {
		font-size: 16px;
		line-height: 1.429em;
	}
	#notes .list:after {
		content: '';
		display: block;
		padding-top: 49px;
	}
	ul.download {
		width: 520px;
		margin: 0 auto;
	}
	ul.download:after {
		content: '';
		display: block;
		clear: both;
	}
	ul.download li {
		width: 214px;
		float: left;
	}
	ul.download li:last-child {
		width: 266px;
		float: right;
	}
	ul.download li a {
		display: block;
	}
	#detail p {
		width: 380px;
		margin: 0 auto;
	}
	#detail p a {
		display: block;
	}
	#detail p:after {
		content: '';
		display: block;
		padding-top: 26px;
	}
	.end_text {
		padding: 130px 0 0 0 !important;
	}
	.collabo_text1 {
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.giftee_ttl + img + p {
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.bannerBox {
		margin-bottom: 60px;
	}
}

/* 0px～640pxまではここを参照 =======================================*/
@media screen and (max-width: 640px) {
	body{
		font-size: 16px;
		line-height: 1.5em;
	}
	img {
		width: auto !important;
		display: inline-block !important;
		vertical-align: baseline !important;
	}
	#header {
		padding-top: 17.467vw;
		margin-bottom: 40px;
	}
	#header-inner {
		width: 100%;
	}
	.section-inner {
		width: 100%;
	}
	.outline-box {
		width: 90%;
		margin: 0 auto 30px;
	}
	h3 {
		margin: 0 auto 5.195%;
		font-size: 18px;
		padding: 2% 0;
	}
	.giftee_ttl {
		font-size: 20px;
		margin: 40px 0 20px 0;
	}
	.list li {
		font-size: 16px;
		line-height: 1.5em;
		text-align: left;
		position: relative;
		padding-left: 1.1em;
	}
	li.list_smailtxt{
		font-size: 1.5rem;
		padding-left: 2rem;
	}
	.outline-box.is01 .list + .list{
		padding-top: 10px;
	}
	.outline-box.is05 a {
		color: #b60081;
		text-decoration: underline;
	}
	#banner .section-inner:after {
		content: '';
		display: block;
		padding-top: 1%;
	}
	#banner p {
		margin-bottom: 30px;
	}
	#detail p {
		width: 50.668%;
		margin: 0 auto;
	}
	#detail p a {
		display: block;
	}
	#detail p:after {
		content: '';
		display: block;
		padding-top: 9.474%;
	}
	#outline-box04 .keyword-box p {
		margin: 0;
		padding: 0;
		font-size: 16px;
		text-align: center;
		color: #e577a2;
	}
	ul.download {
		width: 82.134%;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	ul.download li {
		width: 43.507%;
		float: left;
	}
	#contents a {
		border-style: none;
		outline: none;
	}
	ul.download:after {
		content: '';
		display: block;
		clear: both;
	}
	ul.download li {
		width: 42.507%;
		float: left;
	}
	
	ul.download li:last-child {
		width: 53.221%;
		float: right;
	}
	#notes .list {
		width: 82.134%;
		margin: 0 auto 40px;
	}
	#notes .section-inner .list li {
		font-size: 12px;
	}
	.collabo_text1 {
		margin-top: 20px;
		margin-bottom: 15px;
	}
	.giftee_ttl {
		margin-top: 30px;
	}
	.giftee_ttl + img + p {
		margin-bottom: 30px;
	}
}

/* 加瀬追記 ======== */
.pb0 {
	padding-bottom: 0;
}