body.noscroll {
    overflow: hidden
}

body .free11_opening {
    z-index: 100000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

body .free11_opening .wordline {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 0;
    text-align: center;
    opacity: 0;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease
}

body .free11_opening .wordline .word {
    display: inline-block;
    color: #d3502d;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    font-family: flegrei, sans-serif;
    -webkit-animation: opening_kuru 3s ease forwards infinite, opening_color_change 6s ease forwards infinite;
    animation: opening_kuru 3s ease forwards infinite, opening_color_change 6s ease forwards infinite
}

body .free11_opening .wordline .word1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

body .free11_opening .wordline .word1.change {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

body .free11_opening .wordline .word2 {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s
}

body .free11_opening .wordline .word2.change {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s
}

body .free11_opening .wordline .word3 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

body .free11_opening .wordline .word3.change {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s
}

body .free11_opening .wordline .word4 {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
}

body .free11_opening .wordline .word4.change {
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s
}

body .free11_opening .wordline .word5 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

body .free11_opening .wordline .word5.change {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

body .free11_opening .wordline .word6 {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

body .free11_opening .wordline .word6.change {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

body .free11_opening .wordline .word7 {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

body .free11_opening .wordline .word7.change {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s
}

body .free11_opening .wordline .word8 {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

body .free11_opening .wordline .word8.change {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s
}

body .free11_opening .wordline .word9 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

body .free11_opening .wordline .word9.change {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

body .free11_opening .wordline .word10 {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

body .free11_opening .wordline .word10.change {
    -webkit-animation-delay: 1.35s;
    animation-delay: 1.35s
}

@-webkit-keyframes opening_kuru {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }

    18%,
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes opening_kuru {
    0% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }

    18%,
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes opening_color_change {
    0% {
        color: #108b58
    }

    9% {
        color: #d3502d
    }

    50% {
        color: #d3502d
    }

    59% {
        color: #108b58
    }

    100% {
        color: #108b58
    }
}

@keyframes opening_color_change {
    0% {
        color: #108b58
    }

    9% {
        color: #d3502d
    }

    50% {
        color: #d3502d
    }

    59% {
        color: #108b58
    }

    100% {
        color: #108b58
    }
}

body .header_wrap {
    opacity: 0
}

body.start .header_wrap {
    opacity: 1
}

body.start .free11_opening .wordline {
    opacity: 1
}

#free11.show .post_main_visual .titleline .line .word {
    -webkit-animation: kurukuru .3s ease forwards;
    animation: kurukuru .3s ease forwards
}

#free11.show .post_main_visual .titleline .line.line1 .word.word1 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

#free11.show .post_main_visual .titleline .line.line1 .word.word2 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    -webkit-transition: opacity .5s ease .5s, -webkit-transform .7s ease-out .5s;
    transition: opacity .5s ease .5s, -webkit-transform .7s ease-out .5s;
    -o-transition: transform .7s ease-out .5s, opacity .5s ease .5s;
    transition: transform .7s ease-out .5s, opacity .5s ease .5s;
    transition: transform .7s ease-out .5s, opacity .5s ease .5s, -webkit-transform .7s ease-out .5s
}

#free11.show .post_main_visual .titleline .line.line1 .word.word3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#free11.show .post_main_visual .titleline .line.line1 .word.word4 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#free11.show .post_main_visual .titleline .line.line1 .word.word5 {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word1 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word2 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-animation: none;
    animation: none;
    opacity: 1;
    -webkit-transition: opacity .5s ease .7s, -webkit-transform .7s ease-out .7s;
    transition: opacity .5s ease .7s, -webkit-transform .7s ease-out .7s;
    -o-transition: transform .7s ease-out .7s, opacity .5s ease .7s;
    transition: transform .7s ease-out .7s, opacity .5s ease .7s;
    transition: transform .7s ease-out .7s, opacity .5s ease .7s, -webkit-transform .7s ease-out .7s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word3 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word4 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word5 {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word6 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word7 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#free11.show .post_main_visual .titleline .line.line2 .word.word8 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

@-webkit-keyframes kurukuru {
    0% {
        -webkit-transform: perspective(100px) rotateY(-100deg);
        transform: perspective(100px) rotateY(-100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

@keyframes kurukuru {
    0% {
        -webkit-transform: perspective(100px) rotateY(-100deg);
        transform: perspective(100px) rotateY(-100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: perspective(100px) rotateY(0);
        transform: perspective(100px) rotateY(0);
        opacity: 1
    }
}

#free11.show .post_main_visual .image {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: opacity .5s ease 2.4s, -webkit-transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s;
    transition: opacity .5s ease 2.4s, -webkit-transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s;
    -o-transition: transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s, opacity .5s ease 2.4s;
    transition: transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s, opacity .5s ease 2.4s;
    transition: transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s, opacity .5s ease 2.4s, -webkit-transform .5s cubic-bezier(0.1, 0.78, 0.09, 1.26) 2.4s
}

#free11.show .post_main_visual .catch {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: .5s ease 3s;
    -o-transition: .5s ease 3s;
    transition: .5s ease 3s
}

#free11.show .post_main_visual .subtitle {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: .5s ease 3s;
    -o-transition: .5s ease 3s;
    transition: .5s ease 3s
}

#free11 img,
#free11 video {
    height: auto;
    vertical-align: bottom
}

#free11 ul,
#free11 li,
#free11 p,
#free11 h2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline
}

#free11 nav,
#free11 ul,
#free11 li {
    list-style: none
}

#free11 a:hover{
    text-decoration: none;
}

#free11 .fadein {
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
}

#free11 .fadein.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity .5s ease, -webkit-transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95);
    transition: opacity .5s ease, -webkit-transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95);
    -o-transition: transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95), opacity .5s ease;
    transition: transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95), opacity .5s ease;
    transition: transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95), opacity .5s ease, -webkit-transform .7s cubic-bezier(0.06, 0.33, 0.25, 0.95)
}

#free11 .post_head {
    z-index: 2;
    position: relative;
    padding-bottom: 0;
    border-bottom: none;
    background: #fff
}

@media screen and (min-width: 1024px) {
    #free11 .post_head {
        padding-top: 0
    }
}

#free11 .post_head_cat span {
    left: 2.6666666667%;
    line-height: 1.5
}

#free11 .post_head_wrapper {
    padding: 25px 6.6666666667% 0;
    color: #108b58
}

#free11 .post_head_lead {
    margin-bottom: 0;
    font-size: 15px;
    letter-spacing: .02em
}

#free11 .post_head_date:before,
#free11 .post_head_date:after {
    border-color: #108b58
}

#free11 .post_main_visual {
    z-index: 1;
    position: relative
}

#free11 .post_main_visual:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    margin-top: 36%;
    padding-top: 88.5333333333%;
    background: url(../../images/feature/free11/main_bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_main_visual .titleline {
    z-index: 2;
    position: relative;
    margin-left: -0.9rem;
    font-size: 0;
    text-align: center
}

@media screen and (min-width: 589px) {
    #free11 .post_main_visual .titleline {
        margin: 0
    }
}

#free11 .post_main_visual .titleline .line.line1 .word.word1 {
    width: 56.62px
}

#free11 .post_main_visual .titleline .line.line1 .word.word2 {
    width: 60.16px;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0
}

#free11 .post_main_visual .titleline .line.line1 .word.word3 {
    width: 50.53px
}

#free11 .post_main_visual .titleline .line.line1 .word.word4 {
    width: 49.1px
}

#free11 .post_main_visual .titleline .line.line1 .word.word5 {
    width: 54.09px
}

#free11 .post_main_visual .titleline .line.line2 {
    width: 102%
}

#free11 .post_main_visual .titleline .line.line2 .word.word1 {
    width: 56.62px
}

#free11 .post_main_visual .titleline .line.line2 .word.word2 {
    width: 62.02px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
}

#free11 .post_main_visual .titleline .line.line2 .word.word3 {
    width: 46.39px
}

#free11 .post_main_visual .titleline .line.line2 .word.word4 {
    width: 27.89px
}

#free11 .post_main_visual .titleline .line.line2 .word.word5 {
    width: 43.95px
}

#free11 .post_main_visual .titleline .line.line2 .word.word6 {
    width: 50.53px
}

#free11 .post_main_visual .titleline .line.line2 .word.word7 {
    width: 43.35px
}

#free11 .post_main_visual .titleline .line.line2 .word.word8 {
    width: 52.9px
}

#free11 .post_main_visual .titleline .line .word {
    display: inline-block;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    color: #d3502d;
    font-style: normal;
    font-weight: 400;
    font-size: 84.5px;
    line-height: .9171597633;
    font-family: flegrei, sans-serif;
    opacity: 0
}

#free11 .post_main_visual .image {
    z-index: 3;
    position: relative;
    width: 92.8%;
    
    margin: -97px auto 0;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0
}

#free11 .post_main_visual .catch {
    z-index: 4;
    position: relative;
    width: 49.0666666667%;
    max-width: 300px;
    margin: -5.8666666667% auto 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    mix-blend-mode: multiply;
    opacity: 0
}

#free11 .post_main_visual .subtitle {
    z-index: 5;
    position: relative;
    width: 84.5333333333%;
    max-width: 500px;
    margin: -3.4666666667% auto 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

#free11 .post_main_visual .bg_switch {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#free11 .post_main_visual .bg_switch .switch {
    position: absolute;
    top: 0;
    -webkit-animation: switch 4.5s ease-in-out infinite both;
    animation: switch 4.5s ease-in-out infinite both
}

#free11 .post_main_visual .bg_switch .switch--1 {
    left: 3.2%;
    width: 76.1333333333%;
    margin-top: 7.8666666667%
}

#free11 .post_main_visual .bg_switch .switch--2 {
    left: 0;
    width: 92%;
    margin-top: 13.0666666667%;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    opacity: 0
}

#free11 .post_main_visual .bg_switch .switch--3 {
    right: 0;
    width: 90.1333333333%;
    margin-top: 61.3333333333%;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    opacity: 0
}

@-webkit-keyframes switch {
    0% {
        opacity: 0
    }

    7% {
        opacity: 1
    }

    18% {
        opacity: .5
    }

    25% {
        opacity: 1
    }

    34% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes switch {
    0% {
        opacity: 0
    }

    7% {
        opacity: 1
    }

    18% {
        opacity: .5
    }

    25% {
        opacity: 1
    }

    34% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#free11 .post_free_wrap {
    z-index: 1;
    position: relative
}

#free11 .post_free_wrap .post_anchor {
    z-index: 1;
    position: relative;
    width: 100%;
    
    margin: 25px auto 0
}

#free11 .post_free_wrap .post_anchor .anchor_link_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 92%;
    margin: 0 auto
}

#free11 .post_free_wrap .post_anchor .anchor_link_box:before {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 30.2898550725%;
    width: 5.3623188406%;
    height: 0;
    margin-top: 35.9420289855%;
    padding-top: 5.7971014493%;
    background: #fff;
    content: ""
}

#free11 .post_free_wrap .post_anchor .anchor_link_box:after {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 64.4927536232%;
    width: 5.3623188406%;
    height: 0;
    margin-top: 35.9420289855%;
    padding-top: 5.7971014493%;
    background: #fff;
    content: ""
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list {
    z-index: 1;
    position: relative;
    width: 33.3333333333%;
    height: 0;
    padding-top: 38.6956521739%
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list+.link_list:not(:nth-of-type(4n)) {
    border-left: 1px solid #f2f2f2
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list:nth-of-type(n+4) {
    border-top: 1px solid #f2f2f2
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list a {
    display: block
}

@media screen and (min-width: 1024px) {
    #free11 .post_free_wrap .post_anchor .anchor_link_box .link_list a:hover .index {
        -webkit-transform: scale(1.5) rotate(-12deg);
        -ms-transform: scale(1.5) rotate(-12deg);
        transform: scale(1.5) rotate(-12deg)
    }
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list a .index {
    position: absolute;
    top: 0;
    left: 6.0869565217%;
    margin-top: 9.1304347826%;
    color: #e4b600;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    font-family: flegrei, sans-serif
}

@media screen and (min-width: 1024px) {
    #free11 .post_free_wrap .post_anchor .anchor_link_box .link_list a .index {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--1 a .image {
    position: absolute;
    top: 0;
    left: 6.0869565217%;
    width: 86.9565217391%;
    margin-top: 5.2173913043%
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--2 a .image {
    position: absolute;
    top: 0;
    left: 18.2608695652%;
    width: 67.8260869565%;
    margin-top: 18.6956521739%
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--3 a .image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 82.6086956522%;
    margin-top: 13.9130434783%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--4 a .image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 78.6956521739%;
    margin-top: 13.9130434783%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--5 a .image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 69.1304347826%;
    margin-top: 13.9130434783%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#free11 .post_free_wrap .post_anchor .anchor_link_box .link_list--6 a .image {
    position: absolute;
    top: 0;
    left: 50%;
    width: 70%;
    margin-top: 13.9130434783%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

#free11 .post_bg_snow {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

@media only screen and (min-width: 1024px) {
    #free11 .post_bg_snow {
        left: 395px;
        width: calc(100% - 425px)
    }
}

@media only screen and (min-width: 1024px)and (min-width: 1280px) {
    #free11 .post_bg_snow {
        left: 50%;
        width: 490px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

#free11 .post_bg_snow.stop {
    position: absolute
}

@media only screen and (min-width: 1024px) {
    #free11 .post_bg_snow.stop {
        left: 0;
        width: 100%
    }
}

@media only screen and (min-width: 1024px)and (min-width: 1280px) {
    #free11 .post_bg_snow.stop {
        left: 50%
    }
}

#free11 .post_bg_snow .dot {
    position: absolute;
    width: 6.5px;
    height: 6.5px;
    border: 1px solid #fff;
    border-radius: 50%
}

#free11 .post_bg_snow .dot.dot1 {
    top: 84px;
    left: 33px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot2 {
    top: 118.5px;
    left: -2px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot3 {
    top: 201.5px;
    left: 36.5px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot4 {
    top: 271.5px;
    left: 12.5px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot5 {
    top: 340px;
    left: -3px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot6 {
    top: 416.5px;
    left: 10px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot7 {
    top: 436px;
    left: 25px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot8 {
    top: 548.5px;
    left: 8.5px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot9 {
    bottom: 271.5px;
    left: 37.5px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot10 {
    bottom: 193.5px;
    left: 10px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot11 {
    bottom: 87px;
    left: -2px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot12 {
    bottom: 62.5px;
    left: 80px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot13 {
    bottom: 32.5px;
    left: 65px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot14 {
    top: 27.5px;
    right: 36px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot15 {
    top: 80px;
    right: 5px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot16 {
    top: 149px;
    right: 38px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot17 {
    top: 201px;
    right: 8px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot18 {
    top: 271.5px;
    right: 49.5px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot19 {
    top: 388px;
    right: 34.5px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot20 {
    top: 409.5px;
    right: 15px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot21 {
    right: 36px;
    bottom: 601px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot22 {
    right: 71px;
    bottom: 151.5px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot23 {
    right: 43px;
    bottom: 111px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

#free11 .post_bg_snow .dot.dot24 {
    right: 97px;
    bottom: 66px;
    -webkit-animation: snowing 8s linear infinite;
    animation: snowing 8s linear infinite
}

#free11 .post_bg_snow .dot.dot25 {
    right: -3px;
    bottom: 45px;
    -webkit-animation: snowing2 4s linear infinite;
    animation: snowing2 4s linear infinite
}

@-webkit-keyframes snowing {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(400px);
        transform: translateY(400px);
        opacity: 0
    }
}

@keyframes snowing {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(400px);
        transform: translateY(400px);
        opacity: 0
    }
}

@-webkit-keyframes snowing2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0
    }
}

@keyframes snowing2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(300px);
        transform: translateY(300px);
        opacity: 0
    }
}

#free11 .xmas2024-wrapping_element,
#free11 .xmas2024-novelty_element,
#free11 #name_service .xmas2024-name_element{
position: relative;
}

/* .post_recipe_content .visible{
    min-height: 800px;
} */

#free11 .xmas2024-wrapping .image,
#free11 .xmas2024-novelty .image,
#free11 #name_service .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 4300% 100%;
    background-repeat: no-repeat
}





#free11 .post_recipe_content {
    z-index: 2;
    position: relative;
    margin-top: 22px
}

#free11 .post_recipe_content .recipe {
    z-index: 1;
    position: relative
}

#free11 .post_recipe_content .recipe+.recipe:before {
    margin-top: -8.6666666667%
}

#free11 .post_recipe_content .recipe.red:before {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 27.6%;
    background: url(../../images/feature/free11/line_red.png);
    background-size: 100% auto;
    content: ""
}

#free11 .post_recipe_content .recipe.red .recipe_wrapper {
    margin-top: -1px;
    background: #d3502d
}

#free11 .post_recipe_content .recipe.red .recipe_intro .headarea .heading:before {
    background: #d3502d
}

#free11 .post_recipe_content .recipe.red .recipe_ingredient .quantity .quantity_list {
    color: #108b58
}

#free11 .post_recipe_content .recipe.green:before {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 27.4666666667%;
    background: url(../../images/feature/free11/line_green.png);
    background-size: 100% auto;
    content: ""
}

#free11 .post_recipe_content .recipe.green .recipe_wrapper {
    margin-top: -1px;
    background: #108b58
}

#free11 .post_recipe_content .recipe.green .recipe_intro .headarea .heading:before {
    background: #108b58
}

#free11 .post_recipe_content .recipe.green .recipe_ingredient .quantity .quantity_list {
    color: #d3502d
}

#free11 .post_recipe_content .recipe_wrapper {
    z-index: 1;
    position: relative
}

#free11 .post_recipe_content .recipe_intro {
    color: #fff
}

#free11 .post_recipe_content .recipe_intro .movie {
    
    margin: auto;
    overflow: hidden
}

#free11 .post_recipe_content .recipe_intro .movie video {
    width: calc(100% + 2px);
    margin-left: -1px
}

#free11 .post_recipe_content  {
    position: relative;
    width: 100%;
    margin: 0 auto
}



#free11 .post_recipe_content .fadein.active {
    -webkit-transition: opacity .5s ease .1s;
    -o-transition: opacity .5s ease .1s;
    transition: opacity .5s ease .1s
}

#free11 .post_recipe_content .fadein.active .image {
    -webkit-animation: steps 5s steps(43, jump-none);
    animation: steps 5s steps(43, jump-none)
}

@-webkit-keyframes steps {
    100% {
        background-position: 100% 0
    }
}

@keyframes steps {
    100% {
        background-position: 100% 0
    }
}

#free11 .post_recipe_content .recipe_intro .headarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
    margin: 0 auto
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_intro .headarea {
        max-width: none
    }
}

#free11 .post_recipe_content .recipe_intro .headarea .kakko {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    font-family: flegrei, sans-serif
}

@-webkit-keyframes katakata {

    0%,
    24% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    12%,
    36% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    48%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes katakata {

    0%,
    24% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }

    12%,
    36% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    48%,
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

#free11 .post_recipe_content .recipe_intro .headarea .heading {
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
    -webkit-transition: opacity .5s ease .3s, -webkit-transform .5s ease .9s;
    transition: opacity .5s ease .3s, -webkit-transform .5s ease .9s;
    -o-transition: transform .5s ease .9s, opacity .5s ease .3s;
    transition: transform .5s ease .9s, opacity .5s ease .3s;
    transition: transform .5s ease .9s, opacity .5s ease .3s, -webkit-transform .5s ease .9s
}

#free11 .post_recipe_content .recipe_intro .headarea.fadein.active .kakko {
    -webkit-animation: katakata 1.3s linear 1s;
    animation: katakata 1.3s linear 1s
}

#free11 .post_recipe_content .recipe_intro .headarea.fadein.active .heading {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

#free11 .post_recipe_content .recipe_intro .paragraph {
    margin-top: 32px;
    font-size: 15px;
    line-height: 1.7;
    text-align: center
}

#free11 .post_recipe_content .recipe_dotsarea {
    z-index: 1;
    position: relative;
    width: 55px;
    margin: 40px auto 0
}

#free11 .post_recipe_content .recipe_dotsarea .dot {
    z-index: 1;
    position: relative;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    border-radius: 50%;
    background: #ffffff
}

#free11 .post_recipe_content .recipe_dotsarea .dot+.dot {
    margin-top: 8px
}

#free11 .post_recipe_content .recipe_dotsarea .box {
    z-index: 2;
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: -4.5px;
    border: 2px solid #3f3a39
}

#free11 .post_recipe_content .recipe_dotsarea .box.red {
    background: #ffd700
}

#free11 .post_recipe_content .recipe_dotsarea .box.green {
    background: #108b58
}

#free11 .post_recipe_content .recipe_ingredient {
    z-index: 2;
    position: relative;
    width: 100%;
    margin: -0.8% auto 0
}

/* @media screen and (max-width: 1024px) {
    #free11 .post_recipe_content .recipe_ingredient {
        max-width: 600px
    }
} */

#free11 .post_recipe_content .recipe_ingredient .headline {
    position: absolute;
    top: 0;
    left: 7.8666666667%;
    width: 100%
}

#free11 .post_recipe_content .recipe_ingredient .headline .heading {
    display: inline-block;
    width: 19.6%;
    margin-top: 4.9333333333%
}

#free11 .post_recipe_content .recipe_ingredient .headline .comment {
    display: inline-block;
    margin-left: 5.5px;
    padding: 2.5px 6px;
    background: #108b58;
    color: #fff;
    font-size: 11px;
    vertical-align: bottom
}

#free11 .post_recipe_content .recipe_ingredient .ingredient_inner .image {
    padding: 0 10.6666666667%
}

#free11 .post_recipe_content .recipe_ingredient .quantity {
    margin-top: 25px;
    padding: 0 10.6666666667%
}

#free11 .post_recipe_content .recipe_ingredient .quantity .heading {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    font-family: dnp-shuei-gothic-kin-std, sans-serif
}

#free11 .post_recipe_content .recipe_ingredient .quantity .quantity_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#free11 .post_recipe_content .recipe_ingredient .quantity .quantity_list+.quantity_list {
    margin-top: 8.5px
}

#free11 .post_recipe_content .recipe_ingredient .quantity .quantity_list:before {
    display: inline-block;
    width: 12px;
    height: 12.5px;
    margin-top: 4px;
    margin-right: 10px;
    background: url(../img/01_circle.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe_ingredient .quantity .quantity_list span {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: .02em
}

#free11 .post_recipe_content .recipe_ingredient .quantity .list_heading {
    margin: 10px 0
}

#free11 .post_recipe_content .recipe_ingredient .quantity .list_heading:first-child {
    margin-top: 0
}

#free11 .post_recipe_content .recipe_ingredient .quantity .list_heading span {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    display: inline-block;
    border-bottom: 1px solid #108b58;
    color: #108b58;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: .02em
}

#free11 .post_recipe_content .recipe_ingredient .attention {
    margin-top: 20px;
    padding-left: 5.3333333333%;
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
    letter-spacing: .06rem
}

#free11 .post_recipe_content .recipe_howto {
    width: 100%;
    margin: 40px auto 0
}

#free11 .post_recipe_content .recipe_howto .headarea {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 315px;
    margin: 0 auto
}

#free11 .post_recipe_content .recipe_howto .headarea .heading {
    width: 100%;
    max-width: 144px
}

#free11 .post_recipe_content .recipe_howto .headarea .wave {
    width: 100%;
    max-width: 72.5px
}

#free11 .post_recipe_content .recipe_howto .headarea .wave img {
    vertical-align: middle
}

#free11 .post_recipe_content .recipe_howto .headarea .timer {
    position: relative;
    width: 100%;
    max-width: 82.5px
}

#free11 .post_recipe_content .recipe_howto .headarea .timer .count {
    position: absolute;
    top: 0;
    left: 53.3333333333%;
    margin-top: 18%;
    color: #fff;
    font-size: 0;
    text-align: center
}

#free11 .post_recipe_content .recipe_howto .headarea .timer .count .num {
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 20.5px;
    font-family: poppins, sans-serif
}

#free11 .post_recipe_content .recipe_howto .headarea .timer .count .unit {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    font-family: poppins, sans-serif
}

@-webkit-keyframes timer {

    0%,
    50%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    10%,
    30% {
        -webkit-transform: translate(-2px, 1px);
        transform: translate(-2px, 1px)
    }

    20%,
    40% {
        -webkit-transform: translate(2px, -1px);
        transform: translate(2px, -1px)
    }
}

@keyframes timer {

    0%,
    50%,
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    10%,
    30% {
        -webkit-transform: translate(-2px, 1px);
        transform: translate(-2px, 1px)
    }

    20%,
    40% {
        -webkit-transform: translate(2px, -1px);
        transform: translate(2px, -1px)
    }
}

#free11 .post_recipe_content .recipe_howto .headarea.fadein.active .timer {
    -webkit-animation: timer 1.1s linear .3s both;
    animation: timer 1.1s linear .3s both
}

#free11 .post_recipe_content .recipe_howto .order {
    margin-top: 40px
}

#free11 .post_recipe_content .recipe_howto .order .order_list {
    z-index: 1;
    position: relative;
    margin: auto
}

#free11 .post_recipe_content .recipe_howto .order .order_list .index {
    z-index: 2;
    position: relative;
    color: #e4b600;
    font-style: normal;
    font-weight: 400;
    font-family: flegrei, sans-serif;
    text-align: center
}

#free11 .post_recipe_content .recipe_howto .order .order_list .index .en {
    display: block;
    font-size: 14px
}

#free11 .post_recipe_content .recipe_howto .order .order_list .index .num {
    display: block;
    font-size: 76px
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea {
    z-index: 1;
    position: relative;
    width: 70.6666666667%;
    
    margin: 0 auto
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-slide:hover {
        cursor: pointer
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots:hover {
        cursor: pointer
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots:before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 62.5px;
    height: 1px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-bottom: 1px dotted #fff;
    content: ""
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots li {
    z-index: 2;
    position: relative;
    width: 8px;
    height: 8px;
    background: #fff
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots li+li {
    margin-left: 16px
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots li.slick-active {
    background: #e4b600
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider .slick-dots li button {
    display: none
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea.imagearea_slider.two .slick-dots:before {
    max-width: 30px
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea .image {
    position: relative;
    margin: auto
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea .image .image_inner {
    z-index: 1;
    position: relative;
    overflow: hidden;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea .image .image_inner img {
    border-radius: 10px
}

@-webkit-keyframes image_swing {
    0% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes image_swing {
    0% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_list .imagearea .image .pin {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 50%;
    width: 5.6603773585%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

#free11 .post_recipe_content .recipe_howto .order .order_list .caption {
    width: 76%;
    margin: 18px auto 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: .06em
}

#free11 .post_recipe_content .recipe_howto .order .order_list--1 {
    margin-bottom: 30px
}

#free11 .post_recipe_content .recipe_howto .order .order_list--1 .imagearea {
    margin-top: -24px
}

#free11 .post_recipe_content .recipe_howto .order .order_list--2 {
    margin-bottom: 35px
}

#free11 .post_recipe_content .recipe_howto .order .order_list--2 .imagearea {
    margin-top: -29px
}

#free11 .post_recipe_content .recipe_howto .order .order_list--3 .imagearea {
    margin-top: -30px
}

#free11 .post_recipe_content .recipe_howto .order .order_list--4 .imagearea {
    margin-top: -29px
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn {
    z-index: 2;
    position: relative
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.red:before {
    background-image: url(../../images/feature/free11/btn_cover_red.png)
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.red .btn:hover .text {
        color: #fff
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.red .btn_outer {
    background: #d3502d
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.red .btn .text {
    color: #d3502d
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.red .btn .arrow {
    background-image: url(../../images/feature/free11/arrow_red.png)
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn:before {
    background-image: url(../../images/feature/free11/btn_cover_green.png)
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.green .btn:hover .text {
        color: #fff
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.green .btn_outer {
    background: #108b58
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.green .btn .text {
    color: #108b58
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.green .btn .arrow {
    background-image: url(../../images/feature/free11/arrow_green.png)
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn.open {
    display: none
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn:before {
    display: block;
    width: 92.6666666667%;
    height: 0;
    margin: 0 auto;
    padding-top: 62%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn {
    position: absolute;
    top: 0;
    left: 50%;
    width: 118.5px;
    height: 118.5px;
    margin-top: 15.3333333333%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 2px solid #fff;
    border-radius: 50%;
    background: #fff
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn:hover {
        background: none;
        cursor: pointer
    }

    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn:hover .arrow {
        background-image: url(../../images/feature/free11/arrow_white.png)
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_outer {
    padding-bottom: 32px
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_inner .text {
    z-index: 2;
    position: relative;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.7;
    font-family: dnp-shuei-gothic-kin-std, sans-serif;
    letter-spacing: .04rem
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_inner .text {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_inner .arrow {
    display: block;
    z-index: 2;
    position: relative;
    width: 15px;
    height: 15px;
    margin: 5px auto 0;
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_content .recipe_howto .order .order_accordion_btn .btn_inner .arrow {
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_content {
    display: none;
    z-index: 3;
    position: relative;
    padding-bottom: 116.5px
}

#free11 .post_recipe_content .recipe_howto .order .order_accordion_content .order_list+.order_list {
    margin-top: 35px
}

#free11 .post_recipe_content .recipe_finish {
    position: relative;
    margin-top: 32.5px
}

#free11 .post_recipe_content .recipe_finish .movie {
    max-width: 500px;
    margin: 0 auto
}

#free11 .post_recipe_content .recipe_outro {
    z-index: 2;
    position: relative;
    width: 100%;
    margin: auto;
    background: #108b58
}

#free11 .post_recipe_content .recipe_outro .text {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: .01em;
    text-align: center
}

#free11 .post_recipe_content .recipe_outro .comment_area {
    margin-top: 45px
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line {
    font-size: 0;
    text-align: center
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.2941176471;
    font-family: flegrei, sans-serif;
    -webkit-animation: comment_kuru 8s ease forwards infinite;
    animation: comment_kuru 8s ease forwards infinite;
    opacity: 0
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment2 {
    -webkit-animation-delay: 0.12s;
    animation-delay: 0.12s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment3 {
    -webkit-animation-delay: 0.24s;
    animation-delay: 0.24s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment4 {
    -webkit-animation-delay: 0.36s;
    animation-delay: 0.36s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment5 {
    -webkit-animation-delay: 0.48s;
    animation-delay: 0.48s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment6 {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment7 {
    -webkit-animation-delay: 0.72s;
    animation-delay: 0.72s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment8 {
    -webkit-animation-delay: 0.84s;
    animation-delay: 0.84s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment9 {
    -webkit-animation-delay: 0.96s;
    animation-delay: 0.96s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment10 {
    -webkit-animation-delay: 1.08s;
    animation-delay: 1.08s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment11 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment12 {
    -webkit-animation-delay: 1.32s;
    animation-delay: 1.32s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment13 {
    -webkit-animation-delay: 1.44s;
    animation-delay: 1.44s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment14 {
    -webkit-animation-delay: 1.56s;
    animation-delay: 1.56s
}

#free11 .post_recipe_content .recipe_outro .comment_area .comment_line .comment15 {
    -webkit-animation-delay: 1.68s;
    animation-delay: 1.68s
}

@-webkit-keyframes comment_kuru {
    0% {
        -webkit-transform: perspective(50px) rotateY(-100deg);
        transform: perspective(50px) rotateY(-100deg);
        opacity: 0
    }

    4%,
    100% {
        -webkit-transform: perspective(50px) rotateY(0);
        transform: perspective(50px) rotateY(0);
        opacity: 1
    }
}

@keyframes comment_kuru {
    0% {
        -webkit-transform: perspective(50px) rotateY(-100deg);
        transform: perspective(50px) rotateY(-100deg);
        opacity: 0
    }

    4%,
    100% {
        -webkit-transform: perspective(50px) rotateY(0);
        transform: perspective(50px) rotateY(0);
        opacity: 1
    }
}

#free11 .post_recipe_content .recipe_outro .image {
    width: 14.9333333333%;
    margin: 13px auto 0
}

#free11 .post_recipe_content .recipe_outro .image img {
    -webkit-animation: santa_anim 5s cubic-bezier(0.02, 0.81, 0.25, 1) infinite;
    animation: santa_anim 5s cubic-bezier(0.02, 0.81, 0.25, 1) infinite
}

@-webkit-keyframes santa_anim {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    76% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes santa_anim {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    70% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    76% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


/* @media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content  {
        height: 594px;
        padding: 0
    }
} */

#free11 .post_recipe_content  .image {
    background-image: url(../../images/feature/free11/01_intro.jpg)
}

#free11 .post_recipe_content .recipe_intro .headarea {
    width: 89.7333333333%;
    margin-top: 24px
}

#free11 .post_recipe_content .recipe_intro .headarea .heading {
    width: 62.5557206538%
}

#free11 .post_recipe_content .recipe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 98%;
    padding-bottom: 100px;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: "";
    margin-bottom: 50px;
}



#free11 .post_recipe_content .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 15.2%
}

@media screen and (max-width: 641px) {
#free11 .post_recipe_content .recipe_ingredient:before{
    margin-bottom: 0;
}

#free11 .post_recipe_content {
    margin-bottom: 50px;
}


}


@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 1%
    }
}



#free11 .post_recipe_content .recipe_howto .order_accordion_btn {
    margin-top: -76%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe_howto .order_accordion_btn {
        margin-top: -430px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe_howto .order_accordion_btn {
        margin-top: -68%
    }
}

#free11 .post_recipe_content .recipe.recipe2  {
    padding-top: 86%
}

@media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe2  {
        height: 516px;
        padding: 0
    }
}

#free11 .post_recipe_content .recipe.recipe2  .image {
    background-image: url(../../images/feature/free11/02_intro.jpg)
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_intro .headarea {
    width: 92%;
    margin-top: 62.5px
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_intro .headarea .heading {
    width: 63.4782608696%
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 163.7333333333%;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 16.8%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe2 .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_ingredient .ingredient_inner .quantity .quantity_list+.quantity_list {
    margin-top: 7.2px
}

#free11 .post_recipe_content .recipe.recipe2 .recipe_howto .order_accordion_btn {
    margin-top: -90%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe2 .recipe_howto .order_accordion_btn {
        margin-top: -480px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe2 .recipe_howto .order_accordion_btn {
        margin-top: -77%
    }
}

#free11 .post_recipe_content .recipe.recipe3  {
    padding-top: 86%
}

@media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe3  {
        height: 516px;
        padding: 0
    }
}

#free11 .post_recipe_content .recipe.recipe3  .image {
    background-image: url(../../images/feature/free11/03_intro.jpg)
}

#free11 .post_recipe_content .recipe.recipe3 .recipe_intro .headarea {
    width: 92%;
    margin-top: 47.5px
}

#free11 .post_recipe_content .recipe.recipe3 .recipe_intro .headarea .heading {
    width: 68.2608695652%
}

#free11 .post_recipe_content .recipe.recipe3 .recipe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 160.8%;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe.recipe3 .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 18%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe3 .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#free11 .post_recipe_content .recipe.recipe3 .recipe_howto .order_accordion_btn {
    margin-top: -85%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe3 .recipe_howto .order_accordion_btn {
        margin-top: -460px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe3 .recipe_howto .order_accordion_btn {
        margin-top: -74%
    }
}

#free11 .post_recipe_content .recipe.recipe4  {
    padding-top: 94.8%
}

@media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe4  {
        height: 568.8px;
        padding: 0
    }
}

#free11 .post_recipe_content .recipe.recipe4  .image {
    background-image: url(../../images/feature/free11/04_intro.jpg)
}

#free11 .post_recipe_content .recipe.recipe4 .recipe_intro .headarea {
    width: 89.7333333333%;
    margin-top: 41.5px
}

#free11 .post_recipe_content .recipe.recipe4 .recipe_intro .headarea .heading {
    width: 80.8320950966%
}

#free11 .post_recipe_content .recipe.recipe4 .recpe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 187.0666666667%;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe.recipe4 .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 19.6%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe4 .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#free11 .post_recipe_content .recipe.recipe4 .recipe_howto .order_accordion_btn {
    margin-top: -98%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe4 .recipe_howto .order_accordion_btn {
        margin-top: -490px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe4 .recipe_howto .order_accordion_btn {
        margin-top: -83%
    }
}

#free11 .post_recipe_content .recipe.recipe5  {
    padding-top: 86%
}

@media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe5  {
        height: 516px;
        padding: 0
    }
}

#free11 .post_recipe_content .recipe.recipe5  .image {
    background-image: url(../../images/feature/free11/05_intro.jpg)
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_intro .headarea {
    width: 92%;
    margin-top: 35px
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_intro .headarea .heading {
    width: 60.7246376812%
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 177.3333333333%;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 18%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe5 .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_ingredient .ingredient_inner .quantity .quantity_list.other {
    margin-top: 20px
}

#free11 .post_recipe_content .recipe.recipe5 .recipe_howto .order_accordion_btn {
    margin-top: -85%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe5 .recipe_howto .order_accordion_btn {
        margin-top: -460px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe5 .recipe_howto .order_accordion_btn {
        margin-top: -76%
    }
}

#free11 .post_recipe_content .recipe.recipe6  {
    padding-top: 86%
}

@media screen and (min-width: 600px)and (max-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe6  {
        height: 516px;
        padding: 0
    }
}

#free11 .post_recipe_content .recipe.recipe6  .image {
    background-image: url(../../images/feature/free11/06_intro.jpg)
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_intro .headarea {
    width: 89.7333333333%;
    margin-top: 43px
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_intro .headarea .heading {
    width: 75.3343239227%
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_ingredient:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 139.7333333333%;
    background: url(../img/01_circle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_ingredient .ingredient_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 22.4%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe6 .recipe_ingredient .ingredient_inner {
        top: 50%;
        margin: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_howto .order .order_accordion_btn .btn_outer {
    padding-bottom: 0
}

#free11 .post_recipe_content .recipe.recipe6 .recipe_howto .order_accordion_btn {
    margin-top: -91%
}

@media screen and (min-width: 600px) {
    #free11 .post_recipe_content .recipe.recipe6 .recipe_howto .order_accordion_btn {
        margin-top: -470px
    }
}

@media screen and (min-width: 600px)and (min-width: 1279px) {
    #free11 .post_recipe_content .recipe.recipe6 .recipe_howto .order_accordion_btn {
        margin-top: -79%
    }
}

#free11 .post_recipe_profile {
    z-index: 2;
    position: relative;
    margin-top: -9.8666666667%
}

#free11 .post_recipe_profile:before {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 27.4666666667%;
    background: url(../../images/feature/free11/profile_line.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: ""
}

#free11 .post_recipe_profile .recipe_profile_inner {
    width: 86%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 20px;
    background: #fff;
    color: #108b58
}

#free11 .post_recipe_profile .recipe_profile_inner .heading {
    width: 78.7596899225%;
    margin: 7px auto 0
}

#free11 .post_recipe_profile .recipe_profile_inner .image {
    width: 31.1627906977%;
    margin: 29px auto 0
}

#free11 .post_recipe_profile .recipe_profile_inner .name {
    margin-top: 7.5px;
    font-weight: 500;
    font-size: 18px;
    text-align: center
}

#free11 .post_recipe_profile .recipe_profile_inner .name .light {
    margin-left: 10px;
    font-size: 12px
}

#free11 .post_recipe_profile .recipe_profile_inner .text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin: 18px auto 0;
    font-size: 12px;
    line-height: 1.9166666667;
    letter-spacing: .02rem
}

#free11 .post_recipe_profile .recipe_profile_inner .sns_link {
    margin-top: 16px;
    font-size: 12px
}

#free11 .post_recipe_profile .recipe_profile_inner .sns_link .link_heading {
    font-style: normal;
    font-weight: 500;
    font-family: poppins, sans-serif
}

#free11 .post_recipe_profile .recipe_profile_inner .sns_link .link {
    display: inline-block;
    margin-left: 3px;
    color: #108b58;
    font-style: normal;
    font-weight: 700;
    font-family: poppins, sans-serif
}

@media screen and (min-width: 1024px) {
    #free11 .post_recipe_profile .recipe_profile_inner .sns_link .link {
        padding-bottom: 2px;
        border-bottom: 2px solid #fff;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease
    }

    #free11 .post_recipe_profile .recipe_profile_inner .sns_link .link:hover {
        border-bottom-color: #108b58
    }
}

#free11 .post_recipe_credit {
    padding: 35px 6.6666666667% 40px;
    color: #108b58;
    font-size: 10px;
    line-height: 2
}

/*# sourceMappingURL=free_11.css.map */