/*
Responsive Template Name: RS-1200 Prototype 51
File: Main CSS
Author: OS Templates
Author URI: https://www.os-templates.com/
Licence: <a href="https://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(layout.css?20241023);
@import url(pages.css);
@import url(elements.css);
@import url(framework.css);
@import url(fonts/caviardreams/stylesheet.css);
@import url(fonts/font-awesome/font-awesome.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);

/* If you want to add your own css code, please do it in the custom.css file */
@import url(custom.css);

/* Remove this before using the template */

@import url(demo-only.css);

.ss_box{
	background:-moz-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #efefef));
	background:-webkit-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-o-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:-ms-linear-gradient(top, #FFFFFF 0%, #efefef 100%);
	background:linear-gradient(top, #FFFFFF 0%, #efefef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#efefef');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#efefef')";
	border:1px solid #ddd;
}

.label_step_3 {

	color: #cc0000;
	border:1px solid #cc0000;
	text-align:center;
	font-weight:normal;
	font-size:small;
	padding:1px 5px;
	width:60px;
	display:inline-block;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */
}

.table-ul {
  background-color: rgba(0,0,0,0.7);
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  padding:0px;
}
.table-ul li {
  border-right: 1px solid #999;
  display: table-cell;
  vertical-align: middle;
}
.table-ul li:last-child {
  border-right: 0;
}
.table-ul li a {
  color: #fff;
  display: block;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 0;
}


#shop_img{
	width:202px;
	float:left;
}

.demo p {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.area_list li{
	display:inline;
	border:1px solid #CCC;
	padding:3px 15px;
	margin:5px;
	list-style:none;
	float:left;
}

#dan_2 {
			width: 440px;
			margin:40px;
}




#dan_2_child {
	padding:15px;
	border: 1px solid #e6e6e6;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;       /* CSS3草案 */  
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;  /* Firefox用 */
}


#search_left {
	padding:15px;
	border: 1px solid #e6e6e6;
	background-color: #fafafa;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;       /* CSS3草案 */  
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;  /* Firefox用 */
}


input, textarea, select,button {
	font-size:13px;
	color:#424242;
	padding:7px;
	margin:1px;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	border:1px solid #CCC;
}

#dan_search {
	padding:15px;
	border: 1px solid #e6e6e6;
	background-color:#ffffff;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;       /* CSS3草案 */  
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;  /* Firefox用 */
}

.img_border{
	border:1px solid #ddd;
}


#sub_title{
	background-color: #eee;
	padding:5px 10px;
	border-top:1px solid #ccc;
	margin:10px 0px;
}


.c_box{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#FFF;
	/*background-color:#31698a;
	border:1px solid #31698a;*/
	
	background-color:#6394b1;
	border:1px solid #6394b1;
	
	padding:10px;
}

.d_box{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#FFF;
	/*background-color:#ce2c2c;
	border:1px solid #f77311;*/
	background-color:#ffa568;
	border:1px solid #ff9852;
	padding:10px;
}


.kado{
	border-radius: 5px 5px 5px 5px;       /* CSS3草案 */  
    -webkit-border-radius: 5px 5px 5px 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 5px 5px;  /* Firefox用 */
}

#shop_title{
	width:620px;
	margin-left:10px;
	float:left;
}

#shop_title_right{
	width:230px;
	margin-left:10px;
	float:right;
}

#shop_title_right_in{
	padding:7px;
	text-align:center;
	background-color:#dddddd;
	border-radius: 5px 5px 0px 0px;       /* CSS3草案 */  
    -webkit-border-radius: 5px 5px 0px 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px 5px 0px 0px;  /* Firefox用 */
}

#shop_title_right_in2{
	padding:15px;
	text-align:center;
	background-color:#eeeeee;
	color:#296386;
}


@media screen and (max-width:615px) {
	
	#shop_img{
	width:15%;
	float:left;
}

#shop_title{
	width:80%;
}

#dan_2 {
			width: 90%;
			margin:20px;
}

#shop_title_right{
	width:100%;

}

}



#top_title{
	background-image:url(../../img/top_title.png);
	background-repeat:no-repeat;
	padding:5px 0px 5px 20px;
	font-size:16px;
}


#shop_title_line{
	background-image:url(../../img/shop_title.png);
	background-repeat:no-repeat;
	background-color:#f5f5f5;
	padding:10px 10px 8px 25px;
	font-size:18px;
}

#shop_title_title{
	background-image:url(../../img/shop_title.png);
	background-repeat:no-repeat;
	padding:5px 0px 1px 20px;
}

#shop_title_title2{
	background-image:url(../../img/shop_title.png);
	background-repeat:no-repeat;
	padding:5px 0px 5px 20px;
}


#shop_title_title3{
	background-image:url(../../img/shop_title.png);
	background-repeat:no-repeat;
	background-position:10px 5px;
	padding:13px 0px 10px 30px;
	border-bottom:1px solid #CCC;
}


#shop_title_tel{
	background-image:url(../../img/tel2.png);
    background-size: 50px;
	background-repeat:no-repeat;
    background-position: center left;
	margin-top:10px;
	padding:0px 0px 1px 55px;

}

#shop_title_access{
	background-image:url(../../img/access2.png);
    background-size: 50px;
	background-repeat:no-repeat;
    background-position: center left;
	margin-top:0px;
	padding:0px 0px 1px 55px;
	min-height:18px;
}

#shop_title_time{
	background-image:url(../../img/shop_time2.png);
    background-size: 50px;
	background-repeat:no-repeat;
    background-position: center left;
	margin-top:0px;
	padding:0px 0px 1px 55px;
	min-height:18px;
}

#shop_style{
	background-image:url(../../img/icon_style.png);
	background-repeat:no-repeat;
    background-position: center left;
	margin-top:5px;
	padding:0px 0px 0px 95px;
}

#shop_stylelist{
	background-image:url(../../img/icon_stylelist.png);
	background-repeat:no-repeat;
	margin-top:10px;
	padding:0px 0px 0px 95px;
}

/**********************************************************************
* pager ページ分割デザイン
**********************************************************************/
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 3px 1px;

  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  width:44px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

#page-top {
			position: fixed;
			bottom: 10px;
			right: 10px;
			font-size: 80%;
		}
		#page-top a {
			background: #bbb;
			text-decoration: none;
			color: #222;
			width: 100px;
			padding: 30px 0;
			text-align: center;
			display: block;
			border-radius: 5px;
			opacity:0.8;
		}
		#page-top a:hover {
			text-decoration: none;
			background: #ddd;
		}
		
.p_title{
    background-color: #f5f4f5;
	background-image:url(../../img/sub_title_bg.png);
	background-repeat:no-repeat;
	padding:15px 10px 10px 30px;
	margin:5px 0px 5px 0px;
	font-weight:bold;
}

.p_title_big{
    background-color: #f5f4f5;
	background-image:url(../../img/sub_title_bg_big.png);
	background-repeat:no-repeat;
	padding:23px 10px 13px 30px;
	margin:5px 0px 5px 0px;
	font-weight:bold;
	border:1px solid #ddd;
}

.p_title_big_red{
	background-image:url(../../img/sub_title_bg_big2.png);
	background-repeat:no-repeat;
	padding:23px 10px 13px 30px;
	margin:5px 0px 5px 0px;
	font-weight:bold;
	border:1px solid #ddd;
}	


@media (min-width: 551px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

a[href*="tel:"] {
color:#296386;
}



.btn-submit {
    background: #ff4871;
    color: #FFF;
    width: 220px;
    cursor: pointer;
    margin: 5px;
}
.btn-back {
    background: #adadad;
    color: #FFF;
    width: 220px;
    cursor: pointer;
    margin: 5px;
}