@media (max-width: 767px) {
        
    * {
        box-sizing: border-box;
    }
        
    html body {
        background: none;
    }
        
    
    html .header {
        width: 100%;
    }
    html .header img {
        width: 100%;
        height: auto;
    }
            
    html .header .back .logoh {
        width: 100%;
    }
            
    html .header #navi_bar {
        width: 100%;
        height: auto;
        padding: 6px 0;
        text-align: center;
        background-position: center bottom;
        background-color: #ffffff;
    }
    
    
    html #main_com {
        width: 100%;
    }

    html #main_com .breadcrumbs {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 0.768rem;
    }

    html #main_com aside {
        display: none;
    }

    html #main_com .container_12 > #content {
        width: 100% !important;
    }
    html #main_com .marathon {
        padding-right: 10px;
        padding-left: 10px;
    }
    html #main_com .marathon img {
        width: 100%;
        height: auto;
    }
    html #main_com .marathon h2 .subtitle {
        display: table;
        margin-top: 10px;
    }
    html #main_com .marathon table {
        font-size: 0.768rem;
    }
    html #main_com .marathon table th, html #main_com .marathon table td {
        padding: 5px;
    }
    html #main_com .marathon table th {
        white-space: nowrap;
    }
    html #main_com .marathon .marker_backgorund {
        font-size: 1.152rem;
    }
    html #main_com .marathon .marker_backgorund span {
        font-size: 1.536rem;
    }
    html #main_com .marathon .subimage {
        flex-direction: column;
        align-items: center;
    }
    html #main_com .marathon .subimage img {
        max-width: 270px;
        min-width: auto;
        margin: 5px;
    }
    html #main_com .marathon .model_course_container {
        overflow-x: auto;
        position: relative;
        -webkit-text-size-adjust: 100%;
    }
    html #main_com .marathon .model_course_container .model_course {
        white-space: nowrap;
    }
    html #main_com .marathon .dlarea dd {
        border-left: none;
        padding: 0;
    }
    html #main_com .marathon .dlarea dd img[alt="shiningworld"] {
        width: 200px;
    }
    html #main_com .marathon .dlarea dd img[alt="shiningtour"] {
        width: 168px;
    }
    html #main_com .marathon a.btn {
        font-size: 1.024rem;
        margin-bottom: 4rem;
    }

    
    html #main_com .tourform {
        padding: 10px;
    }
    html #main_com .tourform form h2 {
        background: none;
        height: auto;
        position: relative;
        z-index: 1;
    }
    html #main_com .tourform form h2::before {
        content: '';
        background: #ffccff;
        width: 100%;
        height: 1em;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
    }
    html #main_com .tourform form table tbody tr th, html #main_com .tourform form table tbody tr td {
        display: block;
        width: 100% !important;
    }
    html #main_com .tourform form input[type="text"] {
        width: 70%;
        margin: 5px;
        font-size: 16px;
    }
    html #main_com .tourform form textarea {
        width: calc(100% - 10px);
        font-size: 16px;
    }
    html #main_com .tourform form .mwform-zip-field input[type="text"] {
        width: auto;
    }
    html #main_com .tourform form .furikomi_box {
        font-size: 0.8rem;
        margin-right: 0;
        margin-left: 0;
    }
    html #main_com .tourform form .submit_btn input {
        color: #000000;
        -webkit-appearance: none;
    }
    html #main_com .tourform form .error {
        margin: 0 5px;
    }

    html #main_com #footer {
        width: 100%;
        background: #4a7fd3 url('../img/footer.gif') no-repeat left bottom -17.5px !important;
        background-size: 125% !important;
    }
        
    
    html .grid_13 {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
       
    html .container_12, html .grid_12, html .grid_11, html .grid_10, html .grid_8, html .grid_7, html .grid_6, html .grid_5, html .grid_4, html .grid_3, html .grid_2, html .grid_1, html article, html section, html .post {
        float: none !important;
    }
}