﻿h1 {
    text-align: center;
    font-size: 3.2rem;
    margin: 20px 0;
}

h2 {
    background-color: darkslategrey;
    color: white;
    font-size: 2.4rem;
    line-height: 1.8;
    margin: 20px 0;
    padding-left: 10px;
}

h3 {
    font-size: 1.8rem;
    padding-left: 20px;
}

p {
    font-size: 1.6rem;
    padding-left: 20px;
}

ul {
    list-style-type: none;
}

.positivegreen {
    color: limegreen;
}

.negativered {
    color: red;
}

/* パンくずリスト */
#breadcrumblist {
    list-style-type: none;
    background-color: aliceblue;
    font-size: 1.2rem;
    padding-left: 10px;
    border-bottom: 1px solid #ccc;
}

    #breadcrumblist li {
        display: inline;
    }

        #breadcrumblist li:after {
            content: ' >';
        }

        #breadcrumblist li:last-child:after {
            content: none;
        }
/* パンくずリスト */

.gameimage {
    width: 100%;
    margin-bottom: 20px;
}

/* 文章中の画像 */
.miniicon {
    display: inline-block;
    vertical-align: text-top;
    width: 2rem; /* フォントサイズ対応 */
}

.speakerbox {
    margin-bottom: 60px;
}

.speaker {
    float: left;
    padding: 0 1.4rem 2.8rem; /* bottomが大きいとh2に干渉 */
}

.speakerbox p {
    padding-top: 15px;
    padding-right: 15px;
}

/* table */
table {
    background-color: aliceblue;
    text-align: center;
    margin: 20px;
    border-collapse: collapse;
    border: 2px solid #acd;
}

caption {
    font-size: 1.8rem;
}

table p {
    margin: 10px;
    padding: 0;
}

td img {
    display: block;
    margin: 0 auto;
}

.tdoneline {
    white-space: nowrap;
}

.rowcolorchange tr:nth-child(4n+1),
.rowcolorchange tr:nth-child(4n+2) {
    background-color: white;
}
/* table */

/* ボタン */
#buttonbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background: url("image/background_2.jpg");
    padding: 5px 0;
}

.buttonleader a {
    display: block;
    overflow: hidden;
    height: 32px;
    margin: 5px 0;
    border: 2px solid #DDB;
    border-radius: 8px;
}

    .buttonleader a:hover img {
        margin-top: -32px;
    }
/* ボタン */

/* iframe */
.inlinetable1,
.inlinetable2 {
    width: 100%;
    min-height: 80.5rem;
}

.inlinetable2 {
    height: 97.5rem;
}
/* iframe */

/* お問い合わせフォーム */
form {
    font-size: 1.6rem;
}

#mailform,
#mailform dl dt {
    padding: 1rem;
}

.mailformbutton {
    text-align: center;
}
/* お問い合わせフォーム */

#adbox0 {
    display: flex;
    width: 100%;
}

.adresponsive1,
.adresponsive2 {
    width: 336px; /* レクタングル(大)(336×280) */
    height: 280px;
}

#prevnext {
    flex: 1;
    font-size: 2rem;
    text-align: center;
    margin: 4rem auto;
    padding: 0;
}

/* レスポンシブ (タブレット) */
@media screen and (max-width: 960px) {
    #container {
        border: none;
    }

    #adbox0 {
        display: block; /* flex解除 */
    }

    .adresponsive1,
    #prevnext,
    .adresponsive2 {
        margin-left: auto;
        margin-right: auto;
    }
}

/* レスポンシブ (スマホ・7インチタブ) */
@media screen and (max-width: 640px) {
    .adbanner {
        height: auto;
    }

    h2, h3 {
        font-size: 1.8rem;
        padding-left: 5px;
    }

    p {
        font-size: 1.4rem;
        padding-left: 10px;
    }

    .speaker {
        float: none;
        display: block;
        width: 48px;
        height: 48px;
        margin: 0 auto;
        padding: 10px 0;
    }

    .speakerbox p {
        padding: 0 10px;
    }

    .miniicon {
        width: 1.6rem;
    }

    table {
        margin: 0;
    }
}

/* レスポンシブ (iPhone6) */
@media screen and (max-width: 375px) {
    .adresponsive1,
    .adresponsive2 {
        width: 100%;
        height: auto;
    }

    table p {
        margin: 0;
        padding: 0 0.5rem;
    }

    #mailform dl dd {
        margin: 0;
    }
}

/* その他 */
.marginzero,
.marginzero td p {
    margin: 0;
}

.notcjk {
    word-break: break-all; /* CJKでない文章を強制改行 */
}