@charset "utf-8";
/* CSS Document */
/* PCやタブレットなど、768px以上の画面幅では<br>を非表示にする */
@media screen and (min-width: 769px) {
  br.sp-br {
    display: none;
  }
}
/* 768px以下の画面幅（スマホ）では<br>を表示する */
/* こちらは何も指定しなくてもデフォルトで表示されるため、特にコードは必要ありませんが、明示的に書く場合は以下のように記述できます。 */
@media screen and (max-width: 768px) {
  br.sp-br {
    display: inline;
  }
}


img{
vertical-align: bottom;
}

.bg-white{
background: #FFFFFF;
}

.content-block{
padding-top: 2.5rem;
}
.content-block__inner{
padding: 0 2.5rem;
}
@media only screen and (max-width:768px) {
.content-block__inner{
padding: 0.8rem;
}
}

.commingsoon{
padding: 30px 0;
text-align: center;
font-size: 30px;
}
.commingsoon_t{
font-size: 40px;
font-weight: bold;
}
@media screen and (max-width: 600px) {
  .commingsoon {
    font-size: 16px; /* PC版の30pxから調整 */
  }

  .commingsoon_t {
    font-size: 24px; /* PC版の40pxから調整 */
  }
}


/*＝＝＝＝*/

.kikan{
text-align: center;
padding-bottom: 30px;
}
.kikan img{
max-width: 800px;
width: 100%;
margin: auto;
}

.lead {
   /*border-bottom: 8px solid #0083CC; */
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.6;
  color: #333;
}
@media only screen and (max-width:768px) {
.lead {
  font-size: 1.2rem!important;
}
}

.gaiyou p{
padding: 1rem 2rem;
font-size: 1.3em;
}
@media only screen and (max-width:768px) {
.gaiyou p{
padding: 1rem;
font-size: 1.1em;
}
}

h2{
  background-color: #333333;
  font-size: 1.6em;
  font-weight: bold;
  margin-top: 30px;
  padding: 10px 20px;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
/*  box-shadow: 0 2px 5px rgba(0,0,0,0.3)*/
}
@media only screen and (max-width:768px) {
h2{
  font-size: 1.2em;
}
}
h2 img{
width: 30px;
margin-right: 10px;
}
.bg-blue{
background: #daf3ff;
}
.bg-green{
background: #f1ffc2;
}
.bg-pink{
background: #ffdfe1;
}


.stamp_image{
text-align:center;
}
.stamp_image img{
max-width: 800px;
width: 100%;
margin: auto;
}


ul.stamp_spot{
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	justify-content:center;
	flex-wrap: wrap;
}
ul.stamp_spot li{
background: #FFFFFF;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
margin-bottom: 10px;
width: 31%;
margin: 10px;
}
ul.stamp_spot li dt img{
border-radius: 8px 8px 0 0;
width: 100%;
}

@media only screen and (max-width:768px) {
ul.stamp_spot li{
width: 43%;
}
}
ul.stamp_spot li dd{
padding: 3px;
}
.spot_name{
background: #424242;
color: #FFFFFF;
font-size: 1.2rem;
font-weight:bold;
text-align: center;
}
@media only screen and (max-width:768px) {
.spot_name{
font-size: 14px;
font-weight:bold;
text-align: left;
}
}
ul.stamp_spot li dd.memo{
font-size: 0.9em;
}

.spot_name a{
color: #FFFA8E;
text-decoration: underline;
}

.spot_note{
max-width: 600px;
margin: auto;
}
.spot_note li{
font-size: 1.3em;
}
@media only screen and (max-width:768px) {
.spot_note li{
font-size: 1.0em;
}
}

.icon-insta-link {
  display:inline-flex!important;
  align-items: center; /* これで上下中央に揃います */
  gap: 8px; /* アイコンとテキストの間に隙間を作ります */
  text-decoration: underline; /* 下線を消したい場合 */
  color:#0988D9; /* テキストの色 */
}