@charset "utf-8";

/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twenty-seventeen-child
*/


/*
子テーマ
*/


/*全体の設定
---------------------------------------------------------------------------*/


/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
*/


/*Phuong edit*/

p {
    font-size: 16px;
}

video {
    max-width: 100%;
    margin: 0 auto;
}

video.vcl01 {
    max-width: 400px;
    margin: 0 auto;
    display: block;
}

.txt_red {
    color: #e43075;
}

.link_about a {
    text-decoration: none;
}

.txt_violet {
    color: #8e7cc3;
}

.no_line {
    text-decoration: none;
}

.txt_reds {
    color: #ff0000;
}

.txt_blue {
    color: #3366ff;
}

.txt_green {
    color: #33cccc;
}

.txt_navy {
    color: #008000;
}

.txt_pink {
    color: #ff99cc;
}

.txt_pink2 {
    color: #ff00ff;
}

.txt_pink3 {
    color: #ff3370;
}

.txt_pink4 {
    color: #e63751;
}

.tk_link a {
    color: #000;
    text-decoration: none;
}

.fs19 {
    font-size: 19px;
}

.fs29 {
    font-size: 29px;
}

.txt_bold_pink {
    color: #e82560;
    font-weight: bold;
}

.col_black {
    color: #000;
}

.txt_bold_reds {
    font-weight: bold;
    color: #ff0000;
}

.txt_bold_yellow {
    color: #ff6600;
    font-weight: bold;
}

.fix_ct {
    color: #666;
}

.txt_bold_blue {
    color: #333399;
    font-weight: bold;
}

.txt_bold_blue2 {
    color: #0000ff;
    font-weight: bold;
}

.list_images .imgss img {
    margin: 0 auto;
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.slick-dots {
    margin-top: 5px;
}

.slick-dots li button {
    font-size: 6px;
    line-height: 20;
    display: block;
    width: 6px;
    height: 6px;
    padding: 5px;
    cursor: pointer;
    color: #000;
    border: 0;
    opacity: 0.25;
    display: block;
    outline: none;
    background: #000;
    text-indent: -9999999px;
    border-radius: 50%;
}

.slick-dots li.slick-active button {
    opacity: 0.75;
}

.txt_bold_white {
    font-weight: bold;
    color: #fff;
}

.txt_bold_red {
    color: #ff0000;
    font-weight: bold;
}

.pdt50 {
    padding-top: 50px;
}

.fs26 {
    font-size: 26px;
}

.fs35 {
    font-size: 35px;
}

.mgb30 {
    margin-bottom: 30px;
}

.txt_green_bd {
    font-weight: bold;
    color: #33cccc;
}

.fix_fixed {
    position: relative;
    width: 600px;
    height: 400px;
    margin: 0 auto;
}

.fix_fixed p {
    position: fixed;
    z-index: 0;
}

.content_01,
.content_02,
.content_03,
.content_04,
.content_05 {
    background-color: #fff;
    position: relative;
    z-index: 9;
}

.ttl_h.entry-title {
    color: #494949;
    border-left: solid 5px #7db4e6;
    padding: 2px 10px;
    margin: 5px 0;
    line-height: 2;
}

.fix_fixed h1 {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.26);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    word-break: break-all;
}

.txt_dotted {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    width: 100%;
}

.col_date {
    color: rgb(69, 69, 69);
}

.fs14 {
    font-size: 14px;
}

.txt_bold {
    font-weight: bold;
}

.txt_bold_pinks {
    font-weight: bold;
    color: #e81e83;
}

.col_redss {
    color: #ff0000;
}

.txt_bg {
    background-color: #ffff00;
}

.col_pink {
    color: #e01380;
}

.col_yellow {
    color: #ffbb33;
}

.txt_bold_green {
    color: #4a2a00;
    font-weight: bold;
}

.txt_bold_black {
    font-weight: bold;
    color: #66513a;
}

.txt_underline {
    text-decoration: underline;
}

.vcl01 {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    width: 100%;
}

.txt_note {
    font-size: 9px;
    color: #666666;
}

.txt_center {
    text-align: center;
}

.bg_yellow {
    background: #ede06f;
}

.bg_blue {
    background: #ccffff;
}

.bg_purple {
    background: rgba(214, 154, 191, 0.76);
}

.bg_pink {
    background-color: #ff3370;
    color: #ffffff;
}

.bg_pink2 {
    background-color: #ff6b92;
    color: #ffffff;
}

.bg_og {
    background-color: #ff9900;
    color: #ffffff;
}

.bg_green {
    background-color: #33cccc;
    color: #ffffff;
}

.bg_violet {
    background: #e2c7e5 !important;
}

.p_img {
    text-align: center;
    margin-top: 20px;
}

.txt_og {
    color: #ff9900;
}

.txt_og2 {
    color: #ff6600;
}

.mgt30 {
    margin-top: 30px;
}

.mgt50 {
    margin-top: 50px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt10 {
    margin-top: 10px;
}

.mgt40 {
    margin-top: 40px;
}

.mgt5 {
    margin-top: 5px;
}

.fs20 {
    font-size: 20px;
}

.fs28 {
    font-size: 28px;
}

.fs21 {
    font-size: 21px;
}

.fs22 {
    font-size: 22px;
}

.fs24 {
    font-size: 24px;
}

.fs18 {
    font-size: 18px;
}

.fs13 {
    font-size: 13px;
}

.fs15 {
    font-size: 15px;
}

.fs8 {
    font-size: 8px;
}

.fs9 {
    font-size: 9px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs10 {
    font-size: 10px;
}

.fs12 {
    font-size: 12px;
}

.txt_right {
    text-align: right;
}

.mk_el_title_st03 {
    color: #494949;
    border-left: solid 5px #7db4e6;
    padding: 2px 10px;
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 0;
    line-height: 1.5;
}

.title_h2 {
    font-size: 22px;
    font-weight: bold;
    border-top: 5px solid #ff8635;
    border-bottom: 5px solid #ff8635;
    padding: 10px 0;
}

.title_st02 {
    color: #6594e0;
    border-bottom: dashed 2px #6594e0;
    padding: 2px 10px;
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 0;
}

.title_st3 {
    border-left: 5px solid #888;
    border-bottom: 1px dotted #888;
    padding: 2px 10px;
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 0;
}

.title_st11 {
    position: relative;
    border-top: solid 2px #ff9900;
    border-bottom: solid 2px #ff9900;
    background: #f4f4f4;
    line-height: 1.5;
    padding: .4em .5em;
    margin: 3.5em 0 .5em;
}

.title_st11:after {
    position: absolute;
    font-family: FontAwesome, 'Quicksand', 'Avenir', 'Arial', sans-serif;
    content: '\f0a7\ POINT';
    background: #ff9900;
    color: #fff;
    left: 0px;
    bottom: 100%;
    border-radius: 5px 5px 0 0;
    padding: 5px 7px 3px;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.05em;
}

.title_st11.green {
    border-color: #33cccc;
}

.green.title_st11:after {
    background: #33cccc;
}

.title_st11.pink {
    border-color: #ff6b92;
}

.pink.title_st11:after {
    background: #ff6b92;
}

.pink_box {
    border: 2px solid;
    padding: 20px 50px;
}

.box_purple {
    background: #f2cdedab;
}

.list-icon i {
    color: #4f4888;
    font-size: 23px;
}

.list-icon i:before {
    content: "\f00c";
}

.tag_st {
    background: #ff5c8a;
    color: #fff;
    display: inline-block;
    padding: 3px 4px;
    margin: 2px;
    border-radius: 5px;
    font-size: 0.8em;
}


/* .content_01{
	border-top:1px dotted #000;
} */

.tag_st i {
    margin-right: 2px;
}

.fa-tags:before {
    content: "\f02c";
}

footer {
    text-align: center;
    background-color: #140600;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 10px 0px 10px 0px;
    margin-top: 60px;
    color: #fff;
}

footer a,
footer p {
    color: #fff;
}

.footer .ft_last {
    font-size: 15px;
}

footer .copy_right {
    color: #fff;
}


/********************************************************
矢印+リンクボタン
*********************************************************/


/* iphoneで左右に動かないようにする */

.elementor-widget-mk_adv_btnlink_01 {
    overflow: hidden;
}

.arrow_btn {
    width: 80%;
    max-width: 80%;
    display: table;
    margin: 0 auto;
    text-decoration: none;
}

.arrow_btn .a-arrow {
    width: 15%;
    display: table-cell;
    vertical-align: middle;
    left: 0%;
    top: 0%;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: animate2;
    -moz-animation-name: animate2;
    -o-animation-name: animate2;
    animation-name: animate2;
    z-index: 10;
}

.arrow_btn .a-arrow img {
    width: 70%;
    display: block;
}

.arrow_btn a {
    text-decoration: none;
    color: #fff !important;
}

.line-throughss {
    text-decoration: line-through;
}

.arrow_btn .anime_btn {
    width: 85% !important;
    max-width: 85% !important;
    display: table-cell;
    vertical-align: middle;
    background: #ff0044;
    border-radius: 6px;
    font-size: 1.5em;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    line-height: 1.6;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.caption {
    text-align: center;
    color: #4f4888;
    font-size: 30px;
    font-weight: bold;
}

@keyframes animate1 {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}

@-moz-keyframes animate1 {
    0% {
        -moz-transform: skewX(9deg);
    }
    10% {
        -moz-transform: skewX(-8deg);
    }
    20% {
        -moz-transform: skewX(7deg);
    }
    30% {
        -moz-transform: skewX(-6deg);
    }
    40% {
        -moz-transform: skewX(5deg);
    }
    50% {
        -moz-transform: skewX(-4deg);
    }
    60% {
        -moz-transform: skewX(3deg);
    }
    70% {
        -moz-transform: skewX(-2deg);
    }
    80% {
        -moz-transform: skewX(1deg);
    }
    90% {
        -moz-transform: skewX(0deg);
    }
    100% {
        -moz-transform: skewX(0deg);
    }
}

@-o-keyframes animate1 {
    0% {
        -o-transform: skewX(9deg);
    }
    10% {
        -o-transform: skewX(-8deg);
    }
    20% {
        -o-transform: skewX(7deg);
    }
    30% {
        -o-transform: skewX(-6deg);
    }
    40% {
        -o-transform: skewX(5deg);
    }
    50% {
        -o-transform: skewX(-4deg);
    }
    60% {
        -o-transform: skewX(3deg);
    }
    70% {
        -o-transform: skewX(-2deg);
    }
    80% {
        -o-transform: skewX(1deg);
    }
    90% {
        -o-transform: skewX(0deg);
    }
    100% {
        -o-transform: skewX(0deg);
    }
}

@-webkit-keyframes animate1 {
    0% {
        -webkit-transform: skewX(9deg);
    }
    10% {
        -webkit-transform: skewX(-8deg);
    }
    20% {
        -webkit-transform: skewX(7deg);
    }
    30% {
        -webkit-transform: skewX(-6deg);
    }
    40% {
        -webkit-transform: skewX(5deg);
    }
    50% {
        -webkit-transform: skewX(-4deg);
    }
    60% {
        -webkit-transform: skewX(3deg);
    }
    70% {
        -webkit-transform: skewX(-2deg);
    }
    80% {
        -webkit-transform: skewX(1deg);
    }
    90% {
        -webkit-transform: skewX(0deg);
    }
    100% {
        -webkit-transform: skewX(0deg);
    }
}

@keyframes animate2 {
    0% {
        -moz-transform: translateX(0px);
    }
    45% {
        -moz-transform: translateX(20px);
    }
    50% {
        -moz-transform: translateX(25px);
    }
    55% {
        -moz-transform: translateX(20px);
    }
    95% {
        -moz-transform: translateX(0px);
    }
    100% {
        -moz-transform: translateX(0px);
    }
}

@-moz-keyframes animate2 {
    0% {
        -moz-transform: translateX(0px);
    }
    45% {
        -moz-transform: translateX(20px);
    }
    50% {
        -moz-transform: translateX(25px);
    }
    55% {
        -moz-transform: translateX(20px);
    }
    95% {
        -moz-transform: translateX(0px);
    }
    100% {
        -moz-transform: translateX(0px);
    }
}

@-o-keyframes animate2 {
    0% {
        -o-transform: translateX(0px);
    }
    45% {
        -o-transform: translateX(20px);
    }
    50% {
        -o-transform: translateX(25px);
    }
    55% {
        -o-transform: translateX(20px);
    }
    95% {
        -o-transform: translateX(0px);
    }
    100% {
        -o-transform: translateX(0px);
    }
}

@-webkit-keyframes animate2 {
    0% {
        -webkit-transform: translateX(0px);
    }
    45% {
        -webkit-transform: translateX(20px);
    }
    50% {
        -webkit-transform: translateX(25px);
    }
    55% {
        -webkit-transform: translateX(20px);
    }
    95% {
        -webkit-transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(0px);
    }
}

.animate {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: auto;
    margin-right: auto;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation-name: animate1;
    -moz-animation-name: animate1;
    -o-animation-name: animate1;
    animation-name: animate1;
    width: 90%;
    z-index: 1;
}


/*リセット*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

html,
body {
    color: #000000;
    margin: 0px;
    padding: 0px;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana;
    background-color: #fff;
    word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {
    margin: 0px;
    padding: 0px;
    line-height: 1.5em;
}

ul {
    list-style-type: none;
}

img {
    max-width: 100%;
    border: none;
    padding: 0px;
    vertical-align: middle;
}

input,
textarea,
select {
    font-size: 1em;
}

form {
    margin: 0px;
}

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

em {
    font-style: normal;
}

a {
    text-decoration: none;
}

p {
    line-height: 2;
}

.box_780px {
    width: 780px !important;
    margin: 0 auto !important;
}

.st_center {
    text-align: center;
}

.h1_text_01 {
    font-size: 1.6em;
    font-weight: bold;
}

.small_text {
    font-size: 0.9em;
}

.bold_text {
    font-weight: bold;
}

.st_right {
    text-align: right;
}

.mg_bt_10 {
    margin-bottom: 10px;
}

.mg_clear {
    margin: 0 !important;
}

.block_st_01 {
    border: 1px solid #ccc;
    padding: 10px;
}

.vert_top {
    vertical-align: top;
}

.disp_inline {
    display: inline !important;
}

.disp_inline_block {
    display: inline-block !important;
}

.disp_block {
    display: block !important;
}

.disp_none {
    display: none !important;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.clear {
    clear: both !important;
}

.clear_after:after {
    content: "" !important;
    clear: both !important;
    height: 0 !important;
    display: block !important;
    visibility: hidden !important;
}

.a_under {
    text-decoration: underline !important;
}

.stxt {
    font-size: 11px;
}

.lh2 {
    line-height: 2em;
}

.lh15 {
    line-height: 1.5em;
}

.txt_gray {
    color: #808080;
}


/* ライター表記 */

.writer_info:after {
    content: "" !important;
    clear: both !important;
    height: 0 !important;
    display: block !important;
    visibility: hidden !important;
}

.writer_info .writer_icon {
    float: left;
    width: 55px !important;
}

.writer_info .writer_icon img {
    width: 100%;
}

.writer_info .writer_parts {
    float: left;
    width: calc(100% - 55px);
    padding-left: 10px;
    font-size: 1em;
}


/* Shortcodes Ultimate用CSS */


/* ボタン */

.su-button {
    font-weight: bold !important;
    padding: 10px 0 !important;
}

.su-button span {
    line-height: 1.5 !important;
}


/* 汎用ボタン */

.cta_bt_01 {
    margin: 10px 0;
    text-align: center;
    letter-spacing: -0.03em;
}

.cta_bt_01>a {
    display: inline-block;
    border-radius: 20px;
    font-size: 1.6em;
    font-weight: bold;
    background: #96D947;
    padding: 10px 40px;
    line-height: 1.5;
    color: #fff;
}

.cta_bt_01_pk {
    margin: 10px 0;
    text-align: center;
    letter-spacing: -0.03em;
}

.cta_bt_01_pk>a {
    display: inline-block;
    border-radius: 20px;
    font-size: 1.3em;
    font-weight: bold;
    background: #FF214F;
    padding: 30px 80px;
    line-height: 1.5;
    color: #fff;
    text-decoration: none;
}


/* 動的に隠れるヘッダー */

#header_01 {
    background: #fff;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    height: 75px;
    overflow: hidden;
}

.header_01 {
    background: #F3EFEA;
    padding: 5px 0px 5px 0px;
}

.header_01 p {
    text-align: center;
}

.header_01 img {
    max-width: 283px;
    height: auto;
}

#first_view {
    margin-top: 75px !important;
}


/*タイトル*/

.heading-title-01 h2 {
    font-size: 1.5em !important;
    padding: 10px!important;
    border-bottom: 1px dotted #300!important;
    border-left: 5px solid #777!important;
    font-weight: bold!important;
    color: #000!important;
    margin: 10px 0 !important;
}


/*ボタン　hover時のアクション*/

.hover_shadow_01 {
    position: relative;
    transition: all 0.1s;
}

.hover_shadow_01>a:hover {
    box-shadow: 0 2px 5px #333;
    top: -2px;
}


/* elementorエディタ用 */

.section {
    width: 780px !important;
    margin: 0 auto !important;
}

.elementor-section-clear {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-text-editor p {
    margin: 0px !important;
    line-height: 1.7em !important;
    /* font-size:1.1em !important; 2018.3.22 remove */
    font-size: 16px !important;
}

.elementor-image-box-title {
    font-size: 1em !important;
    font-weight: normal !important;
}

.elementor-image-box-title>a {
    text-decoration: underline !important;
}

.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
}

.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px !important;
}

.border-bottom-01 {
    border-bottom: 1px solid #ddd !important;
}

.is-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
}

.width_10per {
    width: 10% !important;
}

.width_20per {
    width: 20% !important;
}

.width_70per {
    width: 70% !important;
}

.width_80per {
    width: 80% !important;
}

.width_90per {
    width: 90% !important;
}

.width_100per {
    width: 100% !important;
}


/******************
Just TinyMCE Custom Stylesプラグイン用のスタイル
※プラグインで設定したCSSと同じ記述を以下に記述する
******************/

.pink_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFCFE5 0%) repeat scroll 0 0;
}

.blue_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #B1FDF6 0%) repeat scroll 0 0;
}

.yellow_line {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFFF82 0%) repeat scroll 0 0;
}

.act_line {
    background-position: -100% 1.3em !important;
}

.act_line_off {
    background: 0% 1.3em !important;
}

.pink_line_narrow {
    /*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
    padding: 3px 1px;
    background-size: 200% 4px;
    background-repeat: repeat-x;
    transition: all 5s ease;
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
    background-image: -webkit-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(255, 4, 183, 0.75) 50%);
    background-image: -moz-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(255, 4, 183, 0.75) 50%);
    background-image: -o-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(255, 4, 183, 0.75) 50%);
    background-image: -ms-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(255, 4, 183, 0.75) 50%);
    background-image: linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(255, 4, 183, 0.75) 50%);
    /*background-position:0% 1.3em;*/
    background-position: -100% 1.3em;
}

.blue_line_narrow {
    /*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
    padding: 3px 1px;
    background-size: 200% 4px;
    background-repeat: repeat-x;
    transition: all 5s ease;
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
    background-image: -webkit-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(2, 255, 204, 0.75) 50%);
    background-image: -moz-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(2, 255, 204, 0.75) 50%);
    background-image: -o-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(2, 255, 204, 0.75) 50%);
    background-image: -ms-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(2, 255, 204, 0.75) 50%);
    background-image: linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(2, 255, 204, 0.75) 50%);
    /*background-position:0% 1.3em;*/
    background-position: -100% 1.3em;
}

.yellow_line_narrow {
    /*background:rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #FF70B6 0%) repeat scroll 0 0;*/
    padding: 3px 1px;
    background-size: 200% 4px;
    background-repeat: repeat-x;
    transition: all 5s ease;
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
    background-image: -webkit-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(248, 255, 0, 0.92) 50%);
    background-image: -moz-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(248, 255, 0, 0.92) 50%);
    background-image: -o-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(248, 255, 0, 0.92) 50%);
    background-image: -ms-linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(248, 255, 0, 0.92) 50%);
    background-image: linear-gradient(left, rgba(130, 255, 5, 0) 50%, rgba(248, 255, 0, 0.92) 50%);
    /*background-position:0% 1.3em;*/
    background-position: -100% 1.3em;
}

.padding_clear {
    padding: 0 !important;
}

.padding_clear .elementor-row {
    padding: 0 !important;
}

.slider {
    width: 780px;
    margin: 0 auto;
}

.slider img {
    width: 260px;
    height: 141px;
}

.slider_step img {
    width: 260px;
    height: 250px;
}


/************************************
** 動くボタンのCSS
************************************/

.txt_box {
    padding: 7px 7px 7px 7px;
    border-style: solid;
}

.list_box {
    padding: 8px 8px 8px 8px;
    border-style: dashed;
    border-width: 2px 2px 2px 2px;
    border-color: #515151;
}

.list_box li {
    line-height: 1.9;
}

.list_box span {
    color: #b81d1d;
}

.mk_el_title_st13 {
    border-left: 5px solid #ef937a;
    padding: 2px 10px;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
}

.title_st05 {
    position: relative;
    padding: 0.6em;
    margin-bottom: 15px;
    background: #f9bf40;
    color: #fff;
    line-height: 1.3em;
}

.title_st05:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #f9bf40;
    width: 0;
    height: 0;
}

.title_st05.green {
    background: #7ddbe0;
}

.green.title_st05:after {
    border-top-color: #7ddbe0;
}

.title_st05.pink {
    background: #ff6b92;
}

.pink.title_st05:after {
    border-top-color: #ff6b92;
}

.text_image {
    background-color: #e5e5e5;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 15px;
}

.big_img i {
    color: #f4507f;
    font-size: 29px;
}

.big_img span {
    padding-left: 7px;
    font-weight: 600;
    font-size: 23px;
}

.fs23 {
    font-size: 23px;
}

.fs25 {
    font-size: 25px;
}

.bor_bt {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #6b645b;
    width: 100%;
}

.big_img {
    border-style: dashed;
    border-width: 1px 1px 1px 1px;
    border-color: #493e26;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 8px 8px 8px 8px;
}

.okf .fs15 {
    font-size: 15px!important;
}

.iconimg p {
    font-weight: bold;
    color: #555;
}

.fukidashi p {
    line-height: 1.5 !important;
    font-size: 1.5em;
}

.balloon1-left {
    max-width: 100% !important;
    display: table !important;
    margin: 10px 50px 10px 0 !important;
}

.balloon1-left .iconimg {
    width: 20% !important;
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    padding-right: 10px;
}

.balloon1-left .iconimg img {
    width: 80% !important;
    border-radius: 50% !important;
    border: 3px solid #ddd;
}

.balloon1-left .fukidashi {
    display: table-cell !important;
    vertical-align: middle;
    position: relative;
    margin: 1.5em 30px 2em 15px;
    padding: 10px 15px;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 10px;
    word-break: break-all;
}

.balloon1-left .fukidashi:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #e0edff;
}

.balloon1-right {
    max-width: 100%;
    display: table;
    margin: 10px 0 10px 50px;
}

.balloon1-right .fukidashi {
    width: 80% !important;
    display: table-cell !important;
    vertical-align: middle;
    position: relative;
    margin: 1.5em 0 2em 15px;
    padding: 10px 15px;
    color: #555;
    font-size: 16px;
    background: #E0FFE2;
    border-radius: 10px;
    word-break: break-all;
}

.balloon1-right .fukidashi:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #E0FFE2;
}

.balloon1-right .iconimg {
    width: 20%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
}

.balloon1-right .iconimg img {
    max-width: 100%;
    opacity: 1;
    width: 80%;
    border-radius: 50%;
    border: 3px solid #ddd;
}

.bd1 {
    border: 1px solid #f4f4f4;
}


/**********************************************************
スマホ用
**********************************************************/

@media screen and (max-width:767px) {
    .slider {
        width: 100%;
        margin: 0 auto;
    }
    .slider img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .wrap {
        padding: 0 5px;
    }
    .fix_fixed {
        max-width: 100%;
        width: initial;
    }
    .box_text {
        margin: 30px 0 0 0;
    }
    .fix_fixed p {
        left: 0;
    }
    .slider .slick-prev,
    .slider .slick-next {
        display: none !important;
    }
    .h1_text_01 {
        font-size: 22px;
    }
    .elementor-row {
        padding: 0 5px !important;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    iframe {
        width: 100%;
    }
    /* elementorエディタ用 */
    .section {
        max-width: 98%;
        width: 100% !important;
        margin: 0 auto!important;
        padding: 0 5px !important;
    }
    .sp_width_100per {
        width: 100% !important;
    }
    .sp_text_align_center {
        text-align: center !important;
    }
    /* ライター表記 */
    .writer_info .writer_icon {
        width: 45px;
        padding-top: 2px;
    }
    .writer_info .writer_parts {
        width: calc(100% - 58px);
        padding-left: 5px;
        font-size: 0.9em;
    }
    /* Shortcodes Ultimate用CSS */
    /* ボタン */
    .su-button {
        width: 90%;
    }
    .su-button span {
        font-size: 4.5vw !important;
        padding: 10px !important;
    }
    /* 動くマーかー関連 */
    .act_line {
        background-position: -100% 1.1em !important;
    }
    .act_line_off {
        background: 0% 1.1em !important;
    }
    .pink_line_narrow {
        background-size: 200% 10px;
        background-position: -100% 1.1em;
    }
    .frame_box_01 {
        max-width: 100%!important;
        padding: 0!important;
    }
    .content_01,
    .content_02,
    .content_03,
    .content_04,
    .content_05 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .balloon1-left .fukidashi p span,
    .balloon1-right .fukidashi p span {
        font-size: 1.1em;
        line-height: 1.5 !important;
    }
    .balloon1-left .fukidashi:before {
        top: 30px;
        left: -25px;
        margin-top: -15px;
        border: 15px solid transparent;
        border-right: 15px solid #e0edff;
    }
    .balloon1-right .fukidashi:before {
        top: 30px;
        left: 99%;
        margin-top: -15px;
        border: 15px solid transparent;
        border-left: 15px solid #E0FFE2;
    }
    .balloon1-right,
    .balloon1-left {
        margin: 30px 10px 10px 0 !important;
    }
    .fukidashi p {
        font-size: 1.1em;
    }
    .txt_center_sp {
        text-align: center;
    }
}


/*ImgPSD*/

.imgbox03>div {
    width: 700px;
    height: 760px;
    position: relative;
    margin: 0 auto;
}

.imgch {
    position: absolute;
    top: 0;
    left: 0;
}

#bar03 {
    width: 3px;
    display: none;
}

#slidebtn03 {
    display: none;
    position: absolute;
    top: 300px;
    left: 250px;
    background: rgba(0, 182, 105, 0.6);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}

.fa-arrow-left {
    margin-right: 0px;
}

.fa-arrow-right {
    margin-left: 0px;
}

.animated.animated-slow {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

@media screen and (min-width:700px) {
    #bfimg03 {
        clip: rect(0px 358px 352px 358px);
    }
    .nt2_ch,
    .ft_last {
        margin-left: 10px;
    }
}

@media screen and (max-width:700px) {
    .imgbox03 {
        margin: 30px 34px 15px 34px;
    }
    .arrow_btn .anime_btn {
        font-size: 20px;
        padding: 15px 30px;
    }
    .imgbox03>div {
        width: 100%;
        min-height: 300px;
        height: auto;
    }
    #bfimg03,
    #afimg03 {
        width: 100%;
    }
    #bfimg03 {
        clip: rect(0px 700px 1000px 700px);
    }
    #bar03 {
        width: 6px;
    }
    .balloon1-left .iconimg {
        vertical-align: top;
    }
    .iconimg p {
        font-size: 2.5vw;
    }
}

.imgbox03>div {
    width: 600px;
    height: 610px;
    position: relative;
    margin: 0 auto;
}

.imgch {
    position: absolute;
    top: 0;
    left: 0;
}

#bar03 {
    width: 3px;
    display: none;
}

#slidebtn03 {
    display: none;
    position: absolute;
    top: 300px;
    left: 220px;
    background: rgba(0, 182, 105, 0.6);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
}

.fa-arrow-left {
    margin-right: 0px;
}

.fa-arrow-right {
    margin-left: 0px;
}

.animated.animated-slow {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

@media screen and (min-width:700px) {
    #bfimg03 {
        clip: rect(0px 358px 352px 358px);
    }
}

@media screen and (max-width:700px) {
    .imgbox03 {
        margin: 20px 34px 0;
    }
    .imgbox03>div {
        width: 100%;
        min-height: 300px;
        height: auto;
    }
    #bfimg03,
    #afimg03 {
        width: 100%;
    }
    #bfimg03 {
        clip: rect(0px 700px 1000px 700px);
    }
    #bar03 {
        width: 6px;
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    0%,
    100% {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .050, .855, .060);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.slick-slide img {
    margin: auto;
}

.slick-dots {
    text-align: center;
}

.slick-dots li button {
    padding: 3px;
}

.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9;
}

.slick-arrow:before {
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;
    opacity: 0.75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev::before {
    content: "\f053";
}

.slick-next::before {
    content: "\f054";
}

.slick-prev {
    left: 25px;
}

.slick-next {
    right: 25px;
}

@keyframes pulse {
    0%,
    100% {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
}

.pulse {
    animation-name: pulse;
    animation-duration: 2s;
    animation-timing-function: ease-in;
    animation-iteration-count: infinite;
}

.balloon1-left {
    max-width: 100% !important;
    display: table !important;
    margin: 30px 50px 30px 0 !important;
}

.balloon1-left .iconimg {
    width: 20% !important;
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    padding-right: 10px;
}

.balloon1-left .iconimg img {
    width: 80% !important;
    border-radius: 50% !important;
    border: 3px solid #ddd;
}

.balloon1-left .fukidashi {
    display: table-cell !important;
    vertical-align: middle;
    position: relative;
    margin: 1.5em 30px 2em 15px;
    padding: 10px 15px;
    color: #555;
    font-size: 16px;
    background: #e0edff;
    border-radius: 10px;
    word-break: break-all;
}

.balloon1-left .fukidashi.bg_violet {
    background: #e2c7e5;
}

.balloon1-left .fukidashi.bg_violet:before {
    border-right-color: #e2c7e5;
}

.balloon1-left .fukidashi.bg_yellow {
    background: #ede06f;
}

.balloon1-left .fukidashi.bg_yellow:before {
    border-right-color: #ede06f;
}

.balloon1-left .fukidashi p {
    line-height: 1.1em !important;
    font-size: 1.5em;
}

.balloon1-left .fukidashi:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -15px;
    border: 15px solid transparent;
    border-right: 15px solid #e0edff;
}

.balloon1-left .fukidashi.bg_pink {
    background: #f2b3c6;
}

.balloon1-left .fukidashi.bg_pink:before {
    border-right-color: #f2b3c6;
}

.balloon1-left .fukidashi.bg_green:before {
    border-right-color: #e0df96;
}

.balloon1-left .fukidashi.bg_green {
    background: #e0df96;
}

.box-intro {
    background: #dbcee2;
}

.box-intro-content {
    border-style: double;
    border-width: 8px 8px 8px 8px;
    border-color: #dbcee2;
    background: #fff;
}

.box-intro-title {
    font-size: 19px;
    color: #8e7cc3;
}

.animate.bounce {
    max-width: 525px;
}

.box-profile {
    border-style: double;
    border-width: 10px 10px 10px 10px;
    border-color: #e5bc90;
    margin-top: 20px;
}