/*切り替え*/
.sp_only{
    display: none !important;
}
.tab_only{
    display: none !important;
}
 .pc_only{
    display: block !important;
}
.pc_tab_only{
    display: block !important;
}
img{
    width: 100%;
    vertical-align: bottom;
}
@media screen and (max-width: 1024px){
    .sp_only{
        display: none !important;
     }
     .pc_only{
        display: none !important;
    }
    .tab_only{
        display: block !important;
    }
    .pc_tab_only{
        display: block !important;
    }
}
@media screen and (max-width: 769px){
    .pc_only{
        display: none !important;
    }
    .tab_only{
        display: none !important;
    }
    .sp_only{
        display: block !important;
    }
    .pc_tab_only{
        display: none !important;
    }
}

/*デフォルトで入ってたトップに戻るボタンを隠しました*/
.ec-blockTopBtn{
    opacity: 0;
    cursor: default;
}
/*以上*/

/*ボタン　動き*/
.click{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.change{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.click:before{
    background: #BFBFBF;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 45%;
    transform: translate(-50%);
    position: absolute;
    content: "";
}
.click:after{
    background: #BFBFBF;
    width: 1px;
    height: 100%;
    top: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: "";
}
.active:after{
    opacity: 0;
}
/*以上*/

.ec-icon{
    padding-top: 0;
}
.bold{
    font-weight: bold;
}
a{
    color: #000;
}
a:hover{
    text-decoration: none;
}
body{
    color: #000;
    background: #fff;
}
html{
    background: #fff;
}
.flex_wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

/* メインカラー（共通）*/
.green{
    color: #2BB28D;
}
.orange{
    color: #F08C00;
}

.dark_yellow{
    color: #A99648;
}

.pink{
    color: #e6c7cf;
}

.green_bk_01{
    background-color: #2BB28D;
}
.orange_bk_01{
    background-color: #F08C00;
}

.dark_yellow_bk_01{
    background-color: #A99648;
}

.pink_bk_01{
    background-color: #FFA4D1;
}

.green_bk_02{
    background: #EFF5F3;
}
.orange_bk_02{
    background: #FBF2E6;
}

.dark_yellow_bk_02{
    background: #E9E5D1;
}

.pink_bk_02{
    background: #F9F0F5;
}