@charset "UTF-8";

/*
Theme Name: WordPressテーマ“編”
Theme URL: https://mio-code.com/theme/amu/
Author: MIO webデザイン
Author URI: https://mio-code.com/
Description: WordPressテーマ“編”は縦書きレイアウトに対応したWordPressテーマです。“編”では、まるで文庫本のようなデザインで文章を綴ることができます。
Version: 1.0.0
License: https://mio-code.com/
*/


/* 目次
------------------------------------------------------------
* [準備]スタイルの初期化
* [共通]共通スタイル設定
*
* [フロント]ヘッダー
* [フロント]ヒーローエリア
* [フロント]お知らせ
* [フロント]テキストエリア
* [フロント]PRエリア
* [フロント]強調エリア
* [フロント]ギャラリー
* [フロント]料金表
* [フロント]更新情報
* [フロント・共通]ピックアップ
* [フロント]ブログ
* [フロント]カテゴリ別新着
* [フロント]ブログスタイル
*
* [共通]フッター
* [共通]ウィジェット
*
* [投稿]縦書きレイアウト
* [投稿・固定]通常レイアウト
* [投稿・固定]シンプルレイアウト
* [固定]404ページ
* [固定]ランキング
*
* [投稿]目次
* [投稿]コメントデザイン
* [固定]コンタクトフォーム7用スタイル
* [投稿・固定]その他ページパーツデザイン
*
* [アーカイブ]リストレイアウト
* [検索]検索結果リスト
*
* [編集]エディターデザイン
------------------------------------------------------------ */

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    line-height: 1;
    background: #fff;
}

body::-webkit-scrollbar {
    display: none;
}

p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    font-family: "Noto Sans Japanese", apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #333;
}

img {
    max-width: 100%;
    height: auto;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

a {
    outline: none;
    text-decoration: none;
}

a img {
    outline: none;
    border: 0;
}

:focus {
    outline: 0;
}

ul,
ol,
li {
    list-style-type: none;
    padding: 0;
}

dl,
dt,
dd {
    margin: 0;
}

input,
textarea {
    display: block;
    margin: auto;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #999;
}

/* iOS style reset */

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}


/******************************************************************************
* [共通]共通スタイル設定
******************************************************************************/

/*コンテナ*/
.full_wrap {
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
}

.wrap {
    /*width: 960px;*/
    width: 1100px;
    margin: 0 auto;
}

/*アニメーション*/
.amu_animation {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*セクション*/
.amu_section {
    margin: 50px 0;
}

/*共通ボタン*/
.amu_common_button a {
    display: inline-block;
    font-size: 14px;
    line-height: 1.5;
    padding: 0.8em 2em;
    background: #ff7e29;
    color: #fff !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.amu_common_button a:hover {
    background: #ff6a07;
}

.widget_amu_custom_button_inner.amu_common_button a {
    display: block;
    box-sizing: border-box;
    text-align: center;
}

/*帯アニメーション用設定*/

.img-container {
    overflow: hidden;
    position: relative;
}

.img-container > img {
    display: block;
    opacity: 0;
    position: relative;
    transition: all .5s .3s ease;
    z-index: 0;
}

.img-container:before {
    background: #29abe2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-101%);
    transition: all .8s 0s ease;
    width: 100%;
    z-index: 1;
}

.text-container__title {
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.text-container__title:before {
    background: #29abe2;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transform: translateX(-101%);
    transition: all .8s .3s ease;
    width: 100%;
    z-index: 1;
}

.text-container__title__inner {
    display: inline-block;
    opacity: 0;
    transition: all .8s .5s ease;
}

.text-container__text {
    left: -50px;
    opacity: 0;
    position: relative;
    transition: all .5s .5s ease;
}

.img-container.active img {
    opacity: 1;
}

.img-container.active:before {
    transform: translateX(101%);
    /*background: rgba(41, 171, 226, 0);*/
}

.text-container.active .text-container__title:before {
    transform: translateX(101%);
    /*background: rgba(41, 171, 226, 0);*/
}

.text-container.active .text-container__title__inner {
    opacity: 1;
}

.text-container.active .text-container__text {
    left: 0;
    opacity: 1;
}

/*見出し*/

h2.amu_h2 {
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    color: #333;
    margin-bottom: 1em;
    line-height: 1.5;
}

h2.amu_h2 span.h2_sub_title {
    display: block;
    color: #29abe2;
    font-size: 38%;
    letter-spacing: 0.3em;
    font-family: 'Franklin Gothic Medium', apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    ;
}

/*フェードイン*/

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}


/******************************************************************************
* [フロント]ヘッダー
******************************************************************************/

/*コンテナ*/

.main_header {
    background: #fff;
}

.page_single_header {
    /*border-bottom: 1px solid #ececec;*/
}

/*サイト情報部分*/

.amu_site_info {
    /*background: #f5f5f5;*/
    padding: 3px 0;
    line-height: 1.5;
    border-bottom: solid 1px #f5f5f5;
}

.amu_site_info_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.amu_site_info_wrap .amu_site_info_description {
    width: 80%;
}

.amu_site_info_wrap .amu_site_info_description p {
    font-size: 11px;
    color: #999;
}

.amu_site_info_wrap .amu_site_info_sns {
    width: 18%;
    text-align: right;
}

.amu_site_info_wrap .amu_site_info_sns li,
.amu_sub_nav .amu_site_info_sns li {
    display: inline-block;
    font-size: 18px;
    margin-right: 0.5em;
}

.amu_site_info_wrap .amu_site_info_sns li:last-child,
.amu_sub_nav .amu_site_info_sns li:last-child {
    margin-right: 0;
}

.amu_site_info_wrap .amu_site_info_sns li a,
.amu_sub_nav .amu_site_info_sns li a {
    color: #ccc;
}

.amu_site_info_wrap .amu_site_info_sns li a:hover,
.amu_sub_nav .amu_site_info_sns li a:hover {
    color: #ff7e29;
}

.amu_sub_nav .amu_site_info_sns {
    text-align: center;
    margin: 25px 0;
}

/*ナビ部分*/

.amu_global_navigation {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 8px 0;
    min-height: 50px;
}

.amu_global_navigation > :first-child {
    margin-right: auto;
}

.amu_global_navigation .amu_main_logo {
    width: 20%;
}

.amu_global_navigation .amu_main_logo img {
    width: 165px;
}

.amu_global_navigation .amu_main_logo h1,
.amu_global_navigation .amu_main_logo h1 a {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.5;
    color: #333;
}

.amu_global_navigation .amu_main_logo a {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_global_navigation .amu_main_logo a:hover {
    opacity: 0.7;
}

.amu_global_navigation .amu_main_navi_wrap {
    width: 70%;
}

/*ナビゲーション*/

.navi-in > ul > li,
.navi-in > ul > .menu-item-has-description > a > .caption-wrap {
    line-height: 40px;
    height: 40px;
    display: block;
    box-sizing: border-box;
}

.navi-in > ul > li:first-child {
    border-left: dotted 1px rgba(255, 255, 255, 0.5);
}

.navi-in > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: center;
}

.navi-in > ul li {
    display: block;
    height: 50px;
    line-height: 50px;
}

.navi-in > ul.menu-header li:hover > ul {
    display: block;
}

.navi-in > ul .menu-item-has-description > a > .caption-wrap {
    line-height: 21.4285714286px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 50px;
}

.navi-in > ul .menu-item-has-description > a > .caption-wrap > div {
    width: 100%;
}

.navi-in > ul > .menu-item-has-children {
    position: relative;
}

.navi-in > ul .sub-menu {
    display: none;
    position: absolute;
    margin: 0;
    min-width: 200px;
    list-style: none;
    padding: 0;
    z-index: 99;
    text-align: left;
}

.navi-in > ul .sub-menu li {
    width: auto;
}

.navi-in > ul .sub-menu .menu-item-has-children {
    position: relative;
}

.navi-in > ul .sub-menu .menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    font-weight: bold;
    padding-right: 4px;
    position: absolute;
    right: 3px;
    top: 0;
    font-size: 12px;
}

.navi-in > ul .sub-menu a {
    padding-left: 16px;
    padding-right: 16px;
    background: #333;
    color: #fff;
}

.navi-in > ul .sub-menu a:hover {
    background: #ff7e29;
}

.navi-in > ul .sub-menu ul {
    top: -50px;
    left: 200px;
    position: relative;
}

.navi-in a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s;
}

.navi-in > ul > li {
    padding-right: 2em;
}

.navi-in > ul > li > a:hover {
    color: #ff7e29;
}

.navi-in a:hover > ul {
    display: block;
}

/*開閉アイコン*/

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 35px;
    height: 30px;
    z-index: 9999;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #29abe2;
    border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 20px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(14px) rotate(-315deg) scale(.8);
    transform: translateY(14px) rotate(-315deg) scale(.8);
}

.menu-trigger.active span:nth-of-type(2) {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 50%;
}

.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(315deg) scale(.8);
    transform: translateY(-12px) rotate(315deg) scale(.8);
}

.menu-trigger.active {
    position: fixed;
    top: 2em;
    right: 2em;
}

.fixed-menu-trigger {
    position: fixed;
    top: 2em;
    right: 2em;
}

/*サブ開閉メニュー（SP兼用）*/

.amu_sub_nav {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: none;
}

.amu_sub_nav .amu_sub_nav_inner {
    width: 90%;
    max-height: 90%;
    overflow: scroll;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}

.amu_sub_nav_logo {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.amu_sub_nav_logo a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
}

.amu_sub_nav_logo img {
    width: 170px;
}

.amu_sub_nav_main {
    margin: 30px 0;
    font-size: 16px;
    color: #333;
    line-height: 2;
    font-family: 'Noto Serif JP', Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, "Sawarabi Mincho", serif;
}

.amu_sub_nav_main .menu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.amu_sub_nav_main .menu > li {
    padding: 1em 1.5em;
    /*border-right: solid 1px #ebebeb;*/
}

.amu_sub_nav_main .menu > li:last-child {
    border-right-width: 0;
}

.amu_sub_nav_main .menu > li a {
    color: #333;
    font-weight: bold;
    transition: color 0.5s;
}

.amu_sub_nav_main .menu > li a:hover {
    color: #f46f22;
}

.amu_sub_nav_main .sub-menu .sub-menu {
    margin-left: 1em;
}

.amu_sub_nav_main .sub-menu li {
    font-size: 14px;
}

.amu_sub_nav_main .sub-menu li::before {
    content: "-";
    color: #999;
    margin-right: 0.3em;
}

.amu_sub_nav_main .sub-menu li a {
    color: #888;
    font-weight: normal;
}

/*SP用*/

.amu_sub_nav_main li {
    position: relative;
}

.amu_sub_nav_main .fas,
.amu_common_footer_nav .fas {
    display: none;
}

/*検索ボックス*/

.amu_sub_search {
    text-align: center;
}

/*メニュー開閉時スクロール禁止*/

.scroll_stop {
    overflow: hidden;
}

/*検索フォーム*/
.amu_sub_search {
    width: 500px;
    margin: auto;
    border-bottom: solid 1px #bbb;
}

.searchform {
    position: relative;
}

.searchfield {
    font-size: 14px;
    width: 93%;
    margin: 1%;
    padding: 12px 5px;
    border-width: 0;
    background: #fff;
}

.searchsubmit {
    font-family: FontAwesome;
    font-size: 1.4em;
    position: absolute;
    top: 0;
    right: 5.5%;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
    color: #29abe2;
    border: none;
    background: transparent;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    font-weight: normal;
}

.searchsubmit:hover {
    opacity: .6;
}

/*404用検索ボックス*/

.amu_404_search {
    border: solid 1px #bbb;
    border-radius: 50px;
    margin: 25px 0;
}


/******************************************************************************
* [フロント]ヒーローエリア
******************************************************************************/

/*スライダー調整
https://webdesignday.jp/inspiration/technique/jquery-js/3847/*/
.hero_area_slider {
    width: 100%;
}

ul.hero_area_slider .slick-track > li {
    width: 100%;
    height: auto;
    position: relative;
}

ul.hero_area_slider .slick-track > li::before {
    content: "";
    display: block;
    padding-top: 45%;
    /*padding-top: 56.3%;*/
}

ul.hero_area_slider .slick-track > li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.slick-prev,
.slick-next {
    display: none !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #29abe2;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

.slick-dots {
    bottom: -55px;
    padding: 15px 0;
}

/*スライドショーなし*/

.hero_area_none_slider {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover;
    background-position: center;
}

.hero_area_none_slider::before {
    content: "";
    display: block;
    padding-top: 45%;
}

.hero_area_none_slider a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*SP版はPC時非表示*/

ul.hero_area_slider.has_sp .slick-track > li::before,
.hero_area_none_slider.hans_sp::before {
    padding-top: 100%;
}

ul.hero_area_slider.has_sp,
.hero_area_none_slider.hans_sp {
    display: none;
}

@media only screen and (max-width: 644px) {

    /*PC表示時PC版非表示*/
    .be_spslider {
        display: none;
    }

    /*SP時SP版表示*/
    ul.hero_area_slider.has_sp,
    .hero_area_none_slider.hans_sp {
        display: block;
    }
}

/******************************************************************************
* [フロント]お知らせ
******************************************************************************/

.amu_front_news {
    margin-top: 55px;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    background: #f5f5f5;
}

.amu_front_news .amu_front_news_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*リスト*/

.amu_front_news .amu_front_news_wrap .amu_front_news_list {
    width: 800px;
    box-sizing: border-box;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_list time {
    font-weight: bold;
    color: #29abe2;
    margin-right: 2em;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_list a {
    color: #333;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_list a:hover {
    color: #ff7e29;
}

/*ボタン*/

.amu_front_news .amu_front_news_wrap .amu_front_news_morebutton {
    width: 150px;
    text-align: center;
    box-sizing: border-box;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_morebutton a {
    display: block;
    background: #333;
    color: #fff;
    padding: 1em 0.5em;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_morebutton a i {
    margin-left: 1em;
    color: #999;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_morebutton a:hover {
    background: #ff7e29;
}

.amu_front_news .amu_front_news_wrap .amu_front_news_morebutton a:hover > i {
    color: #fff;
}


/******************************************************************************
* [フロント]テキストエリア
******************************************************************************/

.amu_front_txt {
    text-align: center;
}

.amu_front_txt_sec h2 {
    text-align: center;
    font-size: 40px;
    color: #333;
    margin-bottom: 1em;
}

.amu_front_txt_sec p {
    text-align: center;
    font-size: 14px;
}


/******************************************************************************
* [フロント]PRエリア
******************************************************************************/

.amu_front_pr_list ul {
    display: flex;
    justify-content: center;
}

.amu_front_pr_list ul li {
    width: 30%;
    background: #fff;
    line-height: 1.5;
    margin-right: 3%;
    box-shadow: 0px 0px 25.92px 1.08px rgba(173, 173, 173, 0.1);
    border: solid 1px #eee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.amu_front_pr_list ul li:last-child {
    margin-right: 0;
}

/*アイキャッチ画像*/

.amu_front_pr_list ul li dl dt {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.amu_front_pr_list ul li dl dt::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_front_pr_list ul li dl dt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*IE対応*/
}

/*テキスト部分*/

.amu_front_pr_list ul li dl dd {
    font-size: 14px;
    color: #333;
    padding: 1em;
}

.amu_front_pr_list ul li dl dd .pr_title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.amu_front_pr_list ul li dl dd .pr_txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 0.8em 0;
}

.amu_front_pr_list ul li dl dd .pr_button {
    text-align: center;
}

.amu_front_pr_list ul li dl dd .pr_button a {
    display: inline-block;
    background: #29abe2;
    color: #fff;
    font-weight: bold;
    padding: 0.5em 1em;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: solid 1px #29abe2;
}

.amu_front_pr_list ul li dl dd .pr_button a:hover {
    background: #fff;
    color: #29abe2;
}

/******************************************************************************
* [フロント]強調エリア
******************************************************************************/

.amu_front_emphasize_area {
    font-size: 14px;
    padding: 4em 0;
    /*background-image: url(images/template/section_sample_bg.jpg);*/
    background-size: cover;
    background-position: center;
    position: relative;
    line-height: 1.5;
    margin: 0;
}

.amu_front_emphasize_area::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 87, 135, 0.6);
}

.amu_front_emphasize_area .wrap {
    position: relative;
}

/*インナー*/

.amu_front_emphasize_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.amu_front_emphasize_inner > div {
    width: 49%;
}

.amu_front_emphasize_inner .em_txt h2 {
    color: #fff;
    font-weight: bold;
    font-size: 32px;
}

.amu_front_emphasize_inner .em_txt p {
    color: #fff;
    font-size: 14px;
    margin: 2em 0;
}

.amu_front_emphasize_inner .em_img img {
    width: 100%;
}


/******************************************************************************
* [フロント]ギャラリー
******************************************************************************/

.amu_section.amu_front_gallery_area {
    margin: 50px 0 85px;
}

ul.gallery_area_slider .slick-track > li {
    width: 100%;
    height: auto;
    position: relative;
}

ul.gallery_area_slider .slick-track > li::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

ul.gallery_area_slider .slick-track > li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}


/******************************************************************************
* [フロント]料金表
******************************************************************************/

.flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}

/*テーブルデザイン*/

.amu_front_price_area table {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 25px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
}

.amu_front_price_area th,
.amu_front_price_area td {
    padding: 15px;
    line-height: 1.5;
    text-align: center;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 14px;
}

.amu_front_price_area tr:nth-child(even) > td,
.amu_front_price_area tr:nth-child(even) > th {
    background-color: #efefef;
}

.amu_front_price_area td {
    color: #333;
}

.amu_front_price_area th,
.amu_front_price_area .plan-price {
    color: #fff;
}

.amu_front_price_area .plan-price {
    font-size: 2.5rem;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 15px 0;
}

.amu_front_price_area .plan-price span {
    font-size: 1rem;
    margin-left: 0.3em;
}

/* 背景色 */

.amu_front_price_area .plan-table th,
.amu_front_price_area .plan-table .plan-price {
    background: #4db8e5;
}

.amu_front_price_area .plan-premium th,
.amu_front_price_area .plan-premium .plan-price {
    /*background: #29abe2;*/
    background: linear-gradient(-90deg, #009ADB, #00DB9A);
}

/*ボタン*/

.amu_front_price_area .btn {
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    background: #ff7e29;
    border-radius: 50px;
    display: inline-block;
    padding: 10px;
    width: 80%;
    text-align: center;
    margin: 10px 0;
}

.amu_front_price_area .btn:hover {
    background: #ff6a07;
}

/*SP*/
@media (min-width : 800px) {
    .flexbox {
        -webkit-flex-direction: row;
        flex-direction: row;
    }

    .plan-table {
        margin-left: 2%;
        width: 100%;
    }

    .plan-table:first-of-type {
        margin-left: 0;
    }
}



/******************************************************************************
* [フロント]更新情報
******************************************************************************/

.amu_front_update {
    font-size: 14px;
    padding: 3em 0;
    line-height: 1.5;
    background: #f3f7fd;
}

.amu_section.amu_front_update {
    /*margin: 50px 0 0;*/
    margin: 0;
}

/*リスト*/

.amu_update_list > ul > li {
    box-shadow: 0px 0px 25.92px 1.08px rgba(173, 173, 173, 0.1);
    background: #fff;
}

.amu_update_list > ul > li:nth-child(2) {
    margin: 40px 0;
}

.amu_update_list > ul > li > a {}

.amu_update_list dl {
    display: flex;
    justify-content: space-between;
}

.amu_update_list dl dt {
    width: 35%;
}

.amu_update_list dl dd {
    width: 65%;
}

/*画像*/

.amu_update_list dl dt {
    height: auto;
    position: relative;
    overflow: hidden;
}

.amu_update_list dl dt::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_update_list dl dt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_update_list > ul > li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}


/*テキスト部コンテナ*/

.amu_update_list dl dd {
    background: #fff;
    color: #333;
    box-sizing: border-box;
    padding: 3em 5em 3em 3em;
    position: relative;
}

.amu_update_list dl dd::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-weight: bold;
    color: #0bd79b;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
}

.amu_update_list > ul > li:hover dl dd::before {
    right: 1.5em;
}

/*タイトル*/
.amu_update_list dl dd h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0.3em 0;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
}

.amu_update_list > ul > li:hover dl dd h3 {
    color: #0bd79b;
}

/*カテゴリ*/

.amu_update_list dl dd .amu_update_list_category {
    font-size: 10px;
    line-height: 1.5;
    color: #0bd79b;
}

/*抜粋*/

.amu_update_list dl dd .amu_update_list_excerpt {
    overflow: hidden;
    color: #7f7f7f;
    font-size: 12px;
}

.amu_update_list dl dd .amu_update_list_excerpt .amu_update_list_excerpt_inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.amu_update_list dl dd .amu_update_list_excerpt .amu_update_list_excerpt_inner p {
    font-size: 12px;
    color: #999;
}

/*もっとみる*/

.amu_update_list_more_link {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 5px;
}

.amu_update_list_more_link img {
    width: 100px;
}

.amu_update_list_more_link a {
    margin-right: 1em;
}

.amu_update_list_more_link a:hover {
    margin-right: 0;
}

/*共通ボタン*/

.amu_front_update .amu_common_button {
    text-align: center;
    margin-top: 3em;
}


/******************************************************************************
* [フロント・共通]ピックアップ
******************************************************************************/

.amu_section.amu_common_pickup {
    margin: 0;
}

.amu_common_pickup_list ul {
    display: flex;
    justify-content: space-between;
}

/*コンテナ*/

.amu_common_pickup_list ul li {
    font-size: 14px;
    line-height: 1.5;
    width: 50%;
    height: 300px;
    box-sizing: border-box;
    /*background-image: url(images/template/default_eyecatching.jpg);*/
    background-size: cover;
    background-position: center;
}

.amu_common_pickup_list ul li.amu_common_pickup_list_one_column {
    width: 100%;
}

/*リンク部分*/

.amu_common_pickup_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    color: #fff;
}

.amu_common_pickup_list ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 87, 135, 0.6);
    transition: background ease 0.4s;
    -webkit-transition: background ease 0.4s;
    -moz-transition: background ease 0.4s;
}

.amu_common_pickup_list ul li:nth-child(2) a::before {
    background: rgba(0, 125, 135, 0.6);
}

.amu_common_pickup_list ul li a:hover::before {
    background: rgba(0, 0, 0, 0.4);
}

/*テキスト部*/

.amu_common_pickup_list .amu_common_pickup_title {
    width: 85%;
    position: absolute;
    bottom: 1em;
    left: 1em;
}

.amu_common_pickup_list .amu_common_pickup_title .amu_common_pickup_icon {
    display: inline-block;
    background: #ffff00;
    font-weight: bold;
    color: #333;
    font-size: 10px;
    padding: 0.3em 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.amu_common_pickup_list .amu_common_pickup_title h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 900;
}

.amu_common_pickup_list .amu_common_pickup_more_link {
    width: 10%;
    position: absolute;
    bottom: 1.5em;
    right: 1em;
    text-align: right;
}

.amu_common_pickup_list .amu_common_pickup_more_link img {
    max-width: 100px;
}

/******************************************************************************
* [フロント]ブログ
******************************************************************************/

.amu_front_blog_area {
    font-size: 14px;
    line-height: 1.5;
}

/*リスト*/

.amu_front_blog_list li {
    border-top: 1px solid #eeeeee;
}

.amu_front_blog_list li:last-child {
    border-bottom: 1px solid #eeeeee;
}

.amu_front_blog_list li a {
    display: block;
    box-sizing: border-box;
    background: #fff;
    color: #494949;
    font-size: 16px;
    padding: 1em 2.5em 1em 1em;
    position: relative;
}

.amu_front_blog_list li a time {
    font-size: 14px;
    color: #4dac26;
}

.amu_front_blog_list li a::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 1.5em;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-weight: bold;
}

.amu_front_blog_list li a time::after {
    content: "";
    display: inline-block;
    width: 3em;
    height: 1px;
    background: #4dac26;
    margin: 0 1em;
    position: relative;
    bottom: 0.35em;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_front_blog_list li a:hover,
.amu_front_blog_list li a:hover time {
    color: #ff6a07;
}

.amu_front_blog_list li a:hover time::after {
    background: #ff6a07;
}

/*共通ボタン*/

.amu_front_blog_area .amu_common_button {
    text-align: center;
    margin-top: 2em;
}

/******************************************************************************
* [フロント]カテゴリ別新着
******************************************************************************/


.amu_front_category_newa_rticle_area {
    font-size: 14px;
    line-height: 1.5;
}

/*コンテナ*/

.amu_front_category_newa_rticle_list ul {
    display: flex;
    flex-wrap: wrap;
}

.amu_front_category_newa_rticle_list ul li {
    width: 31%;
    margin-bottom: 50px;
}

.amu_front_category_newa_rticle_list ul li:nth-child(3n+2) {
    margin-right: 3.5%;
    margin-left: 3.5%;
}

/*カテゴリタイトル*/

.amu_front_category_newa_rticle_list h3 {
    font-size: 18px;
}

.amu_front_category_newa_rticle_list h3 a {
    display: block;
    padding: 0.8em 1em 0.8em 0em;
    color: #494949;
    border-top: solid 3px #494949;
    position: relative;
}

.amu_front_category_newa_rticle_list h3 a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-weight: bold;
    font-size: 0.5em;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
}

.amu_front_category_newa_rticle_list h3 a:hover::after {
    right: 1px;
}


/*リストデザイン*/

.amu_front_category_newa_rticle_list dl dt {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.amu_front_category_newa_rticle_list dl dt::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_front_category_newa_rticle_list dl dt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.amu_front_category_newa_rticle_list dl dt img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.amu_front_category_newa_rticle_list dl dd {
    margin-top: 5px;
}

.amu_front_category_newa_rticle_list dl dd time {
    font-size: 12px;
    color: #999;
}

.amu_front_category_newa_rticle_list dl dd time i {
    margin-right: 0.5em;
}

.amu_front_category_newa_rticle_list dl dd .cnr_title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.amu_front_category_newa_rticle_list dl dd .cnr_title:hover {
    color: #ff7e29;
}

/*カテゴリカラー*/

.c-black {
    color: #24140e !important;
    border-color: #24140e !important;
}

.c-gray {
    color: #7d7d7d !important;
    border-color: #7d7d7d !important;
}

.c-stormgray {
    color: #aaaab0 !important;
    border-color: #aaaab0 !important;
}

.c-rubyred {
    color: #e73562 !important;
    border-color: #e73562 !important;
}

.c-winered {
    color: #b33e5c !important;
    border-color: #b33e5c !important;
}

.c-rosered {
    color: #ea618e !important;
    border-color: #ea618e !important;
}

.c-pink {
    color: #f5b2b2 !important;
    border-color: #f5b2b2 !important;
}

.c-oldrose {
    color: #e29399 !important;
    border-color: #e29399 !important;
}

.c-rosepink {
    color: #f19ca7 !important;
    border-color: #f19ca7 !important;
}

.c-orange {
    color: #ee7800 !important;
    border-color: #ee7800 !important;
}

.c-goldenyellow {
    color: #f6ae54 !important;
    border-color: #f6ae54 !important;
}

.c-saffronyellow {
    color: #fac559 !important;
    border-color: #fac559 !important;
}

.c-green {
    color: #00a960 !important;
    border-color: #00a960 !important;
}

.c-leafgreen {
    color: #9fc24d !important;
    border-color: #9fc24d !important;
}

.c-antiquegreen {
    color: #54917f !important;
    border-color: #54917f !important;
}

.c-blue {
    color: #0075c2 !important;
    border-color: #0075c2 !important;
}

.c-heavenlyblue {
    color: #68a4d9 !important;
    border-color: #68a4d9 !important;
}

.c-marineblue {
    color: #006888 !important;
    border-color: #006888 !important;
}

.c-lavender {
    color: #919bcc !important;
    border-color: #919bcc !important;
}

.c-purple {
    color: #9b72b0 !important;
    border-color: #9b72b0 !important;
}


/******************************************************************************
* [フロント]ブログスタイル
******************************************************************************/

.amu_section.amu_front_blog_style {
    margin: 50px 0;
}

.amu_section.amu_front_blog_style .amu_common_button {
    text-align: center;
}


/******************************************************************************
* [共通]フッター
******************************************************************************/

.amu_common_footer {
    font-size: 12px;
    line-height: 1.5;
}

.amu_common_footer_sec1 {
    background: #034261;
    box-sizing: border-box;
    padding: 35px 0;
}

/*フッターロゴ*/

.amu_common_footer_sec1 .amu_common_footer_logo {
    text-align: center;
    margin-bottom: 2em;
}

.amu_common_footer_sec1 .amu_common_footer_logo a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.amu_common_footer_sec1 .amu_common_footer_logo a:hover {
    opacity: 0.7;
}

.amu_common_footer_sec1 .amu_common_footer_logo img {
    max-width: 200px;
}

/*フッターナビ*/

.amu_common_footer_nav {
    text-align: center;
    margin: 2em 0;
}

.amu_common_footer_nav .menu > li {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 1em;
    border-right: solid 1px rgba(255, 255, 255, 0.6);
}

.amu_common_footer_nav .menu > li:last-child {
    border-right-width: 0;
}

.amu_common_footer_nav .menu > li a {
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_common_footer_nav .menu > li a:hover {
    color: #ff6a07;
}

.amu_common_footer_nav .sub-menu {
    display: none;
}

/*フッターバナー*/

.amu_common_footer_banner ul {
    display: flex;
    justify-content: center;
}

.amu_common_footer_banner ul li {
    width: 31%;
    margin-right: 3.5%;
}

.amu_common_footer_banner ul li:last-child {
    margin-right: 0;
}

.amu_common_footer_banner ul li img {
    width: 100%;
}

.amu_common_footer_banner ul li a {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_common_footer_banner ul li a:hover {
    opacity: 0.7;
}

/*コピーライト*/

.amu_common_footer_copyright {
    background: #002f4b;
}

.amu_common_footer_copyright p {
    color: #fff;
    text-align: center;
    font-size: 10px;
    padding: 2em 0 1em;
}

.amu_common_footer_copyright a {
    color: #ff7e29;
    text-decoration: none;
}

.amu_common_footer_copyright a:hover {
    text-decoration: underline;
}

/*スクロールトップ*/

.scroll_top {
    text-align: center;
}

.scroll_top i {
    color: #29abe2;
    font-size: 25px;
    width: 1em;
    padding-bottom: 0.5em;
    cursor: pointer;
}

.scroll_top i:hover {
    color: #ff7e29;
}

/*パンくず*/

#pankuzu {
    background: #f3f7fd;
    padding: 30px 0;
}

#pankuzu p {
    color: #999;
    font-size: 12px;
}

#pankuzu a {
    color: #333;
    transition: all 0.5s;
}

#pankuzu a:hover {
    color: #777;
}

/******************************************************************************
* [共通]ウィジェット
******************************************************************************/

#sticky_widget_wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
}

/*------------------------------
* コンテナ
------------------------------*/

.widget {
    margin-bottom: 2em;
    list-style: none;
    line-height: 1.5;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

.widget:last-child {
    margin-bottom: 0;
}

/*------------------------------
* 見出し・テキストデザイン
------------------------------*/

.widget h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: #01b3a7;
    text-align: left;
    margin-bottom: 1em;
    border-bottom: solid 2px skyblue;
    position: relative;
    padding-bottom: 0.3em;
}

.widget h2::after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 2px #ffc778;
    bottom: -2px;
    width: 30%;
}

.widget div,
.widget div p {
    font-size: 14px;
    color: #666;
    margin: 0;
}

/*------------------------------
* リストの基本デザイン
------------------------------*/

.widget > ul {
    box-sizing: border-box;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.widget > ul > li {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    color: #666;
    position: relative;
}

.widget > ul > li:last-child {
    border-bottom-width: 0;
}

.widget > ul > li > a {
    display: block;
    padding: 1em 2em 1em 1em;
    font-size: 14px;
    color: #666;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: relative;
}

.widget > ul > li > a:hover {
    color: #999;
}

.post-count {
    display: inline-block;
    box-sizing: border-box;
    min-width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    padding: 0 5px;
    background: #4dac26;
    text-align: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    color: #fff;
}

/*カテゴリーウィジェットが入れ子の場合の記事カウント*/

.has_child_widget_categories > a > .post-count {
    right: 2em;
}

.widget > ul li.has_child_widget_categories > a {
    padding: 1em 3.7em 1em 1em !important;
}

/*------------------------------
* 検索
------------------------------*/

.widget_search div {
    width: 100%;
}

.widget_search {
    background: none;
}

.widget_search label {
    display: none;
}

.widget_search .searchform,
.widget_search .searchfield {
    background: #fafafa;
}

/*------------------------------
* カレンダー
------------------------------*/

.calendar_wrap table {
    margin: 0 auto;
    background: #2980b9;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    border-collapse: collapse;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

#wp-calendar thead tr th {
    padding: 10px 0;
    text-align: center;
    width: calc(100% / 7);
    color: rgba(189, 195, 199, 0.6);
}

#wp-calendar td {
    width: calc(100% / 7);
    text-align: center;
    padding: 10px 0;
}

#wp-calendar td a {
    color: #fff;
    font-weight: bold;
}

#wp-calendar tbody td a {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    margin: 0 auto;
    background: #3b96d1;
    border-radius: 50%;
}

#wp-calendar caption {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
    margin: 0 0 10px;
    font-weight: bold;
    text-align: left;
}

#wp-calendar tbody tr #today {
    color: #fff100;
}

#wp-calendar tbody tr #today a {
    color: #ffff00;
}

#wp-calendar tfoot td a {
    color: rgba(189, 195, 199, 0.6);
}

/*------------------------------
* タグ
------------------------------*/

.tagcloud a {
    display: inline-block;
    background: #fff;
    border: none;
    color: #666;
    padding: 6px;
    margin: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px !important;
    border: solid 1px #ccc;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tagcloud a:hover {
    background: #4dac26;
    color: #fff;
    border-color: #4dac26;
}

/*------------------------------
* メニュー
------------------------------*/

.widget .menu {
    box-sizing: border-box;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.widget .menu > li {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    color: #666;
}

.widget .menu > li:last-child {
    border-bottom-width: 0;
}

.widget .menu li {
    position: relative;
}

.widget .menu > li i {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    text-align: center;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
}

.widget .menu li a {
    display: block;
    padding: 1em 2em 1em 1em;
    font-size: 14px;
    color: #666;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: relative;
}

.widget .menu .sub-menu a {
    background: #f1f1f1;
    border-top: solid 1px #ccc;
}

.widget .menu .sub-menu {
    display: none;
    background: #fafafa;
    mix-blend-mode: multiply;
}

/*------------------------------
* カテゴリー(入れ子)
------------------------------*/

.widget_categories > ul {
    box-sizing: border-box;
    border: solid 1px #ddd;
    border-radius: 5px;
}

.widget_categories > ul > li {
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    color: #666;
}

.widget_categories > ul > li:last-child {
    border-bottom-width: 0;
}

.widget_categories > ul li {
    position: relative;
}

.widget_categories > ul > li i {
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    text-align: center;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
}

.widget_categories > ul li a {
    display: block;
    padding: 1em 2em 1em 1em;
    font-size: 14px;
    color: #666;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: relative;
}

.widget_categories > ul .children a {
    background: #f1f1f1;
    border-top: solid 1px #ccc;
}

.widget_categories > ul .children {
    display: none;
    background: #fafafa;
    mix-blend-mode: multiply;
    margin-top: 0 !important;
}

/*------------------------------
* 最近のコメント
------------------------------*/

#recentcomments {
    font-size: 12px;
}

#recentcomments a {
    background: none !important;
    text-decoration: underline;
    font-weight: bold;
}

#recentcomments li {
    padding: 1em 0.5em;
    font-size: 14px;
}

/*------------------------------
* 最近の投稿
------------------------------*/

.widget.widget_recent_entries .post-date {
    display: block;
    padding: 0 1.5em 1em;
    margin-top: -1em;
    font-size: 10px;
    opacity: 0.5;
}


/*------------------------------
* 固定ページ
------------------------------*/

.widget_pages .children {
    display: none;
}

/*------------------------------
* ギャラリー
------------------------------*/

.widget_media_gallery .gallery-item {
    margin-top: 0 !important;
}

.widget_media_gallery img {
    border-width: 0 !important;
    display: block;
}

.wp-caption-text.gallery-caption {
    font-size: 10px;
    margin: 5px 0;
}

/*------------------------------
* 画像
------------------------------*/

.widget_media_image > div {
    width: 100% !important;
    padding: 0 !important;
}

.widget_media_image img {
    width: 100%;
    display: block;
}

.widget_media_image .wp-caption-text {
    line-height: 1.5;
    margin-top: 10px !important;
    font-size: 10px;
}

/*------------------------------
* 音声
------------------------------*/

.widget_media_audio audio {
    margin-top: 20px;
}

/*------------------------------
* 動画
------------------------------*/

.widget_media_video > div {
    padding: 10px 0 0 !important;
    text-align: center;
}

.wp-video-shortcode video,
video.wp-video-shortcode {
    width: 100%;
}

/*------------------------------
* プルダウン表示
------------------------------*/

.screen-reader-text {
    display: none;
}

.selectdiv {
    position: relative;
    float: left;
    /*min-width: 200px;*/
    width: 100%;
    margin: 50px 33%;
}

.selectdiv:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
}

select::-ms-expand {
    display: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px 0 12px;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*------------------------------
* ランキング（通常記事のみ）
------------------------------*/

.amu_rank_widgrt {
    list-style-type: none;
    counter-reset: number;
}

/*リストコンテナ*/

.amu_rank_widgrt__item {
    position: relative;
    margin-top: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.amu_rank_widgrt__item:first-child {
    margin-top: 0;
}

/*順位*/

.amu_rank_widgrt__item:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #bfbfbf;
    color: #FFF;
    z-index: 5;
}

.amu_rank_widgrt__item:nth-child(1):before {
    background: #ecd357;
}

.amu_rank_widgrt__item:nth-child(2):before {
    background: #a9c6d5;
}

.amu_rank_widgrt__item:nth-child(3):before {
    background: #c58459;
}

/*アイキャッチ*/

.amu_rank_widgrt__item .eyecatch-widget {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.amu_rank_widgrt__item .eyecatch-widget::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_rank_widgrt__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    vertical-align: bottom;
    transform: scale(1);
    transition: all 0.5s;
}

/*記事タイトル*/

.amu_rank_widgrt__title__wrap {
    background: #fafafa;
    padding: 1em;
}

.amu_rank_widgrt__title {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 7px;
    overflow: hidden;
}

.amu_rank_widgrt a {
    color: #333;
    display: block;
    transition: color 0.5s;
}

/*ホバー*/

.amu_rank_widgrt__item:hover a {
    color: #f46f22;
}

.amu_rank_widgrt__item:hover img {
    transform: scale(1.1);
}

/*カテゴリ*/

.amu_rank_widgrt .dateList-widget a {
    display: inline-block;
    font-size: 10px;
    color: #01b3a7;
    padding: 0.3em 0.5em;
    border: solid 1px #01b3a7;
    margin-right: 0.3em;
    margin-bottom: 0.5em;
    background: #fff;
}

.amu_rank_widgrt .dateList-widget a:last-child {
    margin-right: 0;
}


/*------------------------------
* 最近の更新記事ウィジェット
------------------------------*/

/*アイキャッチ*/

.widget_modify_update .coustom_blog_eyecatch {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.widget_modify_update .coustom_blog_eyecatch::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.widget_modify_update .coustom_blog_eyecatch img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transform: scale(1);
    transition: all 0.5s;
}

/*タイトル*/

.widget_modify_update .widget_modify_blog-title {
    transition: color 0.5s;
    background: #fafafa;
    color: #666 !important;
    padding: 1em;
}

.widget_modify_update .widget_modify_blog-title .modify_date {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}

/*コンテナ*/

.widget_modify_update ul li {
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden;
}

.widget_modify_update ul li:last-child {
    margin-bottom: 0;
}

.widget_modify_update ul li a {
    padding: 0;
}

.widget_modify_update ul li a:hover .widget_modify_blog-title {
    color: #f46f22 !important;
}

.widget_modify_update ul li a:hover .coustom_blog_eyecatch img {
    transform: scale(1.1);
}

/*------------------------------
* 筆者情報
------------------------------*/

.widget_amu_author .amu_author_area {
    margin: 0;
    border-width: 0;
    padding: 0;
    background: none;
}

.widget_amu_author .amu_author_area dl {
    display: block;
}

.widget_amu_author .amu_author_area dl dt,
.widget_amu_author .amu_author_area dl dd {
    width: 100%;
}

.widget_amu_author .amu_author_area dl dt {
    text-align: center;
}

.widget_amu_author .amu_author_area dl dt img {
    width: 30%;
    margin-bottom: 25px;
}

.widget_amu_author .amu_author_area dl dd .profile {
    font-size: 12px !important;
}

.widget_amu_author .amu_author_area dl dd .user_name {
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.widget_amu_author .amu_author_area dl dd .user_name_hurigana {
    display: block;
}


/*------------------------------
* お知らせ（カスタム投稿タイプ）
------------------------------*/

.widget_widget_coustom_news ul li {
    border-bottom: dotted 1px #ccc;
    padding: 0.5em 0;
}

.widget_widget_coustom_news ul li:last-child {
    border-bottom-width: 0;
}

.widget_widget_coustom_news ul li a {
    padding: 0;
    display: block;
    color: #333;
    font-size: 14px;
    transition: color 0.5s;
}

.widget_widget_coustom_news ul li a:hover {
    color: #f46f22;
}

.widget_widget_coustom_news ul li time {
    font-size: 12px;
    color: #ccc;
}


/*------------------------------
* 最新のブログ（カスタム投稿タイプ）
------------------------------*/

.widget_widget_coustom_blog ul li {
    position: relative;
}

.widget_widget_coustom_blog ul li a {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    color: #23282d;
}

/*アイキャッチ*/

.widget_widget_coustom_blog figure.eyecatch {
    width: 30%;
    height: auto;
    position: relative;
}

.widget_widget_coustom_blog figure.eyecatch::after {
    content: "";
    display: block;
    padding-top: 100%;
}

.widget_widget_coustom_blog figure.eyecatch img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

/*記事タイトル*/

.widget_widget_coustom_blog .widget_modify_update-title {
    width: 65%;
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
}

/*メタ情報*/

.widget_widget_coustom_blog .modify_date {
    display: block;
    color: #808080;
    font-size: 80%;
}

/*ホバー*/

.widget_widget_coustom_blog ul li:hover img {
    opacity: .7;
    transition: .6s;
}

.widget_widget_coustom_blog ul li:hover .widget_modify_update-title {
    color: #f46f22;
    transition: .6s;
}

/* [共通]フッターウィジェット
***************************************************/

.amu_common_footer_widget {
    margin-top: 1.5em;
}

.amu_common_footer_widget > ul {
    display: flex;
}

.amu_common_footer_widget > ul > li {
    width: 31%;
    margin-right: 3.5%;
}

.amu_common_footer_widget > ul > li:last-child {
    margin-right: 0;
}

.amu_common_footer .widget p,
.amu_common_footer .widget div {
    color: #fff;
}

/*リストの基本デザイン*/

.amu_common_footer .widget > ul > li {
    color: #fff;
}

.amu_common_footer .widget ul li a {
    color: #fff;
}

.amu_common_footer .widget ul li a:hover {
    color: #999;
}



/******************************************************************************
* [投稿]縦書きレイアウト
******************************************************************************/

/********************************************
* コンテナ
********************************************/

.single_page_area {
    margin: 50px 0;
}

/*縦書き設定*/

.novel_wrap {
    font-family: 'Noto Serif JP', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
    width: 90%;
    height: 75vh;
    margin: 0 auto;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    position: relative;
    overflow-x: scroll;
    letter-spacing: 0.03em;
    /*scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;*/
}

.vertical_c {
    position: absolute;
    right: 0;
    padding-bottom: 20px;
    word-wrap: break-word;
}

.vertical_c p {
    font-family: 'Noto Serif JP', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
    line-height: 1.7;
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna';
    word-break: break-all;
    word-wrap: break-word;
}

/*Safari用*/

_::-webkit-full-page-media,
_:future,
:root .vertical_c p {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, "Sawarabi Mincho", serif;
}

/********************************************
* 投稿記事の各種メタデータ
********************************************/

.novel_data {
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    background: #009bde;
}

.novel_data a {
    color: #fff;
}

.novel_data a:hover {
    background: #0153a7;
}

.novel_data .full_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/*公開日*/

.novel_data time {
    padding: 0.5em 1em;
}

.novel_data time span:first-child {
    margin-right: 1em;
}

.novel_data time i {
    margin-right: 0.5em;
}

/*カテゴリ*/

.novel_data .category {
    border-left: solid 1px rgba(255, 255, 255, 0.5);
}

.novel_data .category .post-categories li {
    display: inline-block;
}

.novel_data .category a {
    display: block;
    padding: 0.5em 1em;
}

.novel_data .category a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f07b";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: bold;
    margin-right: 0.5em;
    opacity: 0.5;
}


/********************************************
* コンテンツ内スタイル
********************************************/

.vertical_c h2 {
    font-size: 25px;
    line-height: 1.5;
    margin: 0 20px;
    font-family: 'Noto Serif JP', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
}

.novel_wrap .vertical_c img {
    width: auto !important;
    max-height: 60vh !important;
}

.vertical_c .novel_data a {
    transition: all 0.5s;
}

.vertical_c .novel_data a:hover {
    opacity: 0.5;
}

/********************************************
* コントロールデザイン
********************************************/

/*横方向のプログレスバー*/

#scroll_bar_wrap {
    width: 90%;
    margin: 0 auto 25px;
    height: 5px;
    background: #fff;
    position: relative;
    overflow: hidden;
    border: solid 1px #ccc;
}

#scroll_bar_wrap .novel_now_bar_inner {
    position: absolute;
    top: 0;
    right: 0;
    height: 10px;
    background: #2fa4d4;
}

/*SafariとFireFoxは非表示*/

_::-webkit-full-page-media,
_:future,
:root #scroll_bar_wrap {
    display: none;
}

@-moz-document url-prefix() {
    #scroll_bar_wrap {
        display: none;
    }
}


/*操作コントローラー*/

.novel_cont {
    text-align: center;
    margin: 10px 0 0;
}

.novel_cont ul li {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    color: #999;
    line-height: 30px;
    position: relative;
    border: solid 2px #999;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.novel_cont ul li:hover {
    opacity: 0.5;
}

.novel_cont ul li:nth-child(2) {
    margin: 0 10px;
}

.novel_cont .r_top {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    background: #fff;
    border: solid 2px #999;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.novel_cont .r_top a {
    color: #999;
}

.novel_cont .r_top:hover {
    opacity: 0.5;
}



/******************************************************************************
* [投稿・固定]通常レイアウト
******************************************************************************/

/*見出し*/

.amu_page_title {
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}

.amu_page_title::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}

.amu_page_title .amu_page_title_inner {
    width: 900px;
    margin: 0 auto;
    position: relative;
    text-shadow: 0px 0px 0px #888888;
}

.amu_page_title .amu_page_title_inner h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 0.5em;
    padding: 0 0.5em;
}

.amu_page_title .amu_page_title_inner .amu_page_title_desc {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

/*本文*/

.amu_page_content_main {
    margin: 80px auto;
}

.amu_page_content_description {
    position: relative;
    font-size: 16px;
    line-height: 1.7;
}

.amu_simple_page_content_description {
    margin: 30px 0;
}

/*記事情報*/

.novel_data_page {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
}

.novel_data_page time span:last-child {
    margin-left: 1em;
}

.novel_data_page time i {
    margin-right: 0.5em;
}

.novel_data_page .category {
    margin-top: 15px;
}

.novel_data_page .category li {
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 0.2em;
}

.novel_data_page .category li:last-child {
    margin-right: 0;
}

.novel_data_page .category li a {
    font-size: 12px;
    display: block;
    padding: 0.2em 0.5em;
    color: #fff;
    border: solid 1px #fff;
    background: rgba(0, 0, 0, 0);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.novel_data_page .category li a:hover {
    background: rgba(0, 0, 0, 0.7);
}

/********************************************
* 2カラムレイアウト
********************************************/

.sidebar_page_wrap {
    /*overflow: hidden;*/
    display: flex;
    justify-content: space-between;
}

.sidebar_page_wrap .sidebar_lc {
    width: 67%;
    /*float: left;*/
}

.sidebar_page_wrap .sidebar_rc {
    width: 28%;
    /*float: right;*/
}


/******************************************************************************
* [投稿・固定]シンプルレイアウト
******************************************************************************/

.wrap_1column {
    width: 750px;
    margin: 50px auto;
}

.simple_layout_img img {
    width: 100%;
}

.simple_layout_title {
    margin: 25px 0;
}

.simple_layout_title h2 {
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 0.3em;
}

/*記事情報*/

.simple_layout_title .novel_data_page {
    text-align: left;
    color: #666;
}

.simple_layout_title .novel_data_page .category li {
    border-width: 0;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
}

.simple_layout_title .novel_data_page .category li a {
    font-size: 12px;
    color: #0bd79b;
    border: 1px solid #0bd79b;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0.1em 0.5em;
    background: #fff;
    font-weight: bold;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.simple_layout_title .novel_data_page .category li a:hover {
    background: #0bd79b;
    color: #fff;
}


/******************************************************************************
* [固定]404ページ
******************************************************************************/

/*コンテナ*/

.site_map_404 {
    display: flex;
    flex-wrap: wrap;
}

.site_map_404 > .site_map_list {
    width: 31%;
    margin-right: 3.5%;
}

.site_map_404 > .site_map_list:nth-child(3n) {
    margin-right: 0;
}

/*リスト*/

.site_map_list .site_map_list_head {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    border-bottom: solid 1px #ccc;
    padding: 0.3em;
    margin: 1.5em 0 0.7em;
}

.site_map_list .site_map_list_head a {
    color: #333;
}

.site_map_list ul li,
.site_map_list ul li a {
    font-size: 14px;
    color: #555;
}

.site_map_list > ul > li a::before {
    content: "・";
}

.site_map_list ul li .children {
    margin: 0;
    margin-left: 1em;
}

.site_map_list ul li .children a {
    color: #888;
}

.site_map_list a:hover {
    opacity: 0.7;
    text-decoration: underline;
}



/******************************************************************************
* [固定]ランキング
******************************************************************************/

.amu_ranking {
    line-height: 1.5;
}

/*リスト*/

.amu_ranking_list > ol > li {
    box-shadow: 0px 0px 25.92px 1.08px rgba(173, 173, 173, 0.1);
    background: #fff;
}

.amu_ranking_list > ol > li {
    margin-bottom: 40px;
}

.amu_ranking_list > ol > li:last-child {
    margin-bottom: 0;
}

.amu_ranking_list > ol > li > a {}

.amu_ranking_list dl {
    display: flex;
    justify-content: space-between;
}

.amu_ranking_list dl dt {
    width: 35%;
}

.amu_ranking_list dl dd {
    width: 65%;
}

/*画像*/

.amu_ranking_list dl dt {
    height: auto;
    position: relative;
    overflow: hidden;
}

.amu_ranking_list dl dt::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_ranking_list dl dt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_ranking_list > ol > li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.amu_ranking_list dl dt::after {
    content: "";
    display: block;
    font-size: 16px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #333;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.amu_ranking_list > ol > li:nth-child(1) dl dt::after {
    content: "1";
    background: #f2be3e;
}

.amu_ranking_list > ol > li:nth-child(2) dl dt::after {
    content: "2";
    background: #a9c6d5;
}

.amu_ranking_list > ol > li:nth-child(3) dl dt::after {
    content: "3";
    background: #c58459;
}

.amu_ranking_list > ol > li:nth-child(n+4) dl dt::after {
    background: #333;
}

.amu_ranking_list > ol > li:nth-child(4) dl dt::after {
    content: "4";
}

.amu_ranking_list > ol > li:nth-child(5) dl dt::after {
    content: "5";
}

.amu_ranking_list > ol > li:nth-child(6) dl dt::after {
    content: "6";
}

.amu_ranking_list > ol > li:nth-child(7) dl dt::after {
    content: "7";
}

.amu_ranking_list > ol > li:nth-child(8) dl dt::after {
    content: "8";
}

.amu_ranking_list > ol > li:nth-child(9) dl dt::after {
    content: "9";
}

.amu_ranking_list > ol > li:nth-child(10) dl dt::after {
    content: "10";
}

/*テキスト部コンテナ*/

.amu_ranking_list dl dd {
    background: #fff;
    color: #333;
    box-sizing: border-box;
    padding: 3em 5em 3em 3em;
    position: relative;
}

.amu_ranking_list dl dd::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-weight: bold;
    color: #0bd79b;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
}

.amu_ranking_list > ol > li:hover dl dd::before {
    right: 1.5em;
}

/*タイトル*/
.amu_ranking_list dl dd h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0.3em 0;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
}

.amu_ranking_list > ol > li:hover dl dd h3 {
    color: #0bd79b;
}

/*カテゴリ*/

.amu_ranking_list dl dd .amu_update_list_category {
    font-size: 10px;
    line-height: 1.5;
    color: #0bd79b;
}

/*抜粋*/

.amu_ranking_list dl dd .amu_update_list_excerpt {
    overflow: hidden;
    color: #7f7f7f;
    font-size: 12px;
}

.amu_ranking_list dl dd .amu_update_list_excerpt p {
    font-size: 12px;
    color: #7f7f7f;
}

.amu_ranking_list dl dd .amu_update_list_excerpt .amu_update_list_excerpt_inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



/******************************************************************************
* [投稿]目次
******************************************************************************/

/*コンテナ*/

.outline {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.outline > span.outline__title {
    width: 80%;
    background: #333;
}

.outline > label.outline__switch {
    width: 20%;
    background: #ff7e29;
    text-align: center;
    cursor: pointer;
}

.outline > span.outline__title,
.outline > label.outline__switch {
    display: block;
    box-sizing: border-box;
    padding: 1em;
    color: #fff;
}

.outline .outline__list {
    /*width: 100%;*/
    font-size: 14px;
}

/*目次タイトル*/

.outline > span.outline__title i {
    margin-right: 0.5em;
    opacity: 0.5;
}

/*開閉ボタン*/

.outline__toggle {
    display: none;
}

.outline__switch::before {
    content: "開く";
    font-weight: bold;
    color: #fff;
    padding: 5px;
    font-size: 0.8rem;
    margin-left: 5px;
}

.outline__toggle:checked + .outline__switch::before {
    content: "閉じる";
}

/*目次の設定*/

.outline__switch + .outline__list {
    overflow: hidden;
    height: 0;
    transition: 0.2s;
    border-left: solid 1px #D8D8D8;
    border-right: solid 1px #D8D8D8;
    border-bottom: solid 0px #D8D8D8;
    box-sizing: border-box;
}

.outline__toggle:checked + .outline__switch + .outline__list {
    width: 100%;
    height: auto;
    transition: 0.2s;
    padding: 1em;
    border-bottom: solid 1px #D8D8D8;
}

/*リンク設定*/

.outline__item:before {
    content: normal;
}

.outline__link {
    display: relative;
    color: #333;
    transition: color 0.5s;
}

.outline__link:hover {
    border: none;
    color: #ff7e29;
}

/*その他*/

.outline__number {
    display: inline-block;
    color: #7F7F7F;
    background: #F2F2F2;
    padding: 3px 6px;
    font-weight: 400;
    font-size: 1.2rem;
    margin-right: 5px;
}

label.outline__switch {
    position: relative;
    float: right;
}

.outline li .outline__item {
    list-style-type: none !important;
    line-height: 2;
}

.outline li .outline__item:before {
    content: '・';
    opacity: 0.5;
}

.outline ul .outline__item {
    list-style-type: none !important;
    line-height: 2;
}

.outline ul {
    -webkit-padding-start: 1.2em;
}

/*縦書き用レイアウト*/

.vertical_c .outline {
    width: auto;
    display: block;
    margin: 0 35px;
}

.vertical_c .outline > span.outline__title {
    height: 70%;
}

.vertical_c .outline > label.outline__switch {
    height: 30%;
}

.vertical_c .outline > span.outline__title,
.vertical_c .outline > label.outline__switch {
    width: auto;
    display: inline-block;
}

.vertical_c .outline > span.outline__title i {
    margin-right: 0;
    margin-bottom: 0.5em;
}

.vertical_c .outline__switch + .outline__list {
    width: 0;
    height: 100%;
    border-left: solid 0px #D8D8D8;
    border-right-width: 0;
    border-bottom: solid 1px #D8D8D8;
    border-top: solid 1px #D8D8D8;
}

.vertical_c .outline__toggle:checked + .outline__switch + .outline__list {
    width: auto;
    height: 100%;
    padding: 2em;
    border-left: solid 1px #D8D8D8;
}


/******************************************************************************
* [投稿]コメントデザイン
******************************************************************************/

/*コンテナ*/

#comments {
    box-sizing: border-box;
    padding: 30px;
    background: #fafafa;
    border: solid 1px #E5E5E5;
    border-radius: 5px;
    margin: 30px 0;
}

/*見出し*/

#comments #reply-title {
    margin: 0 auto;
    padding: 10px 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

#comments #reply-title > a {
    color: #ff6a07;
    text-decoration: underline;
}

#comments #reply-title > small {
    margin-left: 1em;
}

#comments #reply-title > small > a {
    display: inline-block;
    background: #666;
    color: #fff;
    font-size: 10px;
    padding: 0.5em 1em;
    border-radius: 50px;
}

/*コメントの注意文*/

.comment-notes {
    font-size: 12px;
}

.comment-notes .rd,
.required {
    color: #e9474d;
}

/*ログアウトボタンの削除*/

#logout {
    display: none;
}

/*入力欄の外観*/

#comments form input[type="email"],
#comments form input[type="text"],
#comments form textarea {
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    padding: 1em;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 auto 20px;
}

#comments form #submit {
    min-width: 200px;
    background: #666;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 0.8em 1em;
    transition: all 0.5s;
    border-radius: 5px;
}

#comments form #submit:hover {
    background: #ff7e29;
}

form label {
    display: block;
    margin: 15px 0 10px;
    font-size: 14px;
}

/*アバター*/

.comment-author {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.comment-author .avatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 60px;
    margin-right: 1em;
}

.comment-author cite.fn {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

/*コメントのメタデータ*/

.comment-meta.commentmetadata {
    position: absolute;
    top: 0;
    right: 0;
    background: #01b3a7;
    padding: 0 10px 2px;
}

.comment-meta a,
.commentmetadata a {
    color: #fff;
    font-size: 12px;
}

/*コメントリストの見出し*/

.cCount {
    font-size: 16px;
    margin: 2em 0;
    font-weight: bold;
    line-height: 1.7;
    color: #01b3a7;
}

/*通常コメントのデザイン*/

.contribution {
    text-align: left;
}

.contribution > li {
    margin-bottom: 25px;
    box-shadow: 0px 0px 25.92px 1.08px rgba(173, 173, 173, 0.1);
}

.contribution > li:last-child {
    margin-bottom: 0;
}

.comment,
.even,
.byuser,
.bypostauthor,
.thread-even {
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 1em 1.5em;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    line-height: 1.5;
}

.comment p,
.byuser p,
.bypostauthor p,
.even p,
.thread-even p {
    font-size: 14px;
    line-height: 1.5;
}

/*返信ボタン*/

.reply {
    text-align: right;
    margin-top: 0.5em;
}

.comment-reply-link {
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    color: #ff6a07;
    border: solid 1px #ff6a07;
    background: #fff;
    padding: 0.2em 0.5em;
}

.comment-reply-link::before {
    font-family: "Font Awesome 5 Free";
    content: "\f3e5";
    margin-right: 0.5em;
}

/*返信アイコン*/

.says {
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    font-size: 12px;
    margin-left: 1em;
}

.comment-author .says {
    /*親コメントの「返信」を非表示*/
    display: none;
}

.children .says {
    display: inline-block;
}

/*返信リスト*/

.children {
    margin-top: 1em;
}

.children .comment,
.children .byuser,
.children .bypostauthor,
.children .even,
.children .thread-even {
    padding: 0;
    border-radius: 0;
    background: #f3f7fd;
    mix-blend-mode: multiply;
}

.children .comment p,
.children .byuser p,
.children .bypostauthor p,
.children .even p,
.children .thread-even p {
    padding: 0 1.5em;
}

.children .comment-author {
    padding: 1em 1.5em 0;
}

.children .reply {
    padding: 0 1.5em 1em;
}

.children .children {
    margin-top: 0;
}


/*承認待ちテキスト*/

.comment-awaiting-moderation {
    display: block;
    color: #ce0c40;
    font-size: 14px;
    font-weight: bold;
    padding: 0 1.5em;
}


/*クッキー使用のチェックボックス*/

.comment-form-cookies-consent {
    width: 90%;
    margin: 0 auto 1.7em;
}

.comment-form-cookies-consent #wp-comment-cookies-consent {
    display: none;
}

.comment-form-cookies-consent #wp-comment-cookies-consent + label {
    display: block;
    position: relative;
    padding-left: 35px;
    font: 14px/20px 'Open Sans', Arial, sans-serif;
    color: #999;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.comment-form-cookies-consent #wp-comment-cookies-consent + label:last-child {
    margin-bottom: 0;
}

.comment-form-cookies-consent #wp-comment-cookies-consent + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #2aa3d8;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.comment-form-cookies-consent #wp-comment-cookies-consent:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/******************************************************************************
* [固定]コンタクトフォーム7用スタイル
******************************************************************************/

.wpcf7 input,
.wpcf7 textarea {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    border: solid 1px #ccc;
    margin-top: 5px;
    margin-bottom: 22px;
    background: #f8f8f8;
}

.wpcf7 input.wpcf7-submit {
    color: #fff;
    font-weight: bold;
    border-width: 0;
    background: #ff7e29;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
}

.wpcf7 input.wpcf7-submit:hover {
    background: #ff6a07;
}

.wpcf7 label {
    display: block;
    color: #666;
    line-height: 1.5;
}

/*エラーメッセージ*/
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: #ce0c40;
    font-weight: 600;
    border-width: 0;
    padding: 0;
    margin: 1em 0 0;
}



/******************************************************************************
* [投稿・固定]その他ページパーツデザイン
******************************************************************************/

/*筆者情報*/

.amu_author_area {
    width: 100%;
    /*max-width: 960px;*/
    max-width: 1100px;
    background: #fafafa;
    box-sizing: border-box;
    margin: 30px auto;
    padding: 2em;
    border: solid 1px #E5E5E5;
    border-radius: 5px;
}

.amu_author_area dl {
    display: flex;
    justify-content: space-between;
}

.amu_author_area dl dt {
    width: 15%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    /*background: linear-gradient(45deg, #007eff, #ff17b1);
    padding: 2px 2px 1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;*/
}

.amu_author_area dl dt img {
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


.amu_author_area dl dd {
    width: 80%;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
}

.amu_author_area dl dd .user_name {
    font-size: 16px;
    /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    /*padding-bottom: 7px;*/
    margin-bottom: 7px;
    font-weight: bold;
}

.amu_author_area dl dd .user_name_hurigana {
    font-size: 12px;
}

/*関連記事*/

.related_article_area {
    line-height: 1.5;
    background: #f3f7fd;
    padding: 3em 0;
    margin: 50px 0;
}

.raa_list {
    display: flex;
}

.raa_list li {
    width: 31%;
}

.raa_list li:nth-child(2) {
    margin: 0 3.5%;
}

/*前後記事リンク*/

.post_link {
    width: 100%;
    max-width: 960px;
    margin: 30px auto;
    display: flex;
    line-height: 1.5;
}

.post_link > span {
    width: 50%;
    box-sizing: border-box;
}

.post_link .prev {
    text-align: left;
    background: #333;
}

.post_link .prev a::before {
    content: "«";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post_link .next {
    text-align: right;
    background: #ff7e29;
}

.post_link .next a::after {
    content: "»";
    margin-left: 5px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post_link .prev a,
.post_link .next a {
    display: block;
    color: #fff;
    font-size: 14px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    position: relative;
}

.post_link .prev a {
    background: #333;
    padding: 1.5em 1em 1.5em 2em;
}

.post_link .next a {
    background: #ff7e29;
    padding: 1.5em 2em 1.5em 1em;
}

.post_link .prev a:hover,
.post_link .next a:hover {
    opacity: 0.8;
}

/*タグ*/

.tag_list {
    width: 600px;
    margin: 30px auto;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}

.tag_list li {
    display: inline-block;
}

.tag_list li a {
    display: block;
    padding: 0.5em 1em;
    color: #999;
}

.tag_list li a::before {
    content: "#";
    margin-right: 0.3em;
    font-size: 16px;
}

/*SNSシェア*/

.snsShare {
    margin: 30px 0;
}

.amu_page_content_main .snsShare:first-child {
    margin-top: 0;
}

.snsShare ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.snsShare li {
    display: inline-block;
    line-height: 1.5;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin-right: 1em;
    margin-bottom: 0.5em;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.snsShare li:last-child {
    margin-right: 0;
}

.snsShare li:hover {
    opacity: 0.7;
}

.snsShare li i {
    font-size: 12px;
    margin-right: 0.3em;
}

.snsShare li a {
    display: block;
    color: #fff;
    padding: 0.5em 1em;
}

.snsShare .share_fb {
    background: #3b579d;
}

.snsShare .share_twitter {
    background: #21a9eb;
}

.snsShare .share_line {
    background: #4ecd00;
}

.snsShare .share_hatena {
    background: #2fa4d4;
}

.fa-hatena:before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
}

/*何分で読める*/

.post_count {
    font-size: 12px;
    color: #888;
    text-align: center;
    padding: 0.5em 1em;
    color: #474747;
    background: #f5f5f5;
    border-top: dotted 1px #888;
    border-bottom: dotted 1px #888;
    margin: 20px 0;
}

.post_count i {
    margin-right: 0.5em;
}

.post_count span {
    font-weight: bold;
}

#novel_wrap_vc .post_count {
    text-align: left;
    padding: 1em;
    border-width: 0;
    margin: 0 20px;
}

#novel_wrap_vc .post_count span.post_count_nomber {
    letter-spacing: normal;
    -webkit-text-combine: horizontal;
    -moz-text-combine-upright: all;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
    text-orientation: sideways;
    -webkit-text-orientation: sideways;
}

@-moz-document url-prefix() {

    /*firefox対策*/
    #novel_wrap_vc .post_count span.post_count_nomber {
        position: relative;
        left: 5px;
    }
}

#novel_wrap_vc .post_count i {
    margin-right: 0;
    margin-bottom: 0.5em;
}

/******************************************************************************
* [アーカイブ]リストレイアウト
******************************************************************************/

/*コンテナ*/

.amu_archive_area {
    margin: 0 0 40px;
}

.related_article_area {
    margin: 0;
}

.amu_archive_area .amu_page_title {
    margin-bottom: 80px;
}

/*リスト*/

.amu_archive_area a {
    color: #333;
}

.amu_archive_area ul {
    display: flex;
    flex-wrap: wrap;
}

.amu_archive_area ul li {
    width: 31%;
    margin-bottom: 35px;
}

.amu_archive_area ul li:nth-child(3n+2) {
    margin: 0 3.5% 35px;
}

.amu_archive_area dl dt {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.amu_archive_area dl dt::before {
    content: "";
    display: block;
    padding-top: 52.5%;
}

.amu_archive_area dl dt img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.amu_archive_area dl dd {
    margin: 1em 0 0;
}

.amu_archive_area dl dd .archive_post_title {
    font-size: 14px;
    line-height: 1.7;
    font-weight: bold;
    margin-bottom: 5px;
}

.amu_archive_area dl dd time {
    font-size: 12px;
    color: #999;
}

/*ホバーエフェクト*/

.amu_archive_area a:hover .archive_post_title {
    color: #ff6a07;
}

.amu_archive_area a:hover dl dt img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

/*ページネーション*/

.pagination {
    text-align: center;
    margin: 3em 0;
}

.pagination a {
    display: inline-block;
    margin: 0 0.2em;
    font-size: 16px;
    font-weight: 900;
    color: #555;
    background: #f1ece9;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
}

.pagination a:hover {
    text-decoration: underline;
}

.pagination .current {
    display: inline-block;
    margin: 0 0.2em;
    font-size: 16px;
    font-weight: 900;
    color: #fff;
    background: #6ab20a;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
}

/*アニメーション用*/

.archive_list_effect {
    opacity: 0;
}

/******************************************************************************
* [検索]検索結果リスト
******************************************************************************/

.search_area {
    margin: 0 0 80px;
}

.search_area .amu_page_title {
    margin-bottom: 80px;
}

.search_excerpt {
    overflow: hidden;
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.search_excerpt p {
    font-size: 12px;
    color: #999;
}

.search_excerpt .search_excerpt_inner {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/******************************************************************************
*
* [編集]エディターデザイン
*
* ここからエディタ(クラシックエディター/ブロックエディター)用のスタイルを追加します。
*
*
* 目次
* [編集]テキスト関係の初期設定
* [編集]Gutenbergブロックデザイン(一般ブロック)
* [編集]Gutenbergブロックデザイン(フォーマットブロック)
* [編集]Gutenbergブロックデザイン(レイアウトブロック)
* [編集]Gutenbergブロックデザイン(ウィジェットブロック)
* [編集]Gutenbergブロックデザイン(埋め込みブロック)
* [編集]Gutenbergブロックデザイン(カスタムブロック)
* [編集]Gutenbergブロックデザイン(カスタムインラインブロック)
*
*
******************************************************************************/

/******************************************************************************
* [編集]テキスト関係の初期設定
******************************************************************************/

.amu_page_content_description > p {
    margin-bottom: 1.5em;
}

.amu_page_content_description strong,
.vertical_c strong {
    font-weight: bold;
}

.amu_page_content_description hr {
    border-top: solid 1px #ccc;
    margin: 50px 0;
}

/*縦書き*/

.vertical_c hr {
    border-left: solid 1px #e5e2e2;
    margin: 0 50px;
}

/*全ブロック共通アンカー*/

/*.wp-block-quote a,*/
.wp-block-image a,
.wp-block-gallery a,
.amu_page_content_description > ul a,
.amu_page_content_description > ol a,
.vertical_c > ul a,
.vertical_c > ol a,
.wp-block-cover a,
.wp-block-video a,
.wp-block-audio a,
/*.wp-block-pullquote a,*/
.wp-block-preformatted a,
.wp-block-table a,
.wp-block-verse a,
.wp-block-columns p a,
.wp-block-group p a,
.wp-block-media-text p a {
    color: #ff7e29;
    text-decoration: underline;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    ;
}

/*.wp-block-quote a:hover,*/
.wp-block-image a:hover,
.wp-block-gallery a:hover,
.amu_page_content_description > ul a:hover,
.amu_page_content_description > ol a:hover,
.vertical_c > ul a:hover,
.vertical_c > ol a:hover,
.wp-block-cover a:hover,
.wp-block-video a:hover,
.wp-block-audio a:hover,
/*.wp-block-pullquote a:hover,*/
.wp-block-preformatted a:hover,
.wp-block-table a:hover,
.wp-block-verse a:hover,
.wp-block-columns p a:hover,
.wp-block-group p a:hover,
.wp-block-media-text p a:hover {
    color: #ff6a07;
}


/******************************************************************************
* [編集]Gutenbergブロックデザイン(一般ブロック)
******************************************************************************/

/*-----------------------/
* 段落
* 以下、追加スタイル用のCSS
-----------------------*/

/*直線*/
.is-style-amu-p-border01 {
    padding: 1em;
    border: solid 1px #ccc;
    margin: 1em 0;
}

/*点線*/
.is-style-amu-p-border02 {
    padding: 1em;
    border: dashed 1px #999;
    margin: 1em 0;
}

/*カギ括弧*/
.is-style-amu-p-kakko {
    position: relative;
    padding: 1em;
    margin: 1em 0;
}

.is-style-amu-p-kakko::before,
.is-style-amu-p-kakko::after {
    content: '';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}

.is-style-amu-p-kakko::before {
    border-left: solid 2px #002f4b;
    border-top: solid 2px #002f4b;
    top: 0;
    left: 0;
}

.is-style-amu-p-kakko::after {
    border-right: solid 2px #002f4b;
    border-bottom: solid 2px #002f4b;
    bottom: 0;
    right: 0;
}

/*付箋（上）*/
.is-style-amu-p-husen01 {
    padding: 1em;
    border-top: solid 10px #888;
    background: #fafafa;
    margin: 1em 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/*付箋（左）*/
.is-style-amu-p-husen02 {
    padding: 1em;
    border-left: solid 10px #888;
    background: #fafafa;
    margin: 1em 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

/*チェック*/
.is-style-amu-p-check {
    position: relative;
    padding: 1.3em 1em 1em;
    border: solid 2px #B3E2B4;
    margin: 2em 0 1em;
    color: #4DADA1;
}

.is-style-amu-p-check::before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: bold;
    position: absolute;
    top: -0.6em;
    left: 0.5em;
    color: #B3E2B4;
    background: #fff;
    font-size: 180%;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    line-height: 1.2em;
    border-radius: 50%;
}

/*バツ*/

.is-style-amu-p-cross {
    position: relative;
    padding: 1.3em 1em 1em;
    border: solid 2px #FF7D7D;
    margin: 2em 0 1em;
    color: #FF6969;
}

.is-style-amu-p-cross::before {
    font-family: "Font Awesome 5 Free";
    content: "\f057";
    font-weight: bold;
    position: absolute;
    top: -0.6em;
    left: 0.5em;
    color: #FF7D7D;
    background: #fff;
    font-size: 180%;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    line-height: 1.2em;
    border-radius: 50%;
}

/*はてな*/

.is-style-amu-p-question {
    position: relative;
    padding: 1.3em 1em 1em;
    border: solid 2px #B8B2EA;
    margin: 2em 0 1em;
    color: #9573FF;
}

.is-style-amu-p-question::before {
    font-family: "Font Awesome 5 Free";
    content: "\f059";
    font-weight: bold;
    position: absolute;
    top: -0.6em;
    left: 0.5em;
    color: #B8B2EA;
    background: #fff;
    font-size: 180%;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    line-height: 1.2em;
    border-radius: 50%;
}

/*注意*/

.is-style-amu-p-attention {
    position: relative;
    padding: 1.3em 1em 1em;
    border: solid 2px #F9BF4B;
    margin: 2em 0 1em;
    color: #ed9f03;
}

.is-style-amu-p-attention::before {
    font-family: "Font Awesome 5 Free";
    content: "\f071";
    font-weight: bold;
    position: absolute;
    top: -0.6em;
    left: 0.5em;
    color: #F9BF4B;
    background: #fff;
    font-size: 180%;
    width: 1.2em;
    height: 1.2em;
    text-align: center;
    line-height: 1.2em;
    border-radius: 50%;
}

/*縦書き用*/

.vertical_c .is-style-amu-p-border01,
.vertical_c .is-style-amu-p-border02,
.vertical_c .is-style-amu-p-kakko,
.vertical_c .is-style-amu-p-husen01,
.vertical_c .is-style-amu-p-husen02 {
    margin: 0 1em;
}

.vertical_c .is-style-amu-p-check,
.vertical_c .is-style-amu-p-cross,
.vertical_c .is-style-amu-p-question,
.vertical_c .is-style-amu-p-attention {
    padding: 1em 1.3em 1em 1em;
    margin: 0 2em 0 1em;
}

.vertical_c .is-style-amu-p-check::before,
.vertical_c .is-style-amu-p-cross::before,
.vertical_c .is-style-amu-p-question::before,
.vertical_c .is-style-amu-p-attention::before {
    top: 0.5em;
    left: inherit;
    right: -0.6em;
}

/*-----------------------/
* ファイルブロック
-----------------------*/

.wp-block-file {
    margin: 20px 0 !important;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    border: solid 4px #f2f2f2;
}

.wp-block-file a {
    color: #333;
}

/*追加ボタン*/

.wp-block-file .wp-block-file__button {
    display: block;
    background: #ff7e29 !important;
    margin-top: 10px;
    margin-left: 0 !important;
    border-radius: 5px !important;
    text-align: center;
    font-weight: bold;
}

/*縦書き用*/

.vertical_c .wp-block-file {
    margin: 0 20px !important;
}

.vertical_c .wp-block-file .wp-block-file__button {
    margin-top: 0;
    margin-right: 15px;
}

/*-----------------------/
* 画像
-----------------------*/

.wp-block-image figcaption {
    margin-top: 0 !important;
    font-size: 12px;
    color: #888;
}

/*縦書き用*/

.vertical_c .wp-block-image {
    margin-bottom: 0 !important;
    margin: 0 20px !important;
}

.vertical_c .wp-block-image figcaption {
    margin-right: 1em;
}

/*追加スタイル用*/

.wp-block-image.is-style-amu-img-border img {
    border: solid 1px #ccc;
}



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

.amu_page_content_description h1 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
    margin: 1em 0;
}

.amu_page_content_description h2 {
    font-size: 22px;
    font-weight: bold;
    background: #002f4b;
    color: #fff;
    line-height: 1.5;
    padding: 0.7em 0.8em;
    margin: 1em 0;
    border-top: solid 2px #5472cd;
    border-bottom: solid 2px #5472cd;
}

.amu_page_content_description h3 {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    padding: 0.5em;
    margin: 1.5em 0;
    border-bottom: solid 2px #ccc;
    position: relative;
}

.amu_page_content_description h3::after {
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 2px #002f4b;
    bottom: -2px;
    left: 0;
    width: 20%;
}

.amu_page_content_description h4 {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    padding: 0 0.5em;
    border-left: solid 5px #002f4b;
    margin: 1.5em 0;
}

.amu_page_content_description h5 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    margin: 1.7em 0;
}

.amu_page_content_description h6 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    margin: 1.8em 0;
}

/*縦書きデザインの場合*/

.vertical_c h2,
.vertical_c h3 {
    font-size: 22px;
    font-weight: bold;
    color: #191919;
    line-height: 1.5;
    margin: 0 1em;
}

.vertical_c h4 {
    font-size: 20px;
    font-weight: bold;
    color: #191919;
    line-height: 1.5;
    margin: 0 1em;
    text-indent: 1em;
}

.vertical_c h5 {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    line-height: 1.5;
    margin: 0 1em;
    text-indent: 2em;
}

.vertical_c h6 {
    font-size: 18px;
    font-weight: bold;
    color: #191919;
    line-height: 1.5;
    margin: 0 1em;
    text-indent: 2em;
}

.vertical_c h2#top {
    font-size: 24px;
    color: #002f4b;
    margin: 0 0 0 1em;
}

/*-----------------------/
* ギャラリー
-----------------------*/

.wp-block-gallery {
    margin: 20px 0 !important;
}

.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    box-sizing: border-box;
}

.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
    position: relative;
}

/*縦書き用*/

.vertical_c .wp-block-gallery {
    margin: 0 20px !important;
}

.vertical_c .blocks-gallery-item {
    margin: 0 !important;
}

.vertical_c .blocks-gallery-grid .blocks-gallery-image figure,
.vertical_c .blocks-gallery-grid .blocks-gallery-item figure,
.vertical_c .wp-block-gallery .blocks-gallery-image figure,
.vertical_c .wp-block-gallery .blocks-gallery-item figure {
    height: 60vh;
}

.vertical_c .blocks-gallery-grid .blocks-gallery-image figcaption,
.vertical_c .blocks-gallery-grid .blocks-gallery-item figcaption,
.vertical_c .wp-block-gallery .blocks-gallery-image figcaption,
.vertical_c .wp-block-gallery .blocks-gallery-item figcaption {
    width: auto !important;
    padding: 10px 40px 10px 10px !important;
    text-align: left !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent) !important;
    height: 100% !important;
}


/*-----------------------/
* リスト
-----------------------*/

.amu_page_content_description > ul,
.amu_page_content_description > ol {
    margin: 20px 0;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.amu_page_content_description > ul li {
    list-style-type: disc;
    margin-left: 1.5em;
    text-align: left;
}

.amu_page_content_description > ol li {
    list-style-type: decimal;
    margin-left: 1.5em;
    text-align: left;
}

/*縦書き用*/

.vertical_c > ul,
.vertical_c > ol {
    margin: 0 20px;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

.vertical_c > ul li {
    list-style-type: disc;
    margin-top: 1.5em;
    text-align: left;
}

.vertical_c > ol li {
    list-style-type: decimal;
    margin-top: 3em;
    text-align: left;
}

/*-----------------------/
* リスト追加スタイル-まとめリスト
-----------------------*/

.is-style-amu-matome-list {
    counter-reset: list;
    list-style-type: none !important;
    font: 14px/1.6 'arial narrow', sans-serif;
    padding: 1em 1.5em;
    box-sizing: border-box;
    border: solid 1px #ccc;
}

.is-style-amu-matome-list li {
    list-style: none !important;
    position: relative;
    color: #333;
    padding: 7px 0 7px 20px;
    margin: 0px !important;
    line-height: 30px;
    border-bottom: dashed 1px #ccc;
    color: #333;
    font-size: 14px;
}

ul.is-style-amu-matome-list li:before {
    content: "・";
    display: block;
    position: absolute;
    left: 0px;
    font-weight: bold;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
}

ol.is-style-amu-matome-list li:before {
    counter-increment: list;
    content: counter(list) ".";
    display: block;
    position: absolute;
    left: 0px;
    font-weight: bold;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.5;
}

.is-style-amu-matome-list li:last-child {
    border-bottom-width: 0;
}

/*縦書き用*/

.vertical_c .is-style-amu-matome-list {
    padding: 1em;
}

.vertical_c .is-style-amu-matome-list li {
    padding: 0 7px;
    line-height: 30px;
    border-bottom-width: 0;
    border-left: dashed 1px #ccc;
}

.vertical_c ol.is-style-amu-matome-list li:before {
    content: counter(list) "・";
}

.vertical_c .is-style-amu-matome-list li:last-child {
    border-left-width: 0;
}

.vertical_c .is-style-amu-matome-list li:before {
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    position: relative;
    display: inline-block;
}

/*-----------------------/
* リスト追加スタイル-チェックリスト
-----------------------*/

.is-style-amu-check-list {
    box-sizing: border-box;
    border: solid 4px #ECD070;
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
}

.is-style-amu-check-list li {
    line-height: 1.5;
    padding: 0.5em 0;
    margin-left: 0 !important;
    list-style-type: none !important;
    color: #333;
    font-size: 14px;
}

.is-style-amu-check-list li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: bold;
    position: absolute;
    left: 1em;
    color: #ECD070;
}

/*縦書き用*/

.vertical_c .is-style-amu-check-list {
    padding: 1em;
}

.vertical_c .is-style-amu-check-list li {
    padding: 2em 0.5em 0;
    margin-top: 0 !important;
    position: relative;
}

.vertical_c .is-style-amu-check-list li:before {
    top: 0;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(0) translateX(-50%);
}


/*-----------------------/
* 引用
-----------------------*/

blockquote {
    position: relative;
    padding: 10px 15px 10px 60px !important;
    box-sizing: border-box;
    background: #efefef;
    margin: 20px 0;
}

blockquote:before {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #cfcfcf;
    font-size: 30px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    color: #666;
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

blockquote a {
    color: #2e70b6;
    text-decoration: underline;
}

blockquote a:hover {
    opacity: 0.8;
}

/*縦書きデザインの場合*/

.vertical_c blockquote {
    margin: 0 20px !important;
    padding: 15px 15px 15px 60px !important;
}

.vertical_c blockquote p {
    margin: 0 10px;
}

.vertical_c blockquote cite {
    text-align: left !important;
    text-indent: 1em;
}

/*-----------------------/
* 音声
-----------------------*/

.wp-block-audio {
    margin: 20px 0;
}

.wp-block-audio figcaption {
    text-align: center;
    font-size: 12px;
    color: #999;
}

/*縦書き用*/

.vertical_c .wp-block-audio {
    margin: 0 20px;
}

.vertical_c .wp-block-audio figcaption {
    text-align: left;
    margin: 0 1em 0 0;
}

/*-----------------------/
* カバー
-----------------------*/

.wp-block-cover {
    margin: 20px 0;
}

/*縦書き用*/

.vertical_c .wp-block-cover {
    margin: 0 20px;
}

.vertical_c .wp-block-cover,
.vertical_c .wp-block-cover-image {
    min-height: 100% !important;
    height: 100%;
    width: 500px !important;
}

.vertical_c .wp-block-cover-image .wp-block-cover__inner-container,
.vertical_c .wp-block-cover .wp-block-cover__inner-container {
    width: auto !important;
}

/*-----------------------/
* 動画
-----------------------*/

.wp-block-video {
    margin: 20px 0;
}

.wp-block-video figcaption {
    text-align: center;
    font-size: 12px;
    color: #999;
}

/*縦書き用*/

.vertical_c .wp-block-video {
    margin: 0 20px;
}

.vertical_c .wp-block-video video {
    width: auto;
    max-height: 100%;
}

/*追加スタイル*/

.is-style-amu-video-border video {
    border: solid 1px #ccc;
}

/******************************************************************************
* [編集]Gutenbergブロックデザイン(フォーマットブロック)
******************************************************************************/

/*-----------------------/
* 詩
-----------------------*/

pre.wp-block-verse {
    font-weight: bold;
    color: #333;
    margin: 20px 0;
    line-height: 1.5;
}

/*縦書き用*/

.vertical_c pre.wp-block-verse {
    margin: 0 20px;
}

/*-----------------------/
* ソースコード
-----------------------*/

pre.wp-block-code {
    background: #1a1a1a;
    color: #ccc;
    font-size: 14px;
    padding: 20px;
    margin: 20px 0;
    line-height: 1.5;
    /*white-space: pre-wrap;*/
    overflow: scroll;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

/*縦書き用*/

.vertical_c pre.wp-block-code {
    margin: 0 20px;
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    -moz-text-orientation: mixed;
    -ms-text-orientation: mixed;
    white-space: pre-wrap;
}

/*-----------------------/
* 整形済み
-----------------------*/

pre.wp-block-preformatted {
    font-weight: bold;
    color: #333;
    margin: 20px 0;
    line-height: 1.5;
}

/*縦書き用*/

.vertical_c pre.wp-block-preformatted {
    margin: 0 20px;
}

/*-----------------------/
* プルクオート
* 自分の文章の一部分を目立たせる抜粋
-----------------------*/

.wp-block-pullquote {
    padding: 0 !important;
}

.wp-block-pullquote blockquote {
    padding: 20px 10px !important;
    background: #fafafa;
    border-top: dashed 1px #999;
    border-bottom: dashed 1px #999;
}

.wp-block-pullquote blockquote:before {
    display: none;
}

.wp-block-pullquote blockquote p {
    color: #666;
    margin: 0 0 10px;
    font-size: 18px;
}

.wp-block-pullquote blockquote cite {
    text-align: center;
    font-size: 0.7em;
    color: #888888;
}

/*無地スタイル*/

.wp-block-pullquote.is-style-solid-color blockquote {
    border-width: 0;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin: 0 0 10px !important;
    font-size: 18px !important;
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-align: left;
}

/*縦書き用*/

.vertical_c .wp-block-pullquote blockquote {
    padding: 10px 20px !important;
    border-top-width: 0;
    border-bottom-width: 0;
    border-left: dashed 1px #999;
    border-right: dashed 1px #999;
}

.vertical_c .wp-block-pullquote blockquote p {
    text-align: left;
    margin-left: 10px;
}

/*-----------------------/
* テーブル
-----------------------*/

.wp-block-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    color: #01b3a7;
    margin: 20px 0;
    background: #fff;
}

.wp-block-table table th:last-child {
    border-right: 1px solid #13d4c7;
}

.wp-block-table table th {
    color: #fff;
    background: #01b3a7;
    border-left: 1px solid #13d4c7;
    border-top: 1px solid #13d4c7;
    padding: 10px;
    font-weight: bold;
}

.wp-block-table table td {
    border-left: 1px solid #01b3a7;
    border-bottom: 1px solid #01b3a7;
    border-top: none;
    padding: 10px;
}

.wp-block-table table tr:first-child td {
    border-top: 1px solid #01b3a7;
}

.wp-block-table table td:last-child {
    border-right: 1px solid #01b3a7;
}

.wp-block-table table tfoot tr:first-child td {
    border-top-width: 0;
}

/*ストライプスタイル用*/

.wp-block-table.is-style-stripes {
    border-bottom-width: 0 !important;
}

.wp-block-table.is-style-stripes table tr,
.wp-block-table.is-style-stripes table th,
.wp-block-table.is-style-stripes table td {
    border-width: 0;
}

.wp-block-table.is-style-stripes table tbody tr:first-child td {
    border-top: 1px solid #01b3a7;
}

.wp-block-table.is-style-stripes table tbody tr:last-child td {
    border-bottom: 1px solid #01b3a7;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: none !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background: #f6f6f6;
}

.wp-block-table.is-style-stripes tfoot tr:last-child td {
    border-bottom: 1px solid #01b3a7
}

/*縦書き用*/

.vertical_c .wp-block-table {
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

.vertical_c .wp-block-table table {
    width: auto !important;
    max-height: 100%;
    margin: 0 20px;
    box-sizing: border-box;
}

/*
.vertical_c .wp-block-table table th:last-child {
    border-right-width: 0;
}

.vertical_c .wp-block-table table tr td:first-child {
    border-top: 1px solid #01b3a7 !important;
}

.vertical_c .wp-block-table table tr:first-child td {
    border-top-width: 0;
    border-right: 1px solid #01b3a7;
}

.vertical_c .wp-block-table table td:last-child {
    border-right-width: 0;
}

.vertical_c .wp-block-table.is-style-stripes table tr td:first-child {
    border-top-width: 0 !important;
}
*/

/******************************************************************************
* [編集]Gutenbergブロックデザイン(レイアウトブロック)
******************************************************************************/

/*-----------------------/
* グループ
-----------------------*/

/*追加スタイル（スマホ非表示）*/

@media only screen and (max-width: 644px) {
    .is-style-amu-none-sp {
        display: none;
    }
}

/*追加スタイル（PC非表示）*/

.is-style-amu-none-pc {
    display: none;
}

@media only screen and (max-width: 644px) {
    .is-style-amu-none-pc {
        display: block;
    }
}

/*-----------------------/
* ボタン
-----------------------*/

.wp-block-button {
    margin: 20px 0;
}

/*縦書き用*/

.vertical_c .wp-block-button {
    margin: 0 20px;
}

/*追加スタイル*/

.is-style-amu-button-1 a.wp-block-button__link,
.is-style-amu-button-2 a.wp-block-button__link,
.is-style-amu-button-3 a.wp-block-button__link,
.is-style-amu-button-4 a.wp-block-button__link {
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    overflow: hidden;
    position: relative;
}

.is-style-amu-button-2 a.wp-block-button__link,
.is-style-amu-button-4 a.wp-block-button__link {
    /*全幅用設定*/
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.is-style-amu-button-3 a.wp-block-button__link:before,
.is-style-amu-button-4 a.wp-block-button__link:before {
    /*アイコン付き用設定*/
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: bold;
    margin-right: 0.5em;
}

.is-style-amu-button-1 a.wp-block-button__link:after,
.is-style-amu-button-2 a.wp-block-button__link:after,
.is-style-amu-button-3 a.wp-block-button__link:after,
.is-style-amu-button-4 a.wp-block-button__link:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}

.is-style-amu-button-1 a.wp-block-button__link:hover,
.is-style-amu-button-2 a.wp-block-button__link:hover,
.is-style-amu-button-3 a.wp-block-button__link:hover,
.is-style-amu-button-4 a.wp-block-button__link:hover {
    opacity: 0.8;
    box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .3);
}

.is-style-amu-button-1 a.wp-block-button__link:hover:after,
.is-style-amu-button-2 a.wp-block-button__link:hover:after,
.is-style-amu-button-3 a.wp-block-button__link:hover:after,
.is-style-amu-button-4 a.wp-block-button__link:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/*縦書き用*/

.vertical_c .is-style-amu-button-3 a.wp-block-button__link:before,
.vertical_c .is-style-amu-button-4 a.wp-block-button__link:before {
    margin-right: 0;
    margin-bottom: 10px;
}


/*-----------------------/
* カラム
-----------------------*/

.wp-block-columns {
    margin: 20px 0 !important;
}

/*縦書き用*/

.vertical_c .wp-block-columns {
    max-width: 800px;
    margin: 0 20px !important;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

/*-----------------------/
* メディアと文章
-----------------------*/

.wp-block-media-text {
    margin: 20px 0;
}

/*縦書き用*/

.vertical_c .wp-block-media-text {
    max-width: 800px;
    margin: 0 20px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

.vertical_c .wp-block-media-text img {
    width: 100% !important;
}

/******************************************************************************
* [編集]Gutenbergブロックデザイン(ウィジェットブロック)
******************************************************************************/

/*-----------------------/
* 最新の記事
-----------------------*/

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    margin: 20px 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    /*初期化*/
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    /*スタイル開始*/
    padding: 1em;
    background: #fff;
    border: solid 2px #ddd;
    margin-bottom: 15px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
    margin-bottom: 0;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a {
    color: #0153a7;
    text-decoration: underline;
}

.wp-block-latest-posts.wp-block-latest-posts__list li > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0da  ";
    font-weight: bold;
}

.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt {
    font-size: 12px;
    color: #999;
    margin: 0 !important;
}

.wp-block-latest-posts.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt a {
    display: inline-block;
    text-decoration: none;
    background: #888;
    color: #fff;
    padding: 0.3em 0.5em;
    font-size: 10px;
    margin-left: 0.5em;
}

/*縦書き用*/

.vertical_c .wp-block-latest-posts.wp-block-latest-posts__list {
    margin: 0 20px;
}

.vertical_c .wp-block-latest-posts.wp-block-latest-posts__list li {
    margin-bottom: 0;
    margin-left: 15px;
}

.vertical_c .wp-block-latest-posts.wp-block-latest-posts__list li:last-child {
    margin-left: 0;
}

.vertical_c .wp-block-latest-posts.wp-block-latest-posts__list li > a::before {
    content: "\f0dd";
}


/*-----------------------/
* アーカイブ
-----------------------*/

.wp-block-archives.wp-block-archives-list {
    margin: 20px 0;
}

.wp-block-archives.wp-block-archives-list a {
    color: #0153a7;
    text-decoration: underline;
}

/*ドロップダウン表示(アーカイブ/カテゴリ兼用)*/

.wp-block-categories.wp-block-categories-dropdown,
.wp-block-archives.wp-block-archives-dropdown {
    position: relative;
    /*min-width: 200px;*/
    width: 100%;
    margin: 20px 0;
}

.wp-block-categories.wp-block-categories-dropdown:after,
.wp-block-archives.wp-block-archives-dropdown:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    top: 14px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    position: absolute;
    pointer-events: none;
}

.wp-block-categories.wp-block-categories-dropdown select::-ms-expand,
.wp-block-archives.wp-block-archives-dropdown select::-ms-expand {
    display: none;
}

.wp-block-categories.wp-block-categories-dropdown select,
.wp-block-archives.wp-block-archives-dropdown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    margin: 5px 0px;
    padding: 0px 24px 0 12px;
    font-size: 14px;
    line-height: 1.75;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*縦書き用*/

.vertical_c .wp-block-archives.wp-block-archives-list {
    margin: 0 20px;
}

.vertical_c .wp-block-categories.wp-block-categories-dropdown,
.vertical_c .wp-block-archives.wp-block-archives-dropdown {
    width: 300px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

/*-----------------------/
* カテゴリー
-----------------------*/

.wp-block-categories.wp-block-categories-list {
    margin: 20px 0;
}

.wp-block-categories.wp-block-categories-list a {
    color: #0153a7;
    text-decoration: underline;
}

/*縦書き用*/

.vertical_c .wp-block-categories.wp-block-categories-list {
    margin: 0 20px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}


/*-----------------------/
* カレンダー
-----------------------*/

.wp-block-calendar {
    margin: 20px 0;
}

.wp-block-calendar table {
    margin: 0 auto;
    background: #2980b9;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    border-collapse: collapse;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.wp-block-calendar table th,
.wp-block-calendar table td {
    border-width: 0 !important;
    color: #fff !important;
}

.wp-block-calendar thead tr th {
    padding: 10px 0;
    text-align: center;
    width: calc(100% / 7);
    color: rgba(189, 195, 199, 0.6) !important;
    background: rgba(237, 239, 240, 0) !important;
}

.wp-block-calendar td {
    width: calc(100% / 7);
    text-align: center;
    padding: 10px 0;
}

.wp-block-calendar td a {
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
}

.wp-block-calendarr tbody td a {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    margin: 0 auto;
    background: #3b96d1;
    border-radius: 50%;
}

.wp-block-calendar caption {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
    margin: 0 0 10px;
    font-weight: bold;
    text-align: left;
}

.wp-block-calendar tbody tr #today {
    color: #fff100;
}

.wp-block-calendar tbody tr #today a {
    color: #ffff00;
}

.wp-block-calendar tfoot td a {
    color: rgba(189, 195, 199, 0.6);
}

/*縦書き用*/

.vertical_c .wp-block-calendar {
    margin: 0 20px;
    width: 400px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

/*-----------------------/
* コメント
-----------------------*/

.wp-block-latest-comments {
    box-sizing: border-box;
    padding: 20px;
    background: #fafafa;
    border: solid 1px #E5E5E5;
    border-radius: 5px;
    margin: 20px 0;
}

.wp-block-latest-comments li.wp-block-latest-comments__comment {
    box-shadow: 0px 0px 25.92px 1.08px rgba(173, 173, 173, 0.1);
    background: #fff;
    margin: 0 0 25px !important;
    box-sizing: border-box;
    padding: 1em 1.5em;
    border-radius: 5px;
    line-height: 1.5;
}

.wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
    margin: 0 !important;
}

.wp-block-latest-comments li.wp-block-latest-comments__comment a {
    color: #ff7e29;
    text-decoration: underline;
}

.wp-block-latest-comments__comment-excerpt p {
    margin: 5px 0 0 !important;
    color: #666;
}

/*縦書き用*/

.vertical_c .wp-block-latest-comments {
    margin: 0 20px;
}

.vertical_c .wp-block-latest-comments li.wp-block-latest-comments__comment {
    margin: 0 25px 0 0 !important;
    padding: 1em;
}

.vertical_c .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
    margin-left: 0 !important;
}

.vertical_c .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 25px !important;
}

.vertical_c .wp-block-latest-comments .avatar,
.vertical_c .wp-block-latest-comments__comment-avatar {
    margin-right: 0;
    margin-bottom: 10px;
}

/*-----------------------/
* タグ
-----------------------*/

.wp-block-tag-cloud {
    margin: 20px 0;
}

.wp-block-tag-cloud a {
    display: inline-block;
    background: #fff;
    border: none;
    color: #666 !important;
    padding: 6px;
    margin: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 12px !important;
    border: solid 1px #ccc;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    text-decoration: none !important;
}

.wp-block-tag-cloud a::after {
    display: none !important;
}

.wp-block-tag-cloud a:hover {
    background: #4dac26;
    color: #fff !important;
    border-color: #4dac26;
}

/*縦書き用*/

.vertical_c .wp-block-tag-cloud {
    margin: 0 20px;
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    -moz-text-orientation: mixed;
    -ms-text-orientation: mixed;
}

/*-----------------------/
* 検索
-----------------------*/

.wp-block-search {
    margin: 20px 0;
}

.wp-block-search label {
    display: none;
}

.wp-block-search .wp-block-search__input {
    font-size: 14px;
    border: solid 1px #bbb;
    border-right-width: 0;
    box-sizing: border-box;
    padding: 10px;
    background: #fff;
}

.wp-block-search .wp-block-search__button {
    background: #29abe2;
    color: #fff;
    margin: 0 !important;
    box-sizing: border-box;
    padding: 5px 10px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.wp-block-search .wp-block-search__button::after {
    font-family: "Font Awesome 5 Free";
    content: "\f002";
    font-weight: bold;
    margin-left: 5px;
}

/*縦書き用*/

.vertical_c .wp-block-search {
    width: 300px;
    margin: 0 20px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

/******************************************************************************
* [編集]Gutenbergブロックデザイン(埋め込みブロック)
******************************************************************************/

/*埋め込み要素のレスポンシブ対応*/

.wp-block-embed iframe {
    max-width: 100%;
}

.wp-block-embed.aligncenter iframe {
    margin: 0 auto !important;
}

.instagram-media-rendered,
.twitter-tweet-rendered {
    margin-right: auto !important;
    margin-left: auto !important;
}

.wp-embed-aspect-16-9 {
    position: relative;
    width: 100%;
    max-width: 880px;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-embed figcaption {
    text-align: center;
    color: #888;
    font-size: 12px;
    margin-top: .5em;
    margin-bottom: 1em;
}

/*縦書き用*/

.vertical_c .wp-block-embed {
    margin: 0 20px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

/******************************************************************************
* [編集]Gutenbergブロックデザイン(カスタムブロック)
******************************************************************************/

/*-----------------------/
* 補足情報
-----------------------*/

.amu-edit-aside {
    border: solid 1px #ccc;
    color: #666;
    font-size: 14px;
    padding: 1em;
    box-sizing: border-box;
}

.amu-edit-aside a {
    color: #2e70b6;
    text-decoration: underline;
}

.amu-edit-aside a:hover {
    opacity: 0.8;
}

/*-----------------------/
* 余白
-----------------------*/

.yohaku.is-style-yohaku_2 {
    padding: 2em !important;
}

/*-----------------------/
* 吹き出し
-----------------------*/

/*基本コンテナ*/

.balloon__contener {
    clear: both;
    width: 100%;
    padding: 10px 0;
    margin: 1em 0;
}

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

/*アイコン画像と名前*/

.balloon__contener figure {
    width: 60px;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 0;
}

.balloon__contener figure img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: solid 1px #dddddd;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    margin: 0;
}

.balloon__contener figure figcaption {
    color: #000000;
    width: 60px;
    position: absolute;
    bottom: -10px;
    text-align: center;
    font-size: 70%;
    line-height: 100%;
}

.balloon__contener a {
    color: #ff7e29;
    text-decoration: underline;
}

.balloon__contener a:hover {
    color: #ff6a07;
}

/*左寄せ版*/

.balloon__contener .balloon__left {
    width: 100%;
    position: relative;
    display: block;
    max-width: 80%;
    clear: both;
}

.balloon__contener .balloon__left figure {
    left: 0;
}

.balloon__contener .balloon__left .balloon__text {
    margin-left: 80px;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background-color: #EDF1F5;
    font-size: 14px;
}

.balloon__text__sankaku {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 68px;
    top: 12px;
    border-right: 15px solid #EDF1F5;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

/*右寄せ*/

.balloon__contener .balloon__right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    max-width: 80%;
    clear: both;
}

.balloon__contener .balloon__right figure {
    left: inherit;
    right: 0;
}

.balloon__contener .balloon__right .balloon__text {
    margin-right: 80px;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    background-color: #EDF1F5;
    font-size: 14px;
}

.balloon__contener .balloon__right .balloon__text__sankaku {
    transform: rotate(180deg);
    left: inherit;
    right: 68px;
}


@media only screen and (max-width: 767px) {

    .balloon__contener .balloon__left,
    .balloon__contener .balloon__right {
        max-width: 100%;
    }
}

/*縦書き用*/

.vertical_c .balloon__contener {
    margin: 0 1em;
}

.vertical_c .balloon__contener figure {
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    left: 0;
    right: 0;
    margin: auto;
}

.vertical_c .balloon__contener figure figcaption {
    bottom: -15px;
}

.vertical_c .balloon__contener .balloon__left .balloon__text {
    margin-left: 0;
    margin-top: 100px;
    line-height: 1.5;
}

.vertical_c .balloon__text__sankaku {
    left: 0;
    right: 0;
    margin: auto;
    top: 82px;
    transform: rotate(90deg);
}

/*右寄せ*/

.vertical_c .balloon__contener .balloon__right {
    float: none;
}

.vertical_c .balloon__contener .balloon__right figure {
    left: 0;
    right: 0;
    margin: auto;
}

.vertical_c .balloon__contener .balloon__right .balloon__text {
    margin-right: 0;
    margin-top: 100px;
    line-height: 1.5;
}

.vertical_c .balloon__contener .balloon__right .balloon__text__sankaku {
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: auto;
    top: 82px;
}

.novel_wrap .vertical_c .balloon__contener img {
    width: 60px !important;
    height: 60px !important;
}


/*--------------------------------------
  タイトル付きメモ
--------------------------------------*/

.amu_memo {
    margin: 30px 0;
    box-sizing: border-box;
}

.amu_memo dt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    background: #01b3a7;
    padding: 10px 20px;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
}

.amu_memo dt::before {
    font-family: "Font Awesome 5 Free";
    content: "\f518";
    display: inline-block;
    margin-right: 10px;
}

.amu_memo dd {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    background: #fafafa;
    border: solid 2px #01b3a7;
    padding: 20px;
    font-weight: bold;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    margin: 0 !important;
}

.amu_memo dd ul li {
    margin: 0 0 10px;
    list-style-type: none;
    position: relative;
    padding: 0 0 0 25px;
}

.amu_memo dd ul li:last-child {
    margin: 0;
}

.amu_memo dd ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    opacity: 0.5;
    display: block;
    position: absolute;
    left: 0px;
    font-weight: bold;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.amu_memo dd ul li a {
    text-decoration: underline;
    color: #ff7e29;
}

.amu_memo dd ul li a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    font-weight: bold;
    font-size: 80%;
    display: inline-block;
    padding-left: 5px;
}

.amu_memo dd ul li a:hover {
    color: #ff6a07;
}


/*縦書き用*/

.vertical_c .amu_memo {
    margin: 0 20px;
}

.vertical_c .amu_memo dt {
    padding: 20px 10px;
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
}

.vertical_c .amu_memo dt::before {
    margin-right: 0;
    margin-bottom: 10px;
}

.vertical_c .amu_memo dd {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
}

.vertical_c .amu_memo dd ul li {
    margin: 0;
    padding: 25px 0 0 0;
}

.vertical_c .amu_memo dd ul li:before {
    margin-right: 0;
    left: 50%;
    top: 0;
    -moz-transform: translateY(0%) translateX(-50%);
    -webkit-transform: translateY(0%) translateX(-50%);
    -o-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}





/******************************************************************************
* [編集]Gutenbergブロックデザイン(カスタムインラインブロック)
******************************************************************************/

/*-----------------------/
* フォント変更
-----------------------*/

.font_gothic {
    font-family: Arial, Meiryo, 'メイリオ', sans-serif;
}

.font_mintyo {
    /*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    font-family: 'Noto Serif JP', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
}

/*-----------------------/
* 全角スペース
-----------------------*/

.zenkaku_space {
    display: inline-block;
    width: 1em;
    line-height: 1em;
    height: 1em;
}

/*-----------------------/
* マーカー文字
-----------------------*/

.amu_mt01 {
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

.amu_mt02 {
    background: linear-gradient(transparent 60%, #d1efff 60%);
}

.amu_mt03 {
    background: linear-gradient(transparent 60%, #ffd1e1 60%);
}


/*-----------------------/
* 文字方向の適切化
-----------------------*/

.vertical_c .to-mixed {
    text-orientation: mixed;
    -webkit-text-orientation: mixed;
    -moz-text-orientation: mixed;
    -ms-text-orientation: mixed;
}

/*-----------------------/
* 半角英数字の横書き
-----------------------*/

.vertical_c .text-combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
    letter-spacing: normal;
    text-orientation: sideways;
    -webkit-text-orientation: sideways;
}

@-moz-document url-prefix() {

    /*firefox対策*/
    .vertical_c .text-combine {
        position: relative;
        left: 5.5px;
    }
}

/*-----------------------/
* インラインボタン
-----------------------*/

.amu-inline-button a,
.amu_page_content_description > p a {
    color: #ff7e29;
    text-decoration: underline;
}

.amu-inline-button a::after,
.amu_page_content_description > p a::after {
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    font-weight: bold;
    font-size: 80%;
    display: inline-block;
    padding-left: 5px;
}

.amu-inline-button a:hover,
.amu_page_content_description > p a:hover {
    color: #ff6a07;
}

/*-----------------------/
* インラインテキストカラー
-----------------------*/

.amu_itc01 {
    color: #ff0d4b;
}

.amu_itc02 {
    color: #29abe2;
}

.amu_itc03 {
    color: #01b3a7;
}