@charset "UTF-8";
#Wrap {width: 100%;}
#Contents-All-Yoga .img-width {width: 100%;}
#Contents-All-Yoga a:hover {cursor: pointer; opacity: 0.5;}
#Contents-All-Yoga {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;} 
#Contents-All-Yoga p {font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}
#Contents-All-Yoga img {display: block;}
#Contents-All-Atelier .img-width {width: 100%;}
#Contents-All-Atelier a:hover {cursor: pointer; opacity: 0.5;}
#Contents-All-Atelier {font-feature-settings: 'palt'; text-align: justify; text-justify: inter-ideograph;} 
#Contents-All-Atelier p {font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic', 'メイリオ', sans-serif;}
#Contents-All-Atelier img {display: block;}
/*************************************SP****************************************/
@media screen and ( max-width:560px ) {
    /* #Contents-All-Yoga {
        background-image: url(../img/pc2.jpg);
        background-size: 100%;
        background-position-y: -50px;
    } */
    #Contents-All-Yoga {margin: 0 auto calc(180*(100vw/750));}
    #Contents-All-Yoga .pc-only {display: none;}
    #Contents-All-Yoga .item-flex-sp {display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All-Atelier {margin: 0 auto calc(133*(100vw/750));}
    #Contents-All-Atelier .pc-only {display: none;}
    #Contents-All-Atelier .item-flex-sp {display: flex;flex-wrap: wrap;justify-content: center;}
    /*==========================
    共通項目
    ==========================*/
    #Contents-All-Yoga .size500 {width: calc(500*(100vw/750));}
    #Contents-All-Yoga .size600 {width: calc(600*(100vw/750));}
    #Contents-All-Yoga .size750 {width: calc(750*(100vw/750));}
    #Contents-All-Yoga .yoga-movie {width: calc(648*(100vw/750));}
    #Contents-All-Yoga .credit {text-align: center;}
    #Contents-All-Yoga .yoga-movie {display: block;margin: calc(165*(100vw/750)) auto 0;}
    #Contents-All-Atelier .size550 {width: calc(550*(100vw/750));}
    #Contents-All-Atelier .size600 {width: calc(600*(100vw/750));}
    #Contents-All-Atelier .size648 {width: calc(648*(100vw/750));}
    #Contents-All-Atelier .size750 {width: calc(750*(100vw/750));}
    #Contents-All-Atelier .atelier-movie {display: block;width: calc(648*(100vw/750));margin: calc(168*(100vw/750)) auto 0;}
    .credit {text-align: center;}
    /***********フォント *************/
    .credit a {
        display: inline-block;
        font-size: calc(22*(100vw/750));
        line-height: 2.27;
        letter-spacing: 0.3px;
    }
    #Contents-All-Yoga .nav-tittle-yoga {
        position: relative;
        font-size: calc(42*(100vw/750));
        text-align: center;
        letter-spacing: 0.5px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: calc(171*(100vw/750));
    }
    #Contents-All-Yoga .nav-tittle-yoga::before {
        content: '';
        display: block;
        width: calc(619*(100vw/750));
        height: calc(20*(100vw/750));
        position: absolute;
        top: calc(21*(100vw/750));
        left: calc(65*(100vw/750));
        z-index: -1;
        background-color: rgb(199,221,223);
    }
    #Contents-All-Atelier .nav-tittle-atelier {
        position: relative;
        font-size: calc(42*(100vw/750));
        text-align: center;
        letter-spacing: 0.5px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: calc(171*(100vw/750));
    }
    #Contents-All-Atelier .nav-tittle-atelier::before {
        content: '';
        display: block;
        width: calc(619*(100vw/750));
        height: calc(20*(100vw/750));
        position: absolute;
        top: calc(21*(100vw/750));
        left: calc(65*(100vw/750));
        z-index: -1;
        background-color: rgb(239,225,190);;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All-Yoga .c1-slide {
        margin-top: calc(150*(100vw/750));
    }
    #Contents-All-Yoga .c1-img3-yoga {
        margin: calc(106*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c1-credit1-yoga {
        margin: calc(48*(100vw/750)) 0 0 0;
    }
    #Contents-All-Yoga .c1-img4-yoga {
        margin-top: calc(165*(100vw/750));
    }
    #Contents-All-Yoga .c1-img5-yoga {
        margin: calc(62*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c1-credit2-yoga {
        margin-top: calc(44*(100vw/750));
    }
    #Contents-All-Atelier .c1-img3-atelier {
        margin: calc(106*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c1-flex-area-atelier {
        margin-top: calc(150*(100vw/750));
    }
    #Contents-All-Atelier .c1-credit1-atelier {
        margin-top: calc(47*(100vw/750));
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All-Yoga .c2-slide1 {
        margin-top: calc(170*(100vw/750));
    }
    #Contents-All-Yoga .c2-slide2 {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c2-img5-yoga {
        margin: calc(106*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c2-credit-yoga {
        margin-top: calc(47*(100vw/750));
    }
    #Contents-All-Atelier .c2-slide1 {
        margin-top: calc(168*(100vw/750));
    }
    #Contents-All-Atelier .c2-slide2 {
        margin: calc(108*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c2-credit-atelier {
        margin-top: calc(94*(100vw/750));
    }
    #Contents-All-Atelier .c2-credit-atelier {
        margin-top: calc(94*(100vw/750));
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All-Yoga .c3-img1-yoga {
        margin-top: calc(168*(100vw/750));
    }
    #Contents-All-Yoga .c3-img2-yoga {
        margin: calc(62*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c3-credit-yoga {
        margin-top: calc(49*(100vw/750));
    }
    #Contents-All-Atelier .c3-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c3-credit-atelier {
        margin-top: calc(93*(100vw/750));
    }
    #Contents-All-Atelier .c3-img1-atelier {
        margin-top: calc(169*(100vw/750));
    }
    /*==========================
    Contents4
    ==========================*/
    #Contents-All-Atelier .Contents4-atelier {
        background-image: url(../img/atelier4-back-sp.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-y: calc(117*(100vw/750));
    }
    #Contents-All-Yoga .c4-img-yoga {
        margin: calc(166*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c4-credit-yoga {
        margin-top: calc(48*(100vw/750));
    }
    #Contents-All-Atelier .c4-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c4-img5-atelier {
        margin: calc(280*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c4-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents5
    ==========================*/
    #Contents-All-Yoga .c5-img1-yoga {
        margin-top: calc(175*(100vw/750));
    }
    #Contents-All-Yoga .c5-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c5-img4-yoga {
        margin: calc(218*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c5-img5-yoga {
        margin: calc(63*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c5-credit-yoga {
        margin-top: calc(46*(100vw/750));
    }
    #Contents-All-Yoga .Contents5-yoga {
        background-image: url(../img/yoga5-back-sp.jpg);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position-y: calc(495*(100vw/750));
    }
    /*==========================
    Contents6
    ==========================*/
    #Contents-All-Yoga .c6-img1-yoga {
        margin: calc(61*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c6-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .c6-credit-yoga {
        margin-top: calc(93*(100vw/750));
    }
    #Contents-All-Atelier .c6-img-atelier {
        margin-top: calc(175*(100vw/750));
    }
    #Contents-All-Atelier .c6-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents7
    ==========================*/
    #Contents-All-Yoga .c7-img-yoga {
        margin: calc(166*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c7-img1-atelier {
        margin-top: calc(165*(100vw/750));
    }
    #Contents-All-Atelier .c7-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c7-img2-atelier {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c7-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents8
    ==========================*/
    #Contents-All-Yoga .c8-img-yoga {
        margin-top: calc(177*(100vw/750));
    }
    #Contents-All-Atelier .c8-slide {
        margin-top: calc(167*(100vw/750));
    }
    #Contents-All-Atelier .c8-img1-atelier {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c8-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents9
    ==========================*/
    #Contents-All-Atelier .c9-img1-atelier {
        margin-top: calc(165*(100vw/750));
    }
    #Contents-All-Atelier .c9-slide {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c9-img2-atelier {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c9-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents10
    ==========================*/
    #Contents-All-Atelier .c10-slide {
        margin-top: calc(165*(100vw/750));
    }
    #Contents-All-Atelier .c10-img1-atelier {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c10-credit-atelier {
        margin-top: calc(50*(100vw/750));
    }
    /*==========================
    Contents11
    ==========================*/
    #Contents-All-Atelier .c11-img-atelier {
        margin: calc(166*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c11-credit-atelier {
        margin-top: calc(48*(100vw/750));
    }
    /*==========================
    Contents12
    ==========================*/
    #Contents-All-Atelier .c12-slide {
        margin-top: calc(175*(100vw/750));
    }
    #Contents-All-Atelier .c12-img1-atelier {
        margin: calc(107*(100vw/750)) auto 0;
    }
    #Contents-All-Atelier .c12-credit-atelier {
        margin-top: calc(47*(100vw/750));
    }
    /*==========================
    nav-area
    ==========================*/
    #Contents-All-Yoga .yoga-nav-list {
        margin: calc(60*(100vw/750)) auto 0;
    }
    #Contents-All-Yoga .yoga-nav-list li {
        font-size: calc(24*(100vw/750));
        letter-spacing: 0.3px;
        margin: 0 calc(20*(100vw/750));
    }
    #Contents-All-Yoga .yoga-nav-list li:nth-child(n+6) {
        margin-top: calc(37*(100vw/750));
    }
    #Contents-All-Atelier .atelier-nav-list {
        margin: calc(55*(100vw/750)) auto calc(170*(100vw/750));
    }
    #Contents-All-Atelier .atelier-nav-list li {
        font-size: calc(24*(100vw/750));
        letter-spacing: 0.3px;
        margin: 0 calc(20*(100vw/750));
    }
    #Contents-All-Atelier .atelier-nav-list li:nth-child(n+6) {
        margin-top: calc(37*(100vw/750));
    }
    /*==========================
    slider dots
    ==========================*/
    #Contents-All-Yoga .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: calc(12*(100vw/750));
        height: calc(12*(100vw/750));
        border-radius: 5px;
    }
    #Contents-All-Yoga .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: calc(12*(100vw/750));
        height: calc(12*(100vw/750));
        border-radius: 5px;
        opacity: 1 !important;
    }
    #Contents-All-Atelier .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: calc(12*(100vw/750));
        height: calc(12*(100vw/750));
        border-radius: 5px;
    }
    #Contents-All-Atelier .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: calc(12*(100vw/750));
        height: calc(12*(100vw/750));
        border-radius: 5px;
        opacity: 1 !important;
    }
    .slick-dots li {
        width: calc(12*(100vw/750)) !important;
        height: calc(12*(100vw/750)) !important;
        margin: 0 calc(9*(100vw/750)) !important;
    }
    .c1-slide .slick-dots {
        left: calc(-1*(100vw/750)) !important;
        bottom: calc(-46*(100vw/750)) !important;
    }
    .slick-dots {
        left: calc(-1*(100vw/750)) !important;
        bottom: calc(-46*(100vw/750)) !important;
    }
    .slick-dots li button {
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }
}
/**********************************タブレット*************************************/
@media only screen and (min-width: 561px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #Contents-All-Yoga {width: calc(1024*(100vw/1024));margin: calc(80*(100vw/1024)) auto calc(180*(100vw/1024));}
    #Contents-All-Yoga .item-flex {display: flex;justify-content: center;}
    #Contents-All-Yoga .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All-Yoga .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All-Yoga .sp-only {display: none;}
    #Contents-All-Atelier {width: calc(1024*(100vw/1024));margin: calc(80*(100vw/1024)) auto calc(133*(100vw/1024));}
    #Contents-All-Atelier .item-flex {display: flex;justify-content: center;}
    #Contents-All-Atelier .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All-Atelier .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All-Atelier .sp-only {display: none;}
    /*==========================
    ipad size
    ==========================*/
    @media screen and (min-width: 561px) and (max-width: 768px) {
        .credit a {font-size: calc(11*(100vw/1024)) !important;}
        #Contents-All-Yoga .nav-tittle-yoga {font-size: calc(21*(100vw/1024)) !important;}
        #Contents-All-Yoga .yoga-nav-list li {font-size: calc(14*(100vw/1024)) !important;}
        #Contents-All-Yoga .Contents5-yoga {background-position-x: calc(202*(100vw/1024)) !important;background-position-y: calc(123*(100vw/1024)) !important;}
        #Contents-All-Atelier .nav-tittle-atelier {font-size: calc(21*(100vw/1024)) !important;}
        #Contents-All-Atelier .atelier-nav-list li {font-size: calc(14*(100vw/1024)) !important;}
        #Contents-All-Atelier .Contents5-atelier {background-position-x: calc(202*(100vw/1024)) !important;background-position-y: calc(123*(100vw/1024)) !important;}
        #Contents-All-Atelier .Contents4-atelier {background-position-y: calc(208*(100vw/1024)) !important;}
    }
    /*==========================
    共通項目
    ==========================*/
    #Contents-All-Yoga .size300 {width: calc(300*(100vw/1024));}
    #Contents-All-Yoga .size320 {width: calc(320*(100vw/1024));}
    #Contents-All-Yoga .size350 {width: calc(350*(100vw/1024));}
    #Contents-All-Yoga .size360 {width: calc(360*(100vw/1024));}
    #Contents-All-Yoga .size390 {width: calc(390*(100vw/1024));}
    #Contents-All-Yoga .size420 {width: calc(420*(100vw/1024));}
    #Contents-All-Yoga .size480 {width: calc(480*(100vw/1024));}
    #Contents-All-Yoga .size528 {width: calc(528*(100vw/1024));}
    #Contents-All-Yoga .size840 {width: calc(840*(100vw/1024));}
    #Contents-All-Yoga .yoga-movie {width: calc(307*(100vw/1024));height:calc(546*(100vw/1024));}
    #Contents-All-Yoga .cont-span {margin-right: calc(30*(100vw/1024));}
    #Contents-All-Atelier .size280 {width: calc(280*(100vw/1024));}
    #Contents-All-Atelier .size320 {width: calc(320*(100vw/1024));}
    #Contents-All-Atelier .size350 {width: calc(350*(100vw/1024));}
    #Contents-All-Atelier .size360 {width: calc(360*(100vw/1024));}
    #Contents-All-Atelier .size390 {width: calc(390*(100vw/1024));}
    #Contents-All-Atelier .size400 {width: calc(400*(100vw/1024));}
    #Contents-All-Atelier .size420 {width: calc(420*(100vw/1024));}
    #Contents-All-Atelier .size480 {width: calc(480*(100vw/1024));}
    #Contents-All-Atelier .size840 {width: calc(840*(100vw/1024));}
    #Contents-All-Atelier .atelier-movie {width: calc(307*(100vw/1024));height:calc(546*(100vw/1024));}
    #Contents-All-Atelier .cont-span {margin-right: calc(30*(100vw/1024));}
    /***********フォント *************/
    .credit a {
        display: inline-block;
        font-size: 11px;
        line-height: 2;
        letter-spacing: 0.35px;
    }
    #Contents-All-Yoga .nav-tittle-yoga {
        position: relative;
        font-size: 21px;
        text-align: center;
        letter-spacing: 0.6px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: calc(120*(100vw/1024));
    }
    #Contents-All-Yoga .nav-tittle-yoga::before {
        content: '';
        display: block;
        width: calc(285*(100vw/1024));
        height: calc(11*(100vw/1024));
        position: absolute;
        top: calc(8*(100vw/1024));
        left: calc(369*(100vw/1024));
        z-index: -1;
        background-color: rgb(199,221,223);
    }
    #Contents-All-Atelier .nav-tittle-atelier {
        position: relative;
        font-size: 21px;
        text-align: center;
        letter-spacing: 0.6px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .nav-tittle-atelier::before {
        content: '';
        display: block;
        width: calc(285*(100vw/1024));
        height: calc(11*(100vw/1024));
        position: absolute;
        top: calc(8*(100vw/1024));
        left: calc(369*(100vw/1024));
        z-index: -1;
        background-color: rgb(239,225,190);
    }
    /*==========================
    Main-visual
    ==========================*/
    #Contents-All-Yoga .Main-visual,
    #Contents-All-Atelier .Main-visual {
        margin: 0 auto;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All-Yoga .c1-flex-area-yoga {
        margin-top: calc(100*(100vw/1024));
    }
    #Contents-All-Yoga .c1-img3-yoga {
        margin-top: calc(60*(100vw/1024));
    }
    #Contents-All-Yoga .c1-credit1-yoga {
        margin: calc(15*(100vw/1024)) 0 0 calc(156*(100vw/1024));
    }
    #Contents-All-Yoga .c1-img4-yoga {
        margin: calc(117*(100vw/1024)) 0 0 calc(300*(100vw/1024));
    }
    #Contents-All-Yoga .c1-img5-yoga {
        margin: calc(30*(100vw/1024)) 0 0 calc(420*(100vw/1024));
    }
    #Contents-All-Yoga .c1-credit2-yoga {
        margin: calc(15*(100vw/1024)) 0 0 calc(420*(100vw/1024));
    }
    #Contents-All-Atelier .c1-flex-area-atelier {
        margin-top: calc(101*(100vw/1024));
    }
    #Contents-All-Atelier .c1-img3-atelier {
        margin-top: calc(59*(100vw/1024));
    }
    #Contents-All-Atelier .c1-credit1-atelier {
        margin: calc(14*(100vw/1024)) 0 0 calc(156*(100vw/1024));
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All-Yoga .c2-flex-area-yoga {
        margin-top: calc(118*(100vw/1024));
    }
    #Contents-All-Yoga .c2-slide1 {
        margin-top: calc(49*(100vw/1024));
    }
    #Contents-All-Yoga .c2-credit-yoga {
        margin: calc(13*(100vw/1024)) 0 0 calc(147*(100vw/1024));
    }
    #Contents-All-Yoga .c2-img5-yoga {
        margin: calc(49*(100vw/1024)) auto 0;
    }
    #Contents-All-Atelier .c2-flex-area-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c2-slide1 {
        margin-top: calc(50*(100vw/1024));
    }
    #Contents-All-Atelier .c2-credit-atelier {
        margin: calc(15*(100vw/1024)) 0 0 calc(147*(100vw/1024));
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All-Yoga .c3-flex-area-yoga {
        margin-top: calc(120*(100vw/1024));
    }
    #Contents-All-Yoga .c3-img2-yoga {
        margin-top: calc(52*(100vw/1024));
    }
    #Contents-All-Yoga .c3-credit-yoga {
        margin: calc(11*(100vw/1024)) 0 0 calc(142*(100vw/1024));
    }
    #Contents-All-Atelier .c3-flex-area-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c3-img1-atelier {
        margin-top: calc(52*(100vw/1024));
    }
    #Contents-All-Atelier .c3-credit-atelier {
        margin: calc(-68*(100vw/1024)) 0 0 calc(142*(100vw/1024));
    }
    /*==========================
    Contents4
    ==========================*/
    #Contents-All-Atelier .Contents4-atelier {
        background-image: url(../img/atelier4-back.jpg);
        background-size: 66%;
        background-repeat: no-repeat;
        background-position-x: calc(211*(100vw/1024));
        background-position-y: calc(185*(100vw/1024));
    }
    #Contents-All-Yoga .c4-img-yoga {
        margin: calc(117*(100vw/1024)) auto 0;
    }
    #Contents-All-Yoga .c4-credit-yoga {
        margin-top: calc(15*(100vw/1024));
        text-align: center;
    }
    #Contents-All-Atelier .c4-flex-area1-atelier {
        margin-top: calc(82*(100vw/1024));
    }
    #Contents-All-Atelier .c4-slide {
        margin-top: calc(111*(100vw/1024));
    }
    #Contents-All-Atelier .c4-credit-atelier {
        margin: calc(16*(100vw/1024)) 0 0 calc(166*(100vw/1024));
    } 
    #Contents-All-Atelier .c4-img5-atelier {
        margin: calc(46*(100vw/1024)) 0 0 calc(166*(100vw/1024));
    }
    /*==========================
    Contents5
    ==========================*/
    #Contents-All-Yoga .Contents5-yoga {
        background-image: url(../img/yoga5-back.jpg);
        background-size: 60.3%;
        background-repeat: no-repeat;
        background-position-x: calc(203*(100vw/1024));
        background-position-y: calc(106*(100vw/1024));
    }
    #Contents-All-Yoga .c5-flex-area1-yoga {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Yoga .c5-flex-area1-yoga {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Yoga .c5-slide {
        margin-top: calc(100*(100vw/1024));
    }
    #Contents-All-Yoga .c5-credit-yoga {
        margin: calc(-115*(100vw/1024)) 0 0 calc(97*(100vw/1024));
    }
    #Contents-All-Yoga .c5-flex-area2-yoga {
        margin-top: calc(124*(100vw/1024));
    }
    #Contents-All-Yoga .c5-img4-yoga {
        margin-top: calc(38*(100vw/1024));
    }
    /*==========================
    Contents6
    ==========================*/
    #Contents-All-Yoga .c6-flex-area-yoga {
        margin-top: calc(88*(100vw/1024));
    }
    #Contents-All-Yoga .c6-img1-yoga {
        margin-top: calc(80*(100vw/1024));
    }
    #Contents-All-Yoga .c6-credit-yoga {
        margin: calc(-15*(100vw/1024)) 0 0 calc(167*(100vw/1024));
    }
    #Contents-All-Yoga .c6-slide {
        margin: calc(45*(100vw/1024)) auto 0;
    }
    #Contents-All-Yoga .yoga-movie {
        margin-top: calc(28*(100vw/1024));
    }
    #Contents-All-Atelier .c6-img-atelier {
        margin: calc(116*(100vw/1024)) auto 0;
    }
    #Contents-All-Atelier .c6-credit-atelier {
        margin-top: calc(15*(100vw/1024));
        text-align: center;
    }
    /*==========================
    Contents7
    ==========================*/
    #Contents-All-Yoga .c7-img-yoga {
        margin: calc(150*(100vw/1024)) auto 0;
    }
    #Contents-All-Atelier .Contents7-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c7-img1-atelier {
        margin: 0 auto;
    }
    #Contents-All-Atelier .c7-flex-area-atelier,
    #Contents-All-Atelier .c7-slide {
        margin-top: calc(50*(100vw/1024));
    }
    #Contents-All-Atelier .c7-img2-atelier {
        margin-top: calc(102*(100vw/1024));
    }
    #Contents-All-Atelier .c7-credit-atelier {
        margin: calc(15*(100vw/1024)) 0 0 calc(142*(100vw/1024));
    }
    /*==========================
    Contents8
    ==========================*/
    #Contents-All-Yoga .c8-img-yoga {
        margin: calc(120*(100vw/1024)) auto 0;
    }
    #Contents-All-Atelier .c8-flex-area-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c8-img1-atelier {
        margin-top: calc(40*(100vw/1024));
    }
    #Contents-All-Atelier .c8-credit-atelier {
        margin: calc(15*(100vw/1024)) 0 0 calc(137*(100vw/1024));
    }
    /*==========================
    Contents9
    ==========================*/
    #Contents-All-Atelier .c9-img1-atelier {
        margin: 0 auto;
    }
    #Contents-All-Atelier .Contents9-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c9-flex-area-atelier,
    #Contents-All-Atelier .c9-slide {
        margin-top: calc(50*(100vw/1024));
    }
    #Contents-All-Atelier .c9-credit-atelier {
        margin: calc(15*(100vw/1024)) 0 0 calc(179*(100vw/1024));
    }
    /*==========================
    Contents10
    ==========================*/
    #Contents-All-Atelier .c10-flex-area-atelier {
        margin-top: calc(115*(100vw/1024));
    }
    #Contents-All-Atelier .c10-credit-atelier {
        margin: calc(-15*(100vw/1024)) 0 0 calc(176*(100vw/1024));
    }
    /*==========================
    Contents11
    ==========================*/
    #Contents-All-Atelier .c11-img-atelier {
        margin: calc(116*(100vw/1024)) auto 0;
    }
    #Contents-All-Atelier .c11-credit-atelier {
        margin-top: calc(15*(100vw/1024));
        text-align: center;
    }
    /*==========================
    Contents12
    ==========================*/
    #Contents-All-Atelier .c12-flex-area-atelier {
        margin-top: calc(116*(100vw/1024));
    }
    #Contents-All-Atelier .c12-img1-atelier {
        margin-top: calc(50*(100vw/1024));
    }
    #Contents-All-Atelier .c12-credit-atelier {
        margin: calc(-5*(100vw/1024)) 0 0 calc(176*(100vw/1024));
    }
    /*==========================
    nav-area
    ==========================*/
    #Contents-All-Yoga .yoga-nav-list {
        width: calc(420*(100vw/1024));
        margin: calc(41*(100vw/1024)) auto;
    }
    #Contents-All-Yoga .yoga-nav-list li {
        font-size: 14px;
        letter-spacing: 0.1px;
        margin: 0 calc(16*(100vw/1024));
    }
    #Contents-All-Yoga .yoga-nav-list li:nth-child(n+6) {
        margin-top: calc(42*(100vw/1024));
    }
    #Contents-All-Atelier .atelier-nav-list {
        width: calc(600*(100vw/1024));
        margin: 39px auto;
    }
    #Contents-All-Atelier .atelier-nav-list li {
        font-size: 14px;
        letter-spacing: 0.1px;
        margin: 0 calc(16*(100vw/1024));
    }
    #Contents-All-Atelier .atelier-nav-list li:nth-child(n+8) {
        margin-top: calc(42*(100vw/1024));
    }
    /*==========================
    slider dots
    ==========================*/
    #Contents-All-Yoga .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: calc(10*(100vw/1024));
        height: calc(10*(100vw/1024));
        border-radius: calc(5*(100vw/1024));
    }
    #Contents-All-Yoga .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: calc(10*(100vw/1024));
        height: calc(10*(100vw/1024));
        border-radius: calc(5*(100vw/1024));
        opacity: 1 !important;
    }
    #Contents-All-Atelier .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: calc(10*(100vw/1024));
        height: calc(10*(100vw/1024));
        border-radius: calc(5*(100vw/1024));
    }
    #Contents-All-Atelier .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: calc(10*(100vw/1024));
        height: calc(10*(100vw/1024));
        border-radius: calc(5*(100vw/1024));
        opacity: 1 !important;
    }
    .slick-dots li {
        width: calc(10*(100vw/1024)) !important;
        height: calc(10*(100vw/1024)) !important;
        margin: 0 calc(5*(100vw/1024)) !important;
    }
    .slick-dots {
        left: 0 !important;
        bottom: calc(-31*(100vw/1024)) !important;
    }
    .Contents1-yoga .slick-dots {
        left: 0 !important;
        bottom: calc(-31*(100vw/1024)) !important;
    }
    .c2-slide1 .slick-dots {
        left: 0 !important;
        bottom: calc(-29*(100vw/1024)) !important;
    }
    .c2-slide2 .slick-dots {
        left: 0px !important;
        bottom: calc(21*(100vw/1024)) !important;
    }
    .Contents5-yoga .slick-dots {
        left: 0px !important;
        bottom: calc(-31*(100vw/1024)) !important;
    }
    .Contents6-yoga .slick-dots {
        left: 0px !important;
        bottom: calc(-30*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .Contents1-yoga .slick-dots {
        left: 0 !important;
        bottom: calc(-31*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c2-slide1 .slick-dots {
        left: 0 !important;
        bottom: calc(-29*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c2-slide2 .slick-dots {
        left: 0px !important;
        bottom: calc(21*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .Contents5-yoga .slick-dots {
        left: 0px !important;
        bottom: calc(-31*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .Contents6-yoga .slick-dots {
        left: 0px !important;
        bottom: calc(-30*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c1-slide .slick-dots {
        bottom: calc(-30*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c2-slide1 .slick-dots {
        bottom: calc(-31*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c2-slide2 .slick-dots {
        bottom: calc(19*(100vw/1024)) !important;
    }
    #Contents-All-Atelier .c12-slide .slick-dots {
        bottom: calc(-11*(100vw/1024)) !important;
    }
}
/*************************************PC****************************************/
@media screen and ( min-width:1025px ) {
    /* #Contents-All-Yoga {
        background-image: url(../img/pc2.jpg);
        background-size: 100%;
        background-position-y: -50px;
    } */
    #Contents-All-Yoga {width: 1200px;margin: 80px auto 180px;}
    #Contents-All-Yoga .item-flex {display: flex;justify-content: center;}
    #Contents-All-Yoga .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All-Yoga .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All-Yoga .sp-only {display: none;}
    #Contents-All-Atelier {width: 1200px;margin: 80px auto 133px;}
    #Contents-All-Atelier .item-flex {display: flex;justify-content: center;}
    #Contents-All-Atelier .item-flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
    #Contents-All-Atelier .item-flex-reverce{flex-direction: row-reverse;}
    #Contents-All-Atelier .sp-only {display: none;}
    /*==========================
    共通項目
    ==========================*/
    #Contents-All-Yoga .size300 {width: 300px;}
    #Contents-All-Yoga .size320 {width: 320px;}
    #Contents-All-Yoga .size350 {width: 350px;}
    #Contents-All-Yoga .size360 {width: 360px;}
    #Contents-All-Yoga .size390 {width: 390px;}
    #Contents-All-Yoga .size420 {width: 420px;}
    #Contents-All-Yoga .size480 {width: 480px;}
    #Contents-All-Yoga .size528 {width: 528px;}
    #Contents-All-Yoga .size840 {width: 840px;}
    #Contents-All-Yoga .yoga-movie {width: 307px;height:546px;}
    #Contents-All-Yoga .cont-span {margin-right: 30px;}
    #Contents-All-Atelier .size280 {width: 280px;}
    #Contents-All-Atelier .size320 {width: 320px;}
    #Contents-All-Atelier .size350 {width: 350px;}
    #Contents-All-Atelier .size360 {width: 360px;}
    #Contents-All-Atelier .size390 {width: 390px;}
    #Contents-All-Atelier .size400 {width: 400px;}
    #Contents-All-Atelier .size420 {width: 420px;}
    #Contents-All-Atelier .size480 {width: 480px;}
    #Contents-All-Atelier .size840 {width: 840px;}
    #Contents-All-Atelier .atelier-movie {width: 307px;height:546px;}
    #Contents-All-Atelier .cont-span {margin-right: 30px;}
    /***********フォント *************/
    .credit a {
        display: inline-block;
        font-size: 11px;
        line-height: 2;
        letter-spacing: 0.35px;
    }
    #Contents-All-Yoga .nav-tittle-yoga {
        position: relative;
        font-size: 21px;
        text-align: center;
        letter-spacing: 0.6px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: 120px;
    }
    #Contents-All-Yoga .nav-tittle-yoga::before {
        content: '';
        display: block;
        width: 302px;
        height: 11px;
        position: absolute;
        top: 8px;
        left: 449px;
        z-index: -1;
        background-color: rgb(199,221,223);
    }
    #Contents-All-Atelier .nav-tittle-atelier {
        position: relative;
        font-size: 21px;
        text-align: center;
        letter-spacing: 0.6px;
        font-family: futura-pt, sans-serif;
        font-weight: 400;
        font-style: normal;
        margin-top: 116px;
    }
    #Contents-All-Atelier .nav-tittle-atelier::before {
        content: '';
        display: block;
        width: 302px;
        height: 11px;
        position: absolute;
        top: 8px;
        left: 449px;
        z-index: -1;
        background-color: rgb(239,225,190);
    }
    /*==========================
    Main-visual
    ==========================*/
    #Contents-All-Yoga .Main-visual,
    #Contents-All-Atelier .Main-visual {
        margin: 0 auto;
    }
    /*==========================
    Contents1
    ==========================*/
    #Contents-All-Yoga .c1-flex-area-yoga {
        margin-top: 100px;
    }
    #Contents-All-Yoga .c1-img3-yoga {
        margin-top: 60px;
    }
    #Contents-All-Yoga .c1-credit1-yoga {
        margin: 15px 0 0 245px;
    }
    #Contents-All-Yoga .c1-img4-yoga {
        margin: 117px 0 0 300px;
    }
    #Contents-All-Yoga .c1-img5-yoga {
        margin: 30px 0 0 420px;
    }
    #Contents-All-Yoga .c1-credit2-yoga {
        margin: 15px 0 0 420px;
    }
    #Contents-All-Atelier .c1-flex-area-atelier {
        margin-top: 101px;
    }
    #Contents-All-Atelier .c1-img3-atelier {
        margin-top: 59px;
    }
    #Contents-All-Atelier .c1-credit1-atelier {
        margin: 14px 0 0 245px;
    }
    /*==========================
    Contents2
    ==========================*/
    #Contents-All-Yoga .c2-flex-area-yoga {
        margin-top: 118px;
    }
    #Contents-All-Yoga .c2-slide1 {
        margin-top: 49px;
    }
    #Contents-All-Yoga .c2-credit-yoga {
        margin: 13px 0 0 235px;
    }
    #Contents-All-Yoga .c2-img5-yoga {
        margin: 49px auto 0;
    }
    #Contents-All-Atelier .c2-flex-area-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c2-slide1 {
        margin-top: 50px;
    }
    #Contents-All-Atelier .c2-credit-atelier {
        margin: 15px 0 0 235px;
    }
    /*==========================
    Contents3
    ==========================*/
    #Contents-All-Yoga .c3-flex-area-yoga {
        margin-top: 120px;
    }
    #Contents-All-Yoga .c3-img2-yoga {
        margin-top: 52px;
    }
    #Contents-All-Yoga .c3-credit-yoga {
        margin: 11px 0 0 230px;
    }
    #Contents-All-Atelier .c3-flex-area-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c3-img1-atelier {
        margin-top: 52px;
    }
    #Contents-All-Atelier .c3-credit-atelier {
        margin: -68px 0 0 230px;
    }
    /*==========================
    Contents4
    ==========================*/
    #Contents-All-Atelier .Contents4-atelier {
        background-image: url(../img/atelier4-back.jpg);
        background-size: 57%;
        background-repeat: no-repeat;
        background-position-x: 307px;
        background-position-y: 164px;
    }
    #Contents-All-Yoga .c4-img-yoga {
        margin: 117px auto 0;
    }
    #Contents-All-Yoga .c4-credit-yoga {
        margin-top: 15px;
        text-align: center;
    }
    #Contents-All-Atelier .c4-flex-area1-atelier {
        margin-top: 82px;
    }
    #Contents-All-Atelier .c4-slide {
        margin-top: 111px;
    }
    #Contents-All-Atelier .c4-credit-atelier {
        margin: 16px 0 0 257px;
    } 
    #Contents-All-Atelier .c4-img5-atelier {
        margin: 46px 0 0 257px;
    }
    /*==========================
    Contents5
    ==========================*/
    #Contents-All-Yoga .Contents5-yoga {
        background-image: url(../img/yoga5-back.jpg);
        background-size: 60.3%;
        background-repeat: no-repeat;
        background-position-x: 242px;
        background-position-y: 54px;
    }
    #Contents-All-Yoga .c5-flex-area1-yoga {
        margin-top: 116px;
    }
    #Contents-All-Yoga .c5-flex-area1-yoga {
        margin-top: 116px;
    }
    #Contents-All-Yoga .c5-slide {
        margin-top: 100px;
    }
    #Contents-All-Yoga .c5-credit-yoga {
        margin: -115px 0 0 185px;
    }
    #Contents-All-Yoga .c5-flex-area2-yoga {
        margin-top: 124px;
    }
    #Contents-All-Yoga .c5-img4-yoga {
        margin-top: 38px;
    }
    /*==========================
    Contents6
    ==========================*/
    #Contents-All-Yoga .c6-flex-area-yoga {
        margin-top: 88px;
    }
    #Contents-All-Yoga .c6-img1-yoga {
        margin-top: 80px;
    }
    #Contents-All-Yoga .c6-credit-yoga {
        margin: -15px 0 0 257px;
    }
    #Contents-All-Yoga .c6-slide {
        margin: 45px auto 0;
    }
    #Contents-All-Yoga .yoga-movie {
        margin-top: 28px;
    }
    #Contents-All-Atelier .c6-img-atelier {
        margin: 116px auto 0;
    }
    #Contents-All-Atelier .c6-credit-atelier {
        margin-top: 15px;
        text-align: center;
    }
    /*==========================
    Contents7
    ==========================*/
    #Contents-All-Yoga .c7-img-yoga {
        margin: 150px auto 0;
    }
    #Contents-All-Atelier .Contents7-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c7-img1-atelier {
        margin: 0 auto;
    }
    #Contents-All-Atelier .c7-flex-area-atelier,
    #Contents-All-Atelier .c7-slide {
        margin-top: 50px;
    }
    #Contents-All-Atelier .c7-img2-atelier {
        margin-top: 102px;
    }
    #Contents-All-Atelier .c7-credit-atelier {
        margin: 15px 0 0 230px;
    }
    /*==========================
    Contents8
    ==========================*/
    #Contents-All-Yoga .c8-img-yoga {
        margin: 120px auto 0;
    }
    #Contents-All-Atelier .c8-flex-area-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c8-img1-atelier {
        margin-top: 40px;
    }
    #Contents-All-Atelier .c8-credit-atelier {
        margin: 15px 0 0 225px;
    }
    /*==========================
    Contents9
    ==========================*/
    #Contents-All-Atelier .c9-img1-atelier {
        margin: 0 auto;
    }
    #Contents-All-Atelier .Contents9-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c9-flex-area-atelier,
    #Contents-All-Atelier .c9-slide {
        margin-top: 50px;
    }
    #Contents-All-Atelier .c9-credit-atelier {
        margin: 15px 0 0 265px;
    }
    /*==========================
    Contents10
    ==========================*/
    #Contents-All-Atelier .c10-flex-area-atelier {
        margin-top: 115px;
    }
    #Contents-All-Atelier .c10-credit-atelier {
        margin: -15px 0 0 265px;
    }
    /*==========================
    Contents11
    ==========================*/
    #Contents-All-Atelier .c11-img-atelier {
        margin: 116px auto 0;
    }
    #Contents-All-Atelier .c11-credit-atelier {
        margin-top: 15px;
        text-align: center;
    }
    /*==========================
    Contents12
    ==========================*/
    #Contents-All-Atelier .c12-flex-area-atelier {
        margin-top: 116px;
    }
    #Contents-All-Atelier .c12-img1-atelier {
        margin-top: 50px;
    }
    #Contents-All-Atelier .c12-credit-atelier {
        margin: -5px 0 0 265px;
    }
    /*==========================
    nav-area
    ==========================*/
    #Contents-All-Yoga .yoga-nav-list {
        width: 420px;
        margin: 41px auto;
    }
    #Contents-All-Yoga .yoga-nav-list li {
        font-size: 14px;
        letter-spacing: 0.1px;
        margin: 0 16px;
    }
    #Contents-All-Yoga .yoga-nav-list li:nth-child(n+6) {
        margin-top: 42px;
    }
    #Contents-All-Atelier .atelier-nav-list {
        width: 600px;
        margin: 39px auto;
    }
    #Contents-All-Atelier .atelier-nav-list li {
        font-size: 14px;
        letter-spacing: 0.1px;
        margin: 0 16px;
    }
    #Contents-All-Atelier .atelier-nav-list li:nth-child(n+8) {
        margin-top: 42px;
    }
    /*==========================
    slider dots
    ==========================*/
    #Contents-All-Yoga .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }
    #Contents-All-Yoga .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        opacity: 1 !important;
    }
    #Contents-All-Atelier .slick-dots li.slick-active button:before {
        background-color: rgb(102,102,102);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }
    #Contents-All-Atelier .slick-dots li button:before {
        background-color: rgb(217,217,217);
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        opacity: 1 !important;
    }
    .slick-dots li {
        width: 10px !important;
        height: 10px !important;
        margin: 0 5px !important;
    }
    .slick-dots {
        left: 0 !important;
        bottom: -31px !important;
    }
    #Contents-All-Yoga .c2-slide2 .slick-dots {
        bottom: 21px !important;
    }
    #Contents-All-Atelier .Contents1-yoga .slick-dots {
        left: 0 !important;
        bottom: -31px !important;
    }
    #Contents-All-Atelier .c2-slide1 .slick-dots {
        left: 0 !important;
        bottom: -29px !important;
    }
    #Contents-All-Atelier .c2-slide2 .slick-dots {
        left: 0px !important;
        bottom: 21px !important;
    }
    #Contents-All-Atelier .Contents5-yoga .slick-dots {
        left: 0px !important;
        bottom: -31px !important;
    }
    #Contents-All-Atelier .Contents6-yoga .slick-dots {
        left: 0px !important;
        bottom: -30px !important;
    }
    #Contents-All-Atelier .c1-slide .slick-dots {
        bottom: -30px !important;
    }
    #Contents-All-Atelier .c2-slide1 .slick-dots {
        bottom: -31px !important;
    }
    #Contents-All-Atelier .c2-slide2 .slick-dots {
        bottom: 19px !important;
    }
    #Contents-All-Atelier .c12-slide .slick-dots {
        bottom: -11px !important;
    }
}