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

@font-face {
  font-family: 'myfont'; /* フォント名 */
  /* フォーマットごとにパスを指定 */
  src: url('../font/MochiyPopOne-OTF-ExtraBold.otf') format('truetype');}
.myfont {font-family: 'myfont';}
.f-22 {font-size: 1.25rem;}
.f-center {text-align: center;}
.sp, .tab, .br_700, .br_420, .br_560 {display: none;}
/*gaiyo-twitter*/
.bg1 {background-color: #fff; max-width: 1060px; margin: 0 auto; padding: 1rem; border:#EF96BB solid 2px; border-radius: 25px;}
.test1 {border:#FADBEA dashed 3px; border-radius: 25px;}
.gaiyo {background: url("../img/bg.jpg"); padding: 7% 0%; }
.myfont {width: 77.73%; margin: 0 auto; font-size: 1.40rem;padding-bottom: 5%;line-height: 2rem;}
#twitter {position: relative;}
.heart3 {position: absolute; bottom: 0;}
.heart {width: 100%!important;position: absolute;}
.heart2 {position: absolute; top: 5%; left: 50%; transform: translateX(-50%);width: 39.34%; margin: 0 auto; padding-top: 1.5rem;}
.gaiyo h2 {position: relative; padding-bottom: 22%;}
.pink {color: #EA6DA5;}
.schedule-cnt {width: 90%; margin: 0 auto; display: flex; justify-content: space-around; align-items: center; padding-bottom: 5%;}
.schedule-cnt dl, .online-cnt dl {display: flex; justify-content: space-between;}
.schedule-right, .online-right {width: 60%;}
.schedule-left, .online-left {width: 33%;}
.schedule-cnt dt, .online-cnt dt {width: 30%;}
.schedule-cnt dd, .online-cnt dd {width: 69%;}
.map {padding-bottom: 5%;}
.online-cnt {display: flex;width: 90%; margin: 0 auto;justify-content: space-around; align-items: center; padding-bottom: 5%;}
.online-cnt2 {width: 82%; margin: 0 auto;padding-bottom: 5%;}
.online-cnt2 p:not(:last-child) {padding-bottom: 5%;}
.online-img {width: 65%; margin: 0 auto; }
.online-img img {padding-bottom: 3%;}
.tw-cnt {display: flex; justify-content: space-evenly; padding-bottom: 7%;}
.tw-left, .tw-right {width: 39%;}
.tw-left {background: url("../img/cloud-bg.png") no-repeat; background-size: contain; padding: 3%; position: relative; background-position: center;}
.tw-left2 {border:#EF96BB solid 2px; border-radius: 25px; padding: 0.5rem; position: absolute; height: 70%; width: 80%; top: 50%; left:50%;transform: translate(-50%, -50%);display: flex; flex-direction: column; justify-content: center;}
.test2 { border:#FADBEA dashed 3px; border-radius: 25px; height: -webkit-fill-available; flex-direction: column; justify-content: center; display: flex;}
#twitter{background: url("../img/heart_bg.png") no-repeat bottom; background-size: contain;}

/*tokuten*/
.bg2 { padding: 7% 0;}
.bg3 { padding-bottom: 7%;}
.bg2, .bg3 {background: url("../img/bg2.png");}
.toku-cnt {background-color: #fff; max-width: 1060px; margin: 3% auto 0; padding:1rem;border:#EF96BB solid 2px; border-radius: 25px; }
.toku-cnt .test1{padding: 5% 0;}
.toku-p1{width: 55%; margin: 0 auto;}
.toku-p2 {width: 70%; margin: 0 auto 5%;}
.toku-cnt2{width: 60%; margin: 0 auto; margin-bottom: 2%;}

/*items*/
.item-cnt {max-width: 1060px; margin: 0 auto;}
.item-cnt ul {display: flex; justify-content: space-around; flex-wrap: wrap;}
.item-cnt li {width: 24%;background-color: #fff; border: #EE93BA 2px solid; border-radius: 50px; padding: 1.5rem 0.9rem; text-align: center; outline: 2px dashed #FADBEA;  outline-offset: -10px; margin-top: 4%;}
.i-limit {background-color: #E65196; color: #fff; border-radius: 30px; font-size: 0.9rem; padding: 0.5rem 0.1rem;margin-top: 4%;}
.i-name {font-weight: bold;padding: 4% 0;}
.bg4 {background: url("../img/bg.jpg");  padding: 7% 0%;}
#attention {/*max-width: 83.445%;*/ max-width: 1060px; margin: 0 auto; background-color: #fff;padding: 1rem; border:#EF96BB solid 2px; border-radius: 25px;}
#attention h2 img{width: 39.34%; margin: 0 auto;}
#attention h2 {position: relative; padding-bottom: 20%;}
#attention ul {width: 80%;  margin: 0 auto; padding: 3% 0;}
footer {background-color: #E62389; color: #fff;}

@media screen and (max-width: 1100px) {
	.bg1, .toku-cnt, .item-cnt, #attention, .myfont, .schedule-cnt, .online-cnt {width: 96%; }
	.item-cnt li {width: 32%;}
	.item-cnt li:last-child {margin-right: 33%;}
	.myfont, .online-img{width: 80%;}
}
@media screen and (max-width: 900px) {
	body {font-size: 14px;}
	.f-22 {font-size: 1.05rem;}
	.schedule-cnt, .online-cnt, .tw-cnt {flex-direction: column;align-items: center;}
	.tw-left {height: 330px; margin-bottom: 3%;}
	.tw-right {width: 45%;}
	.tw-left {width: 48%;}
	.schedule-left, .online-left {width: 100%;}
	.myfont {font-size: 1.1rem;line-height: 1.5rem;}
	.toku-p1, .toku-cnt2 {width: 80%;}
	.schedule-left, .online-left, .schedule-right, .online-right {margin-bottom: 5%;}
	.schedule-right, .online-right {width: 70%;}
	.bg1 .test1 {padding-bottom: 0.5rem;}
}
@media screen and (max-width: 800px) {.schedule-right, .online-right {width: 80%;}}
@media screen and (max-width: 700px) {
	.item-cnt li {width: 49%; border-radius: 15px; outline: none;padding: 0.3rem;}
	.i-limit {border-radius: 20px}
	.heart2, #attention h2 img { width: 47.34%;}
	.gaiyo h2, #attention h2 {padding-bottom: 25%;}
	.tab, .br_700 {display: block;}
	.pc{display: none;}
	.online-img {width: 80%;}
	 .tw-right {width: 60%;}
	.tw-left {width: 62%;}
	.item-cnt li:last-child {margin-right: inherit;}
}
@media screen and (max-width: 560px){
	body {font-size: 12px;}
	.br_560 {display: block;}
	.bg1, .toku-cnt, #attention {padding: 0.5rem;}
	.f-22 {font-size: 1rem;}
	.schedule-right, .online-right, .online-cnt2, .myfont {width: 90%;}
	.tw-left, .tw-right {width: 75%;}
	.online-cnt2 p:not(:last-child) {padding-bottom: 7%;}
}
@media screen and (max-width: 420px){
	.myfont {font-size: 1rem;}
	.schedule-left, .online-left {font-size: 1.05rem;}
	.br_420 {display: block;}
	.nbr_420 {display: none;}
	.online-img img {padding-bottom: 5%;}
	.map, .myfont,.online-cnt2 {padding-bottom: 7%;}
	.heart2, #attention h2 img { width: 67.34%;}
	.gaiyo h2, #attention h2 {padding-bottom: 31%;}
	 .tw-right, .toku-cnt2 {width: 90%;}
	.tw-left, .schedule-right, .online-right {width: 94%;}
	.tw-left2 {padding: 0.2rem;}
	.item-cnt li {padding: 0.4rem 0.3rem;}
	.online-cnt dt, .schedule-cnt dt {width: 30%;}
	.online-cnt dd, .schedule-cnt dd {width: 68%;}
	.copyright {font-size: 0.7rem;}
	.bg2, .bg4 {padding: 9% 0;}
	.bg3 {padding-bottom: 9%;}
	.heart2 {padding-top:1rem;}
}