@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*/
.title_top{
	background: #f2295b;
	padding: 8px 0;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
img{
	max-width: 100%;
}
p{font-size:16px;}
.txt_red{
	color: #e43075;
}
.link_about a{text-decoration:none;}
.txt_violet{
	color: #4f4888;
}
.no_line{
	text-decoration: none;
}
.txt_reds{
	color:#ff0000;
}
.txt_blue{
	color:#3366ff;
}
.txt_green{
	color:#008080;
}
.txt_navy{
	color:#008000;
}
.txt_pink{
	color: #f5607d;
}
.txt_pink2{
	color: #ff00ff;
}
.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_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: 400px;
}
.txt_note{
	font-size: 9px;
	color:#666666;
}
.txt_center{
	text-align: center;
}
.bg_yellow{
	background:#ffff99; 
}
.bg_blue{
	background:#ccffff; 
}
.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;
}
.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 #33720e;
    padding: 2px 10px;
    font-size: 1.6em;
    font-weight: bold;
    margin: 5px 0;
	line-height:1;
}
.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;
}
.pink_box{
	border: 2px solid;
	padding:20px 50px;
}
.box_img{
	background-color: #fffbbc;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.box_img .box_img_thumb{
	padding: 30px;
	text-align: center;
}
.box_text{
	margin: 20px 200px 20px 200px;
    padding: 10px 10px 10px 10px;
    background-color: #ffe8e8;
}
.box_blue{
	margin: 30px 0px ;
    padding: 30px;
    background-color: #f4f4f4;
    border: 2px solid #4f4888;
}
.box_underline{
	border-bottom: 1px dotted #000;
	padding: 15px 0;
}
.list-icon i {
    color: #4f4888;
    font-size: 23px;
}
.list-icon i:before {
    content: "\f00c";
}
.tag_st{
	background:#666666;
    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{
	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;
}
@-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);}
}
@-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;
	-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 {
    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: 1.5em;
}
.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;
}
.lh1_5{
	line-height: 1.5em;
}
.txt_gray{
	color: #777;
}
/* ライター表記 */
.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;
	-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;
	-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;
	-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 #888;
    border-bottom: 1px dotted #888;
    padding: 2px 10px;
    font-size: 21px;
    font-weight: bold;
    margin: 5px 0;
	line-height:1.5;
}
.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_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;
}