@charset "utf-8";

/*****************************************
 MessageFlower CSS
**************************************** */
.message {
max-width: 876px;
margin: 0 auto;
}
em {
color: #E4157E;
}
.topcont {
position: relative;
}
.topcont .txt1,
.topcont .txt2,
.topcont .txt3 {
position: absolute;
left: 2.96%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.topcont .txt1 {
top: 32.9%;
}
.topcont .txt2 {
top: 61.8%;
}
.topcont .txt3 {
top: 76.6%;
}
.giftselect {
	width: 90.5%;
	margin: 15px auto;
	background: #EEEDE8;
}
.giftselect .imgWrap {
	float: left;
	width: 30%;
	max-width: 240px;
}
.giftselect .linkList {
display: inline-block;
width: 65.7%;
padding: 2.85% 1.8% 0 2.2%;
float: left;
}
.giftselect .linkList p {
max-width: 440px;
margin: 0 0 9px;
}
.giftselect .linkList a {
margin: 0 0 7px;
display: block;
}
.giftselect .shadow {
width: 100%;
text-align: center;
clear: both;
background:#FFF;
}
.giftselect .shadow img {
max-width: 792px;
}
.giftselect p img {
	width: 100%;
}
.ttl {
margin: 30px 0 30px;
}
.ttl img {
	width: inherit !important;
}
.productList .item {
width:29.2%;
float:left;
margin: 0 5% 35px 0;
}
.productList .item:nth-child(3n) {
margin: 0 0 35px 0;
}
#container .productList .item a img {
width:42.9%;
float: left;
}
#container .productList .item .info {
width: 54.1%;
float: right;
line-height: 1.9;
}
.productList .item .info strong {
text-decoration: underline;
font-size: 0.7rem;
margin: 0 0 3px;
}

.flowerBtn {
margin: 30px 0 45px;
text-align: center;
}
.flowerBtn img {
max-width: 272px;
}

.rilyLink {
margin: 0 0 40px;
}

.ttl2 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: #DEDEDE solid 2px;
}
.ttl2 img {
	width: inherit !important;
}
.giftsheen p {
display: block;
float: left;
width: 31.9%;
margin: 0 2% 18px 0;
}
.giftsheen p:last-child {
margin: 0 0 18px 0;
}
.pc {
	display:block;
}
.sp {
	display:none;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}

}

@media screen and (max-width: 640px) {
	#wrapper .frame .main {
		padding: 10px;
	}
	.topcont .txt1,
	.topcont .txt2,
	.topcont .txt3 {
		position: relative;
		left: 0;
		width: 100%;
		margin: 20px 0 0;
		padding: 0 0 0 40px;
	}
	.topcont .txt1:before, .topcont .txt2:before, .topcont .txt3:before {
		content: '01';
		color: #FDA2AC;
		font-size: 18px;
		position: absolute;
		left: 10px;
		top: 0;
	}
	.topcont .txt2:before {
	 content: '02';
	}
	.topcont .txt3:before {
	 content: '03';
	}
	.giftselect {
		width: 100%;
	}
	.giftselect .imgWrap {
		float: left;
		width: 100%;
		max-width: 100%;
	}
	.giftselect .linkList {
	display: inline-block;
		width: 96%;
	}
	.productList .item {
	width:100%;
	float:left;
	margin: 0 0 15px 0;
	}
	.productList .item:nth-child(3n) {
		margin: 0 0 35px;
	}
	.giftsheen p {
		width: 49%;
		margin: 0 0 0 1%;
	}
	.giftsheen p:last-child {
		margin: 0 0 0 1%;
	}
	
	.ttl img,
	.ttl2 img {
		width: 100% !important;
		height: auto;
	}
	.ttl {
		margin: 30px 0 10px;
	}
	.flowerBtn {
	margin: 20px 0;
	text-align: center;
	}
	.rilyLink {
		margin: 0 0 20px;
	}
}

@media screen and (max-width: 420px) {

}