.main-color {
    background-color: #f6f6f5;;
}
body{
    min-width: 1140px;
}
#header {
    width: 100%;
    min-width: 1060px;
    margin: 0 auto;
    position: relative;
    padding-top: 38px;
    margin-bottom: 31px;
}
.category a:hover{
    text-decoration: none;
}
.category-list div {
    display: flex;
    justify-content: space-around;
}
.category {
    text-align: center;
    width: 1060px;
    margin: 0 auto;
}
.category>* {
    line-height: 2.4;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
}
.category>div{
    margin: 0;
    width: 120px;
}
.category>a{
    width: 128px;
}
.category>a:last-of-type{
    width: 180px;
}
div.category div {
    margin: auto;
    display: block;
    color: #000;
    word-wrap: normal;
}

.category-under-line{
    background-color: #2d2d2d;
    height: 4px;
}
.category>a:hover .category-under-line{
    background-color:#dd530e;
}
div#pc_ad_head{
    display: flex;
    justify-content: space-around;
}

.post-div{
    display: flex;
    border-bottom: 2px solid;
    padding-bottom: 23px;
    padding-top: 23px;
}
.post-text{
    width: 505px;
}
#posts-box .post-div{
    width: 708px;
}
#headerContainer{
    width: 100%;
    text-align: center;
    min-width: 1140px;
    /*    margin-bottom: 14px;*/
}

.thumbnail{
    width:180px;
    height:144px;
    position: relative;
}
.panel{width:713px;height:500px;}
.right-img{width:90px;height:72px;}
.series-img{width:80px;height:70px;}
.series-post{width:120px;height:96px;}
.under-header{width:160px;height:128px;}
.sp-thumbnail{width:240px;height:192px;}
.sp-widget{width:180px;height:144px;}
.writer-img{
    width:30px;
    height:30px;
    border-radius: 50%;
}

.pickup_box .writer-img,
.post-list .writer-img{
    margin-right: 5px;
}
.post .writer-container .writer-img,
.post .writer-img{
    width: 50px;
    height: 50px;
    margin-right: 11px;
}
.post .writer-container .writer-name,
.under-title .writer-name {
    font-size: 15px;
    line-height: 50px;
    width: fit-content;
    word-break: keep-all;
}
.img-div{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

[class^="category-text-"] {
    font-family: Lato-Medium, AdobeInvisFont, KozGoPr6N-Regular,"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: rgba(62, 62, 62, 255);
    text-align: left;
    border: 1px solid;
    height: 20px;
    vertical-align: middle;
    display: table-cell;
    margin-left: 15px;
    padding: 0 2px;
    background-color: #fff;
}
div.mainColumnInner{
    margin-top: 14px;
}
.content-date {
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    color: rgba(149, 149, 149, 255);
}
.post-list{
    margin-bottom: 10px;
}
#posts-box .new, .post-list .new {
    font-family: Lato-Medium, AdobeInvisFont, KozGoPr6N-Regular;
    font-size: 10px;
    color: rgba(255, 255, 255, 255);
    width: 35px;
    height: 20px;
    background: #db2424;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.new,.under-new {
    position: absolute;
    top: 8px;
    right: -5px;
}
.under-new{
    background-color: #8e1c1c;
    width: 5px;
    height: 4px;
    top: 28px;
}
a:not(:hover) .writer-name {
    color: rgba(34, 34, 34, 255);
}
.writer-name {
    font-size: 12px;
    text-align: left;
    text-decoration: none;
    display: flex;
    line-height: 30px;
    font-weight: bold;
}
.Sponsored {
    color: rgba(169, 169, 169, 255);
    font-size: 13px;
    line-height: 26px;
}
.entry-title>h2,
.entry-title>h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
}
body{
    word-break: break-word;
}
.post-text .entry-title{
    margin-bottom: 16px;
    max-width: 505px;
    margin-right: 24px;
}
.pickup .thumbnail-img {
    width: 223px;
    height: 180px;
}
div.pickup {
    display: inline-block;
    border: none;
}
.pc_pickup {
    display: flex;
    flex-direction:row;
    flex-flow: row;
    justify-content: space-around;
}
.pickup .post-text {
    width: 100%;
}
.pickup .entry-title{
    margin: auto;
    width: 222px;
}
.widget-head {
    padding-bottom: 12px;
    border-bottom: 3px solid;
    border-bottom-color: #25252d;
    font-size: 22px;
    color: rgba(170, 38, 38, 255);
    text-align: left;
    font-weight: bold;
}
.rerated-posts .widget-head{
    font-size: 26px;
}
.pager-list>.Horizontal>a:hover>div{
    color: rgba(221, 83, 14, 255)!important;

}
a:hover,
div>a:hover,
a:hover .panel h2,
#headerContainer~.mainColumn a:hover,
a:hover .series-name,
.right a:hover{
    color: #dd530e!important;
    text-decoration: underline;
}
div.button {
    padding: 14px 0;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    margin: 6px 20px;
    background-color: #fff;
    /*    color: rgba(34, 34, 34, 255);*/
    border: 1px solid rgba(34, 34, 34, 255);
}
.post-list .button {
    margin-top: 27px;
}
div.button:after {
    content: "＞";
    font-weight: bolder;
    /*    color: #f47aa9;*/
}
.pagerAttachment a{
    color: #000!important;
}
a:hover .button,
a:hover .button:after {
    background-color: #373737;
    color: #ffffff;
    text-decoration: none;
}
a.no-line:hover {
    text-decoration: none;
}
.num{
    font-family: OpenSans, AdobeInvisFont, KozGoPr6N-Regular;
    font-size: 32px;
    color: rgba(0, 0, 0, 255);
    text-align: center;
    width: 45px;
    min-width: 45px;
    margin-right: 25px;
    word-break: keep-all;
    display: flex;
    justify-content: center;
}
.post-text {
    margin: auto;
    margin-top: 0;
}
.series-title {
    font-size: 14px;
    /*    color: rgba(40, 40, 40, 255);*/
    text-align: left;
    margin-top: 12px;
}
.popular-series-item {
    font-size: 10.1pt;
    text-align: left;
    width: 220px;
    height: 70px;
    margin: 7px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #222222;
    /* background-color: #f4f4f4; */
}
.popular-series-content {
    display: inline-flex;
    width: 710px;
    flex-flow: wrap;
    justify-content: space-between;
}
.popular-series-box{
    margin-top: 13px;
}
.popular-series-name{
    margin-left: 11px;
    font-weight: 700;
    line-height: 16px;
    font-size: 16pt;
    /*    color: rgba(40, 40, 40, 255);*/
    text-align: left;
    width: calc(100% - 80px);
}
.series-text {
    font-size: 13px;
    color: rgba(98, 98, 98, 255);
    text-align: left;
    overflow: hidden;
    width: 133px;
    margin-top: 7px;
}
.footer-color{
    background-color: #e2e2e2;
}

/*ヘッダ*/
#headerContainer {
    width: 100%;
    text-align: center;
    height: 175px;
    min-width: 1140px;
}
.Breadcrumb,
.Breadcrumb a,
.Breadcrumb a:visited {
    margin: 15px 0 17px 0;
    color: rgba(124, 124, 124, 255);
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    text-align: left;
}
.post-pager>a>.next-page{
    font-size: 18px;
}
div.post-pager span.next-title{
    font-size: 20px;
}
.post .main-column .post-pager>a{
    color: rgba(34, 34, 34, 255);
}
.post-pager>a>.next-page,
div.post-pager span.next-title{
    background-color: #e7e7e2;
    text-align: left;
    display: flex;
    align-items: center;
    word-break: break-all;
}
.post-pager>a>.next-page{
    width: 110px;
}
.post-pager>a>.next-page:after{
    content: ">";
    font-weight: bolder;
}

.pager-list>.Horizontal>a>.dots, .pager-list>.Horizontal>a>div {
    margin: 5px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    box-sizing: content-box;

}
a:not(:hover) .pager-num, .pager-list>.Horizontal>a:not(:hover)>div{
    color: #fff;
}
.pager-num, .pager-list>.Horizontal>a>div{
    width: 50px;
    height: 50px;
    background: #80807a;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pager-list>.Horizontal>a:hover>div,
.pager-list .Horizontal>span>div,
.pager-list .Horizontal>div,
div.pager-num span.current>div.pager-num,
.post-pager .pager-num .Horizontal>div{
    margin: 5px;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    text-align: center;
    background: #e7e7e2;
    color: #5d5d5b;
    height: fit-content;
}
.post .post-container h2 {
    font-size: 24px;
    color: rgba(34, 34, 34, 255);
    text-align: left;
    font-weight: bold;
}
.post-container>p{
    margin: 1.2em auto;
}
.under-h2{
    height: 4px;
    display: flex;
    margin-top: 12px;
}
.under-h2>div{
    height: 100%;
}
.under-h2 .left_bar {
    width: 30px;
    background-color: #8d8d84;
}
.under-h2 .right_bar{
    width: calc(100% - 1em);
    background-color: #d6d6cf;
}
.print-page .under-h2>div {
    height: 0px;
    border-bottom: 4px;
    border-bottom-style: solid;
}
.print-page .under-h2 .left_bar {
    width: 30px;
    border-color: #8d8d84;
}
.print-page .under-h2 .right_bar{
    width: calc(100% - 1em);
    border-color: #d6d6cf;
}
.category>a {
    text-decoration: none;
}
.tag-name,
.search-word,
.feature-name,
.archive-name,
.category-name {
    margin: 15px 0 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: rgba(34, 34, 34, 255);
    text-align: left;
}
p.wp-caption-text {
    text-align: left;
    background-color: #e7e7e2;
    margin: 0;
    margin-top: -9px;
    margin-right: 10px;
    padding: 9px 8px;
}
/*記事*/
.post-title>h1 {
    color: #000000;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px;
    text-align: left;
}
dt.gallery-icon.landscape {
    display: unset;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery-columns-3 .attachment-thumbnail {
    max-width: 88%;
    height: auto;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
twitterwidget.twitter-tweet {
    margin: auto;
}
.instagram-media,
.twitter-tweet,
[src^="https://www.facebook.com"],
[src^="https://www.google.com"],
[src^="https://www.youtube.com"] {
    margin: auto!important;
    display: block;
}
.gallery {
    margin: 0 auto 18px;
    line-height: 1em;
}
.gallery dl {
    margin: 0;
}
.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto;
}
.gallery img {
    border: 10px solid #f1f1f1;
}
.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
    padding: 0 5px;
    text-align: left;
}
.author .writer-img{
    width: 54px;
    height: 54px;
}
div.author div.writer-name  {
    color: rgba(40, 40, 40, 255);
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
}
.writer-info {
    display: flex;
    margin-top: 8px;
    align-items: center;
}
.writer-text {
    font-size: 14px;
    margin-top: 9px;
}
/*タグ*/
.tag-box {
    padding-top: 6px;
    font-size: 15px;
}
.tag-box .tag-list a{
    margin-right: 20px;
    padding: 7px 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 255);
    text-align: left;
    background-color: #e7e7e2;
    margin-top: 14px;
    line-height: 3;
    word-break: keep-all;
}
.tag::before {
    content: "#";
}
.sns-box .social-share-box p.twitter>a,
.sns-box .social-share-box p.facebook>a {
    text-align: center;
    width: 25%;
    margin: 0;
    width: 345px;
    background: #e7e7e2;
    font-size: 16px;
    color: #000;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.sns-box .social-share-box p.twitter>a>i,
.sns-box .social-share-box p.facebook>a>i {
    color: #95958e;
}
.writer-box>.writer-name {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
}
.writer-posts h3,
.writer-posts h3>a,
.writer-posts h3>a:visited:not(:hover) {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}
.panel{
    display: flex;
    align-items: flex-end;
}
.panel-text{
    font-size: 32px;
    color: rgba(255, 255, 255, 255);
    text-align: left;
    width: 710px;
    height: 120px;
    padding-left: 24px;
    padding-right: 20px;
    align-items: center;
    display: flex;
    background-image: url("../img/shadow.png");
}
.image-div {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.main-ad{
    display: flex;
    justify-content: space-around;
}
.Horizontal.under-title {
    width: 100%;
    margin-bottom: 27px;
    position: relative;
    margin-top: 17px;
}
.move-series .center>div {
    background: #e7e7e2;
    color: #fff;
    width: 225px;
    line-height: 45px;
}
.last-series-post .post-img{
    margin-right: 14px;
}
.last-series {
    width: 730px;
    background-color: #fff;
    position: relative;
    margin: 20px auto;
}
.move-series.Horizontal.center div{
    text-align: center;
    background-color: #e7e7e2;
    font-weight: bold;
    font-size: 16px;
}
div.move-series>div>a{
    text-decoration: none!important;
    text-decoration-color: #e7e7e2;
}
div.last-series div.move-series.Horizontal.center div a ::before,
div.last-series div.move-series.Horizontal.center div a ::after{
    font-weight: bolder;
    color:#000;
}
.move-series.Horizontal.center .first a ::before{
    content: "<<";
    margin-right: 15px;
}
.move-series.Horizontal.center .prev a ::before{
    content: "<";
    margin-right: 15px;
}
.move-series.Horizontal.center .next a ::after{
    content: ">";
    margin-left: 15px;
}
.header_logo{
    background-image: url("../img/logo.png");
    width: 417px;
    height: 52px;
}
.Horizontal {
    display:inline-flex;
}
.footer-logo{
    background-image: url("../img/footer_logo.png");
    width: 149px;
    height: 51px;
}
.under-title-right{
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
.under-title-right>*{
    margin: 0 5px;
    width: fit-content;
}
.print-page .content-date,
.under-title .content-date {
    font-size: 12px;
    color: rgba(26, 26, 26, 255);
    text-align: left;
    right: 0px;
}
.print_button{
    border: none;
    background-color: #e6e6e1;
    padding: 2px 10px;
}
.Sponsored.post {
    font-size: 15px;
    color: #979796;
}
.print-page .post-title{
    width: 100%;
    margin-bottom: 17px;
}
.print-page{
    text-align: left;
}
li.post > h3::before {
    font-size: 10px;
    content: "▶";
    position: relative;
    top: -1px;
    text-underline-position: under;
}
.reading-posts>.headline,
.reading-posts>.headline h3,
div.tag-box>div.bold,
.last-series .title-text {
    font-weight: bold;
    color: #000;
}
.reading-posts>ul>a{
    /*.reading-posts>ul>a>li,*/
    /*.reading-posts>ul>a>li>h3 {*/
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}
.reading-posts>ul {
    padding-left: 5px;
}
.pager-list .Horizontal {
    justify-content: space-around;
    padding: 0px;
}
#main-box .pager-list{
    margin-top: 20px;
}
a:hover,.right a:hover{
    color: rgba(221, 83, 14, 255);
}
.post-container a:not(:hover),
.post-container a:visited:not(:hover),
.post-container a:active:not(:hover){
    color: #FF6004;
}
.main-column a{
    color: #dd530e;
    text-decoration: none;
}
.pager.pagerAttachment {
    display: flex;
    justify-content: space-evenly;
}

.series .series-name {
    color: rgba(34, 34, 34, 255);
    font-size: 22pt;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
}
.series-info {
    margin-bottom: 39px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    margin-top: 13px;
    margin-bottom: 69px;
}
.series-container{
    margin-top: 96px;
}
.right-div a .right-series div{
    font-size: 15px;
}
a:hover .right-series .series-text{
    color: #dd530e;
}
.right-series .series-text{
    width: auto;
    font-weight: 500;
    color: #000;
}
.footer .logo{
    margin-bottom: 22px;
}
.last-series .series-name,
.last-series .series-name a {
    padding: 11px 0px 11px 0px;
    bottom: 0;
    width: 100%;
    /*    font-family: HiraKakuPro;*/
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.pc_pickup .entry-title{
    margin: 14px 0;
}
.formSearch button {
    width: 21px;
    height: 25px;
    border: none;
    cursor: pointer;
    position: absolute;
    background: url(../img/search.png) no-repeat;
    color: rgba(0, 0, 0, 0);
    right: 0;
    top: 5px;
}
#searchform {
    color: rgb(153, 153, 153);
    border: 0;
    font-size: 21px;
    position: relative;
    display: flex;
    align-items: center;
}
.rank-div {
    border-bottom: 1px solid #CFCFCF;
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    margin-right: 21px;
    margin-left: 8px;
    padding-bottom: 14px;
    width: 282px;
}

.rank-div:last-of-type {
}

.right-title a {
    color: #000000;
}
.right .feature,
.right-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.right-title h3 {
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
}

.rank-div .right-title h3 {
    width: 222px;
}
.right .feature .post-text,
.right-div:nth-last-child(2) {
    width: 180px;
    margin-right: 25px;
}

.right-text {
    margin-top: 10px;
    color: #282828;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}

.right-content {
    width: 295px;
    margin: 0 13px;
    margin: 11px 11px 0px 11px;
    border-bottom: #e8e8e8 solid 2px;
    padding-bottom: 11px;
}
.right-content-container {
    margin-bottom: 9px;
    margin-top: 33px;
}
.series.right-content-container{
    margin-bottom: 35px;
}
.infomation.right-content-container{
    margin-bottom: 18px;
}
.new-post .button.for_series {
    margin-top: 18px;
}
.popular-series {
    padding-top: 58px;
}
.pickup_box{
    margin-top: 76px;
}
.banner {
    margin-top: 35px;
}

/*フッタ*/
.footerInner a:active,
.footerInner a,
.Copyright,
.footerlink {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}
.Copyright {
    margin-top: 58px;
}
.footerInner {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    margin-top: 39px;
    position: relative;
}
.footerInner.logo {
    text-align: left;
    width: 100%;
}
.footer {
    width: 100%;
    text-align: center;
    display: inline-block;
    height: 223px;
    padding-bottom: 28px;
    z-index: -1;
    min-width: 1140px;
    margin-top: 104px;
}
.post-container *,
.post-container{
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
}
.post-pager {
    text-align: center;
    width: 710px;
    word-break: keep-all;
    margin-top: 11px;
}
.post-pager .pager-list {
    padding: 0;
}
.pager-list a.page-numbers:hover{
    text-decoration: none!important;
}
.last-series-post h3 {
    font-size: 16px;
}
.image-div.last-series{
    width: 120px;
    height: 96px;
    margin-right: 14px;
    margin-left: 16px;
}
.headerInner h1 {
    margin: auto;
    width: 417px;
}

.headerInner .logo {
    width: 267px;
    height: 72px;
}
.header-right {
    position: absolute;
    text-align: right;
    right: 0px;
    top: 0px;
    flex-flow: column;
}
#headerContainer .formSearch #s {
    border: 0;
    width: 220px;
    margin-left: 0px;
    font-size: 15px;
    border-radius: 20px;
    padding: 0px 10px;
    height: 30px;
    box-sizing: border-box;
}


.headsocial {
    margin-right: 21px;
    width: 70px;
    justify-content: left;
    flex-flow: row-reverse;
}
.headsocial div {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 6px auto;
}
.headsocial>a {
    margin: auto;
}
.ih_facebook {
    background-image: url("../img/sns_facebook.png");
}
.ih_instagram {
    background-image: url("../img/sns_instagram.png");
}
.ih_line {
    background-image: url("img/sns_line.png");
}
.ih_twitter {
    background-image: url("../img/sns_twitter.png");
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}
.alignleft,
img.alignleft {
    display: inline;
    float: inherit;
    margin-right: 24px;
    margin-top: 4px;
}
div.last-series-post div.post-container a:not(:hover) h3 ,
.post-pager>a:not(:hover),
.freeHtmlArea a,
 div.move-series>div>a:not(:hover)>div {
    color: #000000!important;
}
.post-container h3 {
    max-width: 589px;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
}
.post-container img{
    display: block;
}
#breadcrumbs a{
    text-decoration: none;
}
.print-page {
    width: 95%;
    margin: auto;
}
.print-page h2{
    font-size: 24px;
}
.print-page{
    font-size: 18px;
}
.wpcf7-form span>textarea,
.wpcf7-form span>input{
    width: 710px;
    box-sizing: border-box;
}

@media print {
    body{
        overflow:visible;
    }
    body,
    .mainColumn,
    .footer{
        max-width: calc(100% - 40px);
        min-width: calc(100% - 40px);
    }
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.entry-content {
    color: #000000;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    width: 380px;
}
.inner-img{
    height:100%;
    width:100%;
}
strong ,
.post-container strong{
    font-weight: bold;
}