html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    word-wrap: break-word
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
/* 1 */


body {
    font-size: 17px;
    background-color: #F4F4F4;
}

@media screen and (min-width: 920px) {
    body {
        width: 620px;
        margin: 0 auto
    }
}

body .article-header-wrapper img {
    max-width: 100%
}

body .article-body {
    position: relative;
    font-size: 17px;
    line-height: 1.8;
    padding: 15px 20px;
    background-color: #ffffff
}

body .article-body span,
body .article-body p,
body .article-body div,
body .article-body h1,
body .article-body h2,
body .article-body h3,
body .article-body h4,
body .article-body h5,
body .article-body h6 {
    max-width: 100%
}

body .article-body .sb-font-bold {
    font-weight: bold
}

body .article-body .sb-color-black {
    color: #000
}

body .article-body .sb-color-red {
    color: #ff0000
}

body .article-body .sb-color-blue {
    color: #0000ff
}

body .article-body .sb-align-left {
    display: block;
    text-align: left
}

body .article-body .sb-align-center {
    display: block;
    text-align: center
}

body .article-body .sb-align-right {
    display: block;
    text-align: right
}

body .article-body .sb-bg-gray {
    background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-white {
    background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-black {
    background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-red {
    background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-green {
    background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-yellow {
    background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-blue {
    background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out;
    background-position: bottom 0 right 100%
}

body .article-body .sb-fs-10 {
    font-size: 10px
}

body .article-body .sb-fs-13 {
    font-size: 13px
}

body .article-body .sb-fs-15 {
    font-size: 15px
}

body .article-body .sb-fs-17 {
    font-size: 17px
}

body .article-body .sb-fs-19 {
    font-size: 19px
}

body .article-body .sb-fs-21 {
    font-size: 21px
}

body .article-body .sb-fs-23 {
    font-size: 23px
}

body .article-body .sb-fs-25 {
    font-size: 25px
}

body .article-body .sb-fs-27 {
    font-size: 27px
}

body .article-body .sb-fs-29 {
    font-size: 29px
}

body .article-body h2 {
    font-size: 27px;
    margin: 0
}

body .article-body p {
    margin: 0
}

body .article-body a {
    text-decoration: underline;
    color: #4682b4
}

body .article-body iframe {
    display: block;
    max-width: 100%;
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

body .article-body video {
    display: block;
    max-width: 100%;
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

body .article-body video:not(.lazyload) {
    height: auto !important
}

body .article-body img:not(.lazyload) {
    height: auto !important
}

body .article-body img {
    display: block;
    max-width: 100%;
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

body .article-body img.sb-fl {
    float: left;
    margin-right: 10px
}

body .article-body img.sb-fc {
    display: block;
    float: none;
    margin: 0 auto
}

body .article-body img.sb-fr {
    float: right;
    margin-left: 10px
}

body .article-body img.sb-img-move-side {
    animation: sb_img_move_side 1s ease-in-out infinite alternate !important
}

@keyframes sb_img_move_side {
    0% {
        transform: translateX(-5px)
    }

    100% {
        transform: translateX(5px)
    }
}

body .article-body .sb-bg-gum-marker,
body .article-body .sb-bg-gum-marker-animated {
    background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.animated,
body .article-body .sb-bg-gum-marker-animated.animated {
    background-position: bottom 0 right 100% !important
}

body .article-body .sb-bg-gum-marker.sb-bg-gray,
body .article-body .sb-bg-gum-marker-animated.sb-bg-gray {
    background: linear-gradient(to right, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #eee 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-gray.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-gray.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-white,
body .article-body .sb-bg-gum-marker-animated.sb-bg-white {
    background: linear-gradient(to right, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #fff 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-white.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-white.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-black,
body .article-body .sb-bg-gum-marker-animated.sb-bg-black {
    background: linear-gradient(to right, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #000 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-black.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-black.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-red,
body .article-body .sb-bg-gum-marker-animated.sb-bg-red {
    background: linear-gradient(to right, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, red 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-red.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-red.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-green,
body .article-body .sb-bg-gum-marker-animated.sb-bg-green {
    background: linear-gradient(to right, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, lime 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-green.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-green.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-yellow,
body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow {
    background: linear-gradient(to right, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, #ffee57 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-yellow.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-yellow.animated {
    background-position: bottom 0 right 100%
}

body .article-body .sb-bg-gum-marker.sb-bg-blue,
body .article-body .sb-bg-gum-marker-animated.sb-bg-blue {
    background: linear-gradient(to right, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    background: -webkit-linear-gradient(left, blue 50%, transparent 50%) 100% 0%/200% 70% no-repeat;
    transition: background-position 1s ease-out;
    -webkit-transition: background-position 1s ease-out
}

body .article-body .sb-bg-gum-marker.sb-bg-blue.animated,
body .article-body .sb-bg-gum-marker-animated.sb-bg-blue.animated {
    background-position: bottom 0 right 100%
}

body .article-body .article-body-comment {
    display: table;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    width: 100% !important;
    max-width: 100% !important
}

body .article-body .article-body-comment .comment-image,
body .article-body .article-body-comment .comment-content {
    display: table-cell;
    vertical-align: top
}

body .article-body .article-body-comment .comment-image {
    padding-right: 1em
}

body .article-body .article-body-comment .comment-image>img {
    display: block;
    height: auto;
    max-width: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

body .article-body .article-body-comment .comment-content {
    width: 100%
}

body .article-body .article-body-comment .comment-content .comment-title {
    font-size: 1em;
    margin: 0 0 0.5em 0;
    font-weight: bold
}

body .article-body .article-body-comment .comment-content p {
    line-height: 1.5em;
    margin-bottom: 0.5em
}

body .article-body .article-body-comment .comment-content p.comment-detail {
    color: rgba(51, 51, 51, 0.5);
    font-size: 0.9em;
    font-style: italic
}

body .article-body .sb-custom img {
    display: block !important
}

body .article-body .sb-form iframe {
    height: 0;
    margin: 0 auto !important
}



body {}




.article-body {

    font-size: 17px !important;


    font-family: Hiragino Sans, Arial, sans-serif !important;


    color: #000000 !important;


    line-height: 1.8 !important;



    padding-top: 15px !important;


    padding-bottom: 15px !important;


    padding-left: 20px !important;


    padding-right: 20px !important;




}

body .article-body iframe {}

body .article-body img {
    display: unset !important;

    margin-top: 0px !important;


    margin-bottom: 0px !important;

}

body .article-body video {
    display: unset !important;
}

body .article-body .sb-custom {

    font-size: 17px !important;


    font-family: Hiragino Sans, Arial, sans-serif !important;


    color: #000000 !important;


    line-height: 1.8 !important;

}

body .article-body .sb-custom img {

    margin-top: 0px !important;


    margin-bottom: 0px !important;

}


#sb-part-6026.sb-custom-part-lmzt0v3798szuxeet5v .notes {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;

}

#sb-part-6026.sb-custom-part-lmzt0v3798szuxeet5v .notes img,
#sb-part-6026.sb-custom-part-lmzt0v3798szuxeet5v .notes video {
    margin: 0 !important;
    width: 100%;
    max-width: unset;
    vertical-align: bottom;
}

#sb-part-6026.sb-custom-part-lmzt0v3798szuxeet5v .notes p {
    margin: 0;
    text-align: right;
    font-size: 12px;
    color: #bbbbbb;

}


#sb-part-4884.sb-custom-part-llw2m1citetvn3kjq9

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-llw2m1citetvn3kjq9

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue {
    display: flex;
    justify-content: center;
}

#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue span {
    display: block;
    /*点の幅サイズ*/
    width: 10px;
    /*点の高さサイズ*/
    height: 10px;
    /*点の色*/
    background-color: #ccc;
    /*角を丸くする*/
    border-radius: 100vh;
    /*点周りの余白。左の値が上下、右の値が左右*/
    margin: 10px 0;
}

#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-1,
#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-2,
#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-3 {
    /*アニメーションの指定。左から、アニメーション名、アニメーション時間の長さ（1sは1秒）、infiniteは無限に再生を繰り返す*/
    -webkit-animation: continue 1s infinite;
    -moz-animation: continue 1s infinite;
}

#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-1 {
    /*アニメーションし始める時間*/
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
}

#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}

#sb-part-1955.sb-custom-part-llv24fjdtwnvljgy1g .continue .dot-3 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

@-webkit-keyframes continue {

    /*アニメーション時間軸の指定。0%は開始地点、50%は真ん中、100%は最後の地点*/
    0% {
        /*不透明度の指定。1は不透明度100%*/
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes continue {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


#sb-part-9279.sb-custom-part-llv3lfvhts3bck4it3 .swaying-text {
    display: block;
    animation-name: swayingText;
    animation-duration: .25s;
    animation-iteration-count: infinite;
    will-change: transform, animation;
}

@keyframes swayingText {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }

    25% {
        transform: translate(2px, 2px) rotateZ(1deg)
    }

    50% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }

    75% {
        transform: translate(2px, 0px) rotateZ(-1deg)
    }

    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}


#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows {
    position: relative;
    /*widget自体の高さ*/
    height: 50px;
    /*widgetの上余白*/
    margin-top: 1em;
    /*widgetの下余白*/
    margin-bottom: 1em;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg

/*一個目の矢印*/
.cp_arrows .cp_arrowfirst {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg

/*二個目の矢印*/
.cp_arrows .cp_arrowsecond {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、開始時間（1s=1秒後）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s 1s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg

/*共通設定*/
.cp_arrows .cp_arrow {
    position: absolute;
    /*矢印の到着位置　（縦位置）*/
    top: 100%;
    /*矢印の到着位置　（横位置）*/
    left: 45%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    /*透明度（0=透明、1=不透明）*/
    opacity: 0;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .content :first-child {
    margin-top: 0;
}

@keyframes arrow-move08 {

    /*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
    0% {
        top: 40%;
        opacity: 0;
    }

    /*2sの70％（1.7秒）時に不透明になる*/
    70% {
        opacity: 1;
    }

    /*2s（2秒）時に透明になる*/
    100% {
        opacity: 0;
    }
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows .cp_arrow:before {
    /*矢印左の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(30deg) translateX(-39%);
    /*矢印左の棒の起点。（top left=左上）*/
    transform-origin: top left;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows .cp_arrow:after {
    /*矢印右の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(-30deg) translateX(39%);
    /*矢印右の棒の起点。（top right=右上）*/
    transform-origin: top right;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows .cp_arrow:before,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows .cp_arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*矢印の棒の横の長さ*/
    width: 40px;
    /*矢印の棒の縦の長さ*/
    height: 3px;
    content: '';
    /*矢印の色*/
    background: #E91E63;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .cp_arrows *:after {
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg content div:after,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .content p:after {
    clear: both;
}

#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .content div :after,
#sb-part-1449.sb-custom-part-llv4c0v21oxnppmy2jg .content p:after {
    display: block;
    content: "";
    clear: both;
}


#sb-part-6026.sb-custom-part-lmzsm779k5s787edsub .notes {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;

}

#sb-part-6026.sb-custom-part-lmzsm779k5s787edsub .notes img,
#sb-part-6026.sb-custom-part-lmzsm779k5s787edsub .notes video {
    margin: 0 !important;
    width: 100%;
    max-width: unset;
    vertical-align: bottom;
}

#sb-part-6026.sb-custom-part-lmzsm779k5s787edsub .notes p {
    margin: 0;
    text-align: right;
    font-size: 12px;
    color: #bbbbbb;

}


#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue {
    display: flex;
    justify-content: center;
}

#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue span {
    display: block;
    /*点の幅サイズ*/
    width: 10px;
    /*点の高さサイズ*/
    height: 10px;
    /*点の色*/
    background-color: #ccc;
    /*角を丸くする*/
    border-radius: 100vh;
    /*点周りの余白。左の値が上下、右の値が左右*/
    margin: 10px 0;
}

#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-1,
#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-2,
#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-3 {
    /*アニメーションの指定。左から、アニメーション名、アニメーション時間の長さ（1sは1秒）、infiniteは無限に再生を繰り返す*/
    -webkit-animation: continue 1s infinite;
    -moz-animation: continue 1s infinite;
}

#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-1 {
    /*アニメーションし始める時間*/
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
}

#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}

#sb-part-1955.sb-custom-part-llvuqocrkg5ovi0tttc .continue .dot-3 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

@-webkit-keyframes continue {

    /*アニメーション時間軸の指定。0%は開始地点、50%は真ん中、100%は最後の地点*/
    0% {
        /*不透明度の指定。1は不透明度100%*/
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes continue {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


#sb-part-1008.sb-custom-part-lluqhjtm786kpr9dj4t .line {
    position: relative;
    padding: 1rem .5rem;
}

#sb-part-1008.sb-custom-part-lluqhjtm786kpr9dj4t .line:after {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}


#sb-part-1904.sb-custom-part-lmzspl8z8oy3ok7wv8v div {
    /*行の高さを下記数値で変更ください*/
    line-height: 1.5;
}


#sb-part-9279.sb-custom-part-lmstav3uuqr49uj00gr .swaying-text {
    display: block;
    animation-name: swayingText;
    animation-duration: .25s;
    animation-iteration-count: infinite;
    will-change: transform, animation;
}

@keyframes swayingText {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }

    25% {
        transform: translate(2px, 2px) rotateZ(1deg)
    }

    50% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }

    75% {
        transform: translate(2px, 0px) rotateZ(-1deg)
    }

    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}


#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows {
    position: relative;
    /*widget自体の高さ*/
    height: 50px;
    /*widgetの上余白*/
    margin-top: 1em;
    /*widgetの下余白*/
    margin-bottom: 1em;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs

/*一個目の矢印*/
.cp_arrows .cp_arrowfirst {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs

/*二個目の矢印*/
.cp_arrows .cp_arrowsecond {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、開始時間（1s=1秒後）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s 1s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs

/*共通設定*/
.cp_arrows .cp_arrow {
    position: absolute;
    /*矢印の到着位置　（縦位置）*/
    top: 100%;
    /*矢印の到着位置　（横位置）*/
    left: 45%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    /*透明度（0=透明、1=不透明）*/
    opacity: 0;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .content :first-child {
    margin-top: 0;
}

@keyframes arrow-move08 {

    /*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
    0% {
        top: 40%;
        opacity: 0;
    }

    /*2sの70％（1.7秒）時に不透明になる*/
    70% {
        opacity: 1;
    }

    /*2s（2秒）時に透明になる*/
    100% {
        opacity: 0;
    }
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows .cp_arrow:before {
    /*矢印左の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(30deg) translateX(-39%);
    /*矢印左の棒の起点。（top left=左上）*/
    transform-origin: top left;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows .cp_arrow:after {
    /*矢印右の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(-30deg) translateX(39%);
    /*矢印右の棒の起点。（top right=右上）*/
    transform-origin: top right;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows .cp_arrow:before,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows .cp_arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*矢印の棒の横の長さ*/
    width: 40px;
    /*矢印の棒の縦の長さ*/
    height: 3px;
    content: '';
    /*矢印の色*/
    background: #E91E63;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *:before,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *:before,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .cp_arrows *:after {
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs content div:after,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .content p:after {
    clear: both;
}

#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .content div :after,
#sb-part-1449.sb-custom-part-lm0h3x57h3buygusvs .content p:after {
    display: block;
    content: "";
    clear: both;
}


#sb-part-6026.sb-custom-part-lmzu5f4hrc6jw4q39pi .notes {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;

}

#sb-part-6026.sb-custom-part-lmzu5f4hrc6jw4q39pi .notes img,
#sb-part-6026.sb-custom-part-lmzu5f4hrc6jw4q39pi .notes video {
    margin: 0 !important;
    width: 100%;
    max-width: unset;
    vertical-align: bottom;
}

#sb-part-6026.sb-custom-part-lmzu5f4hrc6jw4q39pi .notes p {
    margin: 0;
    text-align: right;
    font-size: 12px;
    color: #bbbbbb;

}

#sb-part-6026.sb-custom-part-lmzu5f4hrc6jw4q39pi div {
    /*行の高さを下記数値で変更ください*/
    line-height: 1.2;
}


#sb-part-2269.sb-custom-part-lmg6i2tmqswgapy39lf span.dashed {
    /*下線の種類指定*/
    border-bottom-style: dashed;
    /*線の色*/
    border-bottom-color: #f09a84;
    /*線の太さ*/
    border-bottom-width: 4px;
    /*文字と線の余白*/
    padding-bottom: 2px;
}


#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 全体の設定 */
.comment__box {
    /* 横幅 */
    width: 600px;
    /* 高さ */
    height: auto;
    /* 最大幅 */
    max-width: calc(100% - 60px);
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 0 auto;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 10px 30px;
    /* 背景画像 */
    background: url('https://file.mysquadbeyond.com/uploads/article_photo/photo/922113/952840a9-ac81-4e0d-9d56-cce27e335952.gif');
    /* 背景のクリ帰り */
    background-repeat: repeat;
    /* 背景の位置 */
    background-position: center;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 大見出しの設定 */
.head__area {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .head__area .head {
    /* 文字色 */
    color: #df1461;
    /* 文字の大きさ */
    font-size: 45px;
    /* 文字の太さ */
    font-weight: bold;
    /* 文字の位置 */
    text-align: center;
    /* 文字の影｜水平方向｜垂直方向｜ぼかし具合｜色｜ */
    text-shadow: 0px 3px 1px rgba(223, 20, 97, 0.2);
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 大見出しの吹き出し部分 */
.head__area .head .headDeco {
    position: relative;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 0 10px;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 左側 */
.head__area .head .headDeco:before {
    content: '';
    /* 横幅 */
    width: 2px;
    /* 高さ */
    height: 110%;
    position: absolute;
    /* 表示位置（上基準） */
    top: 50%;
    /* 表示位置（左基準） */
    left: -10px;
    /* 変形｜表示位置｜回転｜ */
    transform: translate(0, -50%) rotate(-20deg);
    /* 線｜線の太さ｜線種｜色｜ */
    border-left: 2px solid #df1461;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 右側 */
.head__area .head .headDeco:after {
    content: '';
    /* 横幅 */
    width: 2px;
    /* 高さ */
    height: 110%;
    position: absolute;
    /* 表示位置（上基準） */
    top: 50%;
    /* 表示位置（左基準） */
    right: -10px;
    /* 変形｜表示位置｜回転｜ */
    transform: translate(0, -50%) rotate(20deg);
    /* 線｜線の太さ｜線種｜色｜ */
    border-left: 2px solid #df1461;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .profile__area {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
    position: relative;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 見出し部分 */
.profile__area .subHead {
    /* 横幅 */
    width: calc(100% - 205px);
    /* 高さ */
    height: auto;
    /* 背景色 */
    background: #674749;
    /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
    padding: 30px 200px 30px 5px;
    /* 文字色 */
    color: #fff;
    /* 文字の大きさ */
    font-size: 32px;
    /* 文字の太さ */
    font-weight: bold;
    /* 外側の上余白 */
    margin-top: 20px;
    position: relative;
    display: flex;
    /*水平方向に間隔を配置する方法。
      flex-start = 左側から配置する
      flex-end = 右側から配置する
      center = 真ん中に配置する
      space-around = 均等配置して両端に間隔を置く
      space-between = 均等配置してエリアの間に間隔を置く
      space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: center;
    /*垂直方向にの配置位置を設定。
      center = 中央配置
      flex-start = 先頭にまとめる
      flex-end = 末尾にまとめる*/
    align-items: center;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 見出しの小さい文字 */
.profile__area .subHead ._small {
    /* 文字の大きさ */
    font-size: 22px;
    /* 文字の太さ */
    font-weight: normal;
    /* 内側の左余白 */
    padding-right: 0.5rem;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 見出し部分の上線飾り */
.profile__area .subHead:before {
    content: '';
    position: absolute;
    /* 表示位置（上基準） */
    top: 10px;
    /* 表示位置（左基準） */
    left: 0;
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: 2px;
    /* 線｜線の太さ｜線種｜色｜ */
    border-top: 2px solid #fff;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 見出し部分の下線飾り */
.profile__area .subHead:after {
    content: '';
    position: absolute;
    bottom: 10px;
    /* 表示位置（左基準） */
    left: 0;
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: 2px;
    /* 線｜線の太さ｜線種｜色｜ */
    border-top: 2px solid #fff;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 見出し部分の画像 */
.profile__area .profileImg__box {
    /* 横幅 */
    width: 200px;
    /* 高さ */
    height: 104px !important;
    /* 背景色 */
    background: #fff;
    display: flex;
    /*水平方向に間隔を配置する方法。
      flex-start = 左側から配置する
      flex-end = 右側から配置する
      center = 真ん中に配置する
      space-around = 均等配置して両端に間隔を置く
      space-between = 均等配置してエリアの間に間隔を置く
      space-evenly = 均等配置して各アイテム周りに間隔を置く*/
    justify-content: center;
    /*垂直方向にの配置位置を設定。
      center = 中央配置
      flex-start = 先頭にまとめる
      flex-end = 末尾にまとめる*/
    align-items: center;
    /* 変形｜回転｜ */
    transform: rotate(10deg);
    /*影｜水平方向｜垂直方向｜ぼかし具合｜色｜*/
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    /* 表示位置（左基準） */
    right: -15px;
    /* 表示位置（上基準） */
    top: -1px;
    /* 表示順番 */
    z-index: 2;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .profile__area .profileImg__box img {
    /* 横幅 */
    width: 300px;
    /* 高さ */
    height: 157px !important;

    /* 画像を囲ってる箱に合わせて画像を表示する。
      cover=アスペクト比を維持したまま、高さまたは幅にあわせて拡大縮小して切り取る
      contain=アスペクト比を維持したまま、高さまたは幅に合わせて拡大縮小し収める） */
    object-fit: cover;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* テキスト部分 */
.text__area {
    /* 背景色 */
    background: #fff;
    /* 横幅 */
    width: calc(100% - 40px);
    /* 高さ */
    height: auto;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 20px 20px;
    /* 外側の上余白 */
    margin-top: 50px;
    position: relative;
    /* 表示位置 */
    z-index: 1;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* テキスト部分の飾り */
.text__area:before,
#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .text__area:after {
    content: '';
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: 15px;
    position: absolute;
    /* 表示位置（左基準） */
    left: 0;
    /* 斜線飾り｜角度｜色あり部分｜色あり部分の太さ｜色なし部分の太さ｜ */
    background-image: repeating-linear-gradient(-45deg, #b9a9aa, #b9a9aa 4px, transparent 4px, transparent 8px);
    /* 斜線の位置 */
    background-position: center bottom;
    /* 繰り返し */
    background-repeat: repeat-x;
    /* 車線の太さ */
    background-size: auto 15px;
    display: block;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 上側 */
.text__area:before {
    /* 表示位置（上基準） */
    top: 0;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 下側 */
.text__area:after {
    /* 表示位置（下基準） */
    bottom: 0;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* テキスト */
.text__area .text {
    /* 文字色 */
    color: #4c2828;
    /* 文字の大きさ */
    font-size: 24px;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

/* 注意分部分 */
.attention__area {
    /* 横幅 */
    width: 100%;
    /* 高さ */
    height: auto;
}

#sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .attention__area .attention {
    /* 文字の位置 */
    text-align: right;
    /* 文字色 */
    color: #4c2828;
    /* 文字の大きさ */
    font-size: 14px;
}

/* スマホ */
@media screen and (max-width: 767px) {
    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 全体の設定 */
    .comment__box {
        /* 横幅 */
        width: 90%;
        /* 最大幅 */
        max-width: inherit;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 10px 5%;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .head__area .head {
        /* 文字の大きさ */
        font-size: 24px;
        /* 文字の位置 */
        text-align: center;
        /* 文字の影｜水平方向｜垂直方向｜ぼかし具合｜色｜ */
        text-shadow: 0px 3px 1px rgba(223, 20, 97, 0.2);
        /*外側の余白｜上下余白｜左右余白｜*/
        margin: 1em 0;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 大見出しの吹き出し部分 */
    .head__area .head .headDeco {
        position: relative;
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 0 5px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 見出し部分 */
    .profile__area .subHead {
        /* 横幅 */
        width: calc(100% - 95px);
        /*内側の余白｜上余白｜右余白｜下余白｜左余白｜*/
        padding: 30px 90px 30px 5px;
        /* 文字の大きさ */
        font-size: 20px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 見出しの小さい文字 */
    .profile__area .subHead ._small {
        /* 文字の大きさ */
        font-size: 14px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 見出し部分の画像 */
    .profile__area .profileImg__box {
        /* 横幅 */
        width: 100px;
        /* 高さ */
        height: 100px !important;
        /* 表示位置（左基準） */
        right: -10px;
        /* 表示位置（上基準） */
        top: -15px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .profile__area .profileImg__box img {
        /* 横幅 */
        width: 95px;
        /* 高さ */
        height: 95px !important;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* テキスト部分 */
    .text__area {
        /* 横幅 */
        width: calc(100% - 30px);
        /*内側の余白｜上下余白｜左右余白｜*/
        padding: 20px 15px;
        /* 外側の上余白 */
        margin-top: 20px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* テキスト部分の飾り */
    .text__area:before,
    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn .text__area:after {
        /* 高さ */
        height: 10px;
        /* 斜線の太さ */
        background-size: auto 10px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* テキスト */
    .text__area .text {
        /* 文字の大きさ */
        font-size: 18px;
    }

    #sb-part-3704.sb-custom-part-lmysm8yvf3gn6z1xcfn

    /* 注意分部分 */
    .attention__area .attention {
        /* 文字の大きさ */
        font-size: 12px;
    }
}


#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタンの設定*/
.auraBtn {
    position: relative;
    /*横幅*/
    width: 90%;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 3em auto;
    /*-webkit-transition: .2s;
  transition: .2s;*/
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
    /*アニメーションの設定 変更する場合は該当場所を修正してください。
   アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
    -webkit-animation: auraBtn 2s ease-out infinite;
    animation: auraBtn 2s ease-out infinite
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
    /*アニメーションの設定 変更する場合は該当場所を修正してください。
   アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
    -webkit-animation: auraBtn 2s ease-out 1s infinite;
    animation: auraBtn 2s ease-out 1s infinite
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*ボタンの角丸*/
    border-radius: 100vh;
    /*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
    background: #ffaaae;
    /*広がるボタンの初期位置*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタン自体の設定*/
.auraBtn a {
    /*文字の色*/
    color: #fff;
    /*文字の太さ*/
    font-weight: 600;
    display: block;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 20px 0;
    /*ボタンの角丸*/
    border-radius: 100vh;
    /*ボタン内テキストの水平方向の位置*/
    text-align: center;
    /*リンクの装飾*/
    text-decoration: none;
    /*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
    background: #ff5555;
    position: relative;
    z-index: 1;
}

/*広がるボタンのアニメーション（変更する場合は該当する箇所を修正してください）*/
@keyframes auraBtn {

    /*アニメーション初期（0秒の時）*/
    0% {
        /*拡大率　（1=100％）*/
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        /*透明度（0=透明、1=不透明）*/
        opacity: 1
    }

    /*1.8秒時*/
    90% {
        /*透明度*/
        opacity: .1
    }

    /*アニメーション最後（2秒時）*/
    to {
        /*拡大率　1番目の値はX軸、2番目の値はY軸*/
        -webkit-transform: scale(1.2, 1.5);
        transform: scale(1.2, 1.5);
        /*透明度*/
        opacity: 0
    }
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*ボタン右側の矢印の設定*/
.auraBtn a span {
    display: block;
    position: relative;
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn a span:after {
    content: "";
    position: absolute;
    /*矢印の位置*/
    top: 50%;
    right: 30px;
    /*矢印の横幅*/
    width: 8px;
    /*矢印の高さ*/
    height: 8px;
    margin: -4px 0 0 0;
    /*矢印の線｜太さ｜線種｜色｜*/
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    /*矢印の回転角度*/
    -webkit-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg)
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*緑の場合の色*/
.auraBtn.green a {
    background: #32ca5b;
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn.green:before,
#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn.green:after {
    background: #32ca5b;
    border: 1px solid #32ca5b;
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj

/*青の場合の色*/
.auraBtn.blue a {
    background: #389aff;
}

#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn.blue:before,
#sb-part-1060.sb-custom-part-lmyklglyq2a798d7hj .auraBtn.blue:after {
    background: #389aff;
    border: 1px solid #389aff;
}



#sb-part-1008.sb-custom-part-llqe63xdheknbrw37w5 .line {
    position: relative;
    padding: 1rem .5rem;
}

#sb-part-1008.sb-custom-part-llqe63xdheknbrw37w5 .line:after {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}


#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows {
    position: relative;
    /*widget自体の高さ*/
    height: 50px;
    /*widgetの上余白*/
    margin-top: 1em;
    /*widgetの下余白*/
    margin-bottom: 1em;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4

/*一個目の矢印*/
.cp_arrows .cp_arrowfirst {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4

/*二個目の矢印*/
.cp_arrows .cp_arrowsecond {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、開始時間（1s=1秒後）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s 1s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4

/*共通設定*/
.cp_arrows .cp_arrow {
    position: absolute;
    /*矢印の到着位置　（縦位置）*/
    top: 100%;
    /*矢印の到着位置　（横位置）*/
    left: 45%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    /*透明度（0=透明、1=不透明）*/
    opacity: 0;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .content :first-child {
    margin-top: 0;
}

@keyframes arrow-move08 {

    /*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
    0% {
        top: 40%;
        opacity: 0;
    }

    /*2sの70％（1.7秒）時に不透明になる*/
    70% {
        opacity: 1;
    }

    /*2s（2秒）時に透明になる*/
    100% {
        opacity: 0;
    }
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows .cp_arrow:before {
    /*矢印左の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(30deg) translateX(-39%);
    /*矢印左の棒の起点。（top left=左上）*/
    transform-origin: top left;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows .cp_arrow:after {
    /*矢印右の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(-30deg) translateX(39%);
    /*矢印右の棒の起点。（top right=右上）*/
    transform-origin: top right;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows .cp_arrow:before,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows .cp_arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*矢印の棒の横の長さ*/
    width: 40px;
    /*矢印の棒の縦の長さ*/
    height: 3px;
    content: '';
    /*矢印の色*/
    background: #E91E63;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .cp_arrows *:after {
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 content div:after,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .content p:after {
    clear: both;
}

#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .content div :after,
#sb-part-1449.sb-custom-part-llw6ydkd9v4bntpsjx4 .content p:after {
    display: block;
    content: "";
    clear: both;
}


#sb-part-4884.sb-custom-part-llwhu6jl8f9acgnqlfw

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-llwhu6jl8f9acgnqlfw

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-4884.sb-custom-part-llwknt7iahaj365b1n5

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-llwknt7iahaj365b1n5

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-4884.sb-custom-part-llwlbn4fyhxro2fvw2

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-llwlbn4fyhxro2fvw2

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue {
    display: flex;
    justify-content: center;
}

#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue span {
    display: block;
    /*点の幅サイズ*/
    width: 10px;
    /*点の高さサイズ*/
    height: 10px;
    /*点の色*/
    background-color: #ccc;
    /*角を丸くする*/
    border-radius: 100vh;
    /*点周りの余白。左の値が上下、右の値が左右*/
    margin: 10px 0;
}

#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-1,
#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-2,
#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-3 {
    /*アニメーションの指定。左から、アニメーション名、アニメーション時間の長さ（1sは1秒）、infiniteは無限に再生を繰り返す*/
    -webkit-animation: continue 1s infinite;
    -moz-animation: continue 1s infinite;
}

#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-1 {
    /*アニメーションし始める時間*/
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
}

#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}

#sb-part-1955.sb-custom-part-lmsugxfbuehz3hm68tp .continue .dot-3 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

@-webkit-keyframes continue {

    /*アニメーション時間軸の指定。0%は開始地点、50%は真ん中、100%は最後の地点*/
    0% {
        /*不透明度の指定。1は不透明度100%*/
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes continue {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}


#sb-part-1879.sb-custom-part-lmsuhoo4vas4wb0mwoo span.wavy {
    /* 下線を引く指定*/
    text-decoration: underline;
    /* 線の種類。波線の指定*/
    -webkit-text-decoration-style: wavy;
    text-decoration-style: wavy;
    /* 線の色をカラーコードで変更できます*/
    -webkit-text-decoration-color: #0bd;
    text-decoration-color: #0bd;
    /*線の太さを変更できます*/
    -webkit-text-decoration-thickness: 3px;
    text-decoration-thickness: 3px;
    /*線と文字との距離を変更できます。例：3px;*/
    -webkit-text-underline-offset: inherit;
    text-underline-offset: inherit;
}


#sb-part-4884.sb-custom-part-lmhg99z3nlyk8vncdjr

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-lmhg99z3nlyk8vncdjr

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-6026.sb-custom-part-lmzuanbrmku0mm96q9 .notes {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;

}

#sb-part-6026.sb-custom-part-lmzuanbrmku0mm96q9 .notes img,
#sb-part-6026.sb-custom-part-lmzuanbrmku0mm96q9 .notes video {
    margin: 0 !important;
    width: 100%;
    max-width: unset;
    vertical-align: bottom;
}

#sb-part-6026.sb-custom-part-lmzuanbrmku0mm96q9 .notes p {
    margin: 0;
    text-align: right;
    font-size: 12px;
    color: #bbbbbb;

}

#sb-part-6026.sb-custom-part-lmzuanbrmku0mm96q9 div {
    /*行の高さを下記数値で変更ください*/
    line-height: 1.2;
}


#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .review {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*行間調整*/
    line-height: 1.5;
    margin: 0 auto;
    box-sizing: border-box;
}

#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .in {
    box-sizing: border-box;
    position: relative;
    /*枠内側の余白*/
    padding: 12px;
    /*背景色*/
    background: #fff;
    /*角を丸くする*/
    border-radius: 6px;
    /*線の指定。左から線の太さ、線の種類、線の色*/
    border: 1px solid #ccc;
    /*影の指定。左から水平方向の距離、垂直方向の距離、影の色*/
    box-shadow: 3px 3px #ffc7d3;
}

#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .speech-bubble {
    /*吹き出しの背景色*/
    background-color: #ff7ba1;
    margin: 0 auto;
    /*吹き出しの内側の余白。左の値が上下、右の値が左右の余白*/
    padding: 10px;
    /*吹き出し文字の水平方向の位置。*/
    text-align: left;
    position: absolute;
    /*吹き出しの影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    top: 0;
    left: 0;
    /*吹き出しの文字の色*/
    color: #fff;
    /*吹き出し文字の太さ*/
    font-weight: 600;
    /*吹き出し文字の影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    text-shadow: 1px 2px 3px #808080;
    /*水平方向の字間のスペース*/
    letter-spacing: .05em;
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
}

#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .speech-bubble:after {
    content: "";
    position: absolute;
    /*吹き出しの影*/
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -7px;
    /*吹き出しのしっぽ部分の左からの距離*/
    left: 70%;
    /*吹き出しのしっぽの部分の背景色*/
    border-color: #ff7ba1;
    border-width: 7px;
    border-style: solid;
}

#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .kuchikomi {
    /*クチコミ部分の文章周りの余白。上の余白、左右の余白、下の余白*/
    margin: 12px 0;
}

#sb-part-1094.sb-custom-part-lmykgrj8d8bql62n9e8 .speech-bubble p {
    margin: 0;
}


#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .review {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*行間調整*/
    line-height: 1.5;
    margin: 0 auto;
    box-sizing: border-box;
}

#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .in {
    box-sizing: border-box;
    position: relative;
    /*枠内側の余白*/
    padding: 12px;
    /*背景色*/
    background: #fff;
    /*角を丸くする*/
    border-radius: 6px;
    /*線の指定。左から線の太さ、線の種類、線の色*/
    border: 1px solid #ccc;
    /*影の指定。左から水平方向の距離、垂直方向の距離、影の色*/
    box-shadow: 3px 3px #ffc7d3;
}

#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .speech-bubble {
    /*吹き出しの背景色*/
    background-color: #ff7ba1;
    margin: 0 auto;
    /*吹き出しの内側の余白。左の値が上下、右の値が左右の余白*/
    padding: 10px;
    /*吹き出し文字の水平方向の位置。*/
    text-align: left;
    position: absolute;
    /*吹き出しの影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    top: 0;
    left: 0;
    /*吹き出しの文字の色*/
    color: #fff;
    /*吹き出し文字の太さ*/
    font-weight: 600;
    /*吹き出し文字の影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    text-shadow: 1px 2px 3px #808080;
    /*水平方向の字間のスペース*/
    letter-spacing: .05em;
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
}

#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .speech-bubble:after {
    content: "";
    position: absolute;
    /*吹き出しの影*/
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -7px;
    /*吹き出しのしっぽ部分の左からの距離*/
    left: 70%;
    /*吹き出しのしっぽの部分の背景色*/
    border-color: #ff7ba1;
    border-width: 7px;
    border-style: solid;
}

#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .kuchikomi {
    /*クチコミ部分の文章周りの余白。上の余白、左右の余白、下の余白*/
    margin: 12px 0;
}

#sb-part-1094.sb-custom-part-lmykharjp6p9cmkaifm .speech-bubble p {
    margin: 0;
}


#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .review {
    /*最大幅の指定。max-widthで指定した値の最大幅以上には広がらずに表示*/
    max-width: 580px;
    /*行間調整*/
    line-height: 1.5;
    margin: 0 auto;
    box-sizing: border-box;
}

#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .in {
    box-sizing: border-box;
    position: relative;
    /*枠内側の余白*/
    padding: 12px;
    /*背景色*/
    background: #fff;
    /*角を丸くする*/
    border-radius: 6px;
    /*線の指定。左から線の太さ、線の種類、線の色*/
    border: 1px solid #ccc;
    /*影の指定。左から水平方向の距離、垂直方向の距離、影の色*/
    box-shadow: 3px 3px #ffc7d3;
}

#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .speech-bubble {
    /*吹き出しの背景色*/
    background-color: #ff7ba1;
    margin: 0 auto;
    /*吹き出しの内側の余白。左の値が上下、右の値が左右の余白*/
    padding: 10px;
    /*吹き出し文字の水平方向の位置。*/
    text-align: left;
    position: absolute;
    /*吹き出しの影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    top: 0;
    left: 0;
    /*吹き出しの文字の色*/
    color: #fff;
    /*吹き出し文字の太さ*/
    font-weight: 600;
    /*吹き出し文字の影。左から、水平方向の距離、垂直方向の距離、ぼかし距離、影の色の順*/
    text-shadow: 1px 2px 3px #808080;
    /*水平方向の字間のスペース*/
    letter-spacing: .05em;
    max-width: 100%;
    box-sizing: border-box;
    width: auto;
}

#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .speech-bubble:after {
    content: "";
    position: absolute;
    /*吹き出しの影*/
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    bottom: -7px;
    /*吹き出しのしっぽ部分の左からの距離*/
    left: 70%;
    /*吹き出しのしっぽの部分の背景色*/
    border-color: #ff7ba1;
    border-width: 7px;
    border-style: solid;
}

#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .kuchikomi {
    /*クチコミ部分の文章周りの余白。上の余白、左右の余白、下の余白*/
    margin: 12px 0;
}

#sb-part-1094.sb-custom-part-lmykhzgzn0zxu39og2r .speech-bubble p {
    margin: 0;
}


#sb-part-1008.sb-custom-part-llqe63xdheknbrw37w5 .line {
    position: relative;
    padding: 1rem .5rem;
}

#sb-part-1008.sb-custom-part-llqe63xdheknbrw37w5 .line:after {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
    background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}


#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows {
    position: relative;
    /*widget自体の高さ*/
    height: 50px;
    /*widgetの上余白*/
    margin-top: 1em;
    /*widgetの下余白*/
    margin-bottom: 1em;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg

/*一個目の矢印*/
.cp_arrows .cp_arrowfirst {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg

/*二個目の矢印*/
.cp_arrows .cp_arrowsecond {
    /*アニメーション設定。
   左からアニメーション名、動きの速さ（2s=2秒）、開始時間（1s=1秒後）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
    animation: arrow-move08 2s 1s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg

/*共通設定*/
.cp_arrows .cp_arrow {
    position: absolute;
    /*矢印の到着位置　（縦位置）*/
    top: 100%;
    /*矢印の到着位置　（横位置）*/
    left: 45%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    /*透明度（0=透明、1=不透明）*/
    opacity: 0;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .content :first-child {
    margin-top: 0;
}

@keyframes arrow-move08 {

    /*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
    0% {
        top: 40%;
        opacity: 0;
    }

    /*2sの70％（1.7秒）時に不透明になる*/
    70% {
        opacity: 1;
    }

    /*2s（2秒）時に透明になる*/
    100% {
        opacity: 0;
    }
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows .cp_arrow:before {
    /*矢印左の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(30deg) translateX(-39%);
    /*矢印左の棒の起点。（top left=左上）*/
    transform-origin: top left;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows .cp_arrow:after {
    /*矢印右の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
    transform: rotate(-30deg) translateX(39%);
    /*矢印右の棒の起点。（top right=右上）*/
    transform-origin: top right;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows .cp_arrow:before,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows .cp_arrow:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    /*矢印の棒の横の長さ*/
    width: 40px;
    /*矢印の棒の縦の長さ*/
    height: 3px;
    content: '';
    /*矢印の色*/
    background: #E91E63;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *:before,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .cp_arrows *:after {
    box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg content div:after,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .content p:after {
    clear: both;
}

#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .content div :after,
#sb-part-1449.sb-custom-part-llvzynlypkgor8hjgkg .content p:after {
    display: block;
    content: "";
    clear: both;
}


#sb-part-5405.sb-custom-part-llxk7qcdz7g3mrvnm0b .gradientBorder__area {
    /*枠の大きさ*/
    width: 90%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

#sb-part-5405.sb-custom-part-llxk7qcdz7g3mrvnm0b .gradientBorder__area:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    height: calc(100% + (3px * 2));
    width: calc(100% + (3px * 2));
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: 6px;
    z-index: 0;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}

#sb-part-5405.sb-custom-part-llxk7qcdz7g3mrvnm0b .gradientBorder__inner {
    width: calc(100% - 20px);
    padding: 10px;
    z-index: 1;
    position: relative;
    border-radius: 3px;
    background: #fff;
}

#sb-part-5405.sb-custom-part-llxk7qcdz7g3mrvnm0b .text {
    font-size: 16px;
    text-align: left;
    color: #333;
}


@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


#sb-part-2780.sb-custom-part-llxkaxw3p5ry4rtkvte .icon {
    position: relative;
    font-size: 21px;
    font-weight: bold;
    color: #ff6a6a;
    background: #fffff4;
    line-height: 1.4;
    padding: 11px 11px 11px 32px;
    border-top: dotted 1px gray;
    border-bottom: dotted 1px gray;
}

#sb-part-2780.sb-custom-part-llxkaxw3p5ry4rtkvte .icon:before,
#sb-part-2780.sb-custom-part-llxkaxw3p5ry4rtkvte .icon:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
}

#sb-part-2780.sb-custom-part-llxkaxw3p5ry4rtkvte .icon:before {
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #ff6a6a;
    left: 5px;
}

#sb-part-2780.sb-custom-part-llxkaxw3p5ry4rtkvte .icon:after {
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-65%);
}


#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue {
    display: flex;
    justify-content: center;
}

#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue span {
    display: block;
    /*点の幅サイズ*/
    width: 10px;
    /*点の高さサイズ*/
    height: 10px;
    /*点の色*/
    background-color: #ccc;
    /*角を丸くする*/
    border-radius: 100vh;
    /*点周りの余白。左の値が上下、右の値が左右*/
    margin: 10px 0;
}

#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-1,
#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-2,
#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-3 {
    /*アニメーションの指定。左から、アニメーション名、アニメーション時間の長さ（1sは1秒）、infiniteは無限に再生を繰り返す*/
    -webkit-animation: continue 1s infinite;
    -moz-animation: continue 1s infinite;
}

#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-1 {
    /*アニメーションし始める時間*/
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
}

#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-2 {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
}

#sb-part-1955.sb-custom-part-llvzza8mm98pcc3a3i .continue .dot-3 {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}

@-webkit-keyframes continue {

    /*アニメーション時間軸の指定。0%は開始地点、50%は真ん中、100%は最後の地点*/
    0% {
        /*不透明度の指定。1は不透明度100%*/
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes continue {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}



#sb-part-1417.sb-custom-part-llwiv0ul3j752n35upw span.dotted {
    /*下線の種類指定*/
    border-bottom-style: dotted;
    /*線の色*/
    border-bottom-color: #F06666;
    /*線の太さ*/
    border-bottom-width: 5px;
    /*文字と線の余白*/
    padding-bottom: 2px;
}


#sb-part-4884.sb-custom-part-llwkb5ui1mmvnu80bm

/*動画を囲んでる箱*/
.video__area {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}

#sb-part-4884.sb-custom-part-llwkb5ui1mmvnu80bm

/*動画*/
.video__area .ideo {
    /*横幅*/
    width: 100%;
    /*高さ*/
    height: auto;
}


#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタンの設定*/
.auraBtn {
    position: relative;
    /*横幅*/
    width: 90%;
    /*外側の余白｜上下余白｜左右余白（auto=センタリング）｜*/
    margin: 3em auto;
    /*-webkit-transition: .2s;
  transition: .2s;*/
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタンが広がるアニメーション（1番目）*/
.auraBtn:before {
    /*アニメーションの設定 変更する場合は該当場所を修正してください。
   アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
    -webkit-animation: auraBtn 2s ease-out infinite;
    animation: auraBtn 2s ease-out infinite
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタンが広がるアニメーション（2番目）*/
.auraBtn:after {
    /*アニメーションの設定 変更する場合は該当場所を修正してください。
   アニメーション名、動きの速さ.2s（=0.2秒）、動き具合、動く回数*/
    -webkit-animation: auraBtn 2s ease-out 1s infinite;
    animation: auraBtn 2s ease-out 1s infinite
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタンが広がるアニメーション（共通設定）*/
.auraBtn:before,
#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*ボタンの角丸*/
    border-radius: 100vh;
    /*広がるボタンの色(green, red, blue以外の場合はここを修正してください）*/
    background: #ffaaae;
    /*広がるボタンの初期位置*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタン自体の設定*/
.auraBtn a {
    /*文字の色*/
    color: #fff;
    /*文字の太さ*/
    font-weight: 600;
    display: block;
    /*内側の余白｜上下余白｜左右余白｜*/
    padding: 20px 0;
    /*ボタンの角丸*/
    border-radius: 100vh;
    /*ボタン内テキストの水平方向の位置*/
    text-align: center;
    /*リンクの装飾*/
    text-decoration: none;
    /*ボタンの色(green, red, blue以外の場合はここを修正してください）*/
    background: #ff5555;
    position: relative;
    z-index: 1;
}

/*広がるボタンのアニメーション（変更する場合は該当する箇所を修正してください）*/
@keyframes auraBtn {

    /*アニメーション初期（0秒の時）*/
    0% {
        /*拡大率　（1=100％）*/
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        /*透明度（0=透明、1=不透明）*/
        opacity: 1
    }

    /*1.8秒時*/
    90% {
        /*透明度*/
        opacity: .1
    }

    /*アニメーション最後（2秒時）*/
    to {
        /*拡大率　1番目の値はX軸、2番目の値はY軸*/
        -webkit-transform: scale(1.2, 1.5);
        transform: scale(1.2, 1.5);
        /*透明度*/
        opacity: 0
    }
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*ボタン右側の矢印の設定*/
.auraBtn a span {
    display: block;
    position: relative;
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn a span:after {
    content: "";
    position: absolute;
    /*矢印の位置*/
    top: 50%;
    right: 30px;
    /*矢印の横幅*/
    width: 8px;
    /*矢印の高さ*/
    height: 8px;
    margin: -4px 0 0 0;
    /*矢印の線｜太さ｜線種｜色｜*/
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    /*矢印の回転角度*/
    -webkit-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg)
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*緑の場合の色*/
.auraBtn.green a {
    background: #32ca5b;
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn.green:before,
#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn.green:after {
    background: #32ca5b;
    border: 1px solid #32ca5b;
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb

/*青の場合の色*/
.auraBtn.blue a {
    background: #389aff;
}

#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn.blue:before,
#sb-part-1060.sb-custom-part-lmykmj1crgwzh88m4qb .auraBtn.blue:after {
    background: #389aff;
    border: 1px solid #389aff;
}