@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------
	全ページ共通スタイル
----------------------------------------------------------------------------------------------------*/

.home .ninja_onebutton {
    position: absolute;
    left: 0;
    top: 0;
}
/* 要素設定*/

body {
    background: #F7F6F2 url(../img/bg-main.png);
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
    font-size: 12px;
    line-height: 1.75;
}
a {
    color: #333;
}
a:hover {
    text-decoration: none;
}
a:hover img {
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#back {
    width: 100%;
    height: 100%;
    background: url(../img/bg-wrapper.png) center top repeat-y;
}
#wrapper {
    width: 800px;
    margin: 0 auto;
    padding: 31px 0 0;
}
/* ヘッダー */

#header {
    position: relative;
    text-align: center;
    margin: 0 0 2px;
}
.home #header {
    margin-bottom: 33px;
}
#logo {
    padding: 0 0 0 27px;
    width: 374px;
    height: 161px;
    margin: 0 auto 13px;
}
#logo img {
    width: 100%;
}
#header p {
    font-size: 13px;
}
/* グローバルナビ */

#gnav {
    margin-top: 6px;
    text-align: center;
    height: 44px;
    font-size: 0;
}
#gnav li {
    width: 129px;
    height: 44px;
    vertical-align: top;
    display: inline-block;
    background-size: 129px 44px !important;
}
#gnav li img {
    width: 100%;
}
#gnav li.broadcast {
    background: url(../img/gnav-broadcast_o.png) no-repeat;
    margin-right: 2px;
}
#gnav li.present {
    background: url(../img/gnav-present_o.png) no-repeat;
    margin-right: 2px;
}
#gnav li.totu {
    background: url(../img/gnav-totu_o.png) no-repeat;
}
.ie #gnav li.broadcast {
    background: url(../img/gnav-broadcast_ie_o.png) no-repeat;
}
.ie #gnav li.present {
    background: url(../img/gnav-present_ie_o.png) no-repeat;
}
.ie #gnav li.totu {
    background: url(../img/gnav-totu_ie_o.png) no-repeat;
}
#gnav li.current a {
    display: block;
}
#gnav li.current img {
    visibility: hidden;
}
#gnav a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/* コンテンツ */

#body {}
/* メインカラム */

#main-col {
    width: 530px;
    float: left;
}
#section-news {
    border-top: 4px solid #333;
    border-bottom: 4px solid #333;
    padding: 0 0 28px;
    margin: 0 0 16px;
}
#section-news h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    padding: 8px 0 6px 2px;
    margin: 0 0 10px;
    border-bottom: 4px solid #333;
}
#section-news .image {
    float: left;
    margin: 0 30px 0 0;
    width: 228px;
    height: 166px;
    overflow: hidden;
}
#section-news .image a {
    display: block;
    width: 100%;
    height: 100%;
}
#section-news .image a > img{
    object-fit: contain;
    width: 100%;
}
#section-news p {
    padding: 0 3px;
}
#section-news .more {
    text-align: right;
}
#area-mail {
    float: left;
    padding: 9px 0 0 2px;
    font-size: 11px;
}
#area-mail a {
    font-weight: bold;
}
#main-col .button {
    float: right;
    background: url(../../img/btn-backnumber_o.png) 1000px 0 no-repeat;
    background-size: 240px 35px;
}
.ie #main-col .button {
    background-image: url(../../img/btn-backnumber_ie_o.png);
}
#main-col .button a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
/* サブカラム */

#sub-col {
    width: 240px;
    float: right;
}
#section-updated {
    border-top: 4px solid #333;
    border-bottom: 4px solid #333;
    padding: 0 0 4px;
    margin: 0 0 10px;
}
#section-updated h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    padding: 8px 0 6px 2px;
    margin: 0 0 10px;
    border-bottom: 4px solid #333;
}
#section-updated ul {
    padding: 0 0 0 4px;
}
#section-updated li {
    padding: 0 0 0 55px;
    background-position: 0 center;
    background-repeat: no-repeat;
    line-height: 1.35;
    margin: 0 0 15px;
    background-size: 50px 20px;
}
#section-updated li.broadcast {
    background-image: url(../img/icn-broadcast.png);
}
#section-updated li.totu {
    background-image: url(../img/icn-totu.png);
}
#section-updated li.pre {
    background-image: url(../img/icn-pre.png);
}
.ie #section-updated li.broadcast {
    background-image: url(../img/icn-broadcast_ie.png);
}
.ie #section-updated li.totu {
    background-image: url(../img/icn-totu_ie.png);
}
#sub-col p {
    text-align: center;
    padding: 0 0 0 10px;
}
#sub-col .button {
    background: url(../../img/btn-ana_o.png) 1000px 0 no-repeat;
    background-size: 240px 91px;
}
.ie #sub-col .button {
    background-image: url(../../img/btn-ana_ie_o.png);
}
#sub-col .button a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.past {
    margin-top: 20px;
}
.past a {
    color: #fff;
    font-weight: bold;
    background: #000;
    padding: 10px 18px;
    border: solid 2px #000;
    transition-duration: 0.5s;
    text-decoration: none;
}
.past a:hover {
    background: #fff;
    color: #000;
}
/* フッター */

#footer {
    margin: 40px 0 0;
    padding: 0 0 30px;
    text-align: center;
    font-size: 11px;
    line-height: 1.5;
}
/* エントリーカラム */

#entry-col {
    width: 610px;
    float: left;
}
#entry-col h2 {
    font-size: 16px;
    font-weight: bold;
    background: url(../img/bg-ttl.png) 0 0 no-repeat;
    padding: 8px 0 0 41px;
    margin: 0 0 1px 2px;
    background-size: 35px 29px;
}
.ie #entry-col h2 {
    background: url(../img/bg-ttl_ie.png) 0 0 no-repeat;
}
#entry-col .section {
    border-top: 4px solid #333;
    border-bottom: 4px solid #333;
    padding: 0 0 10px;
    margin: 0 0 -4px;
}
#entry-col .section h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    padding: 8px 0 6px 2px;
    margin: 0 0 25px;
    border-bottom: 4px solid #333;
}
#entry-col p.date {
    margin: 20px 0 10px;
    clear: both;
}
#entry-col .button {
    text-align: center;
    margin: 30px 0;
}
#entry-col table {
    width: 100%;
    margin: 20px 0;
    line-height: 1.3;
}
#entry-col table td,
#entry-col table th {
    padding: 5px;
}
#entry-col table input {
    height: 23px;
    border: solid 1px #aaa;
}
#entry-col table textarea {
    border: solid 1px #aaa;
}
#entry-col p.alert {
    color: #F33;
}
table.pc th {
    width: 245px;
}
table.pc td {
    width: 340px;
}
table.sp {
    display: none;
}
table.sp td,
table.sp th {
    width: 100%;
    text-align: center;
}
table.sp input,
table.pc input {
    width: 100%;
}
table.sp textarea,
table.pc textarea {
    width: 100%;
}
#entry-col .area-button {
    text-align: center;
    margin: 20px 0;
}
#entry-col .area-button .reset {
    padding: 0 0 0 10px;
}
#entry-col .area-button .submit {
    padding: 0 10px 0 0;
}
#nav-col {
    width: 150px;
    float: right;
    padding: 37px 0 0;
}
#nav-col h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.35;
    padding: 8px 0 6px 2px;
    margin: 0 0 14px;
    border-top: 4px solid #333;
    border-bottom: 4px solid #333;
}
#nav-col ul {
    padding: 0 0 25px;
}
#nav-col li {
    margin: 0 0 5px;
}
#nav-ishikawa {
    display: none;
}
#nav-col #nav-ishikawa {
    margin: 30px 0 0;
}
#nav-col #nav-ishikawa h4 {
    border-top: 4px solid #80C9C2;
    border-bottom: 4px solid #80C9C2;
}
#menu-button {
    display: none;
}
#close-button {
    display: none;
}
.broadcast,
.present,
.totu {}
.home #wrapper {
    padding-top: 15px;
}
.area-sns {
    text-align: left;
    padding-bottom: 10px;
}
.home .area-sns {
    margin-bottom: 15px;
}
.area-sns iframe {
    display: block;
    float: left;
    margin-right: 5px;
}
a.btn-tweet {
    float: left;
    display: block;
    width: 68px;
    height: 20px;
    overflow: hidden;
    background: url(//www.ishikawa-tv.com/common/img2023/btn-post@2x.png) 0 0 no-repeat;
    background-size: contain;
}
/* a.btn-tweet:hover {
    background-position: 0 -20px;
} */
.pageNavi {
    padding: 20px 0;
}
.pageNavi_link {
    display: block;
}
.pageNavi_link-prev {
    float: left;
}
.pageNavi_link-next {
    float: right;
}
.spHeader {
    display: none;
}
/* 共通設定 */

@media screen and (max-width:800px) {
    .spHeader {
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    body.home .spHeader {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .spHeader_inner {
        position: relative;
        z-index: 1;
        padding: 5px;
    }
    .spHeader_logo {}
    .spHeader_title {}
    .spHeader_title > a {}
    .spHeader_title > a > img {}
    .spHeader_menuButton {
        cursor: pointer;
        border-radius: 5px;
        text-align: center;
        float: right;
        width: 64px;
        height: 34px;
        border: 2px solid #189DE0;
        position: absolute;
        z-index: 1;
        right: 10px;
        top: 10px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0290E0), color-stop(0.00, #57C3E0));
        background: -webkit-linear-gradient(top, #57C3E0 0%, #0290E0 100%);
        background: -moz-linear-gradient(top, #57C3E0 0%, #0290E0 100%);
        background: -o-linear-gradient(top, #57C3E0 0%, #0290E0 100%);
        background: -ms-linear-gradient(top, #57C3E0 0%, #0290E0 100%);
        background: linear-gradient(top, #57C3E0 0%, #0290E0 100%);
    }
    .spHeader_menuButton.is-open {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #22ABE0), color-stop(0.00, #0290E0));
        background: -webkit-linear-gradient(top, #0290E0 0%, #22ABE0 100%);
        background: -moz-linear-gradient(top, #0290E0 0%, #22ABE0 100%);
        background: -o-linear-gradient(top, #0290E0 0%, #22ABE0 100%);
        background: -ms-linear-gradient(top, #0290E0 0%, #22ABE0 100%);
        background: linear-gradient(top, #0290E0 0%, #22ABE0 100%);
    }
    .spHeader_menuButton > a > img {}
    .spNavi {
        opacity: 0;
        display: none;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #57C3E0), color-stop(0.00, #23ACE0));
        background: -webkit-linear-gradient(top, #23ACE0 0%, #57C3E0 100%);
        background: -moz-linear-gradient(top, #23ACE0 0%, #57C3E0 100%);
        background: -o-linear-gradient(top, #23ACE0 0%, #57C3E0 100%);
        background: -ms-linear-gradient(top, #23ACE0 0%, #57C3E0 100%);
        background: linear-gradient(top, #23ACE0 0%, #57C3E0 100%);
        position: relative;
        z-index: 2;
    }
    .spNavi_list {
        clear: both;
        padding: 10px 10px;
    }
    .spNavi_list:after {
        content: "";
        display: block;
        clear: both;
    }
    .spNavi_list > li {
        width: 49%;
        float: left;
        margin: 0 0 5px;
    }
    .spNavi_list > li:nth-child(2n) {
        float: right;
    }
    .spNavi_list > li:nth-child(2n+1) {
        clear: both;
    }
    .spNavi_list > li:nth-child(n+3) {
        margin-bottom: 0;
    }
    .spNavi_list > li > a {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E8E8E8), color-stop(0.76, #FFFFFF));
        background: -webkit-linear-gradient(top, #FFFFFF 76%, #E8E8E8 100%);
        background: -moz-linear-gradient(top, #FFFFFF 76%, #E8E8E8 100%);
        background: -o-linear-gradient(top, #FFFFFF 76%, #E8E8E8 100%);
        background: -ms-linear-gradient(top, #FFFFFF 76%, #E8E8E8 100%);
        background: linear-gradient(top, #FFFFFF 76%, #E8E8E8 100%);
        border: 2px solid #048EF3;
        border-radius: 5px;
        text-align: center;
        height: 39px;
        display: block;
    }
    .spNavi_list > li > a > lim {}
    .globalHeaderWrap2018,
    .globalNavigation2018,
    .globalHeaderWrap,
    #global-frame-wrapper {
        display: none;
    }
    body {
        min-width: 0 !important;
    }
    #nav-col #nav-ishikawa {
        display: block;
    }
    #cmn-frameheader {
        display: none;
    }
    #wrapper {
        position: relative;
    }
    #main-col {
        width: 100%;
        float: none;
    }
    #sub-col {
        width: 100%;
        float: none;
    }
    #area-mail {
        display: none;
    }
    #main-col .button {
        float: none;
        margin: 0 auto;
        width: 240px;
    }
    #sub-col .button {
        margin: 0 auto;
        width: 240px;
    }
    #section-news .image {
        float: none;
        margin: 15px 0;
        text-align: center;
    }
    #gnav {}
    #section-news {
        padding-bottom: 0;
        border-bottom: none;
    }
    #section-updated {
        margin: 20px 0 20px;
    }
    /* ブログ */
    #entry-col {
        margin-top: 20px;
        width: 100%;
        float: none;
    }
    .entry-body img {
        max-width: 100%;
        height: auto;
    }
    .entry-body img {
        float: none;
        display: block;
        margin: 10px 0;
    }
    /* ナビカラム */
    #nav-col {
        width: 80%;
        padding: 60px 10%;
        float: none;
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
        background: rgba(255, 255, 255, 0.9);
        display: none;
    }
    #nav-col.-open{
        display: block;
    }
    #close-button {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0px;
        top: 0px;
    }
    #menu-button {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0px;
        top: 0px;
    }
    table.sp {
        display: block;
    }
    table.pc {
        display: none;
    }
    #entry-col p.alert {
        font-size: 11px;
    }
}
@media screen and (max-width:479px) {
    table.sp td,
    table.sp th {
        width: 300px;
        text-align: center;
    }
    #wrapper {
        width: 300px;
    }
    #logo {
        width: 100%;
        height: 140px;
        padding: 0;
    }
    #gnav li {
        width: 98px;
        background-size: 98px 34px;
    }
    #main-col h2 {
        font-size: 14px;
    }
    #sub-col h2 {
        font-size: 14px;
    }
    #entry-col .section h3 {
        font-size: 14px;
    }
    .pageNavi_link > a {
        text-decoration: none;
        display: block;
        background: #333;
        color: #fff;
        line-height: 26px;
        border-radius: 3px;
        padding: 0 10px;
        -webkit-transition: background-color 0.3s;
        transition: background-color 0.3s;
    }
    .pageNavi_link > a:hover {
        background-color: #666;
    }
}
@media screen and (min-width:480px) and (max-width:639px) {
    table.sp td,
    table.sp th {
        width: 440px;
        text-align: center;
    }
    #wrapper {
        width: 440px;
    }
    #gnav {}
}
@media screen and (min-width:640px) and (max-width:800px) {
    table.sp td,
    table.sp th {
        width: 600px;
        text-align: center;
    }
    #wrapper {
        width: 600px;
    }
    #gnav {}
}