/* ==============================================
   自由ページ共通（/vpage）
   ============================================== */

/* ページ上部タイトル */
#pageTitle {
    border: 1px solid #111;
    box-sizing: border-box;
    padding: 5px 0;
    margin-bottom: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0px -1px 1px black;
    background: linear-gradient(to top, #333, #5a5a5a);
}

/* セクション見出し */
h3.title {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-left: 5px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.kikaku {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 0 6px 5px;
    text-align: center;
    background-color: #3c3c3c;
    color: #fff;
}

/* メニューリスト */
.menu_list li {
    background: linear-gradient(to top, #d0d0d0 0%, #fff 57%);
    border-bottom: 1px solid #939393;
    border-top: 1px solid #c9c9c9;
}

.menu_list li a {
    padding: 5px 30px 5px 10px;
    display: block;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 企画リスト */
ul.kikaku_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.kikaku_list li {
    background-color: #fff;
    border-bottom: 1px solid #6e6e6e;
}

ul.kikaku_list li a {
    display: flex;
    align-items: center;
    padding: 10px 25px 10px 10px;
    text-decoration: none;
    color: #333;
    font-size: 0.8em;
}

/* cont1 リスト（サムネ付きリスト） */
#cont1 li a {
    position: relative;
    padding: 0 20px 0 0;
    display: flex;
    align-items: center;
}

#cont1 li a::after {
    content: '';
    background: url('/assets/images/sprite-icon140120.png') no-repeat;
    background-size: 1991.55px auto;
    background-position: -53.96px 3.5px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 60px;
}

#cont1 li a span.date {
    width: 100%;
    display: block;
    color: #ff8800;
    margin-top: 5px;
}

#cont1 li span.smartCut {
    font-size: 120%;
}

/* サムネイル */
#cont1 li a .machineImg,
.machineImg {
    flex-shrink: 0;
    padding-left: 2px;
    padding-right: 10px;
    margin: 0;
    text-align: center;
}

#cont1 li a .machineImg img,
.machineImg img {
    height: 60px;
    width: auto;
}

/* テキスト */
#cont1 li a .cont1Word,
.cont1Word {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span.contents {
    color: #000;
    font-weight: bold;
}

span.date {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 汎用ユーティリティ */
.center {
    text-align: center;
    padding: 0 5px;
    max-width: 100% !important;
    box-sizing: border-box;
}
.center img {
    max-width: 100%;
    height: auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.boxArea {
    padding: 10px;
}

/* リンクテキスト */
span.link {
    color: #000;
    font-weight: bold;
}

span.red {
    margin-left: 5px;
}

span.green {
    margin-left: 5px;
}

/* コーナータイトル（見出し h1.midashi） */
h1.midashi {
    display: block;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
}

/* 動画リサイズ */
div.iframeWrap {
    position: relative;
}

div.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* キャッチ */
.catch_text {
    text-shadow:
        2px 2px 1px #9e9e9e,
        1px 1px 1px #9e9e9e;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.3;
    padding: 5px 0 10px 0;
}

.marker-under {
    background: linear-gradient(transparent 90%, #ff0000 0%);
    padding-bottom: 0.2em;
}

/* nolink（リンクなし項目） */
li.nolink {
    background-color: #939393;
}

#cont1 li.nolink a::after {
    background: none;
}

/* ページリスト */
ul.pege_list {
    background: #f9f9f9;
    padding: 5px;
    border: 1px solid;
    font-size: 16px;
    margin: 0 5px;
}

ul.pege_list li {
    line-height: 28px;
}

#pege_list li {
    list-style-type: decimal;
    border-bottom: dotted 1px #ccc;
}

/* もっと見る */
.cornerend {
    font-size: 21px;
    height: 10px;
    box-shadow: 0px 1px 1px 1px #838681;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000;
}

/* アンカーリンク補正 */
.move {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
    pointer-events: none;
}

/* パンくずリスト */
.pkz {
    margin: 20px 0;
}

.pkz li {
    float: left;
    padding: 0 7px 0 0;
}

.pkz a {
    font-size: 12px;
    color: #00f;
    padding: 0 0 0 5px;
    text-decoration: underline;
}

.pkz p {
    display: inline;
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    padding: 0 0 0 5px;
    text-decoration: none;
}

.pkz::after {
    content: '';
    display: block;
    clear: both;
}

/* 機種リンクボタン */
.kishulink {
    text-decoration: none;
}

.kishulink a {
    background: #000;
    color: #fff;
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px 0;
    box-shadow: 0px 1px 1px 1px #838681;
    text-decoration: none;
}

.icon_yellow {
    color: #ffeb3b;
}

/* 機種名・詳細 */
div.machinename {
    color: #000;
    font-size: 20px;
    line-height: 20px;
    padding-top: 3px;
}

div.machineshousai {
    color: #000;
    font-size: 30px;
}

.machinelink {
    text-decoration: none;
}

.kagamiimg img {
    border: #f00 solid 2px;
}

/* 番組リスト */
.program {
    margin: 0 0 8px 0;
    padding: 8px;
    border: 1px solid #000;
}

.program_detail {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
}

.program_banner {
    width: 30%;
}

.program_text {
    width: 80%;
    margin: 0 1%;
    padding: 2px 0;
    line-height: 1.36;
}

.program_title {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
}

.program_writer {
    display: inline-block;
    width: 100%;
    color: #999;
    font-size: 12px;
}

.program_link {
    margin: auto 0;
    font-size: 24px;
}

.program_link a {
    text-decoration: none;
}

/* 機種情報用テーブル */
.basic {
    border-collapse: collapse;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    font-size: 16px;
    line-height: 1em;
}

.basic td {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    padding: 8px 4px 6px 4px;
    background-color: #fff;
    text-align: right;
    vertical-align: middle;
}

.basic th {
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 4px 4px 4px;
    font-weight: bold;
    background-color: #000;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}

/* テーブルセル（td.center系） */
td.center {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e0e0;
    padding: 6px 4px 4px 4px;
    font-size: 14px;
}

td.center0 {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e0e0;
    font-size: 16px;
    padding: 6px 4px 4px 4px;
}

td.center1 {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e0e0;
    font-size: 13px;
    padding: 6px 4px 4px 4px;
}

td.center2 {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e0e0;
    font-size: 12px;
    padding: 6px 4px 4px 4px;
}

td.center3 {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e0e0;
    font-size: 11px;
    padding: 6px 4px 4px 4px;
}

td.center_align {
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    font-size: 16px;
    padding: 6px 4px 4px 4px;
}

td.center_blue {
    text-align: center;
    vertical-align: middle;
    background-color: #add8e6;
    font-size: 14px;
    padding: 6px 4px 4px 4px;
}

td.center_orange {
    text-align: center;
    vertical-align: middle;
    background-color: #fc6;
    font-size: 14px;
    padding: 6px 4px 4px 4px;
}

td.center_red {
    text-align: center;
    vertical-align: middle;
    background-color: #f9f;
    font-size: 14px;
    padding: 6px 4px 4px 4px;
}

td.center_purple {
    text-align: center;
    vertical-align: middle;
    background-color: #e0e;
    font-size: 14px;
    padding: 6px 4px 4px 4px;
}

td.center_green {
    text-align: center;
    vertical-align: middle;
    background-color: #9add32;
    font-size: 14px;
    padding: 6px 4px 4px 4px;
}

/* 筐体画像 */
.kyoutai {
    float: left;
    width: 40%;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
}

/* クリアフィックス */
.clearfix {
    clear: both;
}

/* コピーライト */
.copyright {
    color: #808080;
    font-size: 10px;
    line-height: 1.2em;
}

/* メニューリスト2（コンパクト） */
ul.menu_list2 li {
    margin-top: 2px;
}

ul.menu_list2 li a {
    display: block;
    padding: 6px 20px 6px 10px;
    overflow: hidden;
}

/* メニューリスト3（標準） */
ul.menu_list3 li {
    margin-top: 2px;
}

ul.menu_list3 li a {
    display: block;
    padding: 10px 20px 10px 10px;
    overflow: hidden;
}

/* #header（ページ内ヘッダー） */
#header {
    border: 1px solid #000;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    background: linear-gradient(to bottom, #333, #5a5a5a);
    box-sizing: border-box;
}

#header2 {
    border: 1px solid #000;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    background: linear-gradient(to bottom, #333, #5a5a5a);
    box-sizing: border-box;
}

/* コンテンツ領域 */
.cont {
    text-align: left;
    font-size: 120%;
}

.cont a {
    font-size: 120%;
}

.cont2 {
    text-align: center;
}

.cont2 > h1 {
    margin-bottom: 20px;
}

/* ==============================================
   導入日情報（/vpage/799）
   ============================================== */

/* 導入日リスト */
div.list {
    background-color: #ffffff;
    margin-top: 0;
}

div.list ul.list {
    width: 100%;
    border-radius: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

div.list ul.list li {
    background-color: #ffffff;
    font-size: 0.9em;
    color: #000;
    padding: 5px;
    border-bottom: 1px solid #939393;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.list ul.list li:first-child {
    background: #000;
    border: none;
    padding: 5px 0 5px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8rem;
    overflow: hidden;
}

div.list ul.list li:last-child {
    border-bottom: none;
}

div.list:nth-last-of-type(1) ul.list li:last-child {
    border-bottom: 1px solid #ccc;
}

div.list ul.list li span.maker {
    font-size: 14px;
    font-weight: normal;
    color: #ff8800;
    margin-left: 34px;
}

div.list ul.list li a {
    text-decoration: none;
}

span.slo,
span.pachi {
    display: inline-block;
    width: 14px;
    margin: 0 10px 3px 5px;
    padding: 3px 3px 2px;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 1.2;
    text-align: center;
    border: none;
    border-radius: 0;
    text-shadow: none;
    vertical-align: top;
}

span.pachi {
    background: #f93e3e;
}

span.slo {
    background: #36b818;
}

div.list ul.list li a span.pachi + span,
div.list ul.list li a span.slo + span {
    display: inline-block;
    color: #000000;
    width: 79.75%;
    font-weight: bold;
    text-decoration: underline;
    vertical-align: top;
}

/* 注釈テキスト（※順不同〜等） */
.boxArea + br + div > span {
    font-size: 10px;
    color: #909090;
}

/* 注釈テキスト（※導入日やメーカー名は〜等） */
div.list + span {
    font-size: 10px;
    color: #606060;
}

.loadArea {
    margin: 0;
    padding: 0;
}

/* PC向けレイアウト調整 */
@media (min-width: 835px) {
    .hs--2026__content {
        background-color: #fff;
    }

    ul.kikaku_list li a {
        padding: 10px 15px;
    }

    .machineImg img,
    #cont1 li a .machineImg img {
        height: 60px;
    }
}