@font-face{
	font-family:shopicon;
	font-style:normal;
	font-weight:400;
	src:url(https://static.thebase.in/font/v1/shopicon.eot?md4x76=);
	src:url(https://static.thebase.in/font/v1/shopicon.eot?md4x76=#iefix) format("embedded-opentype"),
		url(https://static.thebase.in/font/v1/shopicon.ttf?md4x76=) format("truetype"),
		url(https://static.thebase.in/font/v1/shopicon.woff?md4x76=) format("woff"),
		url(https://static.thebase.in/font/v1/shopicon.svg?md4x76=#shopicon) format("svg")
}
*{
	margin:0;
	padding:0;
	font-family:"Meiryo", "Minion Pro", "DFPHSMincho-W3", "MS PGothic", Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
img{
	border:0;
}
a:hover,a:active:hover{
	color:red;
}
body{
	background-color: #FFFFFF;
}
#header{
	background-color:#FFF;
	color:#333;
}
	#header_box{
		width:1080px;
		height:100px;
		margin:0 auto;
	}
		#logo{
			position:relative;
			width:284px;
			height:100px;
			top:0;
			left:0;
			display:block;
			float:left;
			background: url("../images/logo.png") no-repeat;
		}
		ul#menu{
			height:31px;
			float: right;
			padding-top: 30px;
		}
			ul#menu li{
				float:left;
				list-style:none;
				margin-left: 5px;
			}
					a#menu01{
						height:31px;
						display:block;
						width:103px;
						background:url(../images/m1.png);
					}
						ul li a#menu01:hover{
							background-position:0 -31px;
						}
					a#menu02{
						height:31px;
						display:block;
						width:103px;
						background:url(../images/m2.png);
					}
						ul li a#menu02:hover{
							background-position:0 -31px;
						}
#top_pic{
	min-width:1080px;
	height:380px;
	background: #F7E5D8 url(../images/top_bg.png) top center no-repeat;
}
#top_pic.wedding-anniversary{
	background-image: url(../images/top_bg_wedding.png);
}
#top_pic.pierce{
	background-image: url(../images/top_bg_pierce.png);
}
#top_pic.present{
	background-image: url(../images/top_bg_present.png);
}
#top_pic.christmas{
	background-image: url(../images/top_bg_christmas.png);
}

.remark {
	text-align: center;
	font-size: small;
	margin: 1rem auto 0;
    width: 1080px
}

.slider-pro {
	margin-top: 1em;
}
.sp-slide {
	opacity: .5;
}
.sp-slide.sp-selected {
	opacity: 1;
}
.sp-slide:hover {
    opacity: .7;
}

.sp-slide p {
	position: absolute;
	bottom: 0;
	background: #6666;
	padding: 1em;
	line-height: 2em;
	color: #fff;
	width: calc(100% - 2em);
}
.sp-slide.border .sp-image-container {
	border: 30px solid #f7e5d7;
	box-sizing: border-box;
}

ul#school_list{
	margin:0 auto;
	padding-top:55px;
	width: 1080px;
}
	ul#school_list li{
		float:left;
		list-style:none;
	}
	a.ad_m{
		padding-right:10px;
	}
		a.ad_m:hover ,a.ad_m2:hover{
				opacity:0.4;
		}
.ranking{
	margin: 0 auto;
	width: 1080px;
	background: url(../images/ranking_bg_header.png) top left no-repeat,
		url(../images/ranking_bg_footer.png) bottom left no-repeat,
		url(../images/ranking_bg.png) top left repeat-y;
	margin-top: 100px;
}
.ranking__title {
	width:291px;
	height:78px;
	position:relative;
	margin:0 auto;
	top:-60px;
	background:url(../images/ranking.png) no-repeat;
}
.ranking__title--birthday {
	width:566px;
	background-image:url(../images/ranking_birthday.png);
}
.ranking__title--pickup {
	background-image:url(../images/ranking_pickup.png);
	width:379px;
	height:50px;
	top:-30px;
}
.ranking__title--ring {
	background-image:url(../images/ranking_ring.png);
	width:590px;
	height:50px;
	top:-30px;
}
.ranking__title--simple {
	background-image:url(../images/ranking_simple.png);
	width:771px;
	height:50px;
	top:-30px;
}
.ranking__subtitle {
	font-size: 70%;
}
.ranking__item--1 {
	display: flex;
	padding: 0 55px 60px;
}
.ranking__album {
	align-self: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 360px;
}
.ranking__album__image {
	border: 1px solid transparent;
	cursor: pointer;
	height: fit-content;
	margin-bottom: 1em;
	width: 48%;
}
.ranking__album__image--current {
	border-color: #F7E5D7;
}
.ranking__album__image--big {
	height: fit-content;
	margin-bottom: 2em;
	width: 100%;
}
.ranking__album a {
	display: block;
	width: 100%;
}
.ranking__album img {
	display: block;
	max-width: 100%;
}
.ranking__info--1{
	padding-left: 80px;
	width: 530px;
}
			#pc01_t{
				background:url("../images/one.png") no-repeat left;
				font-size:24px;
				padding-left: 60px;
			}
				.ranking__info--1 a{
					text-decoration: none;
				}
				.ranking__info--1 .ranking__price{
					padding-top: 14px;
				}
				.ranking__info--1 .ranking__feature{
					font-size: 24px;
					padding-top: 14px;
					padding-bottom: 15px;
				}
				.ranking__feature_more{
					font-size: 15px;
					padding: 1em 0;
				}
.ranking__info--1 table{
	width:100%;
}
.ranking__info--1 td.tb_t{
	background-color: #F7E5D7;
	font-size: 15px;
	padding:10px;
}
.ranking__info--1 td.tb_box{
	font-size: 14px;
	padding:8px 10px;
	background-color: #eeeeee;
	border-bottom: 1px #cfcfcf solid;
}
.ranking__image{
	width: 191px;
}
.ranking__image a{
	display: block;
	width: 100%;
}
.ranking__image img{
	max-width: 100%;
}
.comment {
	background: url(../images/comment_title.png) top center no-repeat;
	margin-top: 2em;
	padding-top: 45px;
}
.comment__count {
	background: #f7e5d7;
	display: inline-block;
	line-height: 2em;
    margin: 1em 0;
	padding: 0 1em;
}
.comment__wrapper {
	height: 355px;
	overflow-y: scroll;
}
.comment__wrapper ul {
	list-style: none;
	padding: 0;
}
.comment__wrapper li {
	background: #EEE;
	margin: 3px 0;
	padding: .5em 1em;
}
.comment__score {
	background: url(../images/star.png) top left no-repeat;
	height: 14px;
	margin-bottom: .5em;
	position: relative;
	width: 90px;
}
.comment__score:before {
	background: url(../images/star.png) bottom left no-repeat;
	content: '';
	display: block;
	left: 0;
	height: 14px;
	position: absolute;
	top: 0;
	width: 0;
}
.comment__score--1:before {
	width: 18px;
}
.comment__score--2:before {
	width: 36px;
}
.comment__score--3:before {
	width: 54px;
}
.comment__score--4:before {
	width: 72px;
}
.comment__score--5:before {
	width: 90px;
}
.comment__date {
	color: #999;
	font-size: 12px;
}
.comment__date:before {
	background: url(../images/gender.png) 0 -15px no-repeat;
	content: '';
	display: inline-block;
	height: 15px;
	margin-right: 1em;
	width: 13px;
}
.comment__gender__male:before {
	background-position: 0 0;
}
.comment__content {
	color: #333;
	margin-top: .5em;
}

.button-container{
	display: flex;
	justify-content:space-evenly;
	margin: 8px 0 12px;
	width: 100%;
}
.ranking__instagram {
	background: #cccccc;
	display:flex;
	justify-content:center;
	align-items:center;
	height: 40px;
	max-width:500px;
	border-radius:6px;
	font-size: 18px;
	color: #fff;
	width: 40%;
	display: none;
}
.ranking__instagram:before {
	background: url(../images/igicon.png) left center no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.button-detail{
	display:flex;
	background: #fa4e6f;
	justify-content:center;
	align-items:center;
	width: 58%;
	height: 40px;
	color: #fff;
	text-decoration:none;
	border-radius:6px;
	width: 100%;
}
a.button-detail:hover{
	background: #f7889d;
	color: #fff;
}
.ranking__list{
	display:flex;
	flex-wrap: wrap;
	padding: 70px 55px 0 55px;
}
.ranking__item{
	display:flex;
	margin-bottom: 50px;
	width: 50%;
}
	.ranking__item a{
		text-decoration: none;
	}
	.ranking__info {
		padding-left: 17px;
		width: 255px;
	}
		.ranking__name {
			font-size:24px;
			padding-left: 40px;
		}
		.ranking__name2 {
			font-size:24px;
		}
		.ranking__price {
			font-size: 22px;
			font-weight: 700;
		}
		.ranking__taxincl {
			padding-left: 1em;
			color: #a0a7b4;
			font-size: 12px;
		}
		.ranking__deliveryfree {
			font-size: 16px;
			color: #fa4e6f;
		}
		.ranking__item .ranking__deliveryfree {
			word-break: keep-all;
		}
		.ranking__item--2 .ranking__name {
			background:url("../images/two.png") no-repeat left;
		}
		.ranking__item--3 .ranking__name {
			background:url("../images/three.png") no-repeat left;
		}
		.ranking__item--4 .ranking__name {
			background:url("../images/4.png") no-repeat left;
		}
		.ranking__item--5 .ranking__name {
			background:url("../images/5.png") no-repeat left;
		}
		.ranking__item--6 .ranking__name {
			background:url("../images/6.png") no-repeat left;
		}
		.ranking__special {
			color: #fa4e6f;
			font-size: 16px;
			padding-top: 15px;
		}
		.ranking__feature {
			font-size: 16px;
			padding-top: 15px;
			padding-bottom: 10px;
		}
		.ranking__button {
			width: 100%;
		}
		.ranking__button a {
			display:flex;
			justify-content:center;
			align-items:center;
			height: 40px;
			width:95%;
			max-width:500px;
			background: #fa4e6f;
			color: #fff;
			border-radius:6px;
		}
		.ranking__button a:hover{
			background: #f7889d;
			color: #fff;
		}
		
.campaign {
	display: flex;
	margin: 0 auto;
	clear: both;
	justify-content: space-between;
	width: 1080px;
	padding-top: 20px;
	flex-wrap: wrap;
}
	.campaign a{
		display: block;
		height: 103px;
		width: 530px;
		margin-top: 30px;
	}
	.campaign a#bt01{
		background: url(../images/bt01.png) no-repeat;
	}
	.campaign a#bt02{
		background: url(../images/bt02.png) no-repeat;
	}
	.campaign a#bt03{
		background: url(../images/bt03.png) no-repeat;
	}
	.campaign a:hover{
		opacity:0.4;
	}
.addition {
	background-color:#f7e5d7;
	padding: 50px 0;
	margin-top: 20px;
	min-width: 1080px;
}
.addition__wrap {
	display: flex;
	width: 1080px;
	margin: 0 auto;
	justify-content: space-between;
}
.addition__item {
	text-align: center;
	font-size: small;
	color: #333;
}
.addition__item--remark {
	width: 100%;
	margin: 1em 1em 0;
}
.addition__item--dummy {
	width: 50px;
	height: 0;
}
.shop {
	background:#f1f1f0 url(../images/shop_title.png) center 56px no-repeat;
	padding: 90px 0 30px;
	margin-top: 90px;
	min-width: 1080px;
}
.shop__title_remark {
	color: #999;
	font-size: small;
    margin: 20px 0;
	text-align: center;
}
.shop__wrap {
	display: flex;
	width: 1080px;
	margin: 0 auto;
	justify-content: space-evenly;
}
.footer {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 50px;
	width: 1080px;
}
.footer__menu a {
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 10px;
}
.footer__credit {
	color: #333;
	line-height: 30px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}


#title {
	margin: 0 auto;
	width: 1080px;
}