@charset "utf-8";

#agent .ContentsBox-h4 h2 {
    background: url(/include/contents/htdocs/images/top_ico_cir.gif) no-repeat left center;
    padding-left: 19px;
}

#agent .ContentsBox-h4 h3.point {
    background: url(/include/contents/htdocs/images/top_ico_rec.gif) no-repeat left 2px;
    padding-left: 19px;
}

@media screen and (min-width: 501px){
    .pcdn {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    img {
        width: 100%;
        height: auto;
    }

    .fs14 {
        font-size: 14px;
        line-height: 1.5;
    }

    .spacing30 {
        margin-bottom: 10px;
    }

    .spacing50 {
        margin-bottom: 30px;
    }

    #Wrapper {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
    }

    #Breadcrumbs {
        background: none;
        padding-left: 0;
    }

    #Breadcrumbs > .pcdn > * {
        display: inline-block;
    }

    .spdn {
        display: none;
    }

    .sp-pankuzu {
        width: 100%;
        overflow: hidden;
        padding: 0 0 2px;
        border-bottom: 1px solid #d5e3ea;
    }

    .sp-pankuzu a {
        font-size: 11px;
        background: #f2f2f2 url("/include/contents/htdocs/img/new/bg_breadcrumbs.png") no-repeat right center;
        padding: 3px 15px 0 8px;
        text-decoration: none;
        height: 18px;
        margin: 0 5px 5px 0;
        white-space: nowrap;
        color: #707070;
    }

    .sp-pankuzu span {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #agent .ContentsBox-h2 .LeftBox {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .ContentsBox .tittxt {
        padding: 5px 0 0 0;
        margin-top: 15px;
        font-size: 16px;
    }

    #agent .ContentsBox-h4 .SeatBox {
        margin-left: 0;
    }

    /* ------------------------------
       /seat01〜02/index.html
    ------------------------------- */


    /* ------------------------------
       /mensetu01〜04/index.html
    ------------------------------- */

    #agent .ContentsBox-h4 .InterBox {
        margin-left: 0;
    }

    #agent .ContentsBox-h4 .InterLeft {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    #agent .ContentsBox-h4 .InterRight {
        width: 55%;
        float: none;
        margin-top: 15px;
    }

    /* ------------------------------
       /step01〜04/index.html
    ------------------------------- */

    #agent .ContentsBox-h2 h2.hidetxt {
        text-indent: 0;
    }

    #agent .ContentsBox-h2 h2.step01,
    #agent .ContentsBox-h2 h2.step02,
    #agent .ContentsBox-h2 h2.step03,
    #agent .ContentsBox-h2 h2.step04,
    #agent .ContentsBox-h2 h2.step05 {
        width: 100%;
        height: auto;
        background: none;
        font-family: serif;
        font-size: 16px;
        color: #776750;
    }

    #agent .ContentsBox-h2 h2.step01,
    #agent .ContentsBox-h2 h2.step05 {
        font-size: 20px;
    }

    h2.hidetxt .block {
        display: block;
        line-height: 1.5;
    }

    table.step {
        width: 100%;
    }

    table.step thead td {
        padding: 5px;
        width: 50%;
    }

    table.step tbody td {
        padding: 5px;
        width: 50%;
    }

    table.step tbody td ul li {
        padding: 0;
    }

    table.spacing10 {
        margin-bottom: 20px;
    }

    table.step04 {
        width: 100%;
    }

    table.step04 th {
        padding: 5px;
        width: 30%;
    }

    table.step04 td {
        padding: 5px;
    }

    #agent .ContentsBox-h4 dl {
        width: 100%;
        margin-top: 10px;
    }

    #agent .ContentsBox-h4 dl dt {
        width: 100%;
        float: none;
        padding: 0;
    }

    #agent .ContentsBox-h4 dl dd+dt {
        margin-top: 10px;
    }

    #agent .ContentsBox-h4 dl dd {
        width: 100%;
        padding: 0;
        margin-top: 5px;
        margin-left: 0;
    }

    dl.spacing10 {
        margin-bottom: 20px;
    }

    ul.StepBox {
        width: 100%;
        box-sizing: border-box;
    }

    ul.StepBox li {
        padding-left: 0;
    }

    ul.spacing10 {
        margin-bottom: 20px;
    }

    /* ------------------------------
       共通ボックスレイアウト
    ------------------------------- */

    #agent .PageLink {
        margin: 25px 0 25px 0;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    #agent .PageLink .PageLink-top {
        background: none;
    }

    #agent .PageLink .PageLink-btm {
        background: none;
    }

    #agent .PageLink .PageLink-in p.back,
    #agent .PageLink .PageLink-in p.next {
        width: 50%;
        box-sizing: border-box;
        font-size: 11px;
    }

    #agent .PageLink .PageLink-in p.next {
        text-align: right;
    }

    #agent .PointLink {
        border: 1px solid #ccc;
        border-radius: 5px;
        background: none;
    }

    #agent .PointLink .PointLink-top {
        background: none;
    }

    #agent .PointLink .PointLink-btm {
        background: none;
    }

    #agent .PointLink .PointLink-in ul.point li.point01,
    #agent .PointLink .PointLink-in ul.point li.point02,
    #agent .PointLink .PointLink-in ul.point li.point03 {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    #agent .PointLink .PointLink-in ul.point li+li {
        margin-top: 10px;
    }

    li .spacing10 {
        margin-bottom: 5px;
    }

    li.point01 .fs12,
    li.point02 .fs12,
    li.point03 .fs12 {
        margin-top: 10px;
    }
}