.howto-link{margin-top:2em;}
.howto-link li{width:100%;margin-top:1em;}
.howto-link li a{color:#fd1010;border:1px solid;padding:1em;display:block;font-size:1.1rem;text-align:center;background: rgba(0,0,0,0.6);}
body.yogafitness .howto-link li a{color:#f76185;background: rgba(255,255,255,0.6);}
body.boxing .howto-link li a{color:#f76185;background: rgba(255,255,255,0.6);}

/*//// modal window ////*/
.modal{display: none;height: 100vh;position: fixed;top: 0;left:0;width: 100%;z-index:999;overflow:hidden;}
.modal-bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal-content{background: rgba(0,0,0,0.0);border:1px solid #fff;padding:3.5em 1.25em 1em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 90%;overflow-y:scroll;-webkit-overflow-scrolling: auto;overflow-scrolling: auto;}
.modal-close{position: absolute; top: 1em; right: 1em; width:30px;height:30px;cursor: pointer;display:block;}
.modal-close span {display: block; width: 100%; height: 1px; background: #000;}
.modal-close span {background: #fff; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;position: absolute;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}


.modal-content h3{font-size:1.4rem;font-weight:bold;margin-bottom:1em;color:#fff;}
.modal-content p{font-size:1.2rem;line-height:1.7;margin-bottom:1em;color:#fff;}
.modal-ttl.introduction-title{font-size: 2.2rem;font-family: 'Oswald', sans-serif!important;}
.modal .introduction-note{color:#fff;}
.modal .introduction-note li{font-size:1.2rem;line-height: 1.7;}
.modal .introduction-note li:before{background:#fff;}
.modal .introduction-item p{margin-bottom:0;}
.modal .introduction-txt{margin-bottom:2em;}
.introduction-note li:before{width: 3px;height: 3px;top: 8px;}

.modal .card{background:none;color:#fff;letter-spacing:1.5px;}
.modal .live-price-box{padding:.3em 0 0;font-size:1.3em;color:#fd1010;}

.pk-back-bt{display: flex; flex-wrap: wrap; justify-content: center;padding:1.5em 0 1.5em;border-top:1px dotted #ccc;}
.pk-back-bt section{padding:0 1.25em;border-right:1px dotted #999;font-size:.85em;letter-spacing:1px;}
.pk-back-bt section:last-child {border-right:none;}
.pk-back-bt section a{color:#fd1010;}
body.yogafitness .pk-back-bt section a{color:#f76185;}
body.boxing .pk-back-bt section a{color:#f76185;}

.try-modal .modal-content{height:90vh;border:0;padding:3.5em 0 1em;}
.try-modal .modal-close{right: 0;}
.try-modal .modal-content p.osusume{color:#34cdc9;padding-left:.5em;margin-bottom:2em;font-size:1.1em;}
.tryyoga-box{padding:0 0 2em;}
.tryyoga-box p{color:#454545;margin-bottom:0;font-size:.9em;}
.tryyoga-box .day-flex{margin-bottom:1em;padding:0 2.5%;}
.tryyoga-box p.day{font-size:1.2em;color:#34cdc9;border:1px solid;padding:.5em .75em;border-radius:4px;margin-bottom:.5em;line-height:1;letter-spacing:1px;display:inline-block;}
.tryyoga-box span.time{font-size:1.1em;font-weight:300;color:#34cdc9;letter-spacing:1px;padding-left:.5em;}

.tryboxing-box{padding:0 0 2em;}
.tryboxing-box p{color:#454545;margin-bottom:0;font-size:.9em;}
.tryboxing-box .day-flex{margin-bottom:1em;padding:0 2.5%;}
.tryboxing-box p.day{font-size:1.2em;color:#34cdc9;border:1px solid;padding:.5em .75em;border-radius:4px;margin-bottom:.5em;line-height:1;letter-spacing:1px;display:inline-block;}
.tryboxing-box span.time{font-size:1.1em;font-weight:300;color:#34cdc9;letter-spacing:1px;padding-left:.5em;}
.active-box p.day{background:#f76185;}
.active-box span.time{color:#f76185;}
.tryyoga-box p.time span{font-size:1.4em;font-weight:700;display:block;}
.tryyoga-box .try-img{width:90%;display:block;margin:0 auto;}
.tryyoga-box h3{font-size:1.2em;color:#454545;font-weight:normal;margin-bottom:.75em;}

.tryboxing-box p.time span{font-size:1.4em;font-weight:700;display:block;}
.tryboxing-box .try-img{width:90%;display:block;margin:0 auto;}
.tryboxing-box h3{font-size:1.2em;color:#454545;font-weight:normal;margin-bottom:.75em;}

.slick-dotted.slick-slider{margin-bottom: 0;}

@media screen and (min-width: 768px) {
/*//// modal window ////*/
.modal-content{padding:4em 3em 2em;width: 80%;}
.modal-close{z-index:9999;width:40px;height:40px;}
.modal-close span {display: block; width: 100%;}
.modal-close span:nth-child(1) { top:1.5em;}
.modal-close span:nth-child(2) { top:1.5em;}
.modal-content h3{font-size:2rem;font-weight:bold;margin-bottom:1em;}
.modal-content p{font-size:1.6rem;line-height:1.7;margin-bottom:1.5em;}
.modal .introduction-note li{font-size:1.6rem;line-height: 1.7;}	
.pk-back-bt section{padding:0 2.5em;font-size:1em;letter-spacing:1px;}
	
.try-modal .modal-content{padding:4.5em 0 1em;}	
.try-modal .modal-content p.osusume{padding-left:2.5%;margin-bottom:2em;font-size:1.6em;}	
.tryyoga-box{padding:0 .5em;margin-bottom:2em;}
.tryyoga-box .day-flex{margin-bottom:2em;}
.tryyoga-box p{margin-bottom:0;font-size:1.2em;}
.tryyoga-box p.day{font-size:1.8em;padding:.5em;margin-right:.75em;}
.tryyoga-box p.time{font-size:1.6em;}
.tryyoga-box p.time span{font-size:2em;}	
.tryyoga-box .try-img{margin:0 auto 2.5em;}
	
.tryboxing-box{padding:0 .5em;margin-bottom:2em;}
.tryboxing-box .day-flex{margin-bottom:2em;}
.tryboxing-box p{margin-bottom:0;font-size:1.2em;}
.tryboxing-box p.day{font-size:1.8em;padding:.5em;margin-right:.75em;}
.tryboxing-box p.time{font-size:1.6em;}
.tryboxing-box p.time span{font-size:2em;}	
.tryboxing-box .try-img{margin:0 auto 2.5em;}
	
}

@media screen and (min-width: 769px) {
/*//// modal window ////*/
.modal-content{padding:3.5em 2.5em 2em;width: 60%;}
_:-ms-fullscreen, :root .modal-content{padding:3em 2.5em 3em;width: 50%;}
.modal-close{top: 1em; right: 1em; width:30px;height:30px;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}
.pk-back-bt section{padding:0 3.5em;font-size:1em;}	

.modal .introduction-note li{font-size:1.5rem;line-height: 1.7;}		
.introduction-note li:before{width: 3px;height: 3px;top: 10px;}
.modal .live-price-box{padding:.2em 0 0;font-size:2em;}
.try-modal .modal-content p.osusume{margin-bottom:3em;}		
.tryyoga-box p.day{margin:0 .5em 0 0;}	
.tryyoga-box p.time{line-height:1;padding:0 0;font-size:1.6em;margin:0;}	
.tryyoga-box p.time span{display:inline;padding-left:.5em;font-size:2em;}
.tryyoga-box .day-flex{display: flex; flex-wrap: wrap;justify-content:flex-start;align-items: center;}
.tryyoga-box .try-img{}	
	
.tryboxing-box p.day{margin:0 .5em 0 0;}	
.tryboxing-box p.time{line-height:1;padding:0 0;font-size:1.6em;margin:0;}	
.tryboxing-box p.time span{display:inline;padding-left:.5em;font-size:2em;}
.tryboxing-box .day-flex{display: flex; flex-wrap: wrap;justify-content:flex-start;align-items: center;}
.tryboxing-box .try-img{}	
}

@media screen and (min-width: 1280px) {
/*//// modal window ////*/
.modal-content{padding:4.5em 3.5em 5em;width: 50%;}
.new-content {padding: 4.5em 3.5em 2em;width: 80%;}	
.modal-ttl{font-size: 2.4em;}
.modal-ttl span{font-size: 40%;}
.login-form dd{padding-bottom: 2.5em;}
.login-form dd p {font-size: 1.3em;}
.login-form dd p span{font-size: 70%;padding-left:.75em;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.4em; padding:1.5em 1em;}
.login-send input{font-size: 1.4em; padding: 1em 4.5em;margin-bottom:1.5em;}
.pass-at a{font-size: 1.1em;}
.noweb-at{font-size: 1.3em;margin-top:3em;}
.new-send a{font-size: 1.4em; padding: 1em 4.5em;margin-top:2em;}	
	
.howto-link{display: flex; flex-wrap: wrap; justify-content: space-between;}
.howto-link li{width:47%;margin-top:2em;}
.howto-link li a{font-size:1.2em;text-align:center;}	
}