/*--------------------------------------------------*/
/*見習い探偵*/
/*--------------------------------------------------*/
/*基本レイアウト*/
/*--------------------------------------------------*/
#beginner {
    max-width: 968px;
    width: 100%;
    background: transparent;
    margin: 0 auto;
    padding: 20px 0 0;
    border: none;
    box-sizing: border-box;
}

#beginner img {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
}

#beginner p.read {
  padding-bottom: 8px;
}




/*--------------------------------------------------*/
/*メインビジュアル*/
.playguide {
    margin-bottom: 32px;
}

/*--------------------------------------------------*/
/*基本レイアウト背景（茶色）*/
#beginner .guideBG {
    background: rgb(53, 29, 19);
    background: linear-gradient(120deg, rgba(54, 30, 19, 1) 0%, rgba(93, 49, 29, 1) 100%);
}

/*--------------------------------------------------*/
/*クリックで開くコンテンツ*/
/*--------------------------------------------------*/
#beginner .inner {
    /*初期は非表示*/
    display: none;
    position: relative;
    background: rgb(53, 29, 19);
    background: linear-gradient(120deg, rgba(54, 30, 19, 1) 0%, rgba(93, 49, 29, 1) 100%);
    margin-top: -32px;
    padding: 44px 32px 32px;
    z-index: 1;
}

/*用語集は背景グレー*/
#beginner .inner.key0BG {
    background: #575757;
    background: linear-gradient(-30deg, rgba(87, 87, 87, 1) 0%, rgba(43, 43, 43, 1) 50%, rgba(36, 36, 36, 1) 100%);
    z-index: 1;
}

/*要素の最後だけ余白を変更*/
#beginner .inner.ex {
    margin-top: -32px;
    padding: 64px 32px 20px;

}

/*--------------------------------------------------*/
/*各セクション*/
/*--------------------------------------------------*/
.h3 { 
    display: inline-block;
    position: relative;
    padding: 24px 32px 20px 36px;
    font-size: 28px;
    line-height: 1.2;
    color: #35131d;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
}

.h3::before {
        content: '';
        position: absolute;
        width: 30px;
        height: 41px;
        background: url(../_image/beginner/icon_newer.png) no-repeat left top/100% auto;
        top: 20px;
        left: 0;
}
.h3.keyer::before {
        content: '';
        position: absolute;
        width: 25px;
        height: 40px;
        background: url(../_image/beginner/icon_keyer.png) no-repeat left top/100% auto;
        top: 20px;
        left: 0;
}

/*--------------------------------------------------*/
/*見出し*/
/*--------------------------------------------------*/
#beginner .guideTtl {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 140px;
    background: url(../_image/beginner/guideTtlBG.png) no-repeat left top/auto 100%;
    margin: -12px auto 0;
    padding: 0 0 0 120px;
    font-size: 28px;
    line-height: 1.2;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    z-index: 2;
}

/*見出し下の隙間削除*/
#beginner .guideTtl.last {
    height: 120px;
    background: url(../_image/beginner/guideTtlBG.png) no-repeat left top/auto 140px;

}

/*見出グレー*/
#beginner .guideTtl.key0 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 120px;
    background: url(../_image/beginner/guideTtlBG2.png) no-repeat left top/100% auto;
    margin: -12px auto 0;
    padding: 0 0 0 120px;
    font-size: 28px;
    line-height: 1.2;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    z-index: 2;
}

/*--------------------------------------------------*/
/*オンマウスでカーソルをポインターに変更*/
#beginner .guideTtl:hover {
    cursor: pointer;
}

/*--------------------------------------------------*/
/*文字の位置調整*/
#beginner .guideTtl i {
    display: inline-block;
    padding-bottom: 20px;
    font-style: normal;
}

/*文字の位置調整（用語集）*/
#beginner .guideTtl.last i,
#beginner .guideTtl.key0 i {
    padding-bottom: 0px;

}



/*--------------------------------------------------*/
/*アコーディオン内の設定*/
/*--------------------------------------------------*/
.keyList li {
    position: relative;
    width: 100%;
    background-image: url(../_image/beginner/guide_article_iconBG.png), url(../_image/beginner/guide_articleBG.png);
    background-repeat: no-repeat, repeat;
    background-position: top 20px right -40px, left top;
    background-size: 295px 447px, 100% auto;
    margin: 0 auto 24px;
    padding: 30px 0;
    text-align: center;
}

/*--------------------------------------------------*/
/*カラムボックス基本*/
/*--------------------------------------------------*/
/*不透明846px*/
#beginner .column {
    position: relative;
    width: 846px;
    background: url(../_image/beginner/guide_txtBox_cnt.png) repeat left top/100% auto;
    margin: 14px auto;
    padding: 8px 24px;
    text-align: center;
}

#beginner .column::before {
    content: '';
    position: absolute;
    width: 846px;
    height: 16px;
    background: url(../_image/beginner/guide_txtBox_top.png) no-repeat left top/100% auto;
    top: -14px;
    left: 0;
}

#beginner .column::after {
    content: '';
    position: absolute;
    width: 846px;
    height: 16px;
    background: url(../_image/beginner/guide_txtBox_btm.png) no-repeat left top/100% auto;
    bottom: -14px;
    left: 0;
}

/*--------------------------------------------------*/
/*カラム4：遊び方*/

.keyList.guide_key4 li {
    position: relative;
    padding: 40px 12px 40px 0;
}

/*--------------------------------------------------*/
/*リボンの見出し*/
.keyList.guide_key4 li strong {
    display: block;
    width: 340px;
    height: 56px;
    background: url(../_image/beginner/guideTtl2.svg)no-repeat right top/auto 100%;
    margin: 0 0 20px;
    padding: 8px 0 0 28px;
    font-size: 20px;
    line-height: 1.6;
    color: #FFF;
    text-align: left;
}

/*--------------------------------------------------*/
/*テキスト*/
.keyList.guide_key4 li p {
    position: relative;
    padding: 0;
    font-size: 15px;
    line-height: 1.6;
}

/*リード分*/
.keyList.guide_key4 li p.read {
    width: 768px;
    margin: 0 auto;
    padding: 0 0 16px;
    text-align: left;
}

/*リード分2*/
p.read2 {
    width: 768px;
    margin: 0 auto;

    padding: 16px 0 12px 56px;
    text-align: left;
}

/*勝利条件*/
.keyList.guide_key4 li p.victory {
    font-size: 18px;
    line-height: 1.6;
    color: #5d311d;
}

/*コナン画像*/
.keyList.guide_key4 li .guide_conan {
    position: absolute;
    bottom: 0;
    right: 28px;
    z-index: 5;
}

/*画像の下マージン*/
.keyList.guide_key4 li .ph {
    display: inline-block;
    padding: 0 0 12px;
}



/*--------------------------------------------------*/
/*プレイシートとカードの置き方*/
.keyList li .playseat {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 90%;
    margin: 24px auto 12px 
}

.keyList li .playseat li {
    width: 50%;
    background: none;
    margin: 0 auto 12px;
    padding: 0 0 8px 12px;
    color: #5d311d;
    text-align: left;
    border-bottom: 1px solid #c2a98d;
}

/*最後の下線を削除*/
.keyList li .playseat li:last-child {
    margin: 0;
    padding: 0 0 0 12px;
    border: none;
}

.keyList li .playseat li i {
    position: relative;
    display: block;
    margin-left: -4px;
    padding: 0 0 8px 28px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}

/*--------------------------------------------------*/
/*ターン進行表*/
/*--------------------------------------------------*/
/*見出し*/
.keyList li b {
    position: relative;
    display: flex;
    align-items: center;
    width: 766px;
    height: 53px;
    background: url(../_image/beginner/guideTtl3.png)no-repeat right top/auto 100%;
    margin: 0 auto;
    padding-left: 24px;
    font-size: 18px;
    line-height: 1.6;
    color: #FFF;
    text-align: left;
}

/*--------------------------------------------------*/
/*オートフェイズ進行表*/
.keyList li .turn {
    position: relative;
    display: block;
    margin: 0 -4px;
    padding-left: 28px;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
}

.keyList li .turn li {
    position: relative;
    display: block;
    width: 85%;
    background: none;
    margin: 0 auto 16px 72px;
    padding: 8px 16px;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    color: #5d311d;
    border: solid 2px #ac9485;
    border-radius: 3px;
}

/*--------------------------------------------------*/
/*2重線*/
.keyList li .turn li:after {
    content: "";
    border: solid 1px #cfaf9b;
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
}

/*下矢印*/
.keyList li .turn li::before {
    content: "";
    width: 18px;
    height: 9px;
    background: url(../_image/beginner/guide_arrow.svg)no-repeat left bottom;
    position: absolute;
    bottom: -13px;
    left: 12px;
    border: none;
}

/*--------------------------------------------------*/
/*最後の下マージンを削除*/
.keyList li .turn li:last-child {
    margin: 0 auto 4px 72px;
}

/*下矢印*/
.keyList li .turn li:last-child::before {
    display: none;
}

/*--------------------------------------------------*/
/*注意文言*/
.keyList.guide_key4 li p.cau {
    padding-left: 94px;
    font-size: 14px;
    text-align: left;
}

/*メインフェイズのブロック*/
.keyList li .turn i {
    display: inline-block;
    padding: 4px 8px;
    font-style: normal;
}

/*進行下矢印*/
.turnArrow {
    background: url(../_image/beginner/guide_arrow1.svg) no-repeat left 48px bottom 120px;
}

/*--------------------------------------------------*/
/*オートフェイズ・メインフェイズのレイアウト*/
.turnBox {
    padding-bottom: 24px;
}

/*リード分2*/
.keyList.guide_key4 li p.read2 {
    width: 768px;
    margin: 0 auto;

    padding: 16px 0 12px 56px;
    text-align: left;
}
/*--------------------------------------------------*/
/*番号*/
.keyList li .playseat li i::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(../_image/beginner/guide_icon_nun1.svg) no-repeat left top/100% auto;
    top: 0;
    padding: 0;
    left: 0;
}

.keyList li .playseat li:nth-of-type(1) i::before {
    background: url(../_image/beginner/guide_icon_nun1.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(2) i::before {
    background: url(../_image/beginner/guide_icon_nun2.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(3) i::before {
    background: url(../_image/beginner/guide_icon_nun3.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(4) i::before {
    background: url(../_image/beginner/guide_icon_nun4.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(5) i::before {
    background: url(../_image/beginner/guide_icon_nun5.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(6) i::before {
    background: url(../_image/beginner/guide_icon_nun6.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(7) i::before {
    background: url(../_image/beginner/guide_icon_nun7.svg) no-repeat left top/100% auto;
}

.keyList li .playseat li:nth-of-type(8) i::before {
    background: url(../_image/beginner/guide_icon_nun8.svg) no-repeat left top/100% auto;
}

/*--------------------------------------------------*/
/*動画*/
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*動画*/
.mov {
    width: 100%;
}

/*YOUTUBE*/
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    box-sizing: border-box;
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}




/*--------------------------------------------------*/
/*番号*/
#beginner .guideTtl::before {
    content: '';
    position: absolute;
    width: 62px;
    height: 90px;
    background: url(../_image/beginner/guideKEY1.png) no-repeat left top/100% auto;
    top: 14px;
    left: 56px;
}

/*--------------------------------------------------*/
/*KEY2-5番号*/
#beginner .guideTtl.key0::before {
    /* background: url(../_image/beginner/guideKEY0.png) no-repeat left top/100% auto;*/
    background: none;
}

/*KEY2-5番号*/
#beginner .guideTtl.key2::before {
    background: url(../_image/beginner/guideKEY2.png) no-repeat left top/100% auto;
}

/*KEY3*/
#beginner .guideTtl.key3::before {
    background: url(../_image/beginner/guideKEY3.png) no-repeat left top/100% auto;
}

/*KEY4*/
#beginner .guideTtl.key4::before {
    background: url(../_image/beginner/guideKEY4.png) no-repeat left top/100% auto;
}

/*KEY5*/
#beginner .guideTtl.key5::before {
    background: url(../_image/beginner/guideKEY5.png) no-repeat left top/100% auto;
}

/*KEY6*/
#beginner .guideTtl.key6::before {
    background: url(../_image/beginner/guideKEY6.png) no-repeat left top/100% auto;
}

/*KEY7*/
#beginner .guideTtl.key7::before {
    background: url(../_image/beginner/guideKEY7.png) no-repeat left top/100% auto;
}

/*--------------------------------------------------*/
/*鍵アイコン（クリックで+と-を入れ替え）*/
/*--------------------------------------------------*/
#beginner .guideTtl::after {
    content: '';
    position: absolute;
    width: 69px;
    height: 93px;
    background: url(../_image/beginner/guide_open.png) no-repeat left top/100% auto;
    top: 16px;
    right: 34px;
}

/*アコーディオンで開いた時に-アイコンに入れ替え*/
#beginner .guideTtl.open::after {
    background: url("../_image/beginner/guide_close.png") no-repeat left top/100% auto;
}

/*鍵アイコングレー*/
#beginner .guideTtl.key0::after {
    content: '';
    position: absolute;
    width: 69px;
    height: 93px;
    background: url(../_image/beginner/guide_open2.png) no-repeat left top/100% auto;
    top: 16px;
    right: 34px;
}

/*アコーディオンで開いた時に-アイコンに入れ替え*/
#beginner .guideTtl.key0.open::after {
    background: url("../_image/beginner/guide_close2.png") no-repeat left top/100% auto;
}

/*------------------------------------------------------------*/
/*-----------------------------------------------SP用ページ用設定*/
@media screen and (max-width: 667px) {
#beginner img {
    display: inline-block;
    max-width: 98%;
    margin: 0 auto;
}
    /*--------------------------------------------------*/
    /*基本レイアウト*/
    /*--------------------------------------------------*/
    /*見習い探偵*/
    #beginner {
        width: 100%;
        background: transparent;
        margin: 0 auto;
        padding: 10px 0 0;
        border: none;
        box-sizing: border-box;
    }

    /*--------------------------------------------------*/
    /*メインビジュアル*/
    .playguide {
        margin-bottom: 12px;
    }

    /*--------------------------------------------------*/
    /*クリックで開くコンテンツ*/
    /*--------------------------------------------------*/
    #beginner .inner {
        /*初期は非表示*/
        margin-top: -10px;
        padding: 14px 2% 16px;
    }


    /*要素の最後だけ余白を変更*/
    #beginner .inner.ex {
        margin-top: -10px;
        padding: 24px 2% 12px;

    }




    /*--------------------------------------------------*/
    /*各セクション*/
    /*--------------------------------------------------*/
    .h3 {
        padding: 24px 30px 20px;
        font-size: 20px;
        line-height: 1.2;
        color: #35131d;
        font-weight: bold;
        -webkit-font-smoothing: antialiased;
    }

.h3::before {
        content: '';
        position: absolute;
        width: 26px;
        height: 36px;
        background: url(../_image/beginner/icon_newer.png) no-repeat left top/100% auto;
        top: 18px;
        left: 0;
}
.h3.keyer::before {
        content: '';
        position: absolute;
        width: 26px;
        height: 36px;
        background: url(../_image/beginner/icon_keyer.png) no-repeat left top/100% auto;
        top: 15px;
        left: 0;
}


    /*--------------------------------------------------*/
    /*見出し*/
    /*--------------------------------------------------*/

    #beginner .guideTtl {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        /*height: 11vh;*/
        height: 92px;
        background: url(../_image/beginner/guideTtlBGSP.png) no-repeat left top/cover;
        margin: -12px auto 0;
        /*padding: 0 0 1.6vh 12%;*/
        padding: 0 0 12px 12%;
        font-size: 18px;
        line-height: 1.2;
        color: #FFF;
        font-weight: bold;
        text-align: left;
        z-index: 2;
    }

    /*見出し下の隙間削除*/
    #beginner .guideTtl.last {
        height: 80px;
        background: url(../_image/beginner/guideTtlBGSP.png) no-repeat left top/cover;

    }

    /*見出グレー*/
    #beginner .guideTtl.key0 {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        /*height: 11vh;*/
        height: 80px;
        background: url(../_image/beginner/guideTtlBG2SP.png) no-repeat left top/cover;
        margin: -12px auto 0;
        /*padding: 0 0 1.6vh 12%;*/
        padding: 0 0 12px 12%;
        font-size: 18px;
        line-height: 1.2;
        color: #FFF;
        font-weight: bold;
        text-align: left;
        z-index: 2;
    }

    /*--------------------------------------------------*/
    /*文字の位置調整*/
    #beginner .guideTtl i {
        display: inline-block;
        font-style: normal;
        padding: 0;
    }

    /*文字の位置調整（用語集）*/
    #beginner .guideTtl.last i,
    #beginner .guideTtl.key0 i {
        padding-top: 12px;

    }

    #beginner .guideTtl span {
        display: block;
        font-size: 13px;
        font-style: normal;
        padding-bottom: 4px;
        padding-right: 0;
    }



    /*--------------------------------------------------*/
    /*リストの基本*/
    /*--------------------------------------------------*/
    .keyList li {
        position: relative;
        width: 100%;
        background-image: url(../_image/beginner/guide_article_iconBG.png), url(../_image/beginner/guide_articleBG.png);
        background-repeat: no-repeat, repeat;
        background-position: top 20px right -40px, left top;
        background-size: 295px 447px, 100% auto;
        margin: 0 auto 24px;
        padding: 12px 0;
        text-align: center;
    }

    /*--------------------------------------------------*/
    /*カラムボックス基本*/
    /*--------------------------------------------------*/
    /*不透明846px*/
    #beginner .column {
        position: relative;
        width: 96%;
        background: url(../_image/beginner/guide_txtBoxSP_cnt.png) repeat left top/100% auto;
        margin: 14px auto;
        padding: 8px 5px;
        text-align: center;
    }

    #beginner .column::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 15px;
        background: url(../_image/beginner/guide_txtBoxSP_top.png) no-repeat left top/100% auto;
        top: -13px;
        left: 0;
    }

    #beginner .column::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 15px;
        background: url(../_image/beginner/guide_txtBoxSP_btm.png) no-repeat left top/100% auto;
        bottom: -13px;
        left: 0;
    }

      /*--------------------------------------------------*/
    /*カラム4：遊び方*/

    .keyList.guide_key4 li {
        position: relative;
        padding: 40px 0 40px 0;
    }

    /*--------------------------------------------------*/
    /*リボンの見出し*/
    .keyList.guide_key4 li strong {
        display: block;
        width: 90%;
        height: 46px;
        background: url(../_image/beginner/guideTtl2.svg)no-repeat right top/auto 100%;
        margin: 0 0 8px;
        padding: 8px 0 0 28px;
        font-size: 15px;
        line-height: 1.6;
        color: #FFF;
        text-align: left;
    }

    /*--------------------------------------------------*/
    /*テキスト*/
    .keyList.guide_key4 li p {
        position: relative;
        width: 100%;
        padding: 0;
        font-size: 14px;
        line-height: 1.6;
    }

    /*リード分*/
    .keyList.guide_key4 li p.read {
        width: 90%;
        padding: 0 0 16px;
        margin: 0 auto;
        text-align: left;
    }

    /*リード分2*/
    p.read2 {
        width: 90%;
        padding: 16px 0 12px 16px;
        margin: 0 auto;
        text-align: left;


    }

    /*勝利条件*/
    .keyList.guide_key4 li p.victory {
        font-size: 15px;
        line-height: 1.6;
        color: #5d311d;
    }

    /*コナン画像*/
    .keyList.guide_key4 li .guide_conan {
        position: absolute;
        bottom: 0;
        right: 28px;
        z-index: 5;
    }

    /*画像の下マージン*/
    .keyList.guide_key4 li .ph {
        display: inline-block;
        padding: 0 0 12px;
    }

     /*--------------------------------------------------*/
    /*プレイシートとカードの置き方*/
    .keyList li .playseat {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }

    .keyList li .playseat li {
        width: 100%;
        background: none;
        margin: 0 auto 12px;
        padding: 0 0 8px 12px;
        font-size: 14px;
        color: #5d311d;
        text-align: left;
        border-bottom: 1px solid #c2a98d;
    }

    /*最後の下線を削除*/
    /*.keyList li .playseat li:nth-last-child(-n+2) */
    .keyList li .playseat li:last-child {
        width: 100%;
        background: none;
        margin: 0 auto 12px;
        padding: 0 0 8px 12px;
        color: #5d311d;
        text-align: left;
        border-bottom: 1px solid #c2a98d;
    }

    /*最後の下線を削除*/
    .keyList li .playseat li:last-child {
        margin: 0 auto 0;
        padding: 0 0 0 12px;
        border: none;
    }


    .keyList li .playseat li i {
        position: relative;
        display: block;
        margin-left: -4px;
        padding: 0 0 8px 22px;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
    }
        /*見出し*/
    .keyList li b {
        position: relative;
        display: flex;
        align-items: center;
        width: 96%;
        height: 42px;
        background: url(../_image/beginner/guideTtl3.png)no-repeat cebter top/cover;
        margin: 0 auto;
        padding-left: 24px;
        font-size: 15px;
        line-height: 1.6;
        color: #FFF;
        text-align: left;
    }
     /*--------------------------------------------------*/
    /*オートフェイズ進行表*/
    .keyList li .turn {
        position: relative;
        display: block;
        margin: 0 -4px;
        padding-left: 0;
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
    }

    .keyList li .turn li {
        position: relative;
        display: block;
        width: 85%;
        background: none;
        margin: 0 auto 16px 36px;
        padding: 8px 16px;
        text-align: left;
        font-size: 13px;
        line-height: 1.6;
        color: #5d311d;
        border: solid 2px #ac9485;
        border-radius: 3px;
    }

    /*--------------------------------------------------*/
    /*2重線*/
    .keyList li .turn li:after {
        content: "";
        border: solid 1px #cfaf9b;
        position: absolute;
        top: 3px;
        left: 3px;
        width: calc(100% - 9px);
        height: calc(100% - 9px);
    }

    /*下矢印*/
    .keyList li .turn li::before {
        content: "";
        width: 18px;
        height: 9px;
        background: url(../_image/beginner/guide_arrow.svg)no-repeat left bottom;
        position: absolute;
        bottom: -13px;
        left: 12px;
        border: none;
    }

    /*--------------------------------------------------*/
    /*最後の下マージンを削除*/
    .keyList li .turn li:last-child {
        margin: 0 auto 4px 36px;
    }

    /*下矢印*/
    .keyList li .turn li:last-child::before {
        display: none;
    }

    /*--------------------------------------------------*/
    /*注意文言*/
    .keyList.guide_key4 li p.cau {
        width: 100%;
        padding: 4px 24px 0 36px;
        font-size: 13px;
        text-align: left;
    }

    /*メインフェイズのブロック*/
    .keyList li .turn i {
        display: inline-block;
        padding: 4px 8px;
        font-style: normal;
    }

    /*進行下矢印*/
    .turnArrow {
        background: url(../_image/beginner/guide_arrow1.svg) no-repeat left bottom 120px;
    }

    /*--------------------------------------------------*/
    /*オートフェイズ・メインフェイズのレイアウト*/
    .turnBox {
        padding-bottom: 24px;
    }

    /*--------------------------------------------------*/
    /*番号*/
    .keyList li .playseat li i::before {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        background: url(../_image/beginner/guide_icon_nun1.svg) no-repeat left top/100% auto;
        top: -1px;
        padding: 0;
        left: 0;
    }

    .keyList li .playseat li:nth-of-type(1) i::before {
        background: url(../_image/beginner/guide_icon_nun1.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(2) i::before {
        background: url(../_image/beginner/guide_icon_nun2.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(3) i::before {
        background: url(../_image/beginner/guide_icon_nun3.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(4) i::before {
        background: url(../_image/beginner/guide_icon_nun4.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(5) i::before {
        background: url(../_image/beginner/guide_icon_nun5.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(6) i::before {
        background: url(../_image/beginner/guide_icon_nun6.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(7) i::before {
        background: url(../_image/beginner/guide_icon_nun7.svg) no-repeat left top/100% auto;
    }

    .keyList li .playseat li:nth-of-type(8) i::before {
        background: url(../_image/beginner/guide_icon_nun8.svg) no-repeat left top/100% auto;
    }








p{
    width: 90%;
    margin: 0 auto 4px;
}

    .mov {
        width: 96%;
        margin: 0 auto;
    }

    /*--------------------------------------------------*/
    /*番号*/
    #beginner .guideTtl::before {
        content: '';
        position: absolute;
        width: 31px;
        height: 45px;
        top: 14px;
        left: 10px;
    }

    /*--------------------------------------------------*/
    /*鍵アイコン*/
    #beginner .guideTtl::after {
        content: '';
        position: absolute;
        width: 34px;
        height: 46px;
        top: 16px;
        right: 10px;
    }

    #beginner .guideTtl.key0::after {
        content: '';
        position: absolute;
        width: 34px;
        height: 46px;
        top: 16px;
        right: 10px;
    }





    /*-------------------------------------------------endSP*/
}