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

*{
	margin:0;
	padding:0;
}
ul, ol, dl {
    list-style-type: none;
}
html, body{
  font-family: Century Gothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	border:none;
}
a{
	text-decoration: none;
	color:#000000;
}
#header{
	text-align: left;
	color:#000000;
background:linear-gradient(to right,  #f4b4cf 0%,#d15a95 100%);
	position:relative;
	padding:0px 0 0px;
	margin-bottom:5px;
}
#header h1 > img{
	float:left;
	display:block;
	height:80px;
	margin-left:10px;
	margin-top:0px;
}
#header h1{
	font-size:20px;
	font-weight:normal;
	line-height:1.2;
	padding-top:10px;
padding:10px;
}
#header h1 span{
	display:inline-block;
}
#header h1 span em{
	font-size:85%;
	font-style:normal;
}
#header ul#langSelect{
/*	float:right;*/
	font-size:16px;
	background:#ffffff;
	color:#000000;
	position:absolute;
	top:5px;right:5px;
	width:150px;
	border:2px solid #333333;
}
#header ul#langSelect li{
	font-size:16px;
	padding:5px;
	cursor: pointer;
	display:none;
}
#header ul#langSelect.open li{
	display:block;
}
#header ul#langSelect li:first-child{
	display:block;
}
ul#langSelect li i{
	margin-right:0.5em;
}
ul#langSelect li a{
	display:block;
}
ul#langSelect li.selectedLang{
	background:url(https://richdoll.com/images/checkBg.png) center right 5px no-repeat;
	background-size:20%;
}
#container{
	width:100%;
	text-align: center;
}
#layout{
	max-width:800px;
	margin:auto;
}
#layout h2{
	font-weight:normal;
	text-align:left;
	font-size:18px;
	margin-top:20px;
	text-align: left;
	font-weight:normal;
	padding:5px;
color:#000000;
background:linear-gradient(to right,  #f4b4cf 0%,#d15a95 100%);
}

#spMenu{
	display:none;
}
#topImage{
	background: linear-gradient(to right,#d15a95 0%,  #f4b4cf 50%,#d15a95 100%);
	margin-bottom:10px;
	text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
	height:160px;
}
#topImage img{
	display:block;
	margin:auto;
	max-width: 400px;
	max-height:160px;
}

#caution{
	border:5px solid #ff0000;
	padding:10px;
}
#caution p{
	font-size:15px;
	text-align:left;
	line-height: 1.7;
}
#caution p strong{
	font-weight:bold;
}
#caution span{
	display:none;
}
#shopData{
	text-align:left;
}
#shopData h4{
}
#shopData p{
}
#shopData table{
	font-size:15px;
	width:100%;
}
#shopData table#shops{
  border:1px solid #cccccc;
 border-collapse: collapse;
}
#shopData table#shops th{
	text-align:left;
	vertical-align: top;
  border:1px solid #cccccc;
	width:35%;
	padding:5px;
	font-weight:normal;
}
#shopData table#shops td{
	text-align:right;
	vertical-align: top;
  border:1px solid #cccccc;
	width:65%;
	padding:5px;
}
#shopData table + h3{
	text-align: left;
	font-weight:normal;
	padding:5px;
color:#000000;
background:linear-gradient(to right,  #f4b4cf 0%,#d15a95 100%);
}
#shopData table#price{
	font-size:15px;
  border:1px solid #cccccc;
}
#shopData table#price th{
	text-align:left;
	vertical-align: top;
	width:40%;
	padding:5px;
	font-weight:normal;
}
#shopData table#price td{
	text-align:right;
	vertical-align: top;
	width:60%;
	padding:5px;
}

.listTypeN ul{
	text-align:left;
align-items: flex-start;
    display: flex
;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    flex-wrap: nowrap;
}
.listTypeN ul li{
display:inline-block;
width:calc(100%/4 - 5px);
min-width:calc(100%/4 - 5px);
vertical-align:top;
	margin:2px;
margin-bottom: 12px;
	box-sizing: border-box;
    padding: 2px;
    border: 1px solid #cccccc;
    box-sizing: border-box;
/*	background:rgba(0,0,0,.3);*/
}
.listTypeN ul li span{
display:block;
position:relative;
/*    vertical-align: sub;*/
}
.listTypeN ul li span img{
	display:block;
	max-width:100%;
}

.listTypeN ul li span span.SNSarea{
	display:none;
	position:absolute;
	top:1px;
	left:1px;
	width:100px;
	color:#ffffff;
}
.listTypeN ul li span span.SNSarea span.iconTwitter {
    background-color: #2ca7e1;
    display: inline-block;
/*    padding: 3px 10px;*/
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ffffff;
    margin: 1px;
	border-radius:50%;

text-align:center;
width:19px;
}

.listTypeN ul li span span.SNSarea span.iconInsta {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0300d1+0,d82b7d+50,f99848+100 */
background: #0300d1; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0300d1 0%, #d82b7d 50%, #f99848 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0300d1 0%,#d82b7d 50%,#f99848 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0300d1 0%,#d82b7d 50%,#f99848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0300d1', endColorstr='#f99848',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    display: inline-block;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ffffff;
    margin: 1px;
	border-radius:50%;
text-align:center;
width:19px;
}


.listTypeN ul li span img.evIcon{
position:absolute;
bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
/*    z-index: 1000;*/
    z-index: 8;
    width: 160px !important;
    top: auto !important;}

.bottomBox{
text-align:center;
/*
	background: #333333;
background: -moz-linear-gradient(-45deg,  #333333 1%, #000000 100%);
background: -webkit-linear-gradient(-45deg,  #333333 1%,#000000 100%);
background: linear-gradient(135deg,  #333333 1%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
*/
}
.bottomBox h3{
font-size:13px;
font-weight:bold;
text-align:left;
padding:3px ;
}
.bottomBox h3 span.iconOsusume {
display: none;
border-radius: 3px;
font-weight: normal;
color: #ffffff;
border-color: rgba(255, 255, 255, .8);
background-color: #800000;
font-size: 9px;
padding: 2px 2px;
vertical-align: text-bottom;
margin-right: 2px;
box-sizing:border-box;
}
.bottomBox p{
font-size:11px;
font-weight:normal;
text-align:left;
padding:3px ;
}
.bottomBox h4{
font-size:14px;
font-weight:bold;
padding:3px ;
text-align:left;
}
h4 img {
    display: inline-block;
    width: 21px;
    vertical-align: bottom;
/*	filter:invert();*/
}
.bottomBox h5{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7e0001+0,c8000b+51,7e0001+100 */
background: linear-gradient(to right, rgba(244,156,194,1) 0%,rgba(244,198,218,1) 52%,rgba(244,156,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
font-size: 13px;
    color: #ffffff;
	text-align:center;
	border:1px solid #ffffff;
	text-shadow:0 0 2px #7e0001;
}
em.subtitle{
background: linear-gradient(to right,  rgba(216,187,80,1) 0%,rgba(255,243,178,1) 51%,rgba(255,243,178,1) 51%,rgba(216,187,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border:1px solid #ffedba;
font-size: 18px;
    padding: 5px 0;
margin:5px 0;
color:#000000;
    display: block;
	font-style:normal;
}
.bottomBox p.newface {
    background-color: #e9728d;
    color: #ffffff;
    padding: 1px 10px;
    border-radius: 1rem;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 5px auto 5px;
    line-height: 1.5;
}

span.stars{
	color:#35332b;
	text-shadow:0 0 1px rgba(51,51,51,1);
	margin-right:5px;
	line-height: 1;
}
span.stars em{
	color:#ffda00;
	text-shadow:0 0 1px #f89800;
	font-style:normal;
}
span.specialIcon{
position:relative;
display:inline-block;
color:#ffffff;
background-color:#ff0072;
font-size:11px;
padding:1px 3px;
float:right;
}
span.specialIcon:before{
	content:'◆';
	position:absolute;
left: -5px;
    z-index: -1;
	color:#ff0072;
}

li.soldout a > span:after {
    background-image: url(/images/soldout_e.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: '';
    background-size: cover;
    vertical-align: middle;
}

li.cancel a > span:after {
    background-image: url(/images/cancel_e.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: '';
    background-size: cover;
    vertical-align: middle;
}

li.wazuka a > span:after {
    background-image: url(/images/wazuka_e.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    content: '';
    background-size: cover;
    vertical-align: middle;
}
.iconBox{
	display:none;
}
.listIcons{
	text-align:left;
min-height:19px;
margin-top:1px;
/*margin-bottom:1px;*/
/*	background:#cccccc;*/
line-height:1;

}
.listIcons span{
	display:inline-block !important;
padding: 4px 6px;
    font-size: 10px;
	border:1px solid #ffffff;
vertical-align: top;
	line-height:1;
	color:#ffffff;
}
span.iconNew{
background: rgb(239,154,174); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(239,154,174,1) 0%, rgba(248,55,99,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,154,174,1) 0%,rgba(248,55,99,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,154,174,1) 0%,rgba(248,55,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9aae', endColorstr='#f83763',GradientType=0 ); /* IE6-9 */
}
span.iconToday{
background: rgb(229,48,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,48,0,1) 0%, rgba(251,89,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,48,0,1) 0%,rgba(251,89,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,48,0,1) 0%,rgba(251,89,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e53000', endColorstr='#fb5900',GradientType=0 ); /* IE6-9 */
}
span.iconTomo{
	background-color:#5c64cb;
}
span.iconAfter{
	background-color:#bcb581;
}

span.iconTwitter{
	background-color:#2ca7e1;
}
span.iconrankin{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e59219+0,fcc749+100 */
background: rgb(229,146,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(229,146,25,1) 0%, rgba(252,199,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(229,146,25,1) 0%,rgba(252,199,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(229,146,25,1) 0%,rgba(252,199,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59219', endColorstr='#fcc749',GradientType=0 ); /* IE6-9 */
}

span.icongravure{
background: rgb(57,57,57); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(57,57,57,1) 0%, rgba(9,8,8,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(57,57,57,1) 0%,rgba(9,8,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(57,57,57,1) 0%,rgba(9,8,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#090808',GradientType=0 ); /* IE6-9 */
border:1px solid #ffedba;
}
.bottomBox{
	min-height:23px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333333+1,000000+100 */
/*
	background: #333333; 
background: -moz-linear-gradient(-45deg,  #333333 1%, #000000 100%); 
background: -webkit-linear-gradient(-45deg,  #333333 1%,#000000 100%);
background: linear-gradient(135deg,  #333333 1%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 );
*/
}

address{
background:linear-gradient(to right,  #f4b4cf 0%,#d15a95 100%);
	color:#000000;
	font-style:normal;
	padding:10px;
	text-align:center;
	font-size:12px;
}

.syamelink p.btn,
#postReviewPC p.btn,
#reviewsInProfPC p.btn{
   border: 2px solid #ffffff;
background:linear-gradient(to bottom,  #f4b4cf 0%,#d15a95 100%);
	color:#000000 !important;
	display:block;
	width:60%;
	margin:auto;
margin-bottom:20px;
}
.syamelink p.btn a,
#postReviewPC p.btn a,
#reviewsInProfPC p.btn a{
display:block;
font-size: 16px;
    padding: 5px 0;
margin:5px 0;
color:#000000;
text-align:center;
}
/*回り込み解除用*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 
.clr{
	clear:both;
	font-size:0;
}

@media screen and (max-width: 667px) {
#header h1 {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
}
#header h1 > img {
    height: 60px;
}
#header h1 span {
    bottom: 10px;
}
#pcMenu{
	display:none;
	}
#spMenu{
	display:block;
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		z-index: 100;
}
	#layout > div{
	margin:0 5px;
}
#layout > div#topImage {
	margin-bottom:5px;
}
#topImage img {
    max-height: 140px;
	max-width:calc(100% - 40px);
	margin:0 20px;

}
#caution p{
	height:100px;
	overflow:hidden;
	
}
#caution p.open{
	height:auto;
	
}
#caution span{
	margin-top:20px;
	display:inline-block;
	padding:5px 10px;
	border-radius:2rem;
	background:#666666;
	color:#ffffff;
	cursor: pointer;
}
#caution span.close{
	display:none;
}

.listTypeN ul li{
min-width:calc(100%/2.5 - 3px);
max-width:calc(100%/2.5 - 3px);
width:calc(100%/2.5 - 3px);
margin-bottom: 5px;
}
#ranking .listTypeN ul li:nth-child(1),
#ranking .listTypeN ul li:nth-child(2),
#ranking .listTypeN ul li:nth-child(3),
#ranking .listTypeN ul li{
width:calc(100%/1 - 3px);
}
.listTypeN ul li span.stars{
/*display:none;*/
}
.listTypeN ul li span.stars em{
/*display:none;*/
}

.listTypeN ul li span.specialIcon{
/*display:none;*/
}
.listTypeN ul li span.specialIcon:before{
conten:none;
}
.listTypeN ul li span span.SNSarea span.iconTwitter {
    font-size: 14px;
 line-height: 1.4;
}

.listTypeN ul li span span.SNSarea span.iconInsta {
    font-size: 14px;
line-height: 1.4;
}
address{
	padding-bottom:80px;
}


}