@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/


/* レスポンシブ順番入れ替え */
@media (max-width: 639px) {
    .replacement {
        flex-direction: column-reverse;
    }
}

/* テキスト均等配置 */
.justify {
    text-align: justify;
}

@media (max-width: 639px) {
	.ganbare-img img {
		width: 280px;
	}
}


/* ------------------
    見出し
------------------ */

/* H2見出しあしらい */
h2.midashi.wp-block-heading {
    padding: 0.1em 1em;
    box-shadow: 4px -4px #CB000B;
    border: 2px solid #CB000B;
    position: relative;
}

/* H2見出しあしらい白 */
h2.midashi-white.wp-block-heading {
    padding: 0.1em 1em;
    box-shadow: 4px -4px #FFFFFF;
    border: 2px solid #FFFFFF;
    position: relative;
}


/* 見出しライン */
.ttl_line {
    position: relative;
    padding: 0.2em 0.5em;
}
.ttl_line::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    display: block;
    background-image: linear-gradient(to left, #f2bf19 0%, #CB000B 100%);
    background-image: -webkit-linear-gradient(right, #f2bf19 0%, #CB000B 100%);
    background-image: -webkit-gradient(linear, right top, left top, from(#f2bf19), to(#CB000B));
}


/* ------------------
    テーブル
------------------ */
/* テーブル見出し幅 */
.table-event tr td:first-child, .table-manager tr td:first-child{
    width: 25%;
}


/* ------------------
    スライダー
------------------ */
/* コンテナサイズ */
.slider-container {
    height: 600px;
    overflow: hidden;
}

@media screen and (max-width: 639px) {
    .slider-container {
        height: 300px;
    }
}


/* スライド下→上 */
.slider-up {
    animation: slide-up 20s linear infinite;
}
@keyframes slide-up {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}

/* スライド上→下 */

.slider-down {
    animation: slide-down 20s linear infinite;
}
@keyframes slide-down {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}


/* ------------------------------
    例会スケジュール
------------------------------ */
.reikai-schedule.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #faf7f0;
}

.reikai-schedule.wp-block-table thead {
    border-bottom: 2px solid #ab9574;
}

/* ------------------------------
    セクション区切りアニメーション
------------------------------ */

/* red */
.shapedividers_com-red {
    overflow: hidden;
    position: relative;
}
.shapedividers_com-red::before {
    content: "";
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    transform: scaleX(4);
    transform-origin: 100% 0;
    animation: 10s infinite alternate shape-anim-red linear;
    background-size: 100% 100px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23DF7677"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23DF7677"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23DF7677"/></svg>');
}

@media (min-width: 2100px) {
    .shapedividers_com-r:end {
        background-size: 100% calc(2vw + 100px);
    }
}

@keyframes shape-anim-red {
    100% {
        transform: scaleX(4) translateX(calc(100% - (100% / 4)));
    }
}

/* yellow */
.shapedividers_com-yellow {
    overflow: hidden;
    position: relative;
}
.shapedividers_com-yellow::before {
    content: "";
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    transform: scaleX(4);
    transform-origin: 100% 0;
    animation: 10s infinite alternate shape-anim-8266 linear;
    background-size: 100% 100px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23faf7f0"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23faf7f0"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23faf7f0"/></svg>');
}

@media (min-width: 2100px) {
    .shapedividers_com-yellow::before {
        background-size: 100% calc(2vw + 100px);
    }
}

@keyframes shape-anim-8266 {
    100% {
        transform: scaleX(4) translateX(calc(100% - (100% / 4)));
    }
}

/* white */
.shapedividers_com-white {
    overflow: hidden;
    position: relative;
  }
  .shapedividers_com-white::before {
    content: "";
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw;
    transform: scaleX(4);
    transform-origin: 100% 0;
    animation: 10s infinite alternate shape-anim-white linear;
    background-size: 100% 100px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23ffffff"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23ffffff"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23ffffff"/></svg>');
}

@media (min-width: 2100px) {
    .shapedividers_com-white::before {
        background-size: 100% calc(2vw + 100px);
    }
}

@keyframes shape-anim-white{
    100% {
        transform: scaleX(4) translateX(calc(100% - (100% / 4)));
    }
}


/* ------------------
    代表メッセージ
------------------ */

.home .section-message .epb-broken-grid__background.is-vertically-aligned-top.is-horizontally-aligned-left {
    border-radius: 50px 0 0;
}
.section-message .epb-broken-grid__media {
    max-width: 30%;
}

@media screen and (max-width: 959px) {
    .section-message .epb-broken-grid__media {
        max-width: 30%;
        margin-top: -45%;
        margin-left: auto;
    }
}
@media screen and (max-width: 959px) {

    .page-id-19 .representative-img {
        width: 30vw;
        margin-left: auto;
    }
}



/* ------------------------------
    お問い合わせページ
------------------------------ */

/* 入力欄100% */
.snow-monkey-form input.smf-text-control__control {
    width: 100%;
}

.snow-monkey-form {
    padding-left: 5px;
    padding-right: 5px;
}

/*エラーメッセージの色 */
.smf-error-messages {
    color: #f20c10;
    margin-top: 20px;
}
/*エラーメッセージの枠 */
.smf-form [data-invalid="1"] {
    border-color: red;
}


/* 入力・確認画面非表示 */
[data-screen="confirm"] .input {
    display:none;
}

[data-screen="input"] .confirm,
[data-screen="invalid"] .confirm {
    display:none;
}

/* フォーム枠線 */
.smf-form--business .smf-item__col--label {
    background-color: transparent;
    border-right: none;
}

.smf-form--business .smf-item {
    border: 1px solid #c1c1c1;
    border-left: none;
    border-right: none;
}

.smf-form--business .smf-item:last-child {
    border: none;
}

.smf-form--business .smf-item__col--label {
    border-bottom: none;
}

.checkboxes-policy .smf-item__controls {
    text-align: center;
}
.checkboxes-policy .smf-item__controls p.has-text-align-left.input {
    text-align: center;
}
.address .smf-placeholder{
    width: 100%;
}

/* ボタン装飾 */
.snow-monkey-form .smf-action .smf-button-control__control {
    border-radius: 50px;
    padding: 7px 60px 7px 50px;
    background: #ffffff;
    border: 1px solid  #333333;
    font-weight: bold;
    transition: .4s cubic-bezier(0.37, 0, 0.63, 1);
}

.smf-button-control__control  {
    margin-left: -1rem;
}
.smf-button-control {
    position: relative;
    transition: 0.3s ease-in-out;
}

.smf-button-control:after {
    content: "";
    position: absolute;
    top: 52%;
    right: 2rem;
    display: flex;
    transition: right 0.3s;
    width: 8px;
    height: 8px;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    transform: translateY(-50%) rotate(45deg);
}

.smf-button-control:hover:after {
    right: 1.4rem;
}