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

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-medium {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.m-plus-rounded-1c-extrabold {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.m-plus-rounded-1c-black {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
  font-style: normal;
}


main{max-width: 768px!important;
margin: 0 auto;
height: 100%;
color:#505050;
}
img{width: 100%;height: auto;}
.gradient{background:linear-gradient(90deg, rgba(105, 224, 255,1) 20.014116646039604%,rgba(79, 172, 254,1) 80.01566367574256%);
color:#fff;}

h1{font-size: 27.84px;text-align: center;padding: 1.5rem 1rem;}
.ttl{font-size: 42.5px;}

.ttl_img{
	max-width: 723px;margin: 1rem auto;width: 95%;
}

.top_note_box{border: solid 1px #000;width: 90%;margin: 0 auto 1.5rem;}
.top_note_date{background-color:#f1f1f1;text-align: center;padding: 0.5rem;font-size: 37.12px;}
.top_note_detail{padding: 1rem;font-size: 1.4rem;}

.nav{display: flex;align-items:flex-start;width: 100%;align-items: center;}
.nav li{height: 100%;}

.sticky{
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
}

/*goods start*/
/*#goods{padding-top: 9rem;}*/
.goods_ttl{max-width: 653px;width: 90%;margin: 3rem auto 1rem;}

/*goods end*/


/*検索start*/

/* モーダルのスタイル */
.modal {
  display: none; /* 初期状態で非表示 */
  position: fixed;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto; /* スクロール可能にする */
  background-color: rgba(0, 0, 0, 0.8); /* 半透明の背景 */
}


/* モーダルコンテンツのスタイル */
.modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px; 
    height: 400px; 
    overflow: hidden;
    border-radius: 23px; 
    position: relative;
	font-size: 1.5rem;
}

/* スクロールバーを内側に入れるために内側のラッパー */
.modal-content-wrapper {
    height: 100%; /* 親コンテンツにフィット */
    overflow-y: auto; /* 縦のスクロールバーを表示 */
    padding-right: 15px; /* スクロールバーの幅を確保 */
    box-sizing: content-box; /* パディングとスクロールバーが干渉しないようにする */
}

/* 閉じるボタン */
.close {
	display: none;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* ラジオボタンのスタイル */
label {
  display: flex;
  justify-content: space-between;
  align-items: center;
border-bottom: 1px solid #c1c1c1;
    padding: 1rem 0;
	
}
input[type="radio"] {
  margin-left: 10px; /* ラジオボタンとテキストの間隔 */
}
button[type="submit"] {
background-color: #4ac6ff;
    border: none;
    padding: 0.5rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    display: block;
	border-radius: 10px;
}


#openPrefectureModalBtn,#openCityModalBtn{
border: 3px solid #c5c5c5;
background-color: #fff;	
  width: 85%; 
  max-width: 587.52px; 
  padding: 1.5rem; 
  font-size: 27.52px; 
  margin: 1rem auto; 
  display: flex; 
  align-items: center; 
justify-content: space-between;
color:#505050;

}

.yajirushi{
  width: 37px; /* 画像の幅を調整（適宜変更してください） */
  height: auto; /* 高さは自動調整 */
  margin-left: 8px; /* テキストと画像の間にスペースを追加 */
	
}

.shop_box{border:1px solid #000;border-radius: 10px;width:90%;margin: 1.5rem auto;}

.shop_box_ttl{font-size: 41.6px;text-align: center;margin: 2rem auto;}

.search{max-width: 280px;margin: 2rem auto;width: 60%;cursor:pointer;}

.error_txt{text-align: center;font-size: 1.3rem;}

.OK{max-width: 371px;margin: 2rem auto;width: 80%;cursor:pointer;}

/*検索end*/

/*検索結果 start*/
.shop_list li{border:1px solid #000;border-radius: 10px;width:85%;margin: 1rem auto;padding: 2rem;font-size: 29.44px;}
.shop_name{font-size: 32.64px;}

/*検索結果 end*/

.sns_in{display: flex;justify-content: center;}

.comingsoon{margin: 3rem auto;width: 85%;}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
	
h1{font-size: 1.5rem;}	
.ttl {font-size: 2rem;}
	
.top_note_date{font-size: 1.55rem;}
.top_note_detail{font-size: 1.2rem;}	
.yajirushi{width: 20px;}	

.shop_box_ttl{font-size: 1.7rem;}
#openPrefectureModalBtn, #openCityModalBtn{font-size: 1.2rem;}
.shop_name {
    font-size: 1.7rem;
}	
	
.shop_list li{font-size: 1.2rem;padding: 1.2rem;}	
	
	
}