@charset "utf-8";

/*----------------- 店舗一覧 PC  -----------------*/

/*------------  wrap  ------------*/
#wrap { overflow:hidden; }

#fs-map { display:none; }

#contents { position:relative; padding:0 0 60px; word-wrap:break-word; text-align:left; }
#contents a { display:block; color:#333; }
#contents img { vertical-align:bottom; }
#contents a:hover { opacity:.8; }

/*------------  タイトル  ------------*/
.title { padding:20px 0; background:transparent; }
.title h2 { box-sizing:border-box; margin:0 auto; padding:0 10px; width:990px; font-size:2.0em; font-weight: bold; color: #333; border-bottom: 1px solid #c8161d; }
.title h2 span { display:inline-block; padding:0 0 0 6px; font-size:14px; }


/*------------  container  ------------*/
.container { box-sizing:border-box; margin:0 auto; padding:30px 10px 30px; width:990px; }
.container:after { content:""; display:block; clear:both; }
.main { box-sizing:border-box; float:left; width:650px; }
.sub { box-sizing:border-box; float:right; width:290px; }


/*------------  タブ  ------------*/
.tabs {}
.tabs:after { content:""; display:block; clear:both; }
.tabs li { box-sizing:border-box; float:left; width:50%; border-right:1px solid #ebd3a4; text-align:center; }
.tabs li:last-child { border-right:none; }
.tabs a { box-sizing:border-box; padding:19px 0 18px; color:#aaa; opacity:.5; }
.tabs span { display:inline-block; padding:0 0 0 28px; min-height:24px; line-height:24px; }
.tabs .tab01 span { background:url(../images/icon_place.png) no-repeat left; background-size:24px 24px; }
.tabs .tab02 span { background:url(../images/icon_shop.png) no-repeat left; background-size:24px 24px; }
.tabs .on { font-weight:bold; color:#222; }
.tabs .on a { opacity:1; }

/*------------  店舗を調べる  ------------*/
.shop-tabs { padding:18px 20px; border-top:1px solid #ebd3a4; }
.shop-tabs ul { margin:0 auto; text-align:center; }
.shop-tabs ul:after { content:""; display:block; clear:both; }
.shop-tabs li { box-sizing:border-box; float:left; width:32%; border-right:1px solid #ebd3a4; }
.shop-tabs li:last-child { width:36%; border-right:none; }
.shop-tabs a { box-sizing:border-box; padding:6px 40px; opacity:.5; }
.shop-tabs .on { font-weight:bold; }
.shop-tabs .on a { opacity:1; }


/*------------  テキスト検索エリア  ------------*/
.search-area { box-sizing:border-box; padding:0 10px; }
.search-area .inner:after { content:""; display:block; clear:both; }
.search-area .search { box-sizing:border-box; position:relative; top:0; right:0; padding-right:50px; }
.search-area input[type="text"] { box-sizing:border-box; width:100%; height:42px; padding:10px 12px; border:1px solid #C9161D; border-right:none; border-radius:2px 0 0 2px; background:none transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:14px; line-height:1.4; }
.search-area .btn-submit { display:block; position:absolute; top:0; right:0; width:50px; height:42px; background:#C9161D; border-radius:0 2px 2px 0; }
.search-area .btn-submit:hover { opacity:.7; }
#station2 .search-area { margin:0 0 20px; }


/*------------  検索条件追加ボタン  ------------*/
.option-area { display:none; }


/*------------  地図ボタン  ------------*/
.btn-map { border-top:1px solid #ebd3a4; border-bottom:1px solid #ebd3a4; text-align:center; }
.btn-map a { margin:0 auto; padding:20px 0; font-weight:bold; }
.btn-map span { display:inline-block; padding:0 0 0 30px; min-height:24px; background:url(../images/icon_map.png) no-repeat left; background-size:24px 24px; line-height:24px; }



/*------------  検索結果  ------------*/
.result-txt { padding:30px 20px 15px; font-size:13px; }
.result-txt:after { content:""; display:block; clear:both; }
.result-txt strong { margin:0 2px; font-weight:bold; }
.result-txt .result { padding:0 0 5px; }
.result-txt .result span { margin:0 6px 0 0; font-weight:bold; }
.result-txt .number {}


/*------------  店舗一覧  ------------*/
.lists { padding:0 0 40px; clear:both; }
.lists ul { border-top:1px solid #ebd3a4; }
.lists li { border-bottom:1px solid #ebd3a4; }
.lists li a { position:relative; padding:23px 20px 23px 110px; }
.lists li a:after { content:""; display:block; clear:both; }
.lists li .shop { display:table; padding:0 0 8px; }
.lists li .shop .icon { position:absolute; top:20px; left:20px; display:table-cell; padding:0 14px 0 0; vertical-align:middle; }
.lists li .shop .icon img { width:68px; border:1px solid #ebd3a4; border-radius:2px; }
.lists li .shop h2 { display:table-cell; font-size:14px; vertical-align:middle; color:/*#0051a3*/#C9161D; }
.lists li .station { display:inline; font-weight:normal; color:/*#0051a3*/#C9161D; }
.lists li .route { display:inline; margin:0 0 0 10px; }
.lists li dl:after { content:""; display:block; clear:both; }
.lists li dt { float:left; }
.lists li dd { overflow:hidden; }
.lists li .address {}
.lists li .address dt { display:none; }
.lists li .time {}
.lists li .tel { display:none; }
.lists li .dist {}
.lists li .facility { padding-top:8px; }
.lists li .facility:after { content:""; display:block; clear:both; }
.lists li .option { box-sizing:border-box; display:block; float:left; margin:0 4px 0 0; padding:3px 5px 2px; background:/*#2279d0*/#C9161D; border-radius:2px; font-size:11px; line-height:1.3; color:#fff; }
.lists li .option img { width:36px; }

#station .lists li a { padding:20px 20px; }
#index .lists li .address { display:none; }
#station2 .lists li .address { display:none; }


/*------------  新しい店舗  ------------*/
#news { padding:15px 0 40px; clear:both; }
#news h3 { padding:10px 20px; }
#news ul { padding:10px 0; border-top:1px solid #dfe5e9; }
#news li {}
#news li a { padding:12px 20px; }
#news li a:after { content:""; display:block; clear:both; }
#news li .icon { float:left; padding:0 12px 0 0; }
#news li .icon img { width:44px; border:1px solid #dfe5e9; border-radius:2px; }
#news li .txt { overflow:hidden; }
#news li .date { font-size:12px; }
#news li .item { padding:2px 0 0; color:/*#0051a3*/#C9161D; }


/*------------  一覧に戻る  ------------*/
.btn-back { display:none; }





/*------------  検索条件開閉  ------------*/
#open-toggle { display:none; }


/*------------  検索条件設定  ------------*/
#search-header { padding:12px 8px 10px; }
#search-header h2 { font-size:13px; font-weight:bold; }
#search-header .close { display:none; }

.search-nav { padding:0 8px; background:#fff6e9; }
#search-wrapper {}
#search-wrapper img { vertical-align:bottom; }
#search-wrapper h3 { padding:0 2px 8px; font-size:12px; font-weight:bold; line-height:1.2; }
#search-wrapper .search { display:none; }
#search-wrapper .search input[type="text"] { box-sizing:border-box; width:100%; height:44px; padding:8px 10px; border:1px solid /*#c1ccd4*/#999999; border-radius:2px; background:none transparent #fff; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:14px; line-height:1.4; }
#search-wrapper .block { box-sizing:border-box; margin:0 auto; padding:2px 0 4px; }
#search-wrapper .block:after { content:""; display:block; clear:both; }
#search-wrapper .block h4 { padding:0 2px 2px; font-size:12px; font-weight:normal; line-height:1.2; }
#search-wrapper .block p { box-sizing:border-box; position:relative; float:left; width:20%; padding:2px; }
#search-wrapper .block input[type="checkbox"] { display:none; }
#search-wrapper .block label { position:relative; display:block; padding:3px; background:#fff; border-radius:2px; overflow:hidden; cursor:pointer; }
#search-wrapper .block label img { width:100%; pointer-events:none; }
#search-wrapper .block input[type="checkbox"]:checked + label { padding:1px; border:2px solid #C9161D; }
#search-wrapper .block input[type="checkbox"]:checked + label img { opacity:1; }
#search-wrapper .brand { padding:12px 0; border-top:1px solid #dfe5e9; }
#search-wrapper .facility { padding:12px 0; border-top:1px solid #ebd3a4; }
#search-wrapper .facility .block label { padding:4px; background:#fff; box-sizing: border-box; height: 40px; }
#search-wrapper .facility .block input[type="checkbox"]:checked + label { padding:2px; border:2px solid #C9161D; }
#search-wrapper .facility .item { box-sizing:border-box; display:table; float:left; padding:2px; width:50%; font-size:11px; line-height:1.4; }
#search-wrapper .facility .item span { display:table-cell; vertical-align:middle; }
#search-wrapper .facility .item .icon { box-sizing:border-box; width:32px; background:#C9161D; border-radius:3px; }
#search-wrapper .facility .item .name { padding:0 0 0 6px; }


#search-footer { padding:0 8px 14px; }
#search-footer .block { padding:14px 0 0; border-top:1px solid #ebd3a4; }
#search-footer .block:after { content:""; display:block; clear:both; }
#search-footer input[type="submit"],
#search-footer input[type="button"],
#search-footer input[type="reset"] { -webkit-appearance:button; appearance:button; border:none; box-sizing:border-box; width:100%; height:42px; border-radius:2px; background:#C9161D; font-size:13px; font-weight:bold; color:#fff; cursor:pointer; }
#search-footer input[type="reset"] { background:#fff; border:1px solid /*#c1ccd4*/#999999; color:/*#0051a3*/#C9161D; }
#search-footer input[type="submit"]::-webkit-search-decoration,
#search-footer input[type="button"]::-webkit-search-decoration,
#search-footer input[type="reset"]::-webkit-search-decoration { display:none; }
#search-footer input[type="submit"]::focus,
#search-footer input[type="button"]::focus,
#search-footer input[type="reset"]::focus { outline-offset:-2px; }
#search-footer .btn-submit { box-sizing:border-box; float:left; padding:0 3px; width:60%; text-align:center; display: none; }
#search-footer .btn-reset { box-sizing:border-box; float:left; padding:0 3px; width:40%; text-align:center; }
#search-footer .btn-submit:hover, #search-footer .btn-reset:hover { opacity:.8; }
/* 20180219 */
#search_result{
  height: 100%;
}
#search-footer .btn-reset { width: 100%; }
#search-footer input[type="reset"] { width: 100%; }

#fs-map .btn_search_more{
  border-top: 1px solid #dfe5e9;
  padding: 10px 13px 8px;
}

.btn_search_more a{
    display: block;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    border-radius: 2px;
    background: #C9161D;
    font-size: 13px;
    font-weight: bold;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
}

.takeout-area {
  max-width: 990px;
  // width: calc(100% - 40px);
  margin: 20px auto;
}	
.takeout-area .takeout-box {
  padding: 24px 40px 24px 160px;
  line-height: 1.7;
  background: #C9161D;
  color: #fff;
  position: relative;
  margin: 0 2%;
}
.takeout-area .takeout-box::after {
  content: "";
  width: 100px;
  height: 112px;
  background-image: url("/jp/images/icn_takeout.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  margin: auto;
}
.h2_takeout_style {
  font-size: 21px;
  font-weight: bold;
}	
.to_link_area a {
  background: #fff;
  color: #C9161D;
  padding: 8px 20px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 4px;
position: relative;
display: inline-block;
}
.to_link_area a:after {
content: "";
width: 8px;
height: 8px;
border-top: solid 1px #C9161D;
border-right: solid 1px #C9161D;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 5px;
margin: auto;
}
.to_link_area a:hover{
  opacity: 0.6;
}	
.to_link_area {
  margin-top: 10px;
}	
.disp_inblock {
    display: inline-block;
}

.ml30 {
    margin-left: 30px;
}

.ml22 {
    margin-left: 22px;
}
.letter-spa015em {
    letter-spacing:  0.15em;
}
.pc_none{
display: none;
}	

@media screen and (max-width: 800px) {	
.pc_none{
display: block;
}	
.takeout-area .takeout-box {
  padding: 10px 5px 10px 110px;
}
.takeout-area .takeout-box::after {
  width: 80px;
  left: 16px;
}
.h2_takeout_style {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
margin-bottom: 8px;
}
.takeout-area p {
  font-size: 12px;
line-height: 1.6;
}
.to_link_area {
  text-align: center;
}	
.takeout-box {
  text-align: center;
}	
.to_link_area {
 margin-top: 10px;
}	
}