@charset "UTF-8";

/* 個別のボックス */
.ct_box {
    display: inline-block;
    position: fixed;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.7);
    margin: 0;
    padding: 0;
    border: #09FED2 solid 1px;
    font-size: 75%;
    visibility: hidden;

    -webkit-box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
    box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
}
.ct_box a {
    color: #ffffff;
}
.ct_box h1 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.2em 0.5em;
    margin: 0;
    text-transform:uppercase;
    border-bottom: #09FED2 solid 1px;
    border-left: #09FED2 solid 0.5em;
    background-color: rgba(0, 0, 0, 0.5);
}

/* セクション */
.ct_section {
    margin: 3em 3em 0 3em;
    padding: 0;
    position: relative;
    z-index: 2;

    text-shadow:
                 0.08em 0 0 black, 0 0.08em 0 black,
                 -0.08em 0 0 black, 0 -0.08em 0 black,
                 0.08em 0.08em 0 black, -0.08em 0.08em 0 black,
                 0.08em -0.08em 0 black, -0.08em -0.08em 0 black;
}
.ct_section h2 {
    margin: 0;
    padding: 0;
    background: url('../img/titleBack.png') no-repeat;
    background-size: auto 2em;
    background-position: center -0.2em;
}
.ct_section h2 img{
    width: auto;
    max-width: 100%;
    height: 2em;
    margin: 0;
    padding: 0;
}
.ct_section h3 {
    display: inline;
    margin: 0;
    padding: 0.2em 0.5em;
    font-weight: bold;
    font-size: 120%;
    border-left: 0.5em solid #09FED2;
    border-right: 0.5em solid #09FED2;
}

/* 詳細スペック */
#ct_spec #spec {
    width: 30em;
    max-width: 100%;
    margin: 0 auto;
}
#ct_spec ul {
    display: block;
    text-align: left;
    width: 30em;
    max-width: 100%;
    margin: 1em auto;
}

/* リンクアイコン */
.ct_link_icon {
    background-image: url('../img/link.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 2em;
}

/* imgアイコンを右下に配置 */
.ct_icon_rb {
    width: auto;
    max-width: 100%;
    height: 3.5em;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* サムネイル表示ありの画像を配置 */
.ct_img_thumb {
    display: inline-block;
    border: #09FED2 solid 1px;
    margin: 0.5em;
    padding: 1px;
    position: relative;
    font-size: 75%;

    -webkit-box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
    box-shadow: 0.4em 0.4em 0.4em rgba(0, 0, 0, 0.5);
}

/* リンクのhoverの下線なし */
.ct_a_hover_none {
}

/* リンク時にページ内スクロール */
.ct_a_scroll {
}

/* SNSシェア機能 */
.ct_link_share {
}

@media screen and (min-width: 1200px) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1080px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-device-width: 1080px), only screen and (-o-min-device-pixel-ratio: 1.5 / 1) and (max-device-width: 1080px), only screen and (min-resolution: 144dpi) and (max-device-width: 1080px), only screen and (min-resolution: 1.5dppx) and (max-device-width: 1080px) {
    .ct_section {
        margin: 3em 0.5em 0 0.5em;
    }
    #ct_spec #spec {
        width: 100%;
    }
    #ct_spec ul {
        width: 100%;
    }
}

@media screen and (max-width: 580px) {
    .ct_section {
        margin: 3em 0.5em 0 0.5em;
    }
    #ct_spec #spec {
        width: 100%;
    }
    #ct_spec ul {
        width: 100%;
    }
}