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


/* 一覧共通ヘッダ
   ========================================================================== */
#ichiran_wrap {
		clear:both;
		border-top:1px #CCCCCC solid;}
		
#shop_wrap {
		clear:both;
		border-top:1px #CCCCCC solid;}
		
/*  PC
   ========================================================================== */
@media screen and (min-width: 769px){


.ichiran_title{
	width:1280px;
	margin:0 auto;
	text-align:center;
	padding:40px 0 20px 0;}

.ichiran_title p{
	padding:5px;}

.todouhuken{
	font-size:31px;
	letter-spacing: 3px;}
	
.hurigana{
	font-size:18px;
	letter-spacing: 3px;}
	
.ichiran_title p img{
	padding:0 0 0 13px;}

#ichiran_box{
	padding-bottom:40px;}
.division{
	display:table;
	table-layout: fixed;
	width:1280px;
	margin:0 auto;
}

.store{
	width:30%;
	float:left;
	margin:10px;
	padding-left:13px;
	padding-bottom:20px;
	text-align:left;
}

.evaluate{
	padding:5px 0;}
.point_sougo{
	padding:0 5px;
	color:#aeb506;}
.comment_count{
	padding:0 5px;}
.comment_count img{
	padding:0 3px;}
.storechiiki{
	font-size:14px;
}

.storename{
	padding:5px 0;
	font-size:18px;}

.storeloan{
	width:400px;
	height:50px;
	padding:5px 0;}
.storeloan img{
	padding:0 5px 5px 0;}

.storecomment{
	width:390px;
	padding:7px 0;
	line-height:1.2em;}

.storelink{
	padding:10px 0 0;
	}
.buttun{
	padding:5px 0;
	margin:5px 55px;
	display: inline-block;
	width: 250px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	background-color: #434343;
	color: #fff;
	}
.buttun:hover {
	background-color: #13819c;
}
.buttun::before,
.buttun::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.buttun,
.buttun::before,
.buttun::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#seach_wordbox2{
	clear:both;
	width: 100%;
	margin:0 auto;
	padding:20px 15px 30px;
	height:30px;
	border-top:1px #CCCCCC solid;}
	
#seach_wordbox2 div{
	float:right;
	width:500px;
	margin-right:40px;}

/*-------------------------
店舗
----------------------------*/


.shop_title{
	width:1280px;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0px 0;}
.shop_title p{
	padding:5px 0;}
.shop_title p img{
	padding:0 0 0 13px;}

.shopname{
	font-size:31px;
	letter-spacing: 3px;}
	
.shoparea{
	font-size:18px;
	letter-spacing: 3px;}
	
.evaluate_shousai p{
	width:1280px;
	margin:0 auto;
	text-align:center;
	padding-top:5px;}
.point_1,.point_2,.point_3,.point_4{
	padding:0 5px;
	color:#aeb506;}
.point_sougo_l{
	font-size:28px;
	padding:0 5px;
	color:#aeb506;}
	
#contents_1{
	width:1280px;
	margin:30px auto;}

#picture_area{
	width:400px;
	float:left;
	margin-left:20px;}
#comment_area{
	width:800px;
	float:left;
	margin-left:30px;}
#comment_area p{
	line-height:1.5em;
	font-size:15px;}

#contents_2{
	clear:both;
	width:1280px;
	margin:30px auto;
	padding:20px 0;}

#left_area{
	width:400px;
	float:left;
	margin-bottom:35px;
	margin-left:20px;}
.servise{
	padding-bottom:20px;}
.servise_title{
	border-bottom:1px #434343 solid;}
	
.servise_btn img{
	padding:5px;}

.servise_btn,.c_card,.taiken{
padding-top:15px;}

.kakaku{
	padding-right:30px;
	color:#434343;}
.bikou{
	padding:10px 0;
	color:#434343;}

#right_area{
	width:800px;
	float:left;
	margin-left:30px;
	margin-bottom:35px;}
	
table{
	margin-top:5px;
	width:800px;}
.info_area{
	border-bottom:1px #ccc solid;}
.info_area td{
	padding:19px 10px;}
.icon{
	vertical-align:middle;}
.item{
	font-size:14px;
	width:150px;}
.info{
	font-size:14px;
	font-weight:bold;
	width:650px;}
.info a{
	color:#000000;}




#maparea{
	clear:both;
	width: 100%;
	height:500px;
  	margin:10px 0;}
#reviewarea{
	padding:30px 0;
	width:1240px;
	margin:0px auto}
.review{
	padding:20px 0;
	border-bottom:#CCCCCC 1px solid;}
.r_nickname{
	padding:5px 0 10px;
	font-size:14px;}
.r_nickname img{
	padding:0 10px;
	vertical-align:middle;}
.r_comment{
	font-size:14px;
	line-height:1.5em;}
.r_evaluate{
	text-align:right;
	padding-top:10px;}
.r_evaluate .point_sougo{
	padding-right:10px;}

.review_btn{
	clear:both;
	text-align:center;
	padding-top:30px;
	letter-spacing: 2px;}
	
.movie_btn{
	clear:both;
	text-align:center;
	padding-top:0px;
	letter-spacing: 2px;}
	
.movie_btn img{
	vertical-align: middle;
	width: 35px;
    height: 29px;
    margin:0 15px 0 -15px;
}
	
.moviebuttun{
	padding:5px 0;
	margin:5px 0;
	display: inline-block;
	width:100%;
	height: 54px;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	background-color: #aab014;
	color: #fff;
	}
.moviebuttun:hover {
	background-color: #13819c;
}
.moviebuttun::before,
.moviebuttun::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.moviebuttun,
.moviebuttun::before,
.moviebuttun::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.movieshadow contents{
	width:600px;
}



/*-------------------------
レビュー投稿
----------------------------*/
.form_moji{
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;}
.star_color{
	color:#b6c81b;}
#review_wrap{
	width:1280px;
	margin:0 auto;}
	
#comment_field{
	margin:0 auto;
	width:1280px;
	background-color:#fff;
	}

.comment_title{
	text-align:center;
	padding:15px 0;
	margin-bottom:20px;
	font-size:31px;
	letter-spacing: 3px;
	color:#464646;}
	
.evaluate_box {
	display:table;
	table-layout: fixed;
	width:840px;
	margin:10px auto;
	padding:10px 5px}
	
.evaluate_box p{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	text-align:center;}
.form_star{
	width: 60%;
	padding: 10px;
	display: inline-block;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  @include linear-gradient(top, transparent, rgba(black, .06));
  @include box-shadow(0 1px 1px rgba(black, .08));
}
	
.profile_box{
	width:800px;
	margin:0 auto;
	padding:0px 15px}
.profile_box_l{
	padding:5px;
	text-align:left;
	width:800px;}
	
.profile_box_l p{
	padding:10px;}
.form_nickname{
	padding:10px;}
	
.profile_box_l select{
	width: 50%;
	padding: 10px;
	display: inline-block;
  	position: relative;
  	overflow: hidden;
  	background: #f2f2f2;
  	border: 1px solid;
  	border-color: white #f7f7f7 #f5f5f5;
  	border-radius: 3px;
  	@include linear-gradient(top, transparent, rgba(black, .06));
  	@include box-shadow(0 1px 1px rgba(black, .08));;}
	
.review_box{
	margin:10px 10px;}
.review_box textarea{
    resize: none;
	width:760px;
	height:260px;
	font-size:12px;
	padding:5px;}
	
.soushin{
	width:800px;
	margin:30px auto 60px;
	clear:both;
	text-align:center;}

.profile_box_s{
	padding:5px;
	text-align:left;
	width:580px;
	margin:0 auto}
	
.profile_box_s p{
	padding:10px;}
	
.mail{
	padding:5px 0;
	margin:5px 0;}
.tel{
	padding:5px 0;
	margin:5px 0;}
	
#poricy{
	padding:20px 0 50px;
	width:760px;
	margin:0 auto;}

.poricy_text{
	padding:20px 0;
	line-height:1.8em;}

#about{
	padding:20px 0;
	width:1050px;
	margin:0 auto 30px;}
.about_text{
	padding:15px 0;
	line-height:1.8em;}
#howto_box{
	background-color:#e2e2e2;
	padding:0px 0px 30px 30px;
	margin:20px 0 15px 0;
	overflow:hidden;}
.howto{
	float:left;
	padding:20px 0;}
.howto p{
	padding:20px 0 15px 0;}
.arrow_r{
	margin-top:120px;}
.howto_text{
	font-size:14px;
	margin-left:18px;
	text-align:center;
	width:270px;
	line-height:1.5em;
	font-weight:bold;
	color:#464646;}

.movie_img img.thumbnail_btn{
	width:400px;
	margin:0 auto;}
	
.movie_area{
	position: relative;}

.movie_area p.movie_img img.play_btn{
	position: absolute;
	
　　top: 100px;
　　left: 20px;
}
	
}


/*  タブレット
   ========================================================================== */
@media screen and (max-width: 768px) {
	

.ichiran_title{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 20px 0;}
	
.ichiran_title p{
	padding:3px;}

.todouhuken{
	font-size:25px;
	letter-spacing: 3px;}
	
.hurigana{
	font-size:14px;
	letter-spacing: 3px;}
	
.ichiran_title p img{
	margin:10px 0px 0 10px;
	width:90%;}
	
#ichiran_box{
	width:100%;
	overflow:hidden;
	}
.division{
	width:100%;
	}
.store{
	width:45%;
	float:left;
	margin:10px;
	padding-left:10px;
	padding-bottom:20px;
	
	}
.top_picture img{
	width:100%;
}	
.evaluate{
	padding:5px 0;}
.point_sougo{
	padding:0 5px;
	color:#aeb506;}
.comment_count{
	padding:0 5px;}
.comment_count img{
	padding:0 3px;}
.storechiiki{
	font-size:14px;
}

.storename{
	padding:5px 0;
	font-size:18px;}

.storeloan{
	padding:5px 0;}
.storeloan img{
	padding:0 5px 5px 0;}

.storecomment{
	padding:7px 0;
	line-height:1.2em;}

.storelink a{
	display: inline-block;
	padding:5px 0 ;
	background-color: #13819c;
	color: #fff;
	width: 100%;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	line-height: 45px;}	
	
#seach_wordbox2{
	width: 100%;
	margin:0 auto;
	padding-bottom:15px;}
	
#seach_wordbox2 .smt_title{
	border-top:1px #CCCCCC solid;
	clear:both;
	text-align:center;
	padding:20px 0;
	font-weight:bold;
	font-size:24px;
	color:#333333;
}

#seach_wordbox2 div{
	width: 90%;
	margin:10px auto;}

	

/*-------------------------
店舗
----------------------------*/


.shop_title{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:40px 0 0px 0;}
.shop_title p{
	padding:5px 0;}
.shop_title p img{
	margin:10px 0px 0 10px;
	width:90%;}

.shopname{
	font-size:28px;
	letter-spacing: 3px;}
	
.shoparea{
	font-size:16px;
	letter-spacing: 3px;}
	
.evaluate_shousai p{
	width:90%;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	padding-top:5px;}
.point_1,.point_2,.point_3,.point_4{
	padding:0 5px;
	font-size:14px;
	color:#aeb506;}
.point_sougo_l{
	font-size:22px;
	padding:0 5px;
	color:#aeb506;}
	
#contents_1{
	width:100%;
	margin:30px auto;}

#picture_area{
	width:90%;
	margin:0px auto;}
#comment_area{
	width:90%;
	margin:10px auto;}
#comment_area p{
	line-height:1.5em;
	font-size:15px;}

#contents_2{
	width:100%;
	margin:30px auto;
	padding:20px 0;}

#left_area{
	width:90%;
	margin:0px auto 10px;}
.servise{
	padding-bottom:20px;}
.servise_title{
	border-bottom:1px #434343 solid;}
	
.servise_btn img{
	padding:5px;}

.servise_btn,.c_card,.taiken{
padding-top:15px;}

.kakaku{
	padding-right:30px;
	color:#434343;}
.bikou{
	padding:10px 0;
	color:#434343;}

#right_area{
	width:90%;
	margin:0px auto 10px;}
	
table{
	margin-top:5px;
	width:100%;}
.info_area{
	border-bottom:1px #ccc solid;}
.info_area td{
	padding:19px 6px;}
.icon{
	vertical-align:top;}
.item{
	font-size:14px;
	width:30%;}
.info{
	font-size:14px;
	font-weight:bold;
	width:63%;}
.info a{
	color:#000000;}


#maparea{
	width:100%;
	height:300px;}
	
#reviewarea{
	width:90%;
	margin:0 auto;
	padding:20px 0;}
.review{
	padding:10px 0;
	border-bottom:#CCCCCC 1px solid;}
.r_nickname{
	font-size:14px;}
.r_nickname img{
	padding:0 5px;
	vertical-align:middle;}
.r_comment{
	font-size:14px;
	line-height:1.3em;
	padding:10px 0;}
.r_evaluate{
	text-align:center;
	padding-top:5px;
	font-size:12px;}
.r_evaluate .point_sougo{}

.review_btn{
	text-align:center;
	padding-top:30px;
	letter-spacing: 2px;}
	
.review_btn a{
	display: inline-block;
	padding:5px 0 ;
	background-color: #13819c;
	color: #fff;
	width: 100%;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	line-height: 45px;}	
	
.movie_btn{
	text-align:center;
	padding-top:30px;
	letter-spacing: 2px;}
	
.movie_btn a{
	display: inline-block;
	padding:5px 0 ;
	background-color: #aab014;
	color: #fff;
	width: 100%;
	margin:0 auto;
	text-align: center;
	text-decoration: none;
	line-height: 45px;}	
	
.movie_btn img{
	vertical-align: middle;
	width: 35px;
    height: 29px;
    margin:0 15px 0 -15px;
}


.moviebuttun{
	padding:5px 0;
	margin:5px 0;
	display: inline-block;
	width:100%;
	height: 54px;
	text-decoration: none;
	line-height: 45px;
	outline: none;
	background-color: #aab014;
	color: #fff;
	}
.moviebuttun:hover {
	background-color: #13819c;
}
.moviebuttun::before,
.moviebuttun::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.moviebuttun,
.moviebuttun::before,
.moviebuttun::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.movie_area{
	position: relative;
}

.movie_img img.play_btn{
	width:50px;
	position: absolute;
　　top: 60px;
　　left: 20px;
}
.movie_img img.thumbnail_btn{
	width:100%;
	margin:0 auto;}
	


/*-------------------------
レビュー投稿
----------------------------*/
.form_moji{
	font-size:14px;
	line-height:1.5em;
	font-weight:bold;
}
.star_color{
	color:#b6c81b;
}
#review_wrap{
	width:100%;
	margin:0 auto;}
	
#comment_field{
	width:100%;
	background-color:#fff;}

.comment_title{
	width:100%;
	text-align:center;
	padding:10px;
	letter-spacing: 3px;
	color:#464646;
	font-size:21px;}
	
.evaluate_box {
	width:90%;
	margin:0 auto;
	padding:0px 5px}
.evaluate_box p{
	padding:5px;
	text-align:center;}
.form_star{
	width: 60%;
	padding: 20px;
	display: inline-block;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  @include linear-gradient(top, transparent, rgba(black, .06));
  @include box-shadow(0 1px 1px rgba(black, .08));
}
	
.profile_box{
	width:90%;
	margin:0 auto;
	padding:0px 15px}
.profile_box_l{
	padding:5px;
	text-align:left;
	width:90%;
	}
	
.profile_box_l p{
	padding:10px;
	}
.form_nickname{
	width:70%;
	padding:10px;}
	
.profile_box_l select{
width: 90%;
	padding: 10px;
	display: inline-block;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
  border: 1px solid;
  border-color: white #f7f7f7 #f5f5f5;
  border-radius: 3px;
  @include linear-gradient(top, transparent, rgba(black, .06));
  @include box-shadow(0 1px 1px rgba(black, .08));;}
	
.review_box{
	margin:10px 10px;}
.review_box textarea{
    resize: none;
	width:90%;
	font-size:12px;
	padding:5px;}
	
.soushin{
	width:96%;
	margin:0 auto;
	clear:both;
	text-align:center;
	margin:20px 0;}
	
.profile_box_s{
	padding:5px;
	text-align:left;
	width:90%;
	}
	
.profile_box_s p{
	padding:10px;
	}
	
.mail{
	padding:5px 0;
	margin:5px 0;
	}
.tel{
	padding:5px 0;
	margin:5px 0;
	}
	
	
#poricy{
	padding:10px 0 50px;
	width:90%;
	margin:0 auto;}

.poricy_text{
	padding:15px 0;
	line-height:1.8em;
	font-size:12px;}

#about{
	padding:20px 0;
	width:90%;
	margin:0 auto 30px;}
.about_text{
	padding:15px 0;
	line-height:1.8em;
	font-size:12px;}
#howto_box{
	background-color:#e2e2e2;
	overflow:hidden;
	padding:30px 0 ;}
.howto{
	width:100%;
	margin:0 auto;
	}
.howto p{
	text-align:center;
	padding:5px 0;}
.arrow_r{
	transform: rotate( 90deg );  /* 2D回転 */
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	margin-top:20px;}
.howto_text{
	width:90%;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	line-height:1.5em;
	font-weight:bold;
	color:#464646;}
	
}
	

/*  スマホ
   ========================================================================== */
@media screen and (max-width: 640px) {
	
#ichiran_box{
	padding-bottom:40px;
	width:95%;
	margin:0px auto 10px;
	}
.store{
	width:88%;
	border-bottom:1px #999999 solid;
	padding-bottom:40px;
	}

#maparea{
	width:100%;
	height:200px;
  	margin:0px 0;}



}