@charset "utf-8";

/*
 * File       : rwd-strap.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px){

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    /* MAGNIFIC POPUP */
    .mfp-gallery .mfp-image-holder .mfp-content {min-height: inherit;}
    .mfp-gallery .mfp-title b {font-size: 22rem;}

	/* FORM */
	.jt-form__data-tit {font-size: 26rem;}
	.jt-form__label {font-size: 19rem;}

    /* SWIPER */
    .swiper-ctrl--progressbar .swiper-play-state {top: 26rem;} 
    .swiper-ctrl--bullets .swiper-play-state__btn {top:1rem;}
    html.ios .swiper-ctrl--progressbar .swiper-play-state__btn--pause {top:1rem;}
    html.ios .swiper-ctrl--bullets .swiper-play-state__btn {top:0rem;}

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* SWIPER */
    .swiper-ctrl--progressbar {height: 76rem;}
    .swiper-ctrl--progressbar .swiper-button-group {right: -6rem;top: 7rem;}
    .swiper-ctrl--progressbar .swiper-button-next:before, .swiper-ctrl--progressbar .swiper-button-prev:before {font-size: 30rem;}
    .swiper-ctrl--progressbar .swiper-play-state {top: 23rem;}

    .swiper-ctrl--bullets {bottom: 50rem;}
    .swiper-ctrl--bullets .swiper-play-state__btn {top:0rem;}

    /* BUTTON */
    .jt-btn__basic > span {font-size: 14rem;}

    /* MAGNIFIC POPUP */
    .mfp-gallery .mfp-image-holder .mfp-content {width: 780rem;}
    .mfp-gallery img.mfp-img {max-height: 250rem !important;margin: 80rem auto 36rem;}
    .mfp-gallery .mfp-title {padding-bottom: 80rem;}
    .mfp-gallery .mfp-title b {font-size: 20rem;}
    .mfp-gallery .mfp-title p {margin-top: 16rem;font-size: 15rem;}
    .mfp-gallery .mfp-arrow-left {margin-left: -472rem;}
    .mfp-gallery .mfp-arrow-right {margin-left: 421rem;}

	/* FORM */
	::-webkit-input-placeholder {font-size: 15rem;}
	::-moz-placeholder {font-size: 15rem;}
	:-ms-input-placeholder {font-size: 15rem;}

	.jt-form__label {font-size: 18rem;}
	.jt-form__field-wrap {margin-top: 20rem;}
	.jt-form__field {padding-bottom: 14rem; font-size: 15rem;}
	textarea.jt-form__field {padding: 28rem 32rem;}
	.jt-form__field-count { font-size: 14rem; }
	.jt-form__data-wrap {margin-top: 100rem;}
	.jt-form__data-tit {font-size: 24rem;}
	.jt-form__data--col-2 .jt-form__data {margin-top: 50rem;}

	.jt-checkbox label, .jt-radiobox label {font-size: 15rem;}

	div.wpcf7 .jt-radiobox .wpcf7-list-item {width: 50%; margin-right: 0;}

	span.wpcf7-not-valid-tip {font-size: 15rem;}

	/* JT ALERT */
	.jt-alert__content h1 {font-size: 18rem;}
	.jt-alert__content p {font-size: 15rem;}
	.jt-alert__btn {font-size: 15rem;}
}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    /* SWIPER */
    .swiper-ctrl--progressbar {height: 66rem;}
    .swiper-ctrl--progressbar .swiper-button-group {top: 4rem;}
    .swiper-ctrl--progressbar .swiper-button-next:before, .swiper-ctrl--progressbar .swiper-button-prev:before {font-size: 26rem;}
    .swiper-ctrl--progressbar .swiper-play-state {top: 17rem;}
    .swiper-ctrl--progressbar .swiper-play-state__btn:after {font-size: 24rem;}
    html.ipad .swiper-ctrl--progressbar .swiper-play-state {top: 15.5rem;}

    .swiper-ctrl--bullets {bottom: 40rem;}
    .swiper-ctrl--bullets .swiper-pagination-bullet {width: 20rem;height: 20rem;margin: 0 3rem;}

    .swiper-play-state {width: 30rem;height: 20rem;}

    /* BUTTON */
    .jt-btn__basic > span {padding: 19rem 36rem;}

    /* MAGNIFIC POPUP */
    .mfp-gallery .mfp-image-holder .mfp-content {width: 570rem;}
    .mfp-gallery img.mfp-img {max-height: 230rem !important;margin: 60rem auto 26rem;}
    .mfp-gallery .mfp-title {padding: 0 32rem 60rem;}
    .mfp-gallery .mfp-title b {font-size:19rem;}
    .mfp-gallery .mfp-title p {font-size:14rem;margin-top: 12rem;}
    .mfp-gallery .mfp-title p br {display: none;}
    .mfp-gallery .mfp-arrow-left {margin-left: -346rem;}
    .mfp-gallery .mfp-arrow-right {margin-left: 295rem;}

	/* FORM */
	::-webkit-input-placeholder {font-size: 14rem;}
	::-moz-placeholder {font-size: 14rem;}
	:-ms-input-placeholder {font-size: 14rem;}

	.jt-form__label {font-size: 17rem;}
	.jt-form__field-wrap {margin-top: 16rem;}
	.jt-form__field {padding-bottom: 12rem; font-size: 14rem; border-bottom-width:1rem;}
	textarea.jt-form__field {padding: 26rem 30rem;}
	.jt-form__field-count { font-size: 13rem; bottom: 20rem; right: 25rem; }
	.jt-form__data-wrap {margin-top: 90rem;}
	.jt-form__data-tit {font-size: 22rem;}
	.jt-form__data--col-2 {margin-left: -15rem; margin-right: -15rem;}
	.jt-form__data--col-2 .jt-form__data-tit {margin-left: 15rem;}
	.jt-form__data--col-2 .jt-form__data { width: calc(50% - 30rem); margin-left: 15rem; margin-right: 15rem; margin-top: 40rem; }

	.jt-checkbox label, .jt-radiobox label {font-size: 14rem;}

	span.wpcf7-not-valid-tip {font-size: 14rem;}

	/* JT ALERT */
	.jt-alert__content h1 {font-size: 16rem;}
	.jt-alert__content p {font-size: 14rem; line-height:1.5;}
	.jt-alert__btn {font-size: 14rem;}
	.jt-alert__style-basic .jt-alert__content {min-height: 130rem;}
	.jt-alert__style-basic .jt-alert__btn {padding: 13rem 0 10rem;}
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    /* SWIPER */
    .swiper-ctrl--progressbar {height: 63rem;}
    .swiper-ctrl--bullets {bottom: 26rem;}
    html.ios .swiper-ctrl--bullets .swiper-play-state__btn {top:-0.5rem;}

    /* BUTTON */
    .jt-btn__basic > span {font-size: 13rem;padding: 17rem 30rem;}
    html.ios .jt-btn__basic > span {padding-top:16rem; padding-bottom:19rem;}

	/* FORM */
    .jt-form__field {border-bottom-width:1rem;}
	textarea.jt-form__field {height: 300rem; padding: 18rem 20rem;}
	.jt-form__label {font-size: 16rem;}
	.jt-form__field-wrap {margin-top: 12rem;}
	.jt-form__data-wrap {margin-top: 80rem;}
	.jt-form__data-tit {font-size: 20rem;}
	.jt-form__data--col-2 {margin-left: 0; margin-right: 0;}
	.jt-form__data--col-2 .jt-form__data-tit {margin-left: 0;}
	.jt-form__data--col-2 .jt-form__data {width: 100%; margin-left: 0; margin-right: 0; margin-top:23rem;}
	.jt-form__field-count {font-size: 12rem; bottom: 15rem; right: 20rem;}
	
	div.wpcf7 .jt-radiobox .wpcf7-list-item {width: 100%;}

    span.wpcf7-not-valid-tip {font-size:13rem;}

    /* MAGNIFIC POPUP */
    .mfp-gallery .mfp-image-holder .mfp-content {width: 80%; padding:30rem 20rem;}
    .mfp-gallery img.mfp-img { margin-top:40rem; max-height: inherit !important; max-width: 100%; margin:0;}
    .mfp-gallery .mfp-title { padding: 0;margin-top:26rem;}
    .mfp-gallery .mfp-title b {font-size:18rem;}
    .mfp-gallery .mfp-title p {font-size:13rem;}
    .mfp-gallery .mfp-title p br.jt-smallscreen-br {display: block;}
    .mfp-gallery .mfp-arrow:after {font-size:32rem; line-height:52rem;}
    .mfp-gallery .mfp-arrow-left {margin-left:0; left:0}
    .mfp-gallery .mfp-arrow-right {margin-left:0; left:auto; right:0;}


}