@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CSS Document */

.clearfix {
    zoom: 1;
    /* for IE5.5 - IE7 */
}

.clearfix:after {
    content: url(pixel.gif);
    display: block;
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
    overflow: hidden;
}

a,
img {
    border-style: none;
}

a:hover {
    opacity: 0.8;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    background-image: url(../images/back_img.jpg);
    padding: 0;
    margin: 0;
    font-feature-settings: "palt";
}

#container {
    max-width: 1785px;
    min-width: 979px;
    margin: 0 auto;
    padding-bottom: 2em;
}

#head_wrap {
    max-width: 1785px;
    min-width: 979px;
    margin: 0 auto;
}

#header {
    width: 100%;
    color: #fff;
}

#header #head_top {
    margin: 0 auto;
}

#header #head_bottom {
    width: 1200px;
}

#header #logo {
    float: left;
}

#header #logo img {
    width: 100%;
    max-width: 164px;
}

#header #nav {
    float: left;
}

#header #nav ul {
    list-style: none;
    margin: 2em 0 0;
    padding: 0;
    line-height: 54px;
    margin-left: 4em;
}


#header #nav ul li {
    display: inline-block;
    padding: 0 20px 0 10px;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
}

#header #nav ul li+li {
    border-left: 1px solid #FFF;
    /* ここがボーダー線指定しているところ */
    padding: 0 20px 0 20px;
    /* メニューとボーダー線の間の距離感 */
}

#header #nav ul li a {
    color: #FFF;
    text-decoration: none;
}

#header #nav ul li a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

#header #search {
    float: right;
    padding-left: 1.5em;
    line-height: 105px;
    background-image: url(../images/search_img.png);
    background-repeat: no-repeat;
    background-position: -2px 37px;
}

#header #search .search_txt {
    border: 1px solid rgb(126, 157, 185);
    padding: 2px;
    width: 170px;
    border-radius: 0.4em;
    height: 2em;
}

#header #search .search_btn {
    background: none;
    border: none;
    color: #FFF;
    font-weight: bold;
}


#header #airtime p {
    background: #000;
    padding: 0.4em 0;
    margin: 0;
    border-radius: 0.5em;
    color: #FFF;
    width: 455px;
    text-align: center;
    display: block;
    float: right;
}


#header #airtime a {
    font-size: 0.8em;
    text-decoration: underline;
    color: #FFF;
}

#header #airtime a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#left_content {
    width: 950px;
    border-right: 4px double #484747;
    float: left;
}

#left_content #movie {
    width: 920px;
}

#left_content #movie p {
    margin: 0;
    padding: 0;
}

#left_content #movie img {
    width: 100%;
}

#left_content #section {
    width: 920px;
    background: #000;
    color: #FFF;
}

#left_content #section .next {
    width: 90%;
    margin: 0 auto;
    padding: 0.5em 0;
}

#left_content #section .next h2 {
    font-family: リュウミン L-KL;
    color: #ff7b00;
    font-size: 1.8em;
    letter-spacing: 2px;
    margin: 0.5em 0;
    padding: 0;
}

#left_content #section .next dl {
    width: 100%;
}

#left_content #section .next dt,
#left_content #section .next dd {
    float: left;
    line-height: 2em;
    margin-left: 1em;
}

#left_content #section .next dt {
    border: 1px solid #fff;
    width: 150px;
    text-align: center;
    margin-left: 1em;
}

#left_content #section .next dl.onair dd {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.6em;
}

#left_content #section .next dl.onair dd span {
    font-size: 0.7em;
    font-weight: 100;
    line-height: 1em;
    margin-left: 0.5em;
}
#left_content #section .next dl.onair dd strong {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.2rem;
    background: red;
    padding: .5rem;
}

#left_content #section .about {
    padding: 0.5em 1em;
    background: #232323;
    margin-bottom: 2em;
}

#left_content #section .in-about {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

#left_content #section .in-about .text {
    width: 70%;
    float: left;
}

#left_content #section .in-about .read-more {
    width: 25%;
    float: right;
    text-align: center;
    padding: 1.2em 0;
}

#left_content #dc_section {
    width: 920px;
    color: #FFF;
}

#left_content #dc_section .dc_list {
    width: 100%;
    padding: 0 0 0.5em;
}

#left_content #dc_section .dc_list .dc_dl {
    width: 30.7%;
    padding: 0.5em;
    background: #3b3b3b;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 1em;
    position: relative;
}

#left_content #dc_section .dc_list .dc_dl:nth-child(3n) {
    margin-right: 0;
}

#left_content #dc_section .dc_list .dc_dl dl {
    margin: 0;
}

#left_content #dc_section .dc_list .dc_dl dt img {
    width: 100%;
}

#left_content #dc_section .dc_list .dc_dl dd {
    color: #000;
    background: #FFF;
    margin: 0;
    padding: 0.4em 0;
    text-align: center;
    font-size: 0.8em;
}

#left_content #dc_section .dc_list .dc_dl dd span {
    font-size: 1.1em;
    font-weight: bold;
}

#left_content #dc_section p.a {
    margin: 0;
}

#left_content #dc_section p.a a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-indent: -10000px;
    background/*\**/
    : #FFF\9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#left_content #dc_section .dc_list .dc_dl:hover {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0.8;
}

#left_content #dc_section p.look {
    width: 33%;
    margin: 1em auto;
    color: #FFF;
    background: #e02727;
    font-size: 1.2em;
    line-height: 2em;
    text-align: center;
    border-radius: 0.2em;
}

#left_content #dc_section p.look a {
    display: block;
    text-decoration: none;
    color: #FFF;
}

#left_content #dc_section p.look a:hover {
    background: rgba(224, 39, 39, 0.8);
    background: rgba(255, 255, 255, 0.1);
}

#center_content {
    width: 375px;
    border-right: 4px double #484747;
    float: left;
}

#center_content .center_wrap {
    padding: 0 ;
    width: 340px;
    margin: 0 auto;
}

#center_content .center_wrap .present_area {
    margin-bottom: 1em;
}

#center_content .center_wrap .present_area .present_box {
    position: relative;
}

#center_content .center_wrap .present_area dl {
    margin-top: 0;
}

#center_content .center_wrap .present_area dd {
    margin: 0;
    background: #000;
    color: #fff;
    font-size: 0.8em;
    padding: 1em 0 0;
    text-align: center;
}

#center_content .center_wrap .present_area p.a a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-indent: -1000px;
    background/*\**/
    : #FFF\9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#center_content .center_wrap .present_area .present_box:hover {
    position: relative;
    opacity: 0.8;
}
#center_content .center_wrap .present_area .present_box img {
        width: 100%;
}
#center_content .center_wrap .spot_area {
    padding-bottom: 1em;
    border-bottom: 4px double #484747;
}

#center_content .center_wrap .sns_area {
    padding: 0 0 0;
    border-bottom: 4px double #484747;
}

#center_content .center_wrap .sns_area ul {
    list-style: none;
    padding-left: 0;
    color: #fff;
    margin-top: 0;
}

#center_content .center_wrap .sns_area ul li {
    margin: 1em 0;
}

#center_content .center_wrap .sns_area ul li span {
    margin-bottom: 0.5em;
    display: block;
}

#center_content .center_wrap .angler_area {

    padding: 1em 0;
}

#center_content .center_wrap .angler_area .angler_box {
    width: 30%;
    margin-right: 5%;
    margin-top: 0;
    float: left;
    position: relative;
}

#center_content .center_wrap .angler_area .angler_box:last-child {
    margin-right: 0;
}

#center_content .center_wrap .angler_area dl dt img {
    width: 100%;
    border-radius: 10em;
}

#center_content .center_wrap .angler_area dl dd {
    margin: -1em 0 0 0;
    text-align: center;
}

#center_content .center_wrap .angler_area dl dd span {
    position: relative;
    background: #000;
    color: #fff;
    padding: 0 0.5em;
    font-size: 0.8em;
}

#center_content .center_wrap .angler_area dl dd span:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 43%;
    border: 4px solid transparent;
    border-bottom: 4px solid #000;
}

#center_content .center_wrap .angler_area p.a {
    margin: 0;
    padding: 0;
}

#center_content .center_wrap .angler_area p.a a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-indent: -1000px;
    background/*\**/
    : #FFF\9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#center_content .center_wrap .angler_area .angler_box:hover {
    position: relative;
    opacity: 0.8;
}

#right_content {
    width: 440px;
    vertical-align: top;
    float: left;
}

#right_content .right_wrap {
    padding: 0 0 0 1.5em;
    width: 420px;
}

#right_content .right_wrap .news_box {
    position: relative;
}

#right_content .right_wrap .news_box dl {
    border-top: 1px solid #5c5c5c;
    padding: 1em 0 0.5em;
    margin: 0;
    color: #fff;
}

#right_content .right_wrap .news_box dl dt {
    float: left;
    margin-right: 1em;
}

#right_content .right_wrap .news_box dl dt dd {
    margin: 0;
}

#right_content .right_wrap .news_box dl dd.caption {
    margin: 0.6em 0;
    font-weight: bold;
    font-size: 0.9em;
}

#right_content .right_wrap .news_box dl dd.txt {
    margin: 0;
    font-size: 0.75em;
}

#right_content .right_wrap .news_box p.a {
    margin: 0;
    padding: 0;
}

#right_content .right_wrap .news_box p.a a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-indent: -1000px;
    background/*\**/
    : #FFF\9;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

#right_content .right_wrap .news_box:hover {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
}

#footer {
    min-width: 979px;
    border-top: 4px double #484747;
    color: #FFF;
    background: #000;
}

#footer .in-footer {
    width: 95%;
    margin: 0 auto;
}

#footer .in-footer .left {
    float: left;
}

#footer .in-footer .right {
    float: right;
    color: #b4b4b4;
    font-size: 0.8em;
}

#footer .in-footer .right a {
    color: #b4b4b4;
}

#footer .in-footer .right a:hover {
    text-decoration: none;
    opacity: 0.8;
}

#footer #footnav ul {
    list-style: none;
    padding: 0;
    font-size: 0.8em;
}


#footer #footnav ul li {
    display: inline-block;
    padding: 0 10px 0 10px;

    line-height: 1em;
}

#footer #footnav ul li+li {
    border-left: 1px solid #FFF;
    /* ここがボーダー線指定しているところ */
    padding: 0 10px 0 10px;
    /* メニューとボーダー線の間の距離感 */
}

#footer #footnav ul li a {
    color: #FFF;
    text-decoration: none;
}

#footer #footnav ul li a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

@media only screen and (max-width:1799px) {
    #contents_wrap {
        width: 1350px;
        max-width: 1350px;
        min-width: auto;
        margin: 0 auto;
    }

    #head_wrap {
        width: 1350px;
        margin: 0 auto;
    }
    #right_content {
        width: 1350px;
        margin-top: 2em;
        float: left;
    }
    #center_content {
        padding-right: 0.7em;
    }
    #center_content .center_wrap {
        padding: 0 1.5em 1.565em;
        width: 340px;
    }
    #right_content .right_wrap {
        padding: 0;
        width: 100%;
    }

    #right_content .right_wrap .news_box {
        margin-right: 1.25em;
        width: 430px;
        float: left;
        border-bottom: 1px solid #5c5c5c;
    }

    #right_content .right_wrap .news_box:nth-child(n+4) dl {
        border-top: none;
    }
}

@media only screen and (max-width:1399px) {
    #header #head_bottom {
        width: 95%;
        margin: 0 auto;
    }

    #header #search {
        line-height: 100%;
        background-position: 0 0;
        margin: 0 0 2em;
    }

    #contents_wrap {
        width: 950px;
        min-width: auto;
        margin: 0 auto;
    }

    #head_wrap {
        width: 950px;
        margin: 0 auto;
    }

    #left_content {
        border-right: none;
        margin: 0 auto;
        float: none;
        border-bottom: 1px solid #5c5c5c;
    }
    #left_content #movie {
        margin: 0 auto;
    }
    #left_content #section {
        margin: 0 auto;
    }
    #left_content #dc_section {
        margin: 0 auto;
    }
    #center_content {
        width: 47%;
        margin: 2em auto 0;
    }
    #center_content .center_wrap {
        text-align: center;
        width: auto;
    }
    #center_content .center_wrap img {
        width: 100%;
    }
    #center_content .center_wrap .present_area dl {
        width: 100%;
    }
    #right_content {
        width: 48%;
        margin: 2em auto 0;
        float: left;
    }
    #right_content .right_wrap {
        padding: 0;
        width: 100%;
    }

    #right_content .right_wrap .news_box {
        margin-right: 0;
        width: 100%;
        margin: 0 auto 0 2em;
        float: none;
        border-bottom: 1px solid #5c5c5c;
    }

    #right_content .right_wrap .news_box:nth-child(n+2) dl {
        border-top: none;
    }

    #footer .in-footer .left {
        width: 100%;
        text-align: center;
    }

    #footer .in-footer .right {
        width: 100%;
        text-align: center;
    }
}