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

.pcp{
	display:block;
}

.spp{
	display:none;
}

.epvt{
margin-top:10px;
text-align:center;
}
.epv{
margin:0 0 10px 0;
text-align:center;
}

.contents_more{
margin:1em 0 0 0;
}
.eventinfo{
margin:10px 0 10px 0;
}

.information_contents a{
display:inline;
text-decoration:underline;
}
.guest-message a{
display:inline;
}




/*ランキング*/
.contents .top-ranking{
	/* background-image:url(../img/top_ranking-back.png),url(../img/top_contents-back.jpg); */
	background-repeat: no-repeat,no-repeat;
	background-position:left top,center top;
	/* border:1px #CFD0D0 solid; */
	min-height:500px;
	}
	.contents .top-ranking ol{
    width: 100%;
		height: 440px;
    overflow: hidden;
    position: relative;
		}
		/* 各共通部分 */
		.contents .top-ranking ol li{
			width:244px;
			height:auto;
			overflow:hidden;
			position:absolute;
			bottom:13px;
			}
			.contents a{
				color:#000;
			}
			.contents .top-ranking ol li .photo{
				height:320px;
				line-height:268px;
    		text-align: center;
    		vertical-align: middle;
				margin-bottom:5px;
				}
				.contents .top-ranking ol li .photo img{
					width:147px;
				}
			.contents .top-ranking ol li p{
				float:none;
				display:inline;
				height:47px;
				font-size:110%;
				text-align:center;
				}
				.contents .top-ranking ol li p img{
					vertical-align:-40%;
					padding-right:7px;
				}
		/* ランキング1位の場合 */
		.contents .top-ranking ol li.rank1{
			width:284px;
			left:310px;
			}
			.contents .top-ranking ol li.rank1 .photo{
				background:url(../img/top_rank01-frame.png) no-repeat center top;
				height:371px;
				line-height:313px;
    		text-align: center;
    		vertical-align: middle;
				overflow:hidden;
				}
				.contents .top-ranking ol li.rank1 .photo img{
					width:170px;
				}
		/* ランキング2位の場合 */
		.contents .top-ranking ol li.rank2{
			left:20px;
			}
			.contents .top-ranking ol li.rank2 .photo{
				background:url(../img/top_rank02-frame.png) no-repeat center top;
			}
		/* ランキング3位の場合 */
		.contents .top-ranking ol li.rank3{
			right:20px;
			}
			.contents .top-ranking ol li.rank3 .photo{
				background:url(../img/top_rank03-frame.png) no-repeat center top;
				}
	.contents .top-ranking p.next{
		font-size:100%;
		padding:15px 10px 10px 10px;
		text-align:right;
		font-weight: bold;
		}
		.contents .top-ranking p.next a{
			color:#104493;
		}
				
				
/*ツイッター*/
.twitter{
	margin-top:40px;
	}
	.twitter-section{
		margin-top:40px;
		}
		.twitter-section #twitter-widget-0{
		width:100%;
		height:400px;
		}
				
				
/*新人情報*/
.contents .newface{
	width:900px;
	min-height:350px;
	background-image:url(../img/top_newface-back-top.jpg),url(../img/top_newface-back-bottom.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center top,center bottom;
	overflow:hidden;
	margin:40px auto;
	}
	.contents .newface .newface-contents{
		width:900px;
		height:568px;
		overflow:auto;
		padding-bottom:2px
		}
		.contents .newface .newface-contents ul{
			overflow:hidden;
			}
			.contents .newface .newface-contents ul li{
				width:153px;
				height:auto;
				float:left;
				display:inline;
				margin:15px 0px 15px 20px;
				text-align:center;
				}
				.contents .newface .newface-contents ul li a{
					color:#0064B2;
				}
				.contents .newface .newface-contents ul li .photo{
					width:153px;
					height:230px;
					overflow:hidden;
					}
					.contents .newface .newface-contents ul li .photo img{
						width:153px;
					}
	.contents .newface p.next{
		font-size:100%;
		padding:15px 10px 10px 10px;
		text-align:right;
		font-weight: bold;
		width:880px;
		height:auto;
		overflow:auto;
		}
		.contents .newface p.next a{
			color:#104493;
		}
				
				
/* お客様からのメッセージ */
.contents .guest-message{
	height:427px;
	}
	.contents .guest-message h2{
		position:relative;
		}
		.contents .guest-message h2 span{
			position:absolute;
			top:25px;
			left:500px;
			width:140px;
			height:25px;
			display:block;
		}
	.contents .guest-message .guest-message_contents{
		background:url(../img/top_guest-contents-back.png) no-repeat center top;
		width:850px;
		height:301px;
		margin:10px auto 0px auto;
		overflow:auto;
		}
		.contents .guest-message .guest-message_contents ul{
			padding:10px 15px;
			}
			.contents .guest-message .guest-message_contents ul li{
				font-size:90%;
				padding:8px 0px;
				margin:8px 0px;
				border-bottom:1px #000 solid;
				}
				.contents .guest-message .guest-message_contents ul li h3{
					font-weight:100;
					margin-bottom:5px;
				}


/* 最新情報 */
.contents .information{
	height:400px;
	margin-top:40px;
	}
	.contents .information h2{
		position:relative;
		}
		.contents .information h2 span{
			position:absolute;
			top:25px;
			left:500px;
			width:140px;
			height:25px;
			display:block;
		}
	.contents .information .information_contents{
		background:url(../img/top_guest-contents-back.png) no-repeat center top;
		width:850px;
		height:301px;
		margin:10px auto 0px auto;
		overflow:auto;
		}
		.contents .information .information_contents ul{
			padding:10px 15px;
			}
			.contents .information .information_contents ul li{
				font-size:90%;
				padding:8px 0px;
				margin:8px 0px;
				border-bottom:1px #000 dotted;
				}
				.contents .information .information_contents ul li h3{
					font-weight:100;
					margin-bottom:5px;
					font-size:110%;
				}


/* バナー */
.contents .contents_bottom{
	margin-top:50px;
	}

.sp_on{
display:none;
}

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

/* ランキング */
.contents .top-ranking{
margin-bottom:2rem;

}


/*トップページメニュー*/
.top-menu li{
float:left;
padding:2px;
width:50%;
box-sizing:border-box;
}

.top-menu li img{
max-width:100%;
}

.top-menu{
margin-bottom:2rem;
}


.epv {
  position: relative;
  width: 100%;
  padding-top: 48%;
}
.epv iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

	.header,
	.header .logo h1,
	.header .logo p,
	.contents,
	.contents .newface,
	.contents .top-ranking,
	.contents .top-ranking ol,
	.contents .newface .newface-contents,
	.contents .guest-message .guest-message_contents,
	.contents .information .information_contents,
	.contents .information,
	.contents .guest-message
	{
		min-height: inherit;
		height: auto;
		width: auto;
	}
.contents .information .information_contents{
background:url("");
}
	.header{
		padding: 10px;
	}
	.header p.member{
		display: none;
	}
	.header .logo h1{
		width: 100px;
	}
	.header .logo p{
		margin: 20px 20px 0;
	}
	.header .logo,
	.header .shop-massage
	{
		position: static;
	}
	.header .logo, .header .shop-massage{
		margin-top: 10px;
	}
	.contents h2{
		margin: 20px 10px 0;
	}
	.contents h2 img{
		width: 100%;
		height: auto;
	}
	.contents .guest-message h2 span{
		position: static;
		margin: 0 auto;
	}
	.contents .top-ranking ol li{
		position: static;
		margin: 0 auto 40px;
	}
	.contents .top-ranking ol li.rank2,.contents .top-ranking ol li.rank3{
		width: 48%;
		float: left;
		margin-left: 1.5%;
	}
	.contents .top-ranking ol li.rank2 p img,.contents .top-ranking ol li.rank3 p img{
		width: auto;
		height: 25px;
		position: relative;
		top: -5px;
	}
	.contents .newface .newface-contents ul{
		margin-left: 1%;
	}
	.contents .newface .newface-contents ul li{
		width: 32%;
		margin-left: 1%;
	}
	.contents .newface .newface-contents ul li .photo{
		width: 100%;
		height: auto;
	}

/* reorder 関係 */
.sp_blog_twitter_b div{
width:48% !important;
margin:1%;
}

.sp_blog_twitter_b .blog_b{
float:left;
}
.sp_blog_twitter_b .twitter_b{
float:right;
vertical-align:middle;
}

/* スマートフォンでは表示 */

.sp_on{
display:block;
}

.sp_area a{
display:inline;
}

.sp_area{
margin-bottom:2rem;
}

/* 本日の薔薇 */

.contents .today_rose h2{
margin:0;
}

/* フッター */
.footer ul li{
    display: block;
    margin-bottom: 0.5em;
}


}