@charset "utf-8";
/* CSS Document */

/****** 大枠 ******/
.information {
    padding: 3% 0;
    display: block; /* ←ON：block  OFF：none ★インフォメーション★  */
}
.information iframe {
    width: 100%;
    height: 50px; /* ← PCの高さ変更 */
/*    margin: 1% auto 2%;*/
    display: block;
    border: 1px solid #ccc;
    padding: 1%;
    box-sizing: border-box;
    background: #f1f1f1;
}

@media screen and (max-width: 480px){
.information {
    margin: 10% auto;
}
.information iframe {
    width: 95%;
    margin: 0 auto;
    height: 55px; /* ← スマホの高さ変更 */
}
}


/****** info/index ******/
#InfoArea p.title {
    font-size: 12px;
    font-weight: 900;
    border-bottom: 1px solid #ccc;
    padding: 0 0 1%;
    margin-top: 0;
}
#InfoArea p.text {
    font-size: 11px;
    margin-bottom: 0;
    height: 5em; /* ←ここのサイズを変更する */
    overflow-y: scroll;
    padding: 0 2% 0 0;
}

@media screen and (max-width: 480px){

#InfoArea p.text {
    overflow: auto;
/*    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    height: 350px;*/
}
#InfoArea p.text::-webkit-scrollbar {
    background: #ccc;
    width: 10px;
}
#InfoArea p.text::-webkit-scrollbar-thumb {
    background:#aaa;
}

#InfoArea p.text {
    height: 5em;
}
}


/****** SP大枠 ******/
.sp_information iframe#SPInfoArea {
    position: absolute;
    top: 12.1rem;
    left: 0;
    width: 100%;
    z-index: 5;
    height: 30rem;
}


/****** info/index-sp ******/
#InfoArea p.sp_info {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
/*    -webkit-overflow-scrolling: touch;*/
    padding: .5% 0;
    font-size: .7em;
transform: translateZ(0);
position: relative;
}
#InfoArea p.sp_info b {
    margin: 0 2% 0;
}