@charset "UTF-8";
/*
*******************************************************************************************************
# 店舗口コミはじめました！ 
*******************************************************************************************************

/*打消し*/
div#containerWrapper{ background-color:#fff; }
div#containerInner{ width:100%; box-sizing:border-box; }
.info #container{ padding-top:0; }

/*---------------------------
**	review
-----------------------------*/
.main_box{
	position:relative;
	background:#fff url("/info/review/images/img_main02_bg.png") repeat-x 50% bottom;
	min-height:480px;
}
.main_box .main_img01{
	margin:auto;
	padding-top:55px;
	background: linear-gradient(-45deg, rgba(26, 134, 255, .6), rgba(9, 32, 159, .6)),
  url("/info/review/images/img_main01_bg.png");
	min-height:137px;
	text-align:center;
}
.main_box .h1_box{
	margin:auto;
	padding-top:30px;
	text-align:center;
}
.main_box .maintxt{
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.main_box .txtbox_01{
	padding-left:110px;
	width:890px;
	top:233px;
	z-index:2;
}
.main_box .txtbox_02{
	padding-right:136px;
	width:864px;
	text-align:right;
	top:155px;
}
.main_box .txtbox_03{
	width:1000px;
	text-align:center;
}

/*.inner*/
/** 共通 **/
.inner{
	margin:35px auto 0;
	width:1000px;
}
.inner h2{
	margin-bottom:30px;
	color:#043c78;
	font-size:1.95em;
	font-weight:bold;
	text-align:center;
}
.inner h3{
	margin-bottom:10px;
	font-weight:bold;
}
.inner p{
	margin-bottom:1em;
	font-size:1.2em;
	text-align:center;
}
.inner .txtRed{ color:#cc0033; }
.inner a.btn{
	background-color:#092095;
	color:#fff;
	text-align:center;
	text-decoration: none;
}
.inner a.btn:hover{
	opacity:0.7;
}
.inner .txt_right{
	text-align:right;
}
/*.search*/
.inner dl.search{
	background: url("/info/review/images/img_search_bg.png") no-repeat 50% bottom;
	min-height:131px;
}
.inner dl.search dt,
.inner dl.search dd{
	margin:auto;
	padding:0 30px 0 40px;
	width:630px;
}
.inner dl.search dt{
    margin-top:30px;
	margin-bottom:5px;
	padding-top:30px;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
}
.inner dl.search dd{}
.inner dl.search dd input[type=text]{
	margin-right:20px;
	padding:5px 10px;
	border:1px solid #eee;
	width:450px;
}
.inner dl.search dd a.btn{
	padding:5px 10px 5px 35px;
	border-radius:5px;
	background: #092095 url(/static/shared/images/icon/icn_btn_search_s.png) no-repeat 10px 40%;
}
/*.rank*/
.rank_box {
	overflow:hidden;
}
.rank_box a.btn{
	padding:5px 15px;
	border-radius:10px;
	width:112px;
	line-height:1.5;
	display:inline-block;
	font-size:1.5em;
	font-weight:bold;
}
.rank_box .ttl{
	margin:auto;
	padding:30px 0 0;
	width:600px;
}
.rank_box .ttl h2{
	padding:0 51px;
}

.rank_box .ttl h2 span{
	margin-left:5px;
	color:#4753a2;
	font-size:1.3em;
}

.rank_box .ttl h2:after{ left:0; }
.rank_box .ttl h2:before{ right:0; }
.rank_box .inner .txt_right{ margin-bottom:40px; font-size:14px; }

/*.rank .top3_shop_list*/
.rank_box .top3_shop_list{}
.rank_box .top3_shop_list li{
	margin-right:11px;
	margin-bottom:40px;
	padding:30px 15px 15px;
	border:1px solid #6c7ac6;
	width:326px;
	float:left;
	position:relative;
	box-sizing:border-box;
	box-shadow:2px 2px 0 #6c7ac6;
}
.rank_box .top3_shop_list li.rnk01{}
.rank_box .top3_shop_list li.rnk02{ border-color:#75b2fb; box-shadow: 2px 3px 0 #75b2fb; }
.rank_box .top3_shop_list li.rnk03{ margin-right:0px; border-color:#9fccf8; box-shadow: 2px 3px 0 #9fccf8; }
.rank_box .top3_shop_list li .icn{ position:absolute; top:-30px; left:10px; }

.rank_box .top3_shop_list li dl{ margin-bottom:10px; border-bottom:1px solid #ccc;}
.rank_box .top3_shop_list li dt{ margin-bottom:10px; font-size:1.4em;font-weight:bold; }
.rank_box .top3_shop_list li dd{ margin-bottom:10px; }
.rank_box .top3_shop_list li .shop_img{
	border:1px solid #ccc;
	width:124px;
	height:93px;
	position:relative;
	float:left;
}
.rank_box .top3_shop_list li .shop_img img{
	margin:auto;
	max-width:124px;
	max-height:93px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.rank_box .top3_shop_list li .left_col{ width:158px; float: right; }
.rank_box .top3_shop_list li p{ margin-bottom:5px;font-size:14px; }
.rank_box .top3_shop_list li .star,
.rank_box .top3_shop_list li .star img{ vertical-align: baseline; font-weight:bold; }
.rank_box .top3_shop_list li .star img{ margin-right:5px;}

/*.rank table*/
.rank_box table{
	margin-bottom:20px;
	border-collapse: separate;
	border-spacing: 0;
	border:1px solid #ccc;
	border-radius: 10px;
	width:100%;
	overflow: hidden;
	box-shadow:2px 3px 0 0 #ccc;
	font-size:1.2em;
	font-weight:bold;
}
.rank_box table a.btn{ font-size:1em;}
.rank_box table tr:nth-child(even){ background-color:#fff5f8; }
.rank_box table tr th,
.rank_box table tr td{ 
    padding:10px; 
    width:20%; 
    box-sizing:border-box; 
}

.rank_box table tr th{ 
    padding-left:20px; 
    border-right: 1px dotted #ddd;
    width:15%; }

.rank_box table tr th span{
	margin-right:15px;
	padding:8px 0;
	width:2.5em;
	background-color:#ccc;
	display:inline-block;
	color:#fff;
	text-align:center;
	font-size:0.8em;
}
.rank_box table tr td img{
	margin-right: 5px;
	width: 60px;
	height: 30px;
}
.rank_box table tr td:nth-child(2){width:45%;}
.rank_box table tr td:nth-child(3){width:10%;}
.rank_box table tr td:nth-child(4){width:15%;}
.rank_box table tr td:nth-child(5){width:15%;}

.rank_box table tr td.same-rank{
    text-align: left;
}

.rank_box table tr td a.same-rank3{
    margin-left: 10px;
}

/*.step*/
.inner ul.step_box {
	padding:0 36px;
}
.inner ul.step_box li{
	margin:0 26px 20px;
	width:257px;
	float:left;
	position:relative;
}
.inner ul.step_box li:after{
	content:'';
	width:17px;
	height:20px;
	background:url("/info/review/images/icon_step_arrow.png") no-repeat 50% bottom;
	position:absolute;
	top:125px;
	right:-35px;
}
.inner ul.step_box li:last-child:after{
	background:url("");
}
.inner ul.step_box li .stepimg{
	margin-bottom:20px;
}
.inner ul.step_box li h3{
	text-align:center;
}
.inner ul.step_box li p{
	font-size:1em;
	text-align:left;
}
/*.attn*/
.inner .attn{
	padding:15px 40px;
	background-color:#e6e8ec;
	border-radius:15px;
}
/*btn*/
ul.kuchikomi-btn{
	width:100%;
}
ul.kuchikomi-btn li{
	margin-bottom:50px;
	text-align:center;
}
ul.kuchikomi-btn li a.btn{
	padding:15px 0;
	border-radius:100px;
	/*box-shadow:3px 3px 0 2px #d33b6b;*/
	display:inline-block;
	width:568px;
	font-size: 2em;
	font-weight: bold;
}
.inner .attn ul li{
	margin-left:1em;
	list-style-type: disc;
}
/*.btn_pagetop_authority*/
.btn_pagetop_authority{
	margin:30px auto 0;
	width:1000px;
}

/*clear*/
.cl{ clear:both; }

/*---------------------------
**	都道府県TOP3　タブ部分
-----------------------------*/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 1000px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
    width: calc(100%/6.04);
    height: 50px;
    border-bottom: 3px solid #6c7ac6;
    background-color: #eee;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    border-left: solid 1px #ddd
}

.tabs td a:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#hokkaido_tohoku:checked ~ #hokkaido_tohoku_content,
#kanto:checked ~ #kanto_content,
#kousinetsu_hokuriku_tokai:checked ~ #kousinetsu_hokuriku_tokai_content,
#kansai:checked ~ #kansai_content,
#chugoku_shikoku:checked ~ #chugoku_shikoku_content,
#kyuusyuu_okinawa:checked ~ #kyuusyuu_okinawa_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #6c7ac6;
  color: #fff;
}

/*---------------------------
**	テーブル
-----------------------------*/

.tab_content table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
　background-color: #fff!important;
  box-shadow:none;
  border:none;
  border-radius:0px;
}

.table tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

.tabs table th,table td{
  text-align: center;
  width: 25%!important;
  padding: 15px 0;
　border-right: solid 1px #eee;
}


.rank_box table tr:nth-child(even) {
    background-color: #fff;
}

/*---------------------------
**	都道府県TOP3　テーブル
-----------------------------*/
.todohuken table th {
    font-weight:bold;
}

.todohuken table tr td {
    border-top:1px solid #ccc; 
    border-right: 1px dotted #ddd;
    font-size:90%;
    font-weight:bold;
    color:#bbb;
}

.todohuken table tr td:first-child {
    color:#000;
}

.rank_box table th:last-child {
    border-right:none;
}

.todohuken table tr td:last-child {
    border-right:none;
}

.todohuken table a {
    text-decoration: none;
    color:#4753a2;
    border-bottom: 1px solid #6c7ac6;
    padding-bottom:1px;
}