@charset "utf-8";

/* ------------- 全体の基本設定 ------------- */
/*  テキストカラー  */
body, .post_time, .post_cat {
    color: var(--main-bg-color4) !important;
}
/*  テーマカラー  */
.liquid_bg, .carousel-indicators .active, .icon_big, .navbar-nav > .nav-item:last-child:not(.sticky-none) a,
.has-liquid-theme-background-color {
    background-color: var(--main-bg-color) !important;
}
/*  テーマカラー  */
.liquid_bc, .post_body h1 span, .post_body h2 span, .ttl span,
.archive .ttl_h1, .search .ttl_h1, .headline, .formbox a,
.has-liquid-theme-background-color.is-style-blockbox {
    border-color: var(--main-bg-color) !important;
}
/*  テーマカラー  */
.breadcrumb {
    border-top: 3px solid var(--main-bg-color) !important;
}
/*  テーマカラー  */
.liquid_color, .navbar .current-menu-item, .navbar .current-menu-parent, .navbar .current_page_item,
.has-liquid-theme-color {
    color: var(--main-bg-color) !important;
}
/*  リンクカラー  */
a, a:hover, a:active, a:visited,
.post_body a, .post_body a:hover, .post_body a:active, .post_body a:visited,
footer a, footer a:hover, footer a:active, footer a:visited {
    color: var(--main-bg-color5);
}
/* ------------- 全体の基本設定 ------------- */



/* ヘッダメニューの幅変更 */
.navbar-nav a {
/*    padding: 1rem 0.9rem;    全メニュー*/
padding: 1rem 0.9rem;
}

/* サイト色テキスト */
.text-original-site {
    color: var(--main-bg-color);
}

/* サイト色背景色 */
.bg-site {
    background-color: var(--main-bg-color);
}

/* サイト色背景色（濃い目） */
.bg-site2 {
    background-color: var(--main-bg-color2);
}

/* サイト色背景色（薄い目） */
.bg-site3 {
    background-color: var(--main-bg-color3);
}

/* 背景色（グレー） */
.bg-gray {
    background-color: #DDDDDD;
}

.text-gray {
    color: #808080;
}

.text-font-size-20 {
   font-size: 20px;
}

.text-font-size-25 {
   font-size: 25px;
}

/* 二重線 */
.post_body01 {
    border-top: 1px solid var(--main-bg-color);
    border-bottom: 1px solid var(--main-bg-color);
    padding: .5rem;
}


/* 吹き出し 背景色 */
.site_fukidasi {
    position: relative;
    padding: 1rem;
    background-color: var(--main-bg-color);
    border-radius: 5px;
    border: 0 none;
}
.site_fukidasi:after {
    position: absolute;
    top: 100%;
    left: 2rem;
    content: '.';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid var(--main-bg-color);
    color: transparent;
}
.site_fukidasi>span {
    border: 0 none;
    padding: 0;
    margin: 0;
}

/* 吹き出し 赤 */
.post_body_fukidasi {
    color: #ff0000;
    position: relative;
    padding: 1rem;
    background-color: #ffb6c1;
    border-radius: 5px;
    border: 0 none;
}
.post_body_fukidasi:after {
    position: absolute;
    top: 100%;
    left: 2rem;
    content: '.';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #ffb6c1;
    color: transparent;
}
.post_body_fukidasi>span {
    border: 0 none;
    padding: 0;
    margin: 0;
}

/* ストライプ  */
.post_body_stripe {
    padding: .5rem 1rem;
    background: -webkit-repeating-linear-gradient(-45deg, var(--main-bg-color), var(--main-bg-color) 5px, var(--main-bg-color2) 5px, var(--main-bg-color2) 10px);
    background: repeating-linear-gradient(-45deg, var(--main-bg-color), var(--main-bg-color) 5px, var(--main-bg-color2) 5px, var(--main-bg-color2) 10px);
    /*
    background: -webkit-repeating-linear-gradient(-45deg, #4D4D4D, #4D4D4D 5px, var(--main-bg-color4) 5px, var(--main-bg-color4) 10px);
    background: repeating-linear-gradient(-45deg, #4D4D4D, #4D4D4D 5px, var(--main-bg-color4) 5px, var(--main-bg-color4) 10px);
    */
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border: 0 none;
}

/* シンプル下線 */
.border_color {
    border-bottom: 2px solid var(--main-bg-color);
    padding: .5rem 1rem;
}
/* シンプル下線(グレー) */
.border_color_gray {
    border-bottom: 1px solid gray;
    padding: .2rem 1rem;
}

/* シンプル左線 */
.post_body_left {
    border-bottom: 0 none;
    border-left: 5px solid var(--main-bg-color);
    background-color: var(--main-bg-color3);
    padding: .5rem 1rem;
}

/* 文字サイズ変更 レスポンシブ */
.post_text_data {
    font-size: medium;
}
.post_text_data_l {
    font-size: large;
}
.post_text_data_ll {
    font-size: x-large;
}
@media (max-width: 767.98px) {
    .post_text_data {
        font-size: small;
    }
    .post_text_data_l {
        font-size: medium;
    }
    .post_text_data_ll {
        font-size: large;
    }
}
@media (max-width: 575.98px) {
    .post_text_data {
        font-size: x-small;
    }
    .post_text_data_l {
        font-size: small;
    }
    .post_text_data_ll {
        font-size: medium;
    }
}

/* 不透明度 変更 */
.color_opacity085 {
    opacity: 0.85;
}

/* サイト色ボタン */
.btn-original-site {
    color: #FFFFFF;
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
}

.btn-original-site:hover {
    color: #FFFFFF;
    background-color: var(--main-bg-color3);
    border-color:  var(--main-bg-color3);
}

.btn-original-site:focus,
.btn-original-site.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-original-site.disabled,
.btn-original-site:disabled {
    color: #FFFFFF;
    background-color:  var(--main-bg-color);
    border-color: var(--main-bg-color);
}

.btn-original-site:not(:disabled):not(.disabled):active,
.btn-original-site:not(:disabled):not(.disabled).active,
.show>.btn-originalsite.dropdown-toggle {
    color: #FFFFFF;
    background-color:  var(--main-bg-color3);
    border-color:  var(--main-bg-color3);
}

.btn-original-site:not(:disabled):not(.disabled):active:focus,
.btn-original-site:not(:disabled):not(.disabled).active:focus,
.show>.btn-original-site.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}


/* サイト色ボタン（外枠） */
.btn-outline-site {
  color: var(--main-bg-color);
  background-color: transparent;
  background-image: none;
  border-color: var(--main-bg-color);
}

.btn-outline-site:hover,
.btn-outline-site:not(:disabled):not(.disabled):active, .btn-outline-site:not(:disabled):not(.disabled).active,
.show > .btn-outline-site.dropdown-toggle {
  color: #fff;
  background-color: var(--main-bg-color);
  border-color: var(--main-bg-color);
}

.btn-outline-site:focus, .btn-outline-site.focus,
.btn-outline-site:not(:disabled):not(.disabled):active:focus, .btn-outline-site:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-site.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-site.disabled, .btn-outline-site:disabled {
  color: var(--main-bg-color);
  background-color: transparent;
}


/* 外枠 サイト色 */
.post_border_site {
    position: relative;
    padding: 1rem;
    border: 2px solid var(--main-bg-color2);
    background-color: #fffaf0;
}


/* サブタイトル付き */
.post_subtitle {
    position: relative;
    padding: 1rem;
    border: 2px solid var(--main-bg-color2);
    background-color: #fffaf0;
}
.post_subtitle:after {
    position: absolute;
    top: -.7rem;
    left: .5rem;
    background: var(--main-bg-color3);
    border: 2px solid var(--main-bg-color2);
    font-size: large;
    color: var(--main-bg-color2);
    padding: 0 .75rem;
    display: inline-block;
}
.post_subtitle>span {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.post_subtitle_1:after {
    content: "LATEST MEETING"; /* サブタイトル */
}

.post_subtitle2 {
    position: relative;
    padding: 1rem;
    border: 2px solid var(--main-bg-color2);
    background-color: #fffafa;
}
.post_subtitle2:after {
    position: absolute;
    top: -.7rem;
    left: .5rem;
    background: var(--main-bg-color3);
    border: 2px solid var(--main-bg-color2);
    font-size: large;
    color: var(--main-bg-color2);
    padding: 0 .75rem;
    display: inline-block;
}
.post_subtitle2>span {
    border: 0 none;
    padding: 0;
    margin: 0;
}
.post_subtitle_2:after {
    content: "LATEST EVENT"; /* サブタイトル */
}


/* おしゃれドット柄 */
.post_dot {
    color: #fff;
    background: var(--main-bg-color);
    background-image: radial-gradient(var(--main-bg-color2) 20%, transparent 0), radial-gradient(var(--main-bg-color2) 20%, transparent 0);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    padding: .5rem 1rem;
    border: 0 none;
    border-radius: 5px;
}

/* おしゃれドット柄 */
.post_dot2 {
    color: #fff;
    background: var(--main-bg-color4);
    background-image: radial-gradient(#72777B 20%, transparent 0), radial-gradient(#72777B 20%, transparent 0);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    padding: .5rem 1rem;
    border: 0 none;
    border-radius: 5px;
}