@charset "UTF-8";

/* ====================================================
reset style
==================================================== */

/*
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
*/
html {
    overflow-y: scroll;
    font-size: 10px;
    /* Base font size, change to 14px or 16px if needed */
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: middle;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}


/*to enable resizing for IE*/

input,
textarea,
select {
    *font-size: 100%;
}


/*because legend doesn't inherit in IE */

legend {
    color: #000;
}

del,
ins {
    text-decoration: none;
}


/* ====================================================
Font
==================================================== */


/* ====================================================
Position & transform
==================================================== */


/* ====================================================
Color
==================================================== */


/* ====================================================
Sizing
==================================================== */


/* ====================================================
Misc
==================================================== */


/* ====================================================
opacity
==================================================== */


/* ====================================================
Base style & container
==================================================== */

body {
    color: #232323;
    /*
    font-family: "Noto Sans JP", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;*/
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-weight:500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}

a {
    color: #232323;
    text-decoration: none;
}

.rollover {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rollover:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

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

.flex-box.content-fs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.flex-box.content-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.flex-box.content-bw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-box.content-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-box.align-fs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.flex-box.align-fe {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-box.align-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* ====================================================
Float & clear
==================================================== */

.clearfix {
    *zoom: 1;
}

.clearfix:before {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
}


/* ====================================================
Header
==================================================== */

#header .header-top {
    padding: 15px 0 16px;
}

#header .header-left {
    width: 340px;
    text-align: center;
    float: left;
    padding-top: 20px;
}
#header .header-left.keiba-movie-logo {
    width: 400px;
    display: flex;
}
#header .header-left.keiba-movie-logo a {
    display: block;
    width: 230px;
    margin-right: 0;
}
#header .header-left.keiba-movie-logo .h-data {
    padding-top: 50px;
    font-size: 16px;
}
#header .header-right {
    width: 770px;
    float: right;
    text-align: right;
}

#header .h-data {
    padding-top: 12px;
    font-size: 20px;
    font-weight: bold;
}

#header .size-change {
    text-align: right;
    font-size: 0;
    margin-bottom: 10px;
}

#header .size-change dt,
#header .size-change dd {
    display: inline-block;
    vertical-align: middle;
}

#header .size-change dt {
    font-size: 13px;
}

#header .size-change li {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    cursor: pointer;
    border: 1px solid #333333;
    height: 22px;
    width: 22px;
    line-height: 20px;
    background: #FFF;
    text-align: center;
    margin-left: 9px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#header .size-change li.on,
#header .size-change li:hover {
    border-color: #00a0e9;
    background: #00a0e9;
    color: #FFF;
}

#header .gnavi {
    background: #00a0e9;
    min-width: 1200px;
}

#header .gnavi .menu {
    position: relative;
    z-index: 50;
    height: 48px;
}

#header .gnavi .menu>li {
    width: 117px;
    float: left;
    text-align: center;
    border-right: 1px solid #FFF;
}
#header .gnavi #menu-movie>li {
    width: 150px;
}
#header .gnavi #menu-movie>li:nth-child(2) ,
#header .gnavi #menu-movie>li:nth-child(3) ,
#header .gnavi #menu-movie>li:nth-child(5) {
    width: 190px;
}


#header .gnavi .menu>li:first-of-type {
    border-left: 1px solid #FFF;
}

#header .gnavi .menu>li>a {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #FFF;
    font-size: 14px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#header .gnavi .menu>li .sub-menu {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #e9f8ff;
    position: absolute;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0;
    /*　サブナビの先頭をグロナビに合わせる */
    text-align: left;
    font-size: 0;
}

#header .gnavi .menu>li .sub-menu ul {
    padding: 22px 0;
}

/*　サブナビの先頭をグロナビに合わせる */
#header .gnavi .menu>li:nth-child(1) .sub-menu ul {
    padding-left: 36px;
}
#header .gnavi .menu>li:nth-child(2) .sub-menu ul {
    padding-left: 152px;
}
#header .gnavi .menu>li:nth-child(3) .sub-menu ul {
    padding-left: 260px;
}
#header .gnavi .menu>li:nth-child(4) .sub-menu,
#header .gnavi .menu>li:nth-child(5) .sub-menu,
#header .gnavi .menu>li:nth-child(5) .sub-menu,
#header .gnavi .menu>li:nth-child(6) .sub-menu,
#header .gnavi .menu>li:nth-child(7) .sub-menu,
#header .gnavi .menu>li:nth-child(8) .sub-menu {
    text-align: center;
}
#header .gnavi .menu>li:nth-child(9) .sub-menu,
#header .gnavi .menu>li:nth-child(10) .sub-menu {
    text-align: right;
    padding-right: 30px;
}

#header .gnavi .menu>li .sub-menu li {
    display: inline-block;
    border-left: 1px solid #d0d2d3;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
    padding: 0 10px;
    font-weight: bold;
}

#header .gnavi .menu>li .sub-menu li:first-of-type {
    border-left: none;
}

#header .gnavi .menu>li .sub-menu li a {
    color: #00a0e9;
}

#header .gnavi .menu>li .sub-menu li a:hover {
    text-decoration: underline;
}

#header .gnavi .menu>li:hover {
    -webkit-transition: all 0.2s liner;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#header .gnavi .menu>li:hover .sub-menu {
    opacity: 1;
    height: auto;
}

#header .gnavi .menu>li:hover>a {
    background: rgba(255, 255, 255, 0.5);
}


/* keiba */

#header.keiba-header .header-left {
    width: 365px;
    padding-top: 0;
}

#header.keiba-header .header-left .logo {
    text-align: left;
}

#header.keiba-header .header-right {
    width: 705px;
}

#header.keiba-header #primary-menu {
    display: table;
    width: 100%;
}

#header.keiba-header #primary-menu>li {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    float: none;
    line-height: 1.5;
}

#header.keiba-header #primary-menu>li>a {
    padding: 0 25px;
}


/* ====================================================
Footer
==================================================== */

#footer {
    background-color: #f0f0f0;
    border-bottom: 7px solid #00a0e9;
    min-width: 1200px;
}

#footer .footer-top {
    padding-top: 30px;
}

#footer .footer-top .col {
    width: 20%;
    float: left;
}

#footer .footer-bottom {
    background-color: #FFF;
    padding: 18px 0 10px;
}

#footer .footer-menu {
    margin-bottom: 25px;
}

#footer .footer-menu dt {
    border-bottom: 2px solid #00a0e9;
    width: 120px;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 3px;
    margin-bottom: 4px;
}

#footer .footer-menu.site-menu .menu li {
    margin-bottom: 17px;
}

#footer .menu {
    font-size: 14px;
}

#footer .menu li {
    line-height: 1.4;
}
#footer .menu li ul {
    margin: 0 0 .5em .5em
}
#footer .menu li ul li {
    padding: 0;
}
#footer .menu li ul li::before {
    content: '- '
}

#footer .menu li a:hover {
    color: #00a0e9;
}

#footer .footer-logo {
    width: 190px;
    float: left;
}

#footer .address {
    width: 290px;
    float: left;
    font-size: 14px;
    padding-left: 19px;
    line-height: 1.5;
}

#footer .sns-list {
    width: 162px;
    overflow: hidden;
    float: left;
}

#footer .sns-list li {
    float: left;
    margin-left: 9px;
}

#footer .sns-list li:first-of-type {
    margin-left: 0;
}

#footer .copyright {
    text-align: right;
    padding-top: 17px;
    font-size: 13px;
}

#topcontrol {
    display: none;
}


/* ====================================================
Content-common
==================================================== */

.container {
    padding-top: 30px;
    padding-bottom: 80px;
}

#main {
    width: 850px;
    float: left;
}

#sidebar {
    width: 300px;
    float: right;
}

#sidebar .side-bnr,
#sidebar .adsense {
    margin-bottom: 20px;
}

#sidebar .side-bnr iframe {
    width: 300px;
    height: 168px;
}

#sidebar .adsense iframe {
    max-width: 300px;
}

#sidebar .side-bnr.mb-none {
    margin-bottom: 0;
}

#sidebar .today-paper {
    border: 3px solid #00a0e9;
    border-top: none;
    margin-bottom: 20px;
}

#sidebar .today-paper .ttl {
    position: relative;
    background: #00a0e9;
    font-size: 18px;
    font-size: 1.8rem;
    color: #FFF;
    height: 35px;
    line-height: 35px;
    padding: 0 7px;
}

#sidebar .today-paper .ttl span {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
}

#sidebar .today-paper .paper-img {
    margin-bottom: 5px;
}

#sidebar .today-paper .paper-ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}

#sidebar .today-paper .paper-innner {
    padding: 20px 30px 7px;
    background: #FFF;
}

#sidebar .today-paper .more-btn {
    max-width: 195px;
    margin: 0 auto 10px;
}

#sidebar .post-item a {
    padding: 10px;
}

#sidebar .post-item .img-col {
    width: 65px;
    height: 65px;
    vertical-align: top;
    overflow: hidden;
    display: block;
}
#sidebar .post-item .img-col img {
    width: auto;
    min-height: 65px;
    object-fit: cover;  
}

#sidebar .post-item .intro-col {
    vertical-align: top;
}

#sidebar .post-item .post-ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 0;
}

#sidebar .post-item .txt {
    font-size: 13px;
    font-size: 1.3rem;
}

#sidebar .ranking-box {
    counter-reset: num;
    margin-bottom: 15px;
}

#sidebar .ranking-box .basic-ttl::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../images/common/rank_ico.png) no-repeat 0 0;
    background-size: 100% auto;
    width: 24px;
    height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
}

#sidebar .ranking-box .post-item {
    position: relative;
}

#sidebar .ranking-box .post-item::before {
    left: 0;
    top: 0;
    position: absolute;
    counter-increment: num;
    content: counter(num);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #00a0e9;
    color: #FFF;
    font-size: 12px;
}

#sidebar .ranking-box .post-item.pr::before {
    content: "PR";
}

#sidebar .recommend-box {
    margin-bottom: 30px;
}

#sidebar .recommend-box .basic-ttl::before {
    display: inline-block;
    vertical-align: middle;
    content: "\f0a4";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #00a0e9;
    margin-bottom: 2px;
    margin-right: 5px;
}

#sidebar .new-post {
    margin-bottom: 20px;
}

#sidebar .new-post .basic-ttl::before {
    display: inline-block;
    vertical-align: middle;
    content: "\f028";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #00a0e9;
    margin-bottom: 5px;
    margin-right: 5px;
}

#sidebar .new-post .post-item .post-ttl {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 3px;
}

#sidebar .tag-box {
    border: 1px solid #00a0e9;
    margin: 30px 0;
    padding: 12px 0 5px;
}

#sidebar .tag-box .tag-ttl {
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 12px;
}

#sidebar .tag-box .tag-ttl::before {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f02c";
    color: #00a0e9;
    margin-right: 5px;
    font-size: 15px;
}

.search-box {
    position: relative;
    margin-bottom: 20px;
}

.search-box .s-window {
    width: 100%;
    height: 40px;
    background: #FFF;
    border: 1px solid #aaaaaa;
    font-size: 14px;
    border-radius: 50px;
    padding: 0 45px 0 15px;
}

.search-box .s-window:placeholder-shown {
    color: #aaaaaa;
}

.search-box .s-window::-webkit-input-placeholder {
    color: #aaaaaa;
}

.search-box .s-window:-moz-placeholder {
    color: #aaaaaa;
}

.search-box .s-window:-ms-input-placeholder {
    color: #aaaaaa;
}

.search-box .s-window:focus {
    outline: none;
}

.search-box .s-btn {
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    border: none;
    background: none;
    font-size: 18px;
    color: #333333;
}


/* ====================================================
layout-common
==================================================== */

.post-item {
    *zoom: 1;
    border: 1px solid #dddddd;
}

.post-item:before {
    content: "";
    display: table;
}

.post-item:after {
    clear: both;
    content: "";
    display: table;
}

.post-item a {
    display: table;
    padding: 15px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    height: 100%;
}

.post-item a:hover {
    background-color: #f2f2f2;
}

.post-item .img-col,
.post-item .intro-col {
    display: table-cell;
    vertical-align: middle;
}

.post-item .img-col {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: block;
}

.post-item .img-col img {
    width: auto;
    min-height: 80px;
    object-fit: cover;  
}

.post-item .intro-col {
    overflow: hidden;
    padding-left: 15px;
    width: 100%;
}

.post-item .post-ttl {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 7px;
    line-height: 1.2;
}
.rank-ttl-list .new,
.post-item .new {
    background: #f5912f;
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    padding: 0 6px;
    text-align: center;
    margin-left: 3px;
}

.post-item .data {
    color: #828282;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
}

.post-item .txt {
    font-size: 16px;
    font-size: 1.6rem;
}

.post-item .tag {
    text-align: right;
    color: #828282;
    font-size: 13px;
    font-size: 1.3rem;
}

.post-item .tag span {
    margin-left: 10px;
}

.post-item-col .post-item {
    border-bottom: none;
}

.post-item-col .post-item .img-col {
    width: 190px;
    height: 127px;
}

.post-item-col .post-item .txt {
    font-size: 15px;
    font-size: 1.5rem;
}

.post-item-col2 {
    border-top: 1px solid #dddddd;
}

.post-item-col2 .post-item {
    width: 50%;
    float: left;
    border-top: none;
}

.post-item-col2 .post-item:nth-of-type(2n) {
    border-left: #FFF;
}

.post-list-box {
    margin-bottom: 30px;
}

.post-list-box .list-head {
    position: relative;
}

.post-list-box .list-head .list-more {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-list-box .post-item {
    border-bottom: none;
}

.post-list-box .post-item:last-of-type {
    border-bottom: 1px solid #dddddd;
}

.post-list-col2 {
    font-size: 0;
}

.post-list-col2 .post-list-box {
    width: 415px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.post-list-col2 .post-list-box:nth-of-type(2n) {
    margin-right: 0;
}

.pickup-box {
    border-bottom: 1px solid #dddddd;
}

.pickup-box .basic-ttl {
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 43px;
    height: 47px;
}

.pickup-box .basic-ttl::before,
.pickup-box .basic-ttl::after {
    display: inline-block;
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f0e7";
    color: #00a0e9;
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 12px 3px;
}

.pickup-box .item {
    border: 1px solid #dddddd;
    border-bottom: none;
}

.pickup-box .item a {
    display: table;
    padding: 15px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 100%;
    height: 100%;
}

.pickup-box .item a:hover {
    background-color: #f2f2f2;
}

.pickup-box .item .img-col {
    display: block;
    width: 190px;
    height: 127px;
    overflow: hidden;
    background: #dedede;
}
.pickup-box .item .img-col img {
    display: block;
    margin: 0 auto;
    width: auto;
    min-height: initial;
    width: 190px;
    height: 127px;
    object-fit: cover;  
}

.pickup-box .item .intro-col {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
}

.pickup-box .item .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 8px;
}

.prompt-report {
    border: #bc001b 1px solid;
    margin-bottom: 20px;
}

.prompt-report a {
    display: block;
    padding: 15px 15px 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.prompt-report a:hover {
    background-color: #f2f2f2;
}

.prompt-report .ttl {
    font-size: 17px;
    font-size: 1.7rem;
    color: #bc001b;
    font-weight: bold;
    padding-left: 100px;
    background: url(../images/index/sokuho_bnr.png) no-repeat 0 4px;
}

.prompt-report .data {
    text-align: right;
    color: #828282;
    font-size: 13px;
    font-size: 1.3rem;
}

.prompt-report .txt {
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 2px;
}

.tag-list {
    font-size: 0;
    padding-left: 10px;
}
.wp-tag-cloud li,
.tag-list li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 10px 10px 0;
}
.wp-tag-cloud li a::before,
.tag-list li a::before {
    content: '# ';
}
.wp-tag-cloud li a,
.tag-list li a {
    display: block;
    color: #00a0e9;
    padding: 5px 9px;
    border-radius: 50px;
    border: 1px solid #00a0e9;
}

.wp-tag-cloud li a:hover,
.tag-list li a:hover {
    background: #00a0e9;
    color: #FFF;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.head-bnr-area {
    position: relative;
    margin-top: 0;
}
.head-bnr-area span:first-child {
    display: block;
}
.head-bnr-area span:first-child img,
.head-bnr-area span:first-child div {
    padding-top: 30px;
}
.page-left-bnr {
    position: absolute;
    top: 30px;
    left: -170px;
}

.page-right-bnr {
    position: absolute;
    top: 30px;
    right: -170px;
}

.page-left-bnr,
.page-right-bnr {
    width: 160px;
}

/* ====================================================
MODULE
==================================================== */


/*パンくずMODULE*/

.breadcrumb {
    margin-bottom: 15px;
    color: #333333;
    font-size: 13px;
    font-size: 1.3rem;
}

.breadcrumb a {
    color: #333333;
}

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

.nav-links,.nav-paging-in-article {
    text-align: center;
    font-size: 0;
    padding-top: 30px;
}

.nav-links a,
.nav-links span,
.nav-paging-in-article a,
.nav-paging-in-article span
{
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 30px;
    line-height: 28px;
    border: 1px solid #00a0e9;
    margin: 0 3px;
    padding: 0 7px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.detail-content .nav-paging-in-article a:link,.detail-content .nav-paging-in-article a:visited{
	color:#000000!important;
}

.nav-paging-in-article span {
	background: #00a0e9;
    color: #FFF;
}

.nav-paging-in-article .prev.page-numbers,.nav-paging-in-article .next.page-numbers{
	color:#000;
}

.nav-links a.next,
.nav-links a.prev,
.nav-links span.next,
.nav-links span.prev {
    width: inherit;
    padding: 0 10px;
}

.nav-links a:hover,
.nav-links a.current,
.nav-links span:hover,
.nav-links span.current,
.nav-paging-in-article a:hover,
.nav-paging-in-article a.current,
//.nav-paging-in-article span:hover,
.nav-paging-in-article a
.nav-paging-in-article span.current
{
    background: #00a0e9;
    color: #FFF;
}

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


/*見出しMODULE*/

.basic-ttl,
.page-ttl {
    font-size: 18px;
    font-size: 1.8rem;
    background-color: #f4f4f4;
    height: 45px;
    line-height: 42px;
    border: 1px solid #cccccc;
    border-bottom: 3px solid #00a0e9;
    padding: 0 14px;
}

.page-ttl {
    font-size: 28px;
    font-size: 2.8rem;
    height: 60px;
    line-height: 56px;
    font-weight: bold;
    margin-bottom: 20px;
}

.page-ttl span {
    font-size: 20px;
    font-size: 2rem;
    padding-left: 25px;
}

.page-ttl2 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    border-bottom: 3px solid #00a0e9;
    padding-bottom: 3px;
    margin-bottom: 12px;
}

.page-ttl3 {
    position: relative;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    padding: 6px 6px 6px 23px;
    background: #efefef;
    margin-bottom: 10px;
}

.page-ttl3::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    height: calc(100% - 12px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    background: #00a0e9;
}

.page-ttl4 {
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 12px;
}

.page-ttl4::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 5px;
    background: #00a0e9;
}

.page-ttl5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 9px 15px;
    background: #efefef;
    margin-bottom: 10px;
}


/*テキストMODULE*/


/*リンクMODULE*/


/*ボタンMODULE*/

.btn {
    position: relative;
    display: block;
    border: none;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    border: 1px solid #f5912f;
    height: 32px;
    line-height: 30px;
    border-radius: 50px;
    color: #f5912f;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.btn::after {
    position: absolute;
    top: 50%;
    right: 13px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px;
    font-size: 1.2rem;
}

.btn:hover {
    background: #f5912f;
    color: #FFF;
}

.btn.gray-btn {
    color: #9d9d9d;
    border-color: #9d9d9d;
}

.btn.gray-btn:hover {
    background: #9d9d9d;
    color: #FFF;
}

.btn.none-arrow::after {
    display: none;
}

.btn.btn-black {
    color: #000;
    border-color: #c8c8c8;
}

.btn.blue-arrow span {
    display: inline-block;
    color: #00a0e9;
    margin-right: 5px;
}

.list-more {
    position: relative;
    color: #333333;
    font-size: 13px;
    padding-left: 18px;
}

.list-more:hover {
    color: #00a0e9;
}

.list-more::before {
    position: absolute;
    left: 0;
    top: 1px;
    font-family: 'FontAwesome';
    content: "\f0ca";
    font-size: 13px;
}

.more-list a,
.basic-btn {
    background: #f3f3f3;
    line-height: 45px;
    border: 1px solid #d1d1d1;
    text-align: center;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
}

.basic-btn i {
    margin-right: 10px;
    color: #00a0e9;
    font-size: 20px;
    font-size: 2rem;
}


/*リストMODULE*/

.basic-list {
    margin-bottom: 25px;
}

.basic-list li {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 1.4em;
    padding-left: 30px;
}

.newspaper_midasi li::before,
.basic-list li::before {
    position: absolute;
    left: 10px;
    top: 7px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #00a0e9;
}

.basic-list li a:hover {
    text-decoration: underline;
}


/*表組MODULE*/

.basic-table {
    width: 100%;
    margin-bottom: 50px;
}

.basic-table th,
.basic-table td {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 1px solid #171717;
    padding: 5px 5px 5px 15px;
    line-height: 1.3;
}

.basic-table th {
    font-weight: bold;
    border-right: 1px solid #171717;
}


/*グリッドMODULE*/


/*フォームMODULE*/

.txt-center {
    text-align: center;
}


/* ====================================================
Index
==================================================== */

#index-content .post-slider {
/*    border: 1px solid #dddddd;*/
    border-bottom: none;
    margin-bottom: 0;
    border: 3px solid #00a0e9;
    max-height: 256px;
    overflow: hidden;

}

#index-content .post-slider .post-item {
    border: none;
}

#index-content .post-slider .post-item a {
    padding: 15px 20px 35px 15px;
}

#index-content .post-slider .post-item .img-col {
    width: 300px;
    height: 200px;
    overflow: hidden;
}

#index-content .post-slider .post-item .img-col img {
    max-height: 200px;
    width: auto;
    margin: 0 auto;
}

#index-content .post-slider .post-item .post-ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0;
}

#index-content .post-slider .post-item .txt {
    padding-top: 10px;
    font-size: 15px;
    font-size: 1.5rem;
}

#index-content .post-slider .post-item:focus {
    outline: none;
}

#index-content .post-slider .slider-arrow {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#index-content .post-slider .slider-arrow::after {
    font-family: 'FontAwesome';
    font-size: 20px;
    font-size: 2rem;
    color: #484848;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#index-content .post-slider .slider-arrow.slider-prev {
    left: 4px;
}

#index-content .post-slider .slider-arrow.slider-prev::after {
    content: "\f053";
}

#index-content .post-slider .slider-arrow.slider-next {
    right: 4px;
}

#index-content .post-slider .slider-arrow.slider-next::after {
    content: "\f054";
}

#index-content .post-slider .slider-arrow:hover::after {
    color: #00a0e9;
}

#index-content .post-item-col2 {
    margin-bottom: 30px;
}

#index-content .pickup-box {
    margin-bottom: 30px;
}


/* ====================================================
Archive
==================================================== */

.archive-post {
    margin-bottom: 40px;
}

.archive-post .post-item {
    position: relative;
    border-left: none;
    border-right: none;
    border-top: none;
}

.archive-post .post-item a {
    padding: 15px 0;
}

.archive-post .post-item .img-col,
.archive-post .post-item .intro-col {
    vertical-align: middle;
}

.archive-post .post-item .img-col {
    width: 160px;
    height: 160px;
    display: block;
}
.archive-post .post-item .img-col img {
    width: auto;
    min-height: 160px;
    object-fit: cover;
}

.archive-post .post-item .post-ttl {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 0;
}

.archive-post .post-item .data {
    margin-bottom: 5px;
}

.archive-post .post-item .txt {
    margin-bottom: 15px;
}

.archive-post.ranking {
    counter-reset: num;
}

.archive-post.ranking .post-item::after {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 10px;
    counter-increment: num;
    content: counter(num);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00a0e9;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}

.archive-post.ranking .post-item.pr::after {
    content: "PR";
}

.page-bottom-tag {
    margin-bottom: 60px;
}

.page-bottom-tag dt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.page-bottom-tag .tag-list {
    padding: 0;
}

.page-bottom-tag.single-tag dt {
    float: left;
}

.page-bottom-tag.single-tag dd {
    overflow: hidden;
    padding-left: 15px;
}

.page-cm-area {
    text-align: center;
    margin-bottom: 60px;
}


.list_tl_wrap {
    position: relative;
} 
.list_tl_wrap a.list-more {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ====================================================
Single
==================================================== */

.detail-ttl {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    /*SNSボタン削除後
  margin-bottom: 0;*/
}

.detail-head {
    margin-bottom: 25px;
    /*SNSボタン削除後
  margin-bottom: 10px;*/
}

.detail-head .detail-sns {
    float: left;
    width: 60%;
}

.detail-head .date {
    width: 40%;
    float: right;
    text-align: right;
    color: #828282;
    font-size: 13px;
    font-size: 1.3rem;
    padding-top: 5px;
}

.detail-sns {
    font-size: 0;
}

.detail-sns a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

.detail-sns.bottom {
    clear: both;
    margin-bottom: 30px;
}

.detail-thum-img .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 3px;
}

.single-post .gallery,
.detail-thum-img .thum-list {
    overflow: hidden;
    margin-bottom: 13px;
}

.single-post .gallery .gallery-item,
.detail-thum-img .thum-list li {
    position: relative;
/*    width: 160px;
    height: 210px;*/
    width: 150px;
    height: 150px;
    overflow: hidden;
    float: left;
/*    background: #e5e5e5;*/
    margin: 0 12.5px 10px 0;
    border: #c8c8c8;
}

.single-post .gallery .gallery-item:nth-of-type(5n),
.detail-thum-img .thum-list li:nth-of-type(5n) {
    margin-right: 0;
}

.single-post .gallery .gallery-item img,
.detail-thum-img .thum-list li img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #c8c8c8;
}

.single-post .gallery .gallery-item a,
.detail-thum-img .thum-list li a {
    display: block;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.single-post .gallery .gallery-item a:hover,
.detail-thum-img .thum-list li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.single-post .gallery .gallery-item figcaption {
    display: none;
}

.recommend-post {
    margin-bottom: 35px;
}

.recommend-post.mb-none {
    margin-bottom: 0;
}

.recommend-post .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    padding-bottom: 8px;
}

.recommend-post .recommend-list {
    font-size: 0;
}

.recommend-post .recommend-list li {
    width: 204px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 11px 25px 0;
}

.recommend-post .recommend-list li:nth-of-type(4n) {
    margin-right: 0;
}

.recommend-post .recommend-list li .img {
    height: 132px;
    overflow: hidden;
    margin-bottom: 8px;
}


/* ====================================================
detail-txt
==================================================== */

.detail-content {
    margin-bottom: 55px;
    min-height: 400px;
}
.detail-content a:link,
.detail-content a:visited {
    color: #00a0e9;
}
.detail-content a:hover,
.detail-content a:active {
    color: #00a0e9;
    text-decoration: underline;
}

.detail-content p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px;
}


.detail-content .detail-img,
.detail-content .wp-caption {
    /* max-width: 50%; */
    padding: 0 20px 20px 0;
	margin: 0 auto;
    /*width: 320px;
	float: left;
    padding: 0 20px 20px 0;
    margin: 0;*/
}

.detail-content .wp-caption.alignright {
    float: right;
    padding: 0 0 20px 20px;
}

.detail-content .wp-caption a {
    display: block;
    position: relative;
}

.detail-content .wp-caption a:before {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    z-index: 2;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 24px;
    font-size: 2.4rem;
}

.detail-content .detail-img .img,
.detail-content .wp-caption img {
    width: 100%;
    position: relative;
}

.detail-content .detail-img .zoom {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF;
    font-size: 24px;
    font-size: 2.4rem;
}

.detail-content .detail-img .caption,
.detail-content .wp-caption .wp-caption-text {
    font-size: 13px;
    font-size: 1.3rem;
    color: #333333;
    text-align: left;
    background: #f7f7f7;
    border: 1px solid #dddddd;
    padding: 12px;
    margin: 0;
}

.detail-content h1 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.detail-content h2 {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
    border-bottom: 3px solid #00a0e9;
    padding-bottom: 3px;
    margin-bottom: 12px;
}

.detail-content h3 {
    position: relative;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    padding: 6px 6px 6px 23px;
    background: #efefef;
    margin-bottom: 10px;
}

.detail-content h3::before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    height: calc(100% - 12px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    background: #00a0e9;
}

.detail-content h4 {
    position: relative;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 12px;
}

.detail-content h4::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 5px;
    background: #00a0e9;
}

.detail-content h5 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 9px 15px;
    background: #efefef;
    margin-bottom: 10px;
}

.detail-content table {
    width: 100%;
    margin-bottom: 50px;
}

.detail-content table th,
.detail-content table td {
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 1px solid #171717;
    padding: 5px 5px 5px 15px;
    line-height: 1.3;
}

.detail-content table th {
    font-weight: bold;
    border-right: 1px solid #171717;
}

.detail-content ul {
    margin-bottom: 25px;
}

.detail-content ul li {
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: .6em;
    padding-left: 30px;
}

.detail-content ul li::before {
    position: absolute;
    left: 10px;
    top: 7px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #00a0e9;
}

.detail-content ul li a:hover {
    text-decoration: underline;
}

.detail-content .gallery:before {
    content: 'この記事の他の画像をみる';
    display: block;
    font-size: 16px;
    padding: .5em 0;
}
.detail-content .gallery {
    clear: both;
}
.detail-content p iframe {
    width: 850px;
    height: 478px;
}


/* ====================================================
slider
==================================================== */

.ph-slider-area {
    margin-bottom: 20px;
}

.ph-slider-area .slick-slide {
    background: #e5e5e5;
}

.ph-slider-area .slick-slide img {
    margin: 0 auto;
    max-height: 450px;
    width: auto;
}

.ph-slider-area .ph-slider li:focus {
    outline: none;
}

.ph-slider-area .ph-slider .img {
    height: 500px;
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1d1d1;
    border-bottom: none;
}

.ph-slider-area .ph-slider .img img {
    width: auto;
    height: 100%;
}

.wp-caption-text.gallery-caption,
.ph-slider-area .caption {
    background: #FFF;
    color: #333333;
    padding: 12px;
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #d1d1d1;
    border-top: none;
}

.ph-slider-area .slider-arrow {
    position: relative;
    width: 50px;
    height: 130px;
    background: #FFF;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 185px;
}

.ph-slider-area .slider-arrow::after {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'FontAwesome';
    font-size: 30px;
    font-size: 3rem;
    color: #484848;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ph-slider-area .slider-arrow.slider-prev {
    left: 15px;
}

.ph-slider-area .slider-arrow.slider-prev::after {
    content: "\f053";
}

.ph-slider-area .slider-arrow.slider-next {
    right: 15px;
}

.ph-slider-area .slider-arrow.slider-next::after {
    content: "\f054";
}

.ph-slider-area .slider-arrow:hover::after {
    color: #00a0e9;
}

.ph-slider-area .slick-dots {
    position: static;
    overflow: hidden;
    padding-top: 20px;
}

.ph-slider-area .slick-dots li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 160px;
    height: 210px;
    overflow: hidden;
    float: left;
    background: #e5e5e5;
    margin: 0 12px 15px 0;
    border: 1px solid #d1d1d1;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ph-slider-area .slick-dots li:nth-of-type(5n) {
    margin-right: 0;
}

.ph-slider-area .slick-dots li::after {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #00a0e9;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ph-slider-area .slick-dots li img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ph-slider-area .slick-dots li.slick-active,
.ph-slider-area .slick-dots li:hover {
    border-color: #00a0e9;
}

.ph-slider-area .slick-dots li.slick-active::after,
.ph-slider-area .slick-dots li:hover::after {
    opacity: 1;
}

.ph-thum-list {
    overflow: hidden;
    margin-bottom: 15px;
}

.ph-thum-list li {
    cursor: pointer;
    position: relative;
    width: 160px;
    height: 210px;
    overflow: hidden;
    float: left;
    background: #e5e5e5;
    margin: 0 12.5px 15px 0;
    border: 1px solid #d1d1d1;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ph-thum-list li:nth-of-type(5n) {
    margin-right: 0;
}

.ph-thum-list li::after {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border: 3px solid #00a0e9;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.ph-thum-list li img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ph-thum-list li a {
    display: block;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ph-thum-list li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.ph-thum-list li.slick-current,
.ph-thum-list li:hover {
    border-color: #00a0e9;
}

.ph-thum-list li.slick-current::after,
.ph-thum-list li:hover::after {
    opacity: 1;
}

.ph-more-btn {
    max-width: 580px;
    margin: 0 auto 60px;
}

.ph-more-btn a {
    display: block;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    font-size: 23px;
    font-size: 2.3rem;
    height: 80px;
    line-height: 80px;
    background: #f3f3f3;
    text-align: center;
}


/* ====================================================
Rnaking
==================================================== */

.rank-page-ttl {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;
}

.rank-page-ttl::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(../images/common/rank_ico.png) no-repeat 0 0;
    background-size: 100% auto;
    width: 29px;
    height: 24px;
    margin-bottom: 7px;
    margin-right: 7px;
}

.rank-ttl-list {
    margin: 2px 0 30px;
    counter-reset: num;
}

.rank-ttl-list.last {
    margin-bottom: 60px;
}

.rank-ttl-list li {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px solid #d8d8d8;
}

.rank-ttl-list li a {
    position: relative;
    display: block;
    padding: 10px 0 10px 40px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.rank-ttl-list li a::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 10px;
    counter-increment: num;
    content: counter(num);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00a0e9;
    color: #FFF;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

.rank-ttl-list li a:hover {
    background-color: #f2f2f2;
}


/* ====================================================
Newspaper
==================================================== */

.paper-head .page-ttl {
    margin-bottom: 10px;
}

.paper-menu {
    text-align: right;
    margin-bottom: 23px;
}

.paper-menu li {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 22px;
}

.paper-menu li a::before {
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-bottom: 2px;
    margin-right: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #00a0e9;
}

.paper-menu li a:hover {
    text-decoration: underline;
}

.paper-section {
    margin-bottom: 35px;
}

.paper-section .paper-ttl {
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    color: #FFF;
    padding: 5px 15px;
    background-color: #00a0e9;
    margin-bottom: 12px;
}

.paper-section .txt {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.one-side .img-col {
    width: 300px;
    float: left;
}

.one-side .intro-col {
    width: 525px;
    float: right;
    padding-right: 15px;
    padding-top: 20px;
}

.one-side-ttl,
.one-side-ttl2 {
    font-weight: bold;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.one-side-ttl {
    font-size: 23px;
    font-size: 2.3rem;
}

.paper-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}
.paper-pager .pager-btn {
    width: 175px;
}
.paper-pager .nav-links-btn a,
.paper-pager .pager-btn a {
    display: block;
    width: 175px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #00a0e9;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.paper-pager .nav-links-btn a i,
.paper-pager .pager-btn a i {
    color: #00a0e9;
    font-size: 20px;
    font-size: 2rem;
    margin: 0 7px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.paper-pager .nav-links-btn a:hover,
.paper-pager .pager-btn a:hover {
    background-color: #00a0e9;
    color: #FFF;
}

.paper-pager .nav-links-btn a:hover i,
.paper-pager .pager-btn a:hover i {
    color: #FFF;
}


.lineup-btn {
    max-width: 290px;
    margin: 0 auto;
}

.paper-list-wrap {
    padding-top: 75px;
    margin-bottom: 60px;
}

.paper-list-wrap .ttl,
.newspaper_bar_bg {
    background: #e5e5e5;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 23px;
    font-size: 2.3rem;
    margin-bottom: 15px;
}

.paper-list-wrap .basic-list,
.newspaper_midasi {
    padding: 0 10px;
    margin-bottom: 45px;
}

.paper-list-wrap .basic-list li,
.newspaper_midasi li {
    margin-bottom: 5px;
    padding: 0;
    line-height: 1.5;
    font-size: 16px;
    font-size: 1.6rem;
}

.paper-list-wrap .basic-list li::before,
.newspaper_midasi li::before {
    position: static;
    display: inline-block;
    margin-bottom: 3px;
    border-width: 5px 0 5px 6px;
    vertical-align: middle;
    margin-right: 10px;
}
.newspaper_midasi+p,
.paper-list-wrap .caution-txt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: -20px;
}


/* ====================================================
Newspaper-archive
==================================================== */

.archive-paper {
    font-size: 0;
    margin-bottom: 85px;
}

.archive-paper .archive-paper-list {
    margin-bottom: 10px;
}

.archive-paper .archive-paper-list li {
    width: 160px;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 12.5px 20px 0;
    border: 1px solid #cccccc;
}

.archive-paper .archive-paper-list li:nth-of-type(5n) {
    margin-right: 0;
}

.archive-paper .archive-paper-list li .date {
    text-align: center;
    border-bottom: 3px solid #00a0e9;
    background: #f4f4f4;
}

.archive-paper .archive-paper-list li .img {
    padding: 12px;
}

.archive-paper .archive-paper-list li .img img {
    border: 1px solid #00a0e9;
}

.archive-paper .archive-paper-list li a {
    display: block;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.archive-paper .archive-paper-list li a:hover {
    background-color: #f2f2f2;
}


/* ====================================================
Index
==================================================== */

.keiba-movie {
    margin-bottom: 57px;
}

.keiba-movie .main-movie {
    margin-bottom: 20px;
}
.keiba-movie .main-movie p:nth-child(2) {
    display: none;
}

.keiba-movie .main-movie iframe {
    width: 100%;
    height: 480px;
}


/*スカイスクレイパー非表示
.inner.head-bnr-area.txt-center {
    display: none;
}*/


/*会社概要追加*/
#company_maintitle_text,
#company_title {
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 3px solid #00a0e9;
    padding-bottom: 3px;
    margin: 1.4em 0 1em;
}
#list_bar_bg {
    position: relative;
    font-size: 23px;
    font-size: 2.3rem;
    font-weight: bold;
    padding: 6px 6px 6px 23px;
    background: #efefef;
    margin: 1.4em 0 1em;
}
#list_bar_bg:before {
    content: "";
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    height: calc(100% - 12px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    background: #00a0e9;
}

.detail-content {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 25px;
}
.detail-content img+br+p {
    margin-top: 1em;
}

/* PRアイコン */
.intro-col .prbox,
.detail-head .prbox {
    position:relative;
    font-weight: normal;
    line-height: 1.1;
	text-align:right;
}
.intro-col .prbox p,
.detail-head .prbox p {
    display: inline-block;
}
.intro-col p.pr,
.detail-head p.pr {
	font-size: 13px;
	color: #666666;
}
.intro-col p.prmark,
.detail-head p.prmark {
	color: #ffffff;
    font-size: 10px;
    padding: 2px;
    margin: 0 5px;
	background-color: #51A0FF;
	border: 1px solid #468FE6;
}
.intro-col .prbox {
    float: left;
}
.intro-col p.prmark {
    margin-left: 0;
}

/*固定ページ追加*/
body.page .detail-content a:link,
body.page .detail-content a:visited  {
    color: #00a0e9;
    display: inline-block;
}
body.page .detail-content a:hover,
body.page .detail-content a:active  {
    color: #00a0e9a1;
}

body.page .detail-content a::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #00a0e9;
    float: left;
    margin: .56em .4em 0 0;
}
body.page .detail-content a:hover::before {
    border-color: transparent transparent transparent #00a0e9a1;
    margin: .56em .4em 0 .2em;
}
body.page .detail-content div a::before {
    display: none;
}

body.page .detail-content ul a::before {
    display: none;
}

.detail-content.sitemap {
    display: flex;
}
.detail-content.sitemap section {
    width: 50%;
}
.detail-content.sitemap section:nth-child(1) {
    padding-right: 30px;
}
.detail-content.sitemap section h2 {
    font-size: 1.8rem;
}
.detail-content.sitemap section h2 a:link,
.detail-content.sitemap section h2 a:visited {
    color: #000;
}
.detail-content ol {
    margin: 0 0 1.2em;
    padding: 0 0 0 1.2em;
}
.detail-content ol li {
    list-style: decimal;
    margin: 0 0 .6em;
}

#add_guidance_title{
    background-image:url(../images/add_guidance/add_img_title.gif);
    width:486px;
    height:196px;
    position:relative;
}
#bt_add_guidance_title{
    position:absolute;
    top:146px;
    left:0px;
}
table.recruit th{
    min-width:10em; 
}


.keiba_bar {
    background-image: url(../images/keiba/keiba_bar.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 37px;
    position: relative;
    margin-bottom: 20px;
}
.keiba_text {
    position: absolute;
    top: 8px;
    left: 45px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #333333;
}

.movie_subtitle {
    width: 98%;
    background-color: #0768bd;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.movie_subtitle_entame {
    width: 98%;
    background-color: #b22222;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.movie td {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 5px;
    border-bottom: dotted 1px #ccc;
}
.movie_tdl {
    background-color: #f5f5f5;
}
.movie_tdl_entame {
    background-color: #fff0f5;
}
.movie_subtitle {
    width: 98%;
    background-color: #0768bd;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.wrestling table {
    width: 98%;
}
.wrestling td {
    font-size: 12px;
    line-height: 14px;
    padding: 10px 5px;
    border-bottom: dotted 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
}
.pw_tdl {
    background-color: #f5f5f5;
    border-left: solid 1px #d3d3d3;
}
.pw_td_title {
    background-color: #0768bd;
    color: #fff;
    font-weight: bold;
    border-left: solid 1px #d3d3d3;
}
.wp_img {
    margin: 0 10px 5px 0;
}
.wp_past {
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
}
.bt_wrestling {
    margin-right: 3px;
    margin-bottom: 30px;
    float: left;
}
.bt_wrestling-current {
    margin-right: 3px;
    margin-bottom: 10px;
    float: left;
}
body.page .detail-content .bt_wrestling a:link,
body.page .detail-content .bt_wrestling a:visited {
    color: #333;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: #fff;
    border: solid 1px #ccc;
}
body.page .detail-content .bt_wrestling a:hover,
body.page .detail-content .bt_wrestling a:active {
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: #2286d5;
    border: solid 1px #2286d5;
}
body.page .detail-content .bt_wrestling-current a:link,
body.page .detail-content .bt_wrestling-current a:visited {
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: #2286d5;
    border: solid 1px #2286d5;
}
body.page .detail-content .bt_wrestling-current a:hover,
body.page .detail-content .bt_wrestling-current a:active {
    color: #fff;
    padding: 3px 5px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    background-color: #2286d5;
    border: solid 1px #2286d5;
}

img.centered {
display:block;
margin-left:auto;
margin-right:auto;
}

img.alignright {
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft {
padding:4px;
margin:0 7px 2px 0;
display:inline;
}

img.aligncenter {
    display: block;
    margin: 0 auto!important;
}

.alignright {
float:right;
}

.alignleft {
float:left;
}

.aligncenter {
	display: block;
	margin: auto;
}

.kyuspo_contents {
	padding:15px;
	margin-bottom:20px;
}
.kyuspo_contents.kansai {
	background-color:#f5fdfc;
	border:dotted 1px #b9e9e3;
}
.kyuspo_contents.kanto {
	background-color:#fcf4fb;
	border:dotted 1px #dfc7e1;
}

.kyuspo_img {
	float: left; margin:20px 10px 0px 0px; width:100px;
}
.kyuspo_katagaki {
	width:100%; margin-top:20px;
}
.kyuspo_katagaki_ttl {
	font-size: 130%;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	color: #fff;
}
.kansai .kyuspo_katagaki_ttl {
	background-color: #00a0e9;
}
.kanto .kyuspo_katagaki_ttl {
	background-color: #f18edf;
}

.kyuspo_name {
	font-size: 170%; font-weight:bold;
}

.bar_kyuspo {
font-size:90%;
font-weight: bold; font-size:120%; padding-left:10px; line-height:18px;
margin:15px 0px 10px 0px;
}
.bar_kyuspo.kansai {
	border-left: solid 5px #00a0e9; 
}
.bar_kyuspo.kanto {
	border-left: solid 5px #f18edf; 
}

.kyuspo_contents p{
	font-size:100%;
	margin:0px 0px 15px 15px;
}


.kyuspo_ttl {
	font-size:110%;
	font-weight:bold;
	color:#fff;
	margin:0px 0px 20px 0px;
	padding:10px;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
.kyuspo_ttl.kansai {
	background-color:#00a0e9;
}
.kyuspo_ttl.kanto {
	background-color:#f18edf;
}

.kyuspo_subttl {
	font-size:120%;
	font-weight:bold;
	color:#fff;
	border-top:solid 3px #00a0e9;
	background-color:#347fbf;
	padding:10px;
}

.kyuspo_table table{
	font-size: 120%;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.kyuspo_table th {
	background-color: #f0f0f0;
}
.kyuspo_table th:nth-of-type(1) {
	width: 30px;
}
.kyuspo_table th:nth-of-type(2) {
	width: 120px;
}
.kyuspo_table td:nth-of-type(1) {
    white-space: nowrap;
    padding-right: 1em; 
}

.kyuspo_table td,.kyuspo_table th{
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 7px 10px 7px 10px;
}
.kyuspo_table .space {
	padding: 5px;
}
.kyuspo_table .caution {
	margin-top: 10px;
	color: #ff0000;
}
.kyuspo_table .ttl {
	color: #00a0e9;
}
.kyuspo_table .sublist {
	margin-left: 7px;
}
.detail-content p  a{
	display: contents;
}

.page-link {
	clear:both;
}

.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}