/* IE & Edge
******************************************************************************/

/*IE10*/

@media all and (-ms-high-contrast:none) {
    * {
        -ms-overflow-style: none;
    }

    .amu_global_navigation {
        justify-content: flex-start;
    }

    .amu_page_title {
        height: 300px;
    }

    .vertical_c .balloon__text__sankaku,
    .vertical_c .balloon__contener .balloon__right .balloon__text__sankaku {
        left: 25px;
    }

}

/*IE11*/

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    * {
        -ms-overflow-style: none;
    }

    *::-ms-backdrop,
    .amu_global_navigation {
        justify-content: flex-start;
    }

    *::-ms-backdrop,
    .amu_page_title {
        height: 300px;
    }

    *::-ms-backdrop,
    .vertical_c .balloon__text__sankaku,
    .vertical_c .balloon__contener .balloon__right .balloon__text__sankaku {
        left: 25px;
    }

}

/*Edge*/

@supports (-ms-ime-align:auto) {
    * {
        -ms-overflow-style: none;
    }

    .vertical_c .balloon__text__sankaku,
    .vertical_c .balloon__contener .balloon__right .balloon__text__sankaku {
        left: 25px;
    }

    .vertical_c .text-combine {
        margin-top: -5px;
        margin-bottom: 6px;
    }

}


/* responsive
******************************************************************************/


/*1100px以下*/

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

    /***************************************
    * [共通]設定
    ***************************************/

    .wrap {
        width: 960px;
    }

}

/*980px以下*/

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

    /***************************************
    * [共通]設定
    ***************************************/

    .full_wrap,
    .wrap,
    .wrap_1column {
        width: 92%;
    }

    /***************************************
    * [共通]ナビゲーション
    ***************************************/

    .amu_global_navigation .amu_main_logo {
        width: 150px;
    }

    /*ヘッダー部*/

    .amu_site_info_wrap {
        display: block;
    }

    .amu_site_info_wrap .amu_site_info_description {
        width: 100%;
    }

    .amu_site_info_wrap .amu_site_info_sns {
        display: none;
    }

    .amu_main_navi_wrap {
        display: none;
    }

    /*サブメニュー*/

    .amu_sub_nav_main .menu {
        display: block;
    }

    .amu_sub_nav_main .menu > li {
        padding: 0;
        border-right-width: 0;
        text-align: left;
    }

    .amu_sub_nav_main .menu a {
        display: block;
        padding: 0 41px 0 20px;
        line-height: 41px;
        border-bottom: solid 1px #eee;
    }

    .amu_sub_nav_main .sub-menu .sub-menu {
        margin-left: 0;
    }

    .amu_sub_nav_main .sub-menu li::before {
        display: none;
    }

    .amu_sub_nav_main .menu .sub-menu a {
        padding: 0 41px 0 40px;
    }

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

    .amu_sub_nav_main .fas {
        display: block;
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        background: #0bd79b;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
    }

    /*検索フォーム*/
    .amu_sub_search {
        width: 100%;
    }


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

    /*コンテナ*/

    .amu_front_news .amu_front_news_wrap {
        display: block;
        padding: 15px 0;
    }

    /*リスト*/

    .amu_front_news .amu_front_news_wrap .amu_front_news_list {
        width: 100%;
    }

    /*ボタン*/

    .amu_front_news .amu_front_news_wrap .amu_front_news_morebutton {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .amu_front_news .amu_front_news_wrap .amu_front_news_morebutton a {
        display: inline-block;
        background: #ff7e29;
        color: #fff;
        padding: 0.5em 1em;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        font-size: 12px;
    }

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

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

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

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

    .amu_archive_area ul li {
        width: 48%;
    }

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

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

}


/*768px以下*/

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

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

    .amu_front_txt_sec h2 {
        font-size: 28px;
    }

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

    .amu_common_pickup_list .amu_common_pickup_title h3 {
        font-size: 22px;
    }


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

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

    .amu_front_category_newa_rticle_list dl dd .cnr_title {
        font-size: 14px;
    }


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

    .single_page_area_vc {
        margin: 50px 0 0;
    }

    /*シェア*/

    .single_page_area_vc .snsShare {
        margin: 20px 0 0 !important;
    }

    /*前後記事リンク*/

    .single_page_area_vc .post_link {
        margin: 0 auto;
    }

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

    .sidebar_page_wrap {
        display: block;
    }

    .sidebar_page_wrap .sidebar_lc {
        width: 100%;
        /*float: none;*/
    }

    .sidebar_page_wrap .sidebar_rc {
        width: 100%;
        /*float: none;*/
        margin-top: 50px;
    }


}



/*644px以下*/

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

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

    /*見出し*/

    h2.amu_h2 {
        font-size: 36px;
    }

    h2.amu_h2 span.h2_sub_title {
        font-size: 32%;
    }


    /***************************************
    * [フロント]ヘッダー・スライドショー
    ***************************************/

    .amu_global_navigation .amu_main_logo {
        width: 250px;
    }

    .amu_global_navigation .amu_main_logo img {
        max-width: 120px;
    }

    #amu_front_slider .full_wrap {
        width: 100%;
    }

    ul.hero_area_slider .slick-track > li::before {
        padding-top: 56.3%;
    }

    .hero_area_none_slider::before {
        padding-top: 56.3%;
    }

    .slick-dots {
        display: none !important;
    }

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

    .amu_front_news {
        margin-top: 0;
    }

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

    .amu_front_pr_list ul {
        display: block;
    }

    .amu_front_pr_list ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

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

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

    .amu_front_emphasize_inner {
        display: block;
    }

    .amu_front_emphasize_inner > div {
        width: 100%;
    }

    .amu_front_emphasize_inner .em_img {
        text-align: center;
        margin-top: 25px;
    }

    .amu_front_emphasize_inner .em_img img {
        width: 70%;
        margin: 0 auto;
    }

    .amu_front_emphasize_inner .em_txt h2 {
        font-size: 24px;
    }

    .amu_front_emphasize_area .amu_common_button {
        text-align: center;
    }

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

    ul.gallery_area_slider .slick-track > li::before {
        padding-top: 100%;
    }

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

    /*リスト*/

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

    .amu_update_list dl {
        display: block;
    }

    .amu_update_list dl dt {
        width: 100%;
    }

    .amu_update_list dl dd {
        width: 100%;
    }

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

    .amu_update_list dl dd {
        padding: 2em 4em 2em 2em;
    }

    /*タイトル*/
    .amu_update_list dl dd h3 {
        font-size: 16px;
    }

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

    .amu_common_pickup_list ul {
        display: block;
    }

    /*コンテナ*/

    .amu_common_pickup_list ul li {
        width: 100%;
        height: 200px;
    }

    /*テキスト部*/

    .amu_common_pickup_list .amu_common_pickup_title {
        width: 75%;
        bottom: 1em;
        left: 0;
        padding-left: 2%;
    }

    .amu_common_pickup_list .amu_common_pickup_title h3 {
        font-size: 18px;
    }

    .amu_common_pickup_list .amu_common_pickup_more_link {
        width: 20%;
        position: absolute;
        bottom: 1.5em;
        right: 0;
        padding-right: 2%;
    }

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

    .amu_front_blog_list li a {
        font-size: 14px;
    }

    .amu_front_blog_list li a time {
        display: block;
        font-size: 12px;
    }

    .amu_front_blog_list li a time::after {
        content: none;
    }

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

    /*コンテナ*/

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

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

    .amu_front_category_newa_rticle_list ul li:nth-child(2n) {
        margin-left: 4%;
    }

    .amu_front_category_newa_rticle_list ul li:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

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

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

    .amu_section.amu_front_blog_style .amu_common_button {
        margin-top: 2em;
    }

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

    /*フッターロゴ*/

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

    /*フッターナビ*/

    .amu_common_footer_nav {
        display: none;
    }

    /*フッターバナー*/

    .amu_common_footer_banner ul {
        display: block;
    }

    .amu_common_footer_banner ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

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

    /*フッターウィジェット*/

    .amu_common_footer_widget {
        margin-top: 1.5em;
    }

    .amu_common_footer_widget > ul {
        display: block;
    }

    .amu_common_footer_widget > ul > li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

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

    /*パンくず*/

    #pankuzu {
        padding: 15px 0;
    }

    #pankuzu p {
        font-size: 10px;
    }

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

    .novel_data {
        padding: 0.5em 0 0;
    }

    .novel_data .full_wrap {
        display: block;
    }

    .novel_data .category {
        border-width: 0;
    }

    .tag_list {
        width: 90%;
        margin: 20px auto;
    }

    .vertical_c .post_link {
        margin: 0 auto;
    }

    /***************************************
    * [投稿・固定]各種レイアウト
    ***************************************/

    /*通常見出し*/

    .amu_page_title {
        min-height: 200px;
    }

    .amu_page_title .amu_page_title_inner h2 {
        font-size: 22px;
    }

    .amu_page_title .amu_page_title_inner .amu_page_title_desc {
        font-size: 12px;
        padding: 0 1em;
    }

    /*記事情報*/

    .novel_data_page {
        font-size: 12px;
    }

    /*シンプル見出し*/

    .simple_layout_title h2 {
        font-size: 22px;
    }

    /*コンテナ*/

    .amu_page_content_main {
        margin: 30px auto;
    }

    .wrap_1column {
        margin: 30px auto;
    }

    .amu_simple_page_content_description {
        margin: 20px 0;
    }

    /*前後リンク*/

    .post_link .next {
        text-align: left;
    }

    .post_link .prev a,
    .post_link .next a {
        font-size: 11px;
    }

    /*SNSシェア*/

    .snsShare {
        margin: 20px 0;
    }

    .snsShare ul {
        flex-wrap: nowrap;
    }

    .snsShare li {
        width: 25%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .snsShare li i {
        font-size: 22px;
        margin-right: 0;
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }

    .snsShare li a {
        padding: 1em 0.5em;
        text-align: center;
    }

    .snsShare li a span {
        display: none;
    }


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

    .outline {
        font-size: 13px;
        margin: 20px 0;
    }

    .outline > span.outline__title {
        width: 70%;
    }

    .outline > label.outline__switch {
        width: 30%;
    }


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

    #comments {
        padding: 10px;
        margin: 20px 0;
    }

    .comment,
    .even,
    .byuser,
    .bypostauthor,
    .thread-even {
        padding: 0.7em;
    }

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


    /***************************************
    * [投稿・固定]その他デザイン
    ***************************************/

    /*筆者情報*/

    .amu_author_area {
        margin: 20px auto;
    }

    .amu_author_area dl {
        display: block;
    }

    .amu_author_area dl dt {
        width: 25%;
        margin: 0 auto 16px;
    }

    .amu_author_area dl dd {
        width: 100%;
    }

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

    .site_map_404 {
        display: block;
    }

    .site_map_404 > .site_map_list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

    .site_map_404 > .site_map_list:last-child {
        margin-bottom: 0;
    }

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

    .amu_ranking_list dl {
        display: block;
    }

    .amu_ranking_list dl dt {
        width: 100%;
    }

    .amu_ranking_list dl dd {
        width: 100%;
    }

    .amu_ranking_list dl dd {
        padding: 1.5em 3em 1.5em 1.5em;
    }

    .amu_ranking_list dl dd::before {
        right: 1.5em;
    }

    /*タイトル*/

    .amu_ranking_list dl dd h3 {
        font-size: 16px;
    }

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

    .amu_archive_area {
        margin: 0;
    }

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


}


/*375px以下*/

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

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

    /*見出し*/

    h2.amu_h2 {
        font-size: 32px;
    }

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

    .amu_front_txt_sec h2 {
        font-size: 22px;
    }

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

    .amu_archive_area ul {
        display: block;
    }

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

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

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

}


/*330px以下*/

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

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

    /*見出し*/

    h2.amu_h2 {
        font-size: 30px;
    }

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

    .amu_front_txt_sec h2 {
        font-size: 20px;
    }

}