@charset "UTF-8";

strong { font-weight: bold;}
.green { color: #196e45;}
.red { color: #f44156;}

@media screen and (max-width:640px) {
	.onlySP-TB{
		display: block;
	}
}
@media screen and (min-width:641px) {
	.onlySP-TB{
		display: none;
	}
}
@media screen and (min-width:800px) {
	.onlySP-TB{
		display: block;
	}
}
@media screen and (min-width:880px) {
	.onlySP-TB{
		display: none;
	}
}
@media screen and (min-width:1000px) {
	.box {
    margin: 0 auto 120px;
  }
}


/* map
---------------------------------------- */
.map_main_img {
  text-align: left;
  font-size: 16px;
  line-height: 1.8;
}
.map_txt {
  margin-bottom: 10px;
}
.map_image {
  border: 5px solid #eeeedd;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (min-width:640px) {
  .map_main_img {
    font-size: 18px;
  }
  .map_txt {
    text-align: center;
    margin-bottom: 20px;
  }
}
@media screen and (min-width:800px) {
  .map_txt {
    margin-bottom: 30px;
  }
}


/* コラボイベント
---------------------------------------- */
.collabo_main {
  position: relative;
  box-sizing: border-box;
  border-radius: 20px;

  border: 5px solid #84c9e3;
  background: url(../../img/map_radiko/collabo_bg.png) 0 0 repeat #e0f0f8;
  padding: 9% 6%;
  text-align: left;
  box-sizing: border-box;
}
.collabo_main dt {
  text-align: center;
  margin-bottom: 20px;
}
.collabo_main dd {
  margin-bottom: 20px;
}
.collabo_main dd:last-child {
  margin-bottom: 0;
}
.collabo_img {
  margin: 0 auto;
  width: 55%;
  max-width: 300px;
}
.collabo_txt {
  text-align: center;
  line-height: 1.5;
}
.collabo_notes {
  display: block;
  text-align: center;
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.5;
}
.collabo_notes a {
  color: #f44156;
  font-weight: bold;
}
.btn_general.blue {
  background-color: #1f9cd7;
}

@media screen and (min-width:641px) {
  .collabo_main {
    border: 8px solid #84c9e3;
    padding: 6% 5%;
  }
  .collabo_main dt {
    margin-bottom: 30px;
  }
  .collabo_txt {
    font-size: 20px;
  }
  .collabo_txt .red {
    font-size: 22px;
  }
  .collabo_notes {
    font-size: 16px;
    margin-top: 10px;
  }
}
@media screen and (min-width:800px) {
  .collabo_main dt {
    font-size: 30px;
    line-height: 1.1;
    text-align: left;
    margin-bottom: 20px;
    width: 60%;
  }
  .collabo_main dd {
    width: 60%;
  }
  .collabo_txt {
    font-size: 18px;
    line-height: 1.7;
  }
  .collabo_txt .red {
    font-size: 20px;
  }
  .collabo_main dd.collabo_img {
    position: absolute;
    top: 9%;
    right: 5%;
    width: 33%;
    transform:rotate(4deg)
  }
  .collabo_main dd.calendar_wrap_btn {
    width: 100%;
    margin-top: 4vw;
  }
  .collabo_main .wrap_btn {
    width: 60%;
  }
}
@media screen and (min-width:880px) {
  .collabo_main dd.calendar_wrap_btn {
    margin-top: 7vw;
  }
  .collabo_txt {
    font-size: 20px;
  }
  .collabo_txt .red {
    font-size: 24px;
  }
}
@media screen and (min-width:1000px) {
  .collabo_txt {
    font-size: 22px;
  }
  .collabo_txt .red {
    font-size: 26px;
  }
  .collabo_main dd.collabo_img {
    right: 7%;
  }
}

@media screen and (min-width:1112px) {
  .collabo_main {
    padding: 50px;
  }
  .collabo_main dd {
    width: 57%;
  }
  .collabo_main dd.collabo_img {
    top: 50px;
    right: 80px;
    width: 360px;
  }
  .collabo_main dd.calendar_wrap_btn {
    margin-top: 70px;
  }

}