@charset "utf-8";

*{
	box-sizing: border-box;
}
body{line-height: 1.7; color: #333333;}
/*head*/
#ramenHead{
	height: 347px;
}
p,dl,dt,dd{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*present*/
.ouboWrap{
	background: url(img/obi_tyuka.png) , url(img/obi_tyuka.png) ,#FFFFFF;
	background-position: top 0.5em center, bottom 0.5em center, center;
	background-repeat: repeat-x;
	padding: 45px 26px 30px;
	text-align: center;
	margin-bottom: 35px;
}
.ouboWrap .inner{margin-bottom: 20px;}

.ouboWrap .present_txt{
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 15px;
}
.ouboWrap .present_limit{
	color: #e92c2c;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 19px;
	
}
.ouboWrap .tit_small{font-size: 20px;}

a.present_btn{
	color: #333333;
	background: #f8d044;
	border-radius: 8px;
	font-size: 22px;
	padding: 10px;
	margin-bottom: 40px;
	display: block;
	margin: 0 auto 20px;
	width: 30%;
	font-weight: bold;
}

a.present_btn:hover{
	text-decoration: none;
	background: #f7e7b0;
}

.ouboWrap .note{color: #e92c2c; font-size: 14px;}

/**catch*/
#catch{
	font-size: 30px;
	color: #333333;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	padding:15px;
	position: relative;
	background: #FFFFFF;
	border: 4px solid #cfa972;
	margin-bottom: 50px;
}

#catch:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -16px;
  border: 13px solid transparent;
  border-top: 14px solid #FFF;
  z-index: 2;
}
#catch:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #cfa972;
  z-index: 1;
}

/*areaLankingWrap*/
#ramenMain{
	width: 980px;
	margin: 0 auto 40px;
	background: url(img/main_back.jpg);
	padding: 30px;
	line-height: 1.5;
}
.areaLankingWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.areaLankingWrap > div{
	width : 50% ;
	width : -webkit-calc(50% - 15px) ;
	width : calc(50% - 15px) ;
	margin-right: 30px;
	margin-bottom: 40px;
}
.areaLankingWrap > div > div{}

.areaLankingWrap > div:nth-child(2n){margin-right: 0;}
.areaLanking h2{
	font-size: 24px;
	color: #FFFFFF;
	background: #262320;
	text-align: center;
	padding: 8px;
	margin-bottom: 8px;
}
.area1{
	background:rgba(191,189,255,0.4);
	padding: 10px;
}
.area2{
	background:rgba(161,215,214,0.4);
	padding: 10px;
}
.area3{
	background:rgba(255,205,231,0.5);
	padding: 10px;
}
.area4{
	background:rgba(253,229,127,0.5);
	padding: 10px;
}
.area3 .rank4, .area4 .rank4{
	min-height: 346px;
}

.areaLanking > .thanks{
	text-align: center;
	margin: 30px 0 50px;
	font-size: 20px;
	font-weight: bold;
	color: #eb002c;
}

.photoWrap{text-align: center;}

/*ramenMain3-----best3*/
.areaLanking >.best3{
	background: #FFFFFF;
	padding:10px 20px 20px;
}
.areaLanking > .best3{
	margin-bottom: 12px;
}

/* 店舗情報--------------------------------------------------*/

.best3 .title-style{
	color: #e92c2c;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.best3 dl{
	font-size: 15px;
	margin: 10px 0 0;
}
.best3 dl > dt{
	float: left;
	/*font-size: 12px;*/
}
.best3 dl > dd{
	margin-left: 40px;
}
.result_ramen_img img{
	width: 100%;
}


/*1位*/
.best3 .title1:before{
	content: "";
	display: inline-block;
	background: url(img/ic_01.png) no-repeat;
	background-size: 64px 44px;
	width: 64px;
	height: 44px;
	position: relative;
	top: 7px;
}
.ramen1{border: 2px solid #cfa972;}
.ramen1 .commentBox{border: 1px solid #cfa972;}
.ramen1 .comentTitle span{background: #cfa972; padding: 2px 8px; font-size: 14px;}

/*2位*/
.best3 .title2:before{
	content: "";
	display: inline-block;
	background: url(img/ic_02.png) no-repeat;
	background-size: 64px 44px;
	width: 64px;
	height: 44px;
	position: relative;
	top: 7px;
}
.ramen2{border: 2px solid #959595;}
.ramen2 .commentBox{border: 1px solid #959595;}
.ramen2 .comentTitle span{background: #959595; padding: 2px 8px; font-size: 14px;}

/*3位*/
.best3 .title3:before{
	content: "";
	display: inline-block;
	background: url(img/ic_03.png) no-repeat;
	background-size: 64px 44px;
	width: 64px;
	height: 44px;
	position: relative;
	top: 7px;
}
.ramen3{border: 2px solid #7e6b5a;}
.ramen3 .commentBox{border: 1px solid #7e6b5a;}
.ramen3 .comentTitle span{background: #7e6b5a; padding: 2px 8px; font-size: 14px;}

/*-----------------------------*/
/*--ramenOtherWrap--*/

.ramenOther{
	margin-bottom: 12px;
}
.ramenOther figure{text-align: center;}
.ramenOther:nth-child(2n){
	margin-bottom: 0;
}
.ramenOther > .title4{
	color: #e92c2c;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 10px;
	margin-left:3.0rem;
	text-indent:-2.5rem;
	text-align: center; 
}
.ramenOther{
	background: #FFFFFF;
	padding: 5px 30px 15px;
	width: 100%;
}
.ramenOther > dl{
	font-size: 14px;
	padding: 5px 10px 0;
	border-top: 1px solid #cfa972;
}
.ramenOther > dl > dt{
	float: left;
}
.ramenOther > dl > dd{
	margin-left: 40px;
}

/*-------------------------------------*/
.select_best20_wrap,.tvshow_shop_wrap{
	background: url(img/movie_obi.png) repeat-x top center;
}
.select_best20_wrap h2,.tvshow_shop_wrap h2{text-align: center; color:#5b4125; padding: 40px 0 30px; font-weight: bold; font-size: 30px;}
.select_best20_wrap h2 span.underLine,.tvshow_shop_wrap h2 span.underLine{border-bottom: 5px solid #d8b528;}
.select_best20_wrap h2 span.small,.tvshow_shop_wrap h2 span.small{font-size: 12px;}

.tvshow_shop_wrap > .ramenOtherWrap > .ramenOther > .title4{color:#000000;}

/*-----------------------------*/
.male10{margin-left: 10px;}
.clearFix:after{
	content: "";
	display: block;
	clear: both;
}