@charset "UTF-8";


/*==================================================================================

SEARCH

==================================================================================*/

/*2016追加

#cboxWrapper{
        width: 100%!important;
}
#cboxContent{
        width: 100%!important;
}
#cboxLoadedContent{
        width: 100%!important;
}

#colorbox{
        width: 40%!important;
				left:100px;

}*/

.search_l{
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
	width: 60%;
/*	width:600px;*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
 float: left;
}

.search_r{
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
	width: 40%;
/*	width:355px;*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
 float: right;
}
.search_txt{
	color:#534741;
  font-size:19px;
	padding:0 0 5px 25px;
  background : url(../images/mark.png) no-repeat 0 1px ;
	margin-top:0;
}

.search_box{
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
	  background : #ee9900; /*f90*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
}
.search_box2{
  background : #e6e6e6 ;
	width:90px;
	border-radius: 4px;
	padding: 0 0 0 5px;
}
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.search_box3{
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	line-height:1.5;
/*
	float:left;
	background:yellow;
*/
}
.search_box3 li{
float:left;
width:50%;
margin-bottom:10px;
}

.search_box3 li img{
	margin-top:-6px;
	padding-left:0px;
}

.search_box3 .long{
width:100%;
}
.search_box3 img{
vertical-align:middle;
margin-right:3px;
}
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/




#search_txt2{
	color:#01015b;
  font-size:10px;
	margin:10px 0 0 15px;
	clear:both;
}

#search section > div{
    text-align : left ;
    padding : 19px ;
    background : #fff ;
    border : 1px #ddd solid;
}
/*選択項目追加*/
.s_item{
	background : #000 ;
	color:#fff;
}

/*FORM
================================================== */
select{
    width : 100% ;/*92%*/
    padding : 5px ;
    height:30px;
    border : 1px #ccc solid;
}

input.check{
    margin-right : 5px ; 
}

input.box{
    margin-top : 5px ;
    padding : 5px 0;
    width:99%;
}

.col-72 input.box{
    width : 75% ;
    margin-right : 10px ;
}
.col-72 input.btn{
    width : 20% ;
}
.col-72 select{
    width : auto ;
    margin : 0 5px 5px 0 ;
}

/*btn
================================================== */
.btn{
    padding : 5px 10px;
    cursor : pointer ;
    border:1px #ccc solid;
    width:100%;
    font-size:13px;
    text-align: center;

	/* 影 */
    box-shadow:rgba(0, 0, 0 ,0.5) 0px 1px 1px 0px;
    -webkit-box-shadow:rgba(0, 0, 0 ,0.5) 0px 1px 1px 0px;
    -moz-box-shadow:rgba(0, 0, 0 ,0.5) 0px 1px 1px 0px;
    -o-box-shadow:rgba(0, 0, 0 ,0.5) 0px 1px 1px 0px;
    -ms-box-shadow:rgba(0, 0, 0 ,0.5) 0px 1px 1px 0px;
	/* 角丸 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;            
    overflow: hidden;/* IE9 mask*/
    position : relative ;/*IE78 PIE*/
<!--//■☆彡☆彡■▽▼ 20190917～ 取扱商品多数&ポップアップ ▼▽■☆彡☆彡■-->
    z-index:5555;/*IE78 PIE 9999 */
<!--//■☆彡☆彡■△▲ 20190917～ 取扱商品多数&ポップアップ ▲△■☆彡☆彡■-->
	/* グラデーション */
	background: #e3e3e3;
    background: -webkit-gradient(linear, center top, center bottom, from(#f7f7f7), to(#e3e3e3)); /* Safari,Google Chrome */
    background: -webkit-linear-gradient(#f7f7f7, #e3e3e3);
    background: -moz-linear-gradient(#f7f7f7, #e3e3e3);
    background: -ms-linear-gradient(#f7f7f7, #e3e3e3);
    background: -o-linear-gradient(#f7f7f7, #e3e3e3);
    background: linear-gradient(#f7f7f7, #e3e3e3);
    -pie-background: linear-gradient(#f7f7f7, #e3e3e3);
}

.btn:hover{
	border:1px solid #ddd; 
	background: #e9e9e9;
    background: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#e9e9e9)); /* Safari,Google Chrome */
    background: -webkit-linear-gradient(#fefefe, #e9e9e9);
    background: -moz-linear-gradient(#fefefe, #e9e9e9);
    background: -ms-linear-gradient(#fefefe, #e9e9e9);
    background: -o-linear-gradient(#fefefe, #e9e9e9);
    background: linear-gradient(#fefefe, #e9e9e9);
    -pie-background: linear-gradient(#fefefe, #e9e9e9);
}

/*result
================================================== */
.result article{
    padding : 10px 25px 10px 0 ;
    border-bottom : 1px #ddd solid;
    cursor:pointer; 
    background : url(../images/next2.png) right center no-repeat;
		background-color:#fff;
}

.result article a{
  /*color :#511e03 ;*/
  color :#534741 ;
	text-decoration: none; 
}

.result article:hover{
    /*background : #fbf9f4 url(../images/next2.png) right center no-repeat;*/
}

.result article > div{
    border-left : 5px #ff9900 solid;
    padding-left : 10px ;
}
.result article > div:hover{
    /*border-left : 5px #66294A solid;*/
    border-left : 5px #d68000 solid;

}

.result article p{
    margin-right : 10px ;
}
.result .btn{
    width : auto ;
}

.counter{
    padding : 5px ;
    color : #511e03 ;
    border-bottom: 1px solid #ddd;
}

/*page-nav
================================================== */
.page-nav{
    padding : 5px ;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    position  : relative ;
    top : 0 ;
    left : 0 ;/*はみ出し非表示IE7対応*/
    overflow: hidden;/*横スクロール非表示*/
}

.page-nav p{
    color : #93704e ;
}

.page-nav ul{
    position  : relative ;
    top : 0 ;
    float : left ;
    left : 50% ;
    margin : 5px 0 ;
}

.page-nav ul li{
    position  : relative ;
    top : 0 ;
    left : -50% ;
    float : left ;
    overflow : hidden ;
    border-right : 1px #eeddbe solid ;
}

.page-nav ul li:first-child{
    border-left : 1px #eeddbe solid ; 
}

.page-nav ul li a{
    display: block;
    padding : 5px 10px ;
	text-decoration: none;
    color : #93704e ;
}

.page-nav a:hover{
    background: #f3ead7;
}

.page-nav ul li a.select{
    background: #93704e;
    color : #fff ;
}

/*shop
================================================== */

div.shop{
    padding-bottom : 10px ;
    border-bottom : 1px #ddd solid ; 
		background-color:#fff;
}
div.shop h3{
	color:#534741;
}


table.shop{
    width: 100% ;
    border-collapse: separate ;
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
/*    border-spacing: 0 10px ;*/
    border-spacing: 0 4px ;
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
    border-top : 1px #ddd solid ;
}
table.shop th span{
    font-weight : normal ;
    color : #fff ;
    display : block ;
    /*background: #93704e;*/
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
	  background : #ee9900; /*f90*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
    margin : 6px 10px 10px 0;
    padding : 3px ;

}

table.shop th{
    white-space : nowrap ;
    vertical-align : top ;
    border-bottom : 1px #ddd solid ; 
}

/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
table.shop td{
	display: table-cell;
    vertical-align : top ;
    border-bottom : 1px #ddd solid ; 
		padding-top:8px;
/*
    white-space : nowrap ;
    vertical-align : top ;
    border-bottom : 1px #ddd solid ; 
		font-size : 90%;
		padding-top:5px;
*/
}

table.shop td.char{
    border-bottom : 1px #ddd solid ; 
		margin:0px;
		padding-top:10px;

		padding-bottom:2px;
}

/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
table.shop td img{
    vertical-align : middle ;
		margin-bottom:4px;
}

table.shop td p{
    margin-right : 10px;
}

/* Google Map
================================================== */
#gmap{
    width: 100%;
    height: 480px;
    text-align:center;
}

/* #tabs
================================================== */
#tabs h3{display : none ;}

.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ui-widget-header { border-bottom: 2px solid #e38800;  }*201606店舗検索511e03変更*/

.ui-widget-content .ui-state-default { border-right: #ddd 1px solid;  }
.ui-widget-content .ui-state-hover{  
    background:url(../../images/h4_bg.gif) repeat; }
.ui-widget-content .ui-state-active { background: #ee9900; }/*f90 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.ui-widget-content .ui-state-active a { color: #fff; }

.ui-tabs .ui-tabs-nav { margin: 0; padding:  0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left;  white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 15px; text-decoration: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs ul { border-left: #ddd 1px solid; }

/* dl.news
================================================== */
dl.news dt{
    float : left ; 
    margin-top :10px ;
    padding : 2px 5px 0 5px ;
    color : #fff ;
    background : #f66;
}
dl.news dd{
    padding : 10px 10px 8px 6.5em ;
    border-bottom: 1px solid #ddd;    
}
dl.news dd a{
	text-decoration: none;
    padding-left : 10px ;
	background: url(../images/arrow.png) left 2px no-repeat;
}
dl.news dd a:hover{
	text-decoration: underline;   
}



.sp_show{
    display : none ;
}

/*アコーディオンテスト*/
input[type="checkbox"].on-off{
    display: none;
}

div.acdn {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

input[type="checkbox"].on-off + div.acdn{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + div.acdn{
    height: 580px;
}
label {
cursor: pointer;
}

/*==================================================================================

media queries

==================================================================================*/
/* W < 1000
================================================== */
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/

@media only screen and (max-width: 1000px) {

img.liquid {
    width: 100%;
    height: auto;
}
/*.search_l{
 width: 60%;
}
.search_r{
 width: 40%;
}*/
}

/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/

/* W < 960
================================================== */
@media only screen and (max-width: 960px) {

/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.sp_show{
/*
    display : block ;
*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
}

}

/* W < 700
================================================== */
@media only screen and (max-width: 700px) {

#gmap{
    width: 280px;
    height: 280px;
}

/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.search_l{
		width: 100%;
    float: none;
}
.search_r{
		width: 100%;
    float: none;
}

.sp_show{
/*
    display : block ;
*/
}
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/


}

/* 700 < W < 960
================================================== */
@media only screen and (min-width: 700px) and (max-width: 960px) {
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.sp_show{
/*
    display : block ;
*/
}
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
}

/* 400 < W < 700
================================================== */
@media only screen and (min-width: 400px) and  (max-width: 700px) {
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.sp_show{
/*
    display : block ;
*/
}
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/
}

/*  W < 500
================================================== */
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
/*
@media only screen and (max-width: 500px) {
#cboxWrapper{
        width: 100%!important;
}

#colorbox{
        width: 90%!important;
}
}
*/
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/

/*  W < 400
================================================== */
@media only screen and  (max-width: 400px) {
/* 20160303a～ ▼▼▼▼▼▼▼ 店舗検索 検索項目*/
.sp_show{
    display : block ;
}
#pc_show{
    display : none ;
}
.search_l{
 clear: both;
width:100%;
margin-top:20px;
}

.search_r{
 clear: both;
width:100%;
}
/* 20160303a～ ▲▲▲▲▲▲▲ 店舗検索 検索項目*/

}