@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : top.css
Description :
===================================================================== */

/* =====================================================================
*    main
* =================================================================== */
.main .inner {
    width:calc(650 / 750 * 100%);
    margin:0 auto;
    padding-bottom:calc(100 / 750 * 100%);
}

.l-contents {
    display: block;
    padding:calc(100 / 750 * 100%) 0 calc(120 / 750 * 100%);
}

.single_header {
    border-top: solid 3px #093389;
}

.single_header::before {
    content:"";
    display:inline-block;
    width:100%;
    height:100%;
    background-color: #fff;
    position: absolute;
    top:0;
    left:0;
    margin: calc(20 / 650 * 100%) 0 0 calc(-20 / 650 * 100%);
}

.single_header::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #093389;
    position: absolute;
    top: 2px;
    left: 0;
}

.single_ttl {
    padding: calc(21 / 650 * 100%) 0 calc(50 / 650 * 100%);
    border-bottom: solid 3px #093389;
    color: #093389;
    font-size: 4rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    position: relative;
    z-index: 2;
}

.single_ttl::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #093389;
    position: absolute;
    bottom: 2px;
    left: 0;
}

.single_primary {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.single_status {
    width: calc(200 / 650 * 100%);
    position: absolute;
    top: 0;
    right: 0;
    margin: calc(-70 / 650 * 100%) calc(-20 / 650 * 100%) 0 0;
}

.bg_border_r,
.bg_border_l {
    display: block;
    width: calc(65 / 200 * 100%);
    padding-top: calc(46 / 200 * 100%);
    border-top: 1px solid #093389;
    border-right: 1px solid #093389;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
}

.bg_border_r::before,
.bg_border_l::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-top: 1px solid #093389;
    border-right: 1px solid #093389;
    position: absolute;
    top: 1px;
    right: 1px;
}

.bg_border_l {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.single_status .date {
    padding: 1.3em 0;
    color: #093389;
    font-size: 2.2rem;
    font-family: "Georgia", serif;
    font-weight: bold;
    text-align: center;
}

.android .single_status .date {
    font-family: "Prociono", serif;
}

.single_number {
    display: inline-block;
    color: #ffa891;
    font-size: calc(8.6rem * 1.2);
    font-family: "Georgia", serif;
    -webkit-transform: rotate(-4.5deg);
    transform: rotate(-4.5deg);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 calc(-18 / 650 * 100%) calc(-46 / 650 * 100%) 0;
}

.android .single_number {
    font-family: "Prociono", serif;
}

.single_number p::before {
    content: "vol.";
    display: inline-block;
    font-size: calc(4.1rem * 1.2);
    font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    vertical-align: bottom;
}

.single_category {
    width: calc(450 / 650 * 100%);
    margin: calc(-19 / 650 * 100%) 0 0 calc(20 / 650 * 100%);
    z-index: 2;
}

.single_category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.single_category_list li {
    margin: 0 calc(20 / 450 * 100%) calc(10 / 450 * 100%) 0;
}

.single_category_list li:last-child {
}

.single_category_list li a {
    padding: 0.08em 0.6em;
    background-color: #ffa891;
    color: #093389;
    font-size: 3rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
}

.single_body, .single_add_comment {
    padding:calc(70/650 * 100%) 0 ;
    font-size:3.2rem;
}
.single_body p, .single_add_comment p {
    margin-bottom:calc(50/650 * 100%);
    line-height: 1.8;
    font-weight: 700;
}
.single_image {
    margin-bottom:calc(50/650 * 100%);
}
.single_image img {
    margin-bottom:calc(20/650 * 100%);
}
.single_image span {
    display: block;
    font-size:2.4rem;
    text-align:center;
    margin-bottom:calc(40/650 * 100%);
}

.single_footer2 {
    padding: calc(60 / 650 * 100%) calc(200 / 650 * 100%) calc(60 / 650 * 100%) 0;
    color: #093389;
    font-family: "メイリオ", "Meiryo", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
}

.single_footer2::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(-20 / 650 * 100%) 0 0 calc(-50 / 650 * 100%);
}

.single_footer2::after {
    content: "";
    display: block;
    width: calc(183 / 650 * 100%);
    padding-top: calc(150 / 650 * 100%);
    background: url(../images/icon_ttl.png) no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 0 calc(20 / 650 * 100%);
}

.single_footer_date {
    margin: 0 0 0.7em;
    font-size: 1.8rem;
}

.single_footer_date::before {
    content: "";
    display: block;
    width: calc(650 / 450 * 100%);
    border-top: 3px solid #093389;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(-60 / 450 * 100%) 0 0;
}

.single_footer_category_list {
    display: inline-block;
    font-size: 2.8rem;
}

.single_footer_category_list li {
    display: inline-block;
    margin: 0 0.5em 0.2em 0;
}

.single_footer_number {
    display: inline-block;
    font-size: 2.8rem;
}

.single_footer_ttl {
    margin: 0 0 0 -0.1em;
    font-size: 4.2rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.2;
}

.single_footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    padding: calc(25 / 650 * 100%) 0;
    border-top: 3px solid #093389;
    border-bottom: 3px solid #093389;
}

.single_footer::before,
.single_footer::after {
    content:"";
    display: block;
    width: 100%;
    border-top: 2px solid #093389;
    position: absolute;
    top: 2px;
    left: 0;

}

.single_footer::after {
    top: auto;
    bottom: 2px;
}

.single_footer .single_share {
    font-size:2.8rem;
    font-weight: 900;
}

.single_footer .single_share a {
    color: #093389;
    font-family: "Times New Roman";
}

.single_footer .single_share i {
    margin-right:0.5em;
    color: #093389;
    font-size: 120%;
    top: 0.1em;
}

.single_footer .single_share_twitter {
    margin: 0 calc(60 / 650 * 100%) 0 0;
}
.single_footer .single_share_facebook {

}

.pagenation {
    margin-top: calc(60 / 650 * 100%);
    position: relative;
}

.pagenation_item {

}

.pagenation_item a {
    display: inline-block;
}

.pagenation_item span {

}

.pagenation_back,
.pagenation_next {
    width:calc(200 / 650 * 100%);
    position: absolute;
    -webkit-transform: translateY(-0%);
            transform: translateY(-0%);
    z-index: 1;
    color: #093389;
    font-size: 2.8rem;
}

.pagenation_back {
    top:-100%;
    left:0;
}

.pagenation_next {
    top:-100%;
    right:0;
    text-align: right;
}

.pagenation_back::before,
.pagenation_next::after {
    content:"";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.5em 0 0;
    border-top: 0.3em solid #ffa891;
    border-right: 0.3em solid #ffa891;
    vertical-align: middle;
}

.pagenation_back::before {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.pagenation_next::after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0 0 0 0.5em;
}

/* ---------------------------
 ★評価
---------------------------*/
.single_star {
    margin-bottom:calc(70/650 * 100%);
    font-size:3.2rem;
}

.star5 {
    background: url(../images/star/50.gif) no-repeat right;
    height: 25px;
}

.star4_half {
    background: url(../images/star/45.gif) no-repeat right;
    height: 25px;
}

.star4 {
    background: url(../images/star/40.gif) no-repeat right;
    height: 25px;
}

.star3_half {
    background: url(../images/star/35.gif) no-repeat right;
    height: 25px;
}

.star3 {
    background: url(../images/star/30.gif) no-repeat right;
    height: 25px;
}

.star2_half {
    background: url(../images/star/25.gif) no-repeat right;
    height: 25px;
}

.star2 {
    background: url(../images/star/20.gif) no-repeat right;
    height: 25px;
}

.star1_half {
    background: url(../images/star/15.gif) no-repeat right;
    height: 25px;
}

.star1 {
    background: url(../images/star/10.gif) no-repeat right;
    height: 25px;
}

/* ---------------------------
 読了日
---------------------------*/
.single_read_date {
    padding-bottom:calc(70/650 * 100%);
    font-size:3.2rem;
    text-align: right;
}

@media screen and (min-width: 768px) {
    .main_inner {
        width:100%;
        max-width:1300px;
        margin:0 auto;
    }
    .l-contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding:calc(110 / 1300 * 100%) 0 calc(120 / 1300 * 100%);
    }
    .l-main {
        width:calc(860/1300 * 100%);
        margin:0 auto 0 calc(50/1300 * 100%);
    }
    .l-sub {
        width:calc(290/1300 * 100%);
        margin:0 calc(50/1300 * 100%) 0 auto;
    }

    .main .inner {
        width:100%;
        margin:0 auto;
        padding-bottom:0;
    }
    .single_header {
        margin: 0 0 0 calc(20 / 860 * 100%);
    }
    .single_header::before {
        margin: calc(20 / 860 * 100%) 0 0 calc(-20 / 860 * 100%);
    }
    .single_ttl {
        padding: calc(21 / 840 * 100%) 0 calc(50 / 840 * 100%);
        font-size: 3.2rem;
    }
    .single_primary {
    }
    .single_status {
        width: calc(200 / 840 * 100%);
        margin: calc(-70 / 840 * 100%) 0 0;
    }
    .bg_border_r::before,
    .bg_border_l::before {
        top: 2px;
        right: 2px;
    }
    .single_number {
        font-size: 8.6rem;
        margin: 0 0 calc(-36 / 840 * 100%) 0;
    }

    .single_number p::before {
        font-size: 4.1rem;
    }
    .single_status .date {
    }
    .single_category {
        width: calc(640 / 840 * 100%);
        margin: calc(-19 / 840 * 100%) 0 0 calc(20 / 840 * 100%);
    }
    .single_category_list {

    }
    .single_category_list li {

    }
    .single_category_list li a {
        font-size: 2.4rem;
    }

    .single_body, .single_add_comment {
        padding:calc(70/860 * 100%) 0 ;
        font-size:1.6rem;
    }
    .single_body p, .single_add_comment p {
        margin-bottom:calc(50/860 * 100%);
        font-weight: 700;
    }
    .single_body img, .single_add_comment img {
        max-width: calc(650/860 * 100%);
    }
    .single_image {
        margin-bottom:calc(50/860 * 100%);
    }
    .single_image img {
        margin-bottom:calc(20/860 * 100%);
    }
    .single_image p {
        text-align: center;
        margin:0 auto;
    }
    .single_image.col-1 {

    }
    .single_image.col-1 p {
        max-width: calc(650/860 * 100%);
    }
    .single_image.col-2 {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
     .single_image.col-2 p {
         max-width:calc(326/860 * 100%);
     }
    .single_image span {
        font-size:1.4rem;
        margin-bottom:calc(40/860 * 100%);
    }

    .single_footer2 {
        padding: calc(50 / 860 * 100%) calc(200 / 860 * 100%) calc(50 / 860 * 100%) 0;
    }
    .single_footer2::before {
        margin: calc(-20 / 860 * 100%) 0 0 calc(-50 / 860 * 100%);
    }
    .single_footer2::after {
        width: calc(149 / 860 * 100%);
        height: 100%;
        padding-top: 0;
        background: url(../images/icon_ttl.png) no-repeat center center;
        background-size: 100% auto;
        margin: 0 calc(20 / 860 * 100%) 0 0;
    }
    .single_footer_date {
        margin: 0 0 0.3em;
        font-size: 1.4rem;
    }
    .single_footer_date::before {
        width: calc(860 / 660 * 100%);
        margin: calc(-50 / 660 * 100%) 0 0;
    }
    .single_footer_category_list {
        font-size: 2rem;
    }
    .single_footer_number {
        font-size: 2rem;
    }
    .single_footer_ttl {
        margin: -0.1em 0 0 -0.1em;
        font-size: 2.4rem;
    }

    .single_footer {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: calc(30 / 860 * 100%) 0;
    }
    .single_footer::before {
    }
    .single_footer .single_share {
        font-size: 2rem;
    }
    .single_footer .single_share a:hover {
        opacity: 0.7;
    }
    .pagenation {
        margin-top: calc(30 / 860 * 100%);
    }
    .pagenation_back,
    .pagenation_next {
        width: calc(200 / 860 * 100%);
        font-size: 2.2rem;
    }
    .pagenation a:hover {
        opacity: 0.7;
    }
    .single_star {
        margin-bottom:calc(70/860 * 100%);
        font-size:1.6rem;
    }
    .single_read_date {
        padding-bottom:calc(70/860 * 100%);
        font-size:1.6rem;
    }

}

@media screen and (min-width: 1200px) {

}


/* =====================================================================
*    news
* =================================================================== */
.news .inner,
.postscript .inner {
    width: calc(650 / 750 * 100%);
    margin: 0 auto;
}

.news .inner > div {
    margin-bottom: calc(50 / 650 * 100%);
}

.news .inner > div::after {
    content: "";
    display: block;
    width: 100%;
    margin: calc(20 / 650 * 100%) 0 0;
    padding-top: calc(14 / 650 * 100%);
    background: url(../images/bg_dot_bl.png) repeat left top;
    background-size: calc(4 / 650 * 100%) auto;
}

.sub_news {
    margin-bottom: calc(40 / 650 * 100%);
    padding: 0 0 calc(25 / 650 * 100%);
    border-bottom: 2px dotted #093389;
}

.sub_news:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.sub_news .article_link {
    display: block;
    padding: 0 0 0 calc(130 / 650 * 100%);
}

.sub_news_date {
    color: #093389;
    font-size: 1.8rem;
    font-family: "メイリオ", "Meiryo", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
    position: absolute;
    top: 0.5em;
    left: 0;
}

.sub_news_category {
    margin: 0 0 0.5em;
    color: #093389;
    font-size: 2.8rem;
    font-family: "メイリオ", "Meiryo", "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
    line-height: 1.7;
}

.sub_news_category span {
    display: inline-block;
    margin: 0 0.2em 0 0;
    padding: 0.2em;
    line-height: 1;
}
/* 新・ことば事情 */
.sub_news_category1, .sub_news_category_r6u0zydneeeb6bz4, .sub_news_category_uh8m6tvwir999q17 {
    background-color: #ffa891 !important;
}
/* 新・読書日記 */
.sub_news_category2, .sub_news_category_9b1uzq55hffag629, .sub_news_category_gb1101lqz2tdjtwk {
    background-color: #70e6be !important;
}

.sub_news_ttl {
    color: #093389;
    font-size: 4rem;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.2;
}

.postscript .sec_ttl {
    border-top: 0;
    padding: calc(25 / 750 * 100%) 0 calc(60 / 750 * 100%);
}

@media screen and (min-width: 768px) {
    .news .inner,
    .postscript .inner {
        width: 100%;
    }
    .news .inner > div {
        margin-bottom: calc(20 / 290 * 100%);
    }
    .news .inner > div::after {
        margin: calc(10 / 290 * 100%) 0 0;
        padding-top: calc(7 / 290 * 100%);
        background-size: calc(2 / 290 * 100%) auto;
    }
    .sub_news {
        margin-bottom: calc(15 / 290 * 100%);
        padding: 0 0 calc(20 / 290 * 100%);
    }
    .sub_news .article_link {
        padding: 0;
    }
    .article_link:hover {
        opacity: 0.7;
    }
    .sub_news_date {
        position: relative;
        margin: 0 0 0.6em;
        font-size: 1.4rem;
    }
    .sub_news_category {
        margin: 0 0 0.2em;
        font-size: 1.6rem;
    }
    .sub_news_category span {
        padding: 0.3em;
    }
    .sub_news_ttl {
        font-size: 2.4rem;
    }
    .postscript .sec_ttl {
        padding: calc(10 / 290 * 100%) 0 calc(20 / 290 * 100%);
    }
}

@media screen and (min-width: 1300px) {
}

/* =====================================================================
*    search
* =================================================================== */
.search {
  padding-bottom: calc(40 / 290 * 100%);
}
.search_box {
  width: calc(650 / 750 * 100%);
  margin: 0 auto;
}

.search_form {
  position: relative;
  border: 1px solid #093389;
  border-radius: 20px;
  overflow: hidden;
}

.search .gsc-control-cse {
  padding-right: 2.5em;
}

.search .gsc-control-wrapper-cse {
  margin: 0 1.5em;
}

.search .gsc-control-wrapper-cse::before {
  display: block;
  position: absolute;
  top: 1em;
  left: -2em;
  content: "　";
  width: 25px;
  height: 25px;
  background: url(../images/icon_search.png) top left no-repeat;
  background-size: contain;
  z-index: 100;
}

.search .gsc-input {
  border-bottom: 1px dotted #093389;
}

@media screen and (min-width: 768px) {
  .search_box {
    width: 100%;
  }
}

/* =====================================================================
*    category
* =================================================================== */
.category .inner {
    width: calc(650 / 750 * 100%);
    margin: 0 auto;
    padding-bottom: calc(40 / 750 * 100%);
}

.category_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.category_list li {
    width: calc(310 / 650 * 100%);
    margin: 0 calc(30 / 650 * 100%) calc(50 / 650 * 100%) 0;
}

.category_list li:nth-child(even) {
    margin-right: 0;
}

.category_list .bg_border_r,
.category_list .bg_border_l {
    width: calc(65 / 310 * 100%);
    padding-top: calc(46 / 310 * 100%);
}

.category_list li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.category_list li:nth-child(1) a::before {
    margin: calc(-18 / 310 * 100%) 0 0 calc(-11 / 310 * 100%);
}

.category_list li:nth-child(2) a::before {
    margin: calc(15 / 310 * 100%) 0 0 calc(18 / 310 * 100%);
}

.category_list li a p {
    padding: 1em 0;
    color: #093389;
    font-size: 4.7rem;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.1em;
}

.category_list li a p span {
    display: block;
    width: calc(80 / 310 * 100%);
    padding: 0.32em 0;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(-36 / 310 * 100%) 0 0 calc(12 / 310 * 100%);
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.category_list li a p::before {
    content: "";
    display: block;
    width: calc(80 / 310 * 100%);
    padding-top: calc(80 / 310 * 100%);
    background-color: #ffa891;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin: calc(-36 / 310 * 100%) 0 0 calc(12 / 310 * 100%);
}

.category_list li:nth-child(2) a p span {
    margin: calc(-36 / 310 * 100%) 0 0 calc(45 / 310 * 100%);
}

.category_list li:nth-child(2) a p::before {
    background-color: #6fe6be;
    margin: calc(-36 / 310 * 100%) 0 0 calc(45 / 310 * 100%);
}
.category_name {
    font-size: 4.7rem;
    padding-top: calc(70/650 * 100%);
    color: #093389;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: calc(50/650 * 100%);
    padding:  calc(70/650 * 100%) 0  calc(70/650 * 100%) calc(70/650 * 100%);
    background-color: #fff;
}
.article_list ul {
  margin-top: -5%;
}
.article_list li {
    padding-bottom: 1em;
    color: #093389;
    font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-bottom: 5%;
    border-bottom: 1px dotted #093389;
    margin-bottom: 4%;
}
.article_list li a {
    color: #093389;
}

/* =====================================================================
*    category
* =================================================================== */
@media screen and (min-width: 768px) {
    .category {
    }
    .category .inner {
        width: calc(274 / 290 * 100%);
        padding-bottom: calc(40 / 290 * 100%);
    }

    .category_list {
        display: block;
    }
    .category_list li {
        width: 100%;
        margin: 0 0 calc(6 / 274 * 100%);
    }
    .category_list li:last-child {
        margin: 0;
    }
    .category_list .bg_border_r,
    .category_list .bg_border_l {
        width: calc(65 / 274 * 100%);
        padding-top: calc(46 / 274 * 100%);
    }
    .category_list li a::before,
    .category_list li:nth-child(1) a::before,
    .category_list li:nth-child(2) a::before {
        height: 80%;
        top: 10%;
        margin: 0 0 0 calc(-10 / 274 * 100%);
    }
    .category_list li a:hover {
        opacity: 0.7;
    }
    .category_list li a p {
        padding: 0.68em 0 0.76em 1.5em;
        font-size: 3.2rem;
    }
    .category_list li a p::before,
    .category_list li:nth-child(2) a p::before {
        width: calc(45 / 274 * 100%);
        padding-top: calc(45 / 274 * 100%);
        margin: calc(24 / 274 * 100%) 0 0 calc(20 / 274 * 100%);
    }
    .category_list li a p span,
    .category_list li:nth-child(2) a p span {
        width: calc(48 / 274 * 100%);
        margin: calc(24 / 274 * 100%) 0 0 calc(20 / 274 * 100%);
        padding: 0.18em 0;
    }
    .category_name {
        font-size: 3.2rem;
        margin-top: calc(20/860 * 100%);
        padding:  calc(20/860 * 100%) 0  calc(20/860 * 100%) calc(20/860 * 100%);;
        background-color: #fff;
    }
    .article_list li {
        padding-bottom: 0.68em;
    }
}

/* =====================================================================
*    過去ブログバナー
* =================================================================== */
.old_blog .sec_ttl2 {
    width: calc(650 / 750 * 100%);
    margin: 0 auto;
    padding-bottom: calc(40 / 290 * 100%);
    border-top: solid 3px #093389;
}
.old_blog .inner {
    width: calc(650 / 750 * 100%);
    margin: 0 auto;
    padding-bottom: calc(40 / 290 * 100%);
}
.old_blog .inner li {
    margin: 0 calc(30 / 650 * 100%) calc(50 / 650 * 100%) 0;
}
.old_blog .inner li:last-child {
    margin: 0;
}

@media screen and (min-width: 768px) {
    .old_blog .sec_ttl2 {
        width: 100%;
        padding: calc(25 / 290 * 100%) 0 calc(17 / 290 * 100%);
    }
    .old_blog .inner {
        width: calc(274 / 290 * 100%);
        padding-bottom: calc(40 / 290 * 100%);
    }
    .old_blog li {
        width: 100%;
        margin: 0 0 calc(6 / 274 * 100%);
    }
    .old_blog li:last-child {
        margin: 0;
    }
}

@media screen and (min-width: 1300px) {

}