@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////
    バル参加店舗一覧 (search.php)
//////////////////////////////////////////////////////////////////*/
#shop_search {
  width: 100%;
  margin: auto;
}

#shop_search .search-ttl{
  background-color:#f8b62d;
  margin:0;
  margin-top:-30px;
  padding:50px 0 20px 0;
  text-align: center;
  border:none;
  font-size:24px;
  letter-spacing: 1.5px;
}

/* フォーム詳細 （共通項目はform.css）
=======================================================*/
#search_form {
  width: 100%;
  padding-bottom: 50px;
  margin: 0 auto;
  background-color:#f8b62d;
  text-align: center;
}

/* 共通項目変更 */
@media screen and (max-width:1199px) {
  #search_form .form_wrap .search_head{
    width:190px;
  }

  #search_form .form_wrap .search_box{
    width:calc(100% - 190px);
  }

  #search_form .form_wrap .search_box label{
    margin-right:20px;
  }
}

@media screen and (max-width:1023px) {
  #search_form .form_wrap .search_head{
    width:150px;
  }

  #search_form .form_wrap .search_box{
    width:calc(100% - 150px);
  }

  #search_form .form_wrap .search_box label{
    margin-right:10px;
  }
}

/* エリア */
@media screen and (max-width:425px) {
  #search_form .search_box.area label:nth-of-type(1){
    width:130px;
    margin-right:0;
    text-align: left;
  }
}

/* ジャンル */
@media screen and (max-width:1023px) {
  #search_form .search_box.genre label{
    width:100%;
    margin-right:0;
    text-align: left;
  }
}

@media screen and (max-width:425px) {
  #search_form .search_box.genre label{
    margin-right:0;
  }

  #search_form .search_box.genre label:first-of-type{
    width:100%!important;
    order:-1;
  }

  #search_form .search_box.genre label:nth-of-type(2){
    order:1;
    width:130px;
  }

  #search_form .search_box.genre label:nth-of-type(3){
    order:3;
    width:130px;
  }

  #search_form .search_box.genre label:nth-of-type(4){
    order:2;
    width:180px;
  }

  #search_form .search_box.genre label:nth-of-type(5){
    order:4;
    width:180px;
  }
}

/* 開催日 */
#search_form input.input_day{
  display:none;
}

#search_form .weekday{
  outline:solid 1px gray;
  border-radius:3px;
  padding:10px 7px;
  margin-right:12px!important;
  font-size:14px;
  line-height:22px;
}

#search_form .weekday.checked {
  outline:solid 2px #007aff!important;
  background-color:rgba(3, 110, 184, 0.15)!important;
}

#search_form .weekday em{ /* 日付 */
  font-style:normal;
  font-size:22px;
  margin-right:2px;
}

#search_form .weekday span{ /* 曜日 */
  display:block;
  font-size:15px;
  text-align:center;
}

#search_form .weekday.sun,
#search_form .weekday.sun em,
#search_form .weekday.sun span{ color:#c30d23; }

#search_form .weekday.sat,
#search_form .weekday.sat em,
#search_form .weekday.sat span{ color:#036eb8; }

@media screen and (max-width:1023px) {
  #search_form .weekday{
    padding:8px 5px;
    margin-right:6px!important;
    font-size:12px;
  }

  #search_form .weekday:last-of-type{
    margin-right:0!important;
  }

  #search_form .weekday em{ /* 日付 */
    font-style:normal;
    font-size:18px;
    margin-right:1px;
    letter-spacing: -0.05em;
  }

  #search_form .weekday span{ /* 曜日 */
    font-size:13px;
    line-height:18px;
  }
}

@media screen and (max-width:743px) {
  #search_form .search_box.division_days{
    padding: 10px;
  }
}

@media screen and (max-width:425px) {
  #search_form .search_box.division_days{
    padding: 0px 10px 10px 10px;
  }

  #search_form .weekday{
    padding:10px 0px;
    margin-right:6px!important;
    margin-top:10px;
    font-size:12px;
    width:calc((100% - 36px)/7);
    line-height:17px;
  }

  #search_form .weekday:nth-of-type(7),
  #search_form .weekday:last-of-type{
    margin-right:0!important;
  }

  #search_form .weekday em{ /* 日付 */
    font-style:normal;
    font-size:18px;
    margin-right:1px;
    letter-spacing: -0.05em;
  }

  #search_form .weekday span{ /* 曜日 */
    font-size:13px;
    line-height:18px;
  }
}

/* バルタイム */
@media screen and (max-width:425px) {
  #search_form .search_box.bartime label{
    width:calc((100% - 20px) /3);
    text-align: left;
  }

  #search_form .search_box.bartime label:nth-of-type(3){
    margin-right:0;
  }
}

/* 店舗名 */
#search_form .search_box.store_name input {
  width: calc(100% - 10px);
  max-width: 300px;
}

@media screen and (max-width:425px) {
  #search_form .search_box.store_name input {
    width: 100%;
    max-width:none;
  }
}



/* 注意書き
=======================================================*/
#search_form .caution{
  background-color:#fff;
  display:inline-block;
  width:auto;
  max-width:80%;
  margin:30px auto 0 auto;
  padding:20px 30px;
  font-size:14px;
  letter-spacing: 0;
  line-height:18px;
  text-align: justify;
}

#search_form .caution span{
  display:block;
  text-indent: -1em;
  font-size:14px;
  letter-spacing: 0;
  line-height:18px;
  margin-bottom:3px;
}

#search_form .caution span:nth-of-type(1){
  color:#c30d23;
}

@media screen and (max-width:1199px) {
  #search_form .caution{
    width:100%;
    max-width:none;
    margin:30px auto 0 auto;
    padding:20px 7%;
  }
}

@media screen and (max-width:1023px) {
  #search_form .caution,
  #search_form .caution span{
    font-size:13.5px;
    line-height:16px;
  }
}




/* 検索結果
=======================================================*/
/* 検索結果・件数 */
.search_ttl{
  margin: 40px auto 0 auto;
  width:80%;
}

.result_num{
  width:80%;
  margin: 10px auto 30px auto!important;
}

@media screen and (max-width:1199px) {
  .search_ttl{
    width:90%;
  }

  .result_num{
    width:90%;
  }
}

/* 検索結果ー店舗表示
=======================================================*/
#shop_box {
  width: 80%;
  padding-bottom: 60px;
  margin: 0 auto;
}

@media screen and (max-width:1199px) {
  #shop_box {
    width: 90%;
  }
}

/* 店舗情報表示枠
====================================*/
#shop_box .shop_info_box {
  width: 100%;
  margin: auto;
  display:flex;
  flex-wrap: wrap;
  align-items:flex-start;
}

@media screen and (max-width:743px) {
  #shop_box .shop_info_box {
    width: 100%;
    margin: auto;
    display:block;
  }
}

/* 画像表示枠
====================================*/
#shop_box .dish_img_box{
  text-align: center;
  width:300px;
  margin-right:20px;
}

#shop_box .dish_img_box .dish_img{
  width:100%;
  height:225px;
  display:block;
  border-radius: 10px;
  overflow:hidden;
}

#shop_box .dish_img_box .dish_img img {
  width: 100%;
  height:100%;
  object-fit: cover;
}

#shop_box .dish_img_box .dish_img + a{
  margin-top:10px;
  display:inline-block;
  width:auto;
}

#shop_box .dish_img_box .shop_caution{
  color:#c30d23;
  border:solid 2px #c30d23;
  margin-top:10px;
  padding:5px;
  border-radius:100px;
  display:block;
  width:100%;
}

#shop_box .dish_img_box .shop_caution i{
  margin-right:5px;
}

@media screen and (max-width:743px) {
  #shop_box .dish_img_box{
    width:100%;
    max-width:450px;
    margin-right:0;
    margin-bottom:10px;
  }

  #shop_box .dish_img_box .dish_img{
    width:100%;
    height:230px;
  }
}

/* 情報表示枠
====================================*/
#shop_box .shop_txt_box {
  width: calc(100% - 320px);
  box-sizing: border-box;
  display:flex;
  flex-wrap: wrap;
  vertical-align: top;
  font-size:15px;
  border: 2px solid #000;
  margin:0;
  border-radius:10px;
  overflow:hidden;
}

#shop_box .shop_txt_L {
  padding: 5px;
  background: #f8b62d;
  width:120px;
  letter-spacing: 0;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  font-weight:600;
}

#shop_box .shop_txt_R {
  padding: 5px;
  width:calc(100% - 120px);
  border-bottom: 2px solid #000;
}

#shop_box .shop_txt_box li:nth-last-child(1),
#shop_box .shop_txt_box li:nth-last-child(2){
  border-bottom:0;
}

@media screen and (max-width:743px) {
  #shop_box .shop_txt_box {
    width:100%;
    max-width:450px;
    margin-bottom:30px;
  }
}

/* 店舗番号 */
#shop_box span.shop_num {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  background: lightgray;
  font-weight: 600;
  line-height: 20px;
  font-size:18px;
  padding-top:4px;
  margin-right:5px;
  border-radius:3px;
}

#shop_box span.shop_num.color1{ background-color:#E13716; }
#shop_box span.shop_num.color2{ background-color:#A6C702; }
#shop_box span.shop_num.color3{ background-color:#00A1A1; }
#shop_box span.shop_num.color5{ background-color:#866F3F; }

/* 店舗名 */
#shop_box span.shop_num + a{
  font-size:18px;
  font-weight:600;
}

/* アイコン */
#shop_box .shop_txt_R.keyword-icon img{
  max-height: 35px;
  height: 100%;
  margin:5px 5px 0 0;
}

@media screen and (max-width:1023px) {
  #shop_box .shop_txt_box {
    font-size:15px;
  }

  #shop_box .shop_txt_L {
    padding: 2px 10px;
    font-size:14px;
    width:100%;
    border-right: 0;
    border-bottom: 2px solid #000;
  }

  #shop_box .shop_txt_R {
    padding: 8px 10px;
    width:100%;
    line-height:19px;
  }

  /* 店舗番号 */
  #shop_box span.shop_num {
    width: 28px;
    height: 28px;
    line-height: 20px;
    font-size:18px;
    padding-top:3px;
    margin-right:5px;
  }

  /* 店舗名 */
  #shop_box span.shop_num + a{
    font-size:16px;
    font-weight:600;
  }

  /* アイコン */
  #shop_box .shop_txt_R.keyword-icon img{
    max-height: 30px;
    height: 100%;
    margin:3px 5px 0 0;
  }
}




/*//////////////////////////////////////////////////////////////////
    店舗個別ページ (store_detail.php)
//////////////////////////////////////////////////////////////////*/
#shop_detail{
  width:90%;
  margin: 0 auto;
}

@media screen and (max-width:1023px) {
  #shop_detail{
    width:95%;
    margin: 0 auto;
  }
}

/* タイトル */
#shop_detail h1 {
  position: relative;
  font-size:1.5em;
  line-height:1.2em;
  margin-top:70px;
  padding-bottom:10px;
}

#shop_detail h1 a {
  position: absolute;
  right: 0;
  bottom: -2em;
  font-size: 0.7em;
}

#shop_detail h2 {
  font-size:20px;
  margin-bottom:7px;
}

@media screen and (max-width:743px) {
  #shop_detail h1 {
    font-size:17px;
    margin-top:0px;
    padding-bottom:5px;
  }

  #shop_detail h1 a {
    font-size: 12px;
  }

  #shop_detail h2 {
    font-size:16px;
    margin-bottom:7px;
  }
}


/* 共通枠
=======================================================*/
#shop_detail ul{
  width: 100%;
  margin: 0 auto;
  border: 2px solid #000;
  display:flex;
  flex-wrap:wrap;
  border-radius:10px;
  overflow:hidden;
}

#shop_detail ul li{
  padding: 5px 10px;
  box-sizing: border-box;
}

#shop_detail ul li.header {
  width: 25%;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  display:flex;
	justify-content: center;
	align-items: center;
  font-weight:600;
  background-color: #FBD01D;
}

#shop_detail ul li.detail {
  width:75%;
  border-bottom: 2px solid #000;
}

#shop_detail ul li:nth-last-of-type(1),
#shop_detail ul li:nth-last-of-type(2){
  border-bottom:none;
}

@media screen and (max-width:743px) {
  #shop_detail ul{
    width: 100%;
    margin: 0 auto;
    border: 2px solid #000;
    display:flex;
    flex-wrap:wrap;
    border-radius:10px;
    overflow:hidden;
  }

  #shop_detail ul li{
    font-size:14px;
    width:100%!important;
    padding:5px 10px;
    line-height:18px;
  }

  #shop_detail ul li.header {
    border-right: 0;
  	justify-content: left;
    line-height:18px;
    font-size:13px;
    padding:3px 10px!important;
  }

  #shop_detail ul li.detail {
    border-bottom: 2px solid #000;
  }

  #shop_detail ul li:nth-last-of-type(1){
    border-bottom:none;
  }

  #shop_detail ul li:nth-last-of-type(2){
    border-bottom: 2px solid #000;
  }
}

/* 店舗情報 */
#shop_detail .storeinfo{
  margin-bottom:50px;
}

#shop_detail .storeinfo .header {
  background: #ebdeca;
}

/* いばラブ実績 */
#shop_detail ul li.detail.ibalove{
  padding-bottom:0;
  padding-top:6px!important;
}

#shop_detail ul li.detail.ibalove img{
  width:33px;
  margin-right:10px;
}

/* 住所：googlemap */
#shop_detail ul li.detail.g-map a{
  margin-left:10px;
}

#shop_detail ul li.detail.g-map a i{
  margin-right:5px;
}

@media screen and (max-width:743px) {
  #shop_detail ul li.detail.g-map a{
    float:right;
  }
}

/* SNS */
#shop_detail ul li.detail.sns-icons{
  padding:8px 10px 5px 10px;
}

#shop_detail ul li.detail.sns-icons a{
  margin-right:0px;
  display:inline-block;
  text-align: center;
}

#shop_detail ul li.detail.sns-icons a i{
  font-size:27px;
  width:1em;
}

#shop_detail ul li.detail.sns-icons a:nth-of-type(1) i{
  font-size:29px;
}

#shop_detail ul li.detail.sns-icons a:nth-of-type(2) i{
  margin-left:-1px;
}

#shop_detail ul li.detail.sns-icons a i.fa-instagram{ color:#ff0069; }
#shop_detail ul li.detail.sns-icons a i.fa-facebook{ color:#1877f2; }
#shop_detail ul li.detail.sns-icons a i.fa-x-twitter{ color:#000; }


/* 変更情報 */
#shop_detail h2.shop-caution{
  color:#c30d23;
}

#shop_detail h2.shop-caution + ul{
  border:solid 2px #c30d23;
  background-color: rgba(195, 13, 35, 0.2);
}

#shop_detail h2.shop-caution + ul li{
  color:#c30d23;
  width:100%;
}


/* メニュー画像
=======================================================*/
#shop_detail .dish_img {
  width: 90%;
  max-width:700px;
  margin:70px auto 50px auto;
}

#shop_detail .dish_img a img {
  width: 100%;
  border-radius: 10px;
}

@media screen and (max-width:743px) {
  #shop_detail .dish_img {
    width: 100%;
  }
}

/* 店舗画像
=======================================================*/
#shop_detail .store_img {
  width: 90%;
  max-width:500px;
  margin:50px auto 100px auto;
}

#shop_detail .store_img a img {
  width: 100%;
  border-radius: 10px;
}

@media screen and (max-width:743px) {
  #shop_detail .store_img {
    width: 100%;
  }
}


/*//////////////////////////////////////////////////////////////////
    変更情報一覧 (store_info.php)
//////////////////////////////////////////////////////////////////*/
#shop_info #shop_box{
  padding-bottom: 0;
  margin-bottom:60px;
}

/* 注意喚起 */
#shop_info .caution{
  display:block;
  width:80%;
  margin:30px auto;
  padding:20px 30px;
  font-size:14px;
  letter-spacing: 0;
  line-height:18px;
  text-align: justify;
  background: rgba(195, 13, 35, 0.2);
  border:solid 2px #c30d23;
  border-radius:10px;
}

#shop_info .caution span{
  display:block;
  text-indent: -1em;
  font-size:14px;
  letter-spacing: 0;
  line-height:18px;
  margin-bottom:3px;
  color:#c30d23;
}

@media screen and (max-width:1199px) {
  #shop_info .caution{
    width:90%;
  }
}

@media screen and (max-width:743px) {
  #shop_info .caution{
    padding:10px 30px;
  }

  #shop_info .caution span{
    margin:10px 0;
  }
}

/* 情報表示枠 */
#shop_info .shop_txt_box {
  width: 100%;
  border-radius:10px;
  overflow:hidden;
}

#shop_info .shop_txt_box li {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000!important;
  padding:10px 10px;
}

#shop_info .shop_txt_box li.shop_txt_shop{
  width:30%;
  display: flex;
  align-items: center;
}

#shop_info .shop_txt_box li.shop_txt_text{
  width:calc(70% - 80px);
  background: rgba(195, 13, 35, 0.2);
  color:#c30d23;
}

#shop_info .shop_txt_box li.shop_txt_link{
  width:80px;
  border-right:0;
	display: flex;
	justify-content: center;
	align-items: center;
}

#shop_info .shop_txt_box li:nth-of-type(1),
#shop_info .shop_txt_box li:nth-of-type(2),
#shop_info .shop_txt_box li:nth-of-type(3){
  background-color:#f8b62d;
  text-align: center!important;
  color:#000;
  padding:5px 10px;
	justify-content: center;
}

#shop_info .shop_txt_box li:nth-last-child(1),
#shop_info .shop_txt_box li:nth-last-child(2),
#shop_info .shop_txt_box li:nth-last-child(3){
  border-bottom:0!important;
}

/* 店舗番号 */
#shop_info span.shop_num {
  width: 28px;
  height: 28px;
  font-size:17px;
  padding-top:3.5px;
  margin-right:8px;
}

/* 店舗名 */
#shop_info span.shop_num + a{
  font-size:16px;
  line-height:18px;
}

@media screen and (max-width:743px) {
  /* 情報表示枠 */
  #shop_info .shop_txt_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
  }

  #shop_info .shop_txt_box li {
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 2px solid #000 !important;
    border-right: 2px solid #000;
  }

  /* 店名 */
  #shop_info .shop_txt_box li.shop_txt_shop {
    width: calc(100% - 45px); /* 右のリンク分を除いた幅 */
    display: flex;
    align-items: center;
    border-right: 0;
    border-bottom:dashed 2px #000!important;
  }

  /* 変更内容 */
  #shop_info .shop_txt_box li.shop_txt_text {
    width: calc(100% - 45px);
    background: rgba(195, 13, 35, 0.2);
    color: #c30d23;
    padding-bottom: 30px;
    border-right: 0;
  }

  #shop_info .shop_txt_box li:nth-of-type(2).shop_txt_text {
    padding-bottom: 5px!important;
    background-color:#f8b62d;
    color:#000;
  }

  /* 店舗リンク */
  #shop_info .shop_txt_box li.shop_txt_link {
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -80px;
    padding-top: 40px;
    border-left: 2px solid #000;
    border-right: 0;
  }

  #shop_info .shop_txt_box li.shop_txt_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  #shop_info .shop_txt_box li:nth-of-type(3).shop_txt_link {
    line-height:20px;
    padding:55px 0 10px 0;
  }

  /* 店舗番号 */
  #shop_info span.shop_num {
    width: 28px;
    height: 28px;
    font-size:17px;
    padding-top:3.5px;
    margin-right:8px;
  }

  /* 店舗名 */
  #shop_info span.shop_num + a{
    font-size:16px;
    line-height:18px;
  }
}


















/**/