@charset "utf-8";

/* ===========================================================
style info :スマートフォン対応 index用から転用
=========================================================== */

@media screen and (max-width: 768px) {
    
    .m-t-sp60{
        margin-top: 60px;
    }
    
    .m-b-sp30{
        margin-bottom: 30px;
    }

    header section,
    main,
    #top,
    nav,
    nav ul,
    #container,
    #slide,
    #carousel,
    #push,
    #left,
    #right-side,
    footer .innner,
    #visual,
    #visual div:first-child,
    #visual-half div:first-child,
    #subPage div:first-child {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }


    /*メニュー部分*/
    #nav_sp {
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        font-size: 24px;
    }

    h1 {
        padding-left: 10px;
    }

    header nav, {
        display: none;
        /*position: absolute;
        top: 60px;
        left: 0;*/
        width: 100%;
        height: auto;
    }

    header nav ul {
        display: block;
        height: auto;
    }

    header nav ul li {
        display: block;
        color: #FFF;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        border-bottom: #555555 solid 1px;
    }

    nav ul li a:link,
    nav ul li a:visited {
        text-align: center;
    }


    /*全体*/
    main {
        padding-bottom: 0;
    }

    #pamphlet > ul,
    h2 span,
    .flex, .flexbox{
        display: block;
    }

    body {
        background: #f5f4f0;
    }

    header ul {
        display: none;
    }

    .tours > div {
        float: none;
        width: auto;
        padding: 10px 10px 10px 100px;
        margin: 10px;
        position: relative;
        background: #FFF;
    }

    .tours > div:nth-of-type(2n+1) {
        margin: 10px;
    }
    
    .tours a{
        font-size: 12px;
    font-weight: bold;}

    aside {
        display: none;
    }

    /*footer*/
    footer h1 {
        text-align: center;
    }

    footer .fb {
        display: none;
    }

    footer .right {
        width: auto;
        margin-left: 0;
        min-height: none;
    }

    footer .gnav,
    footer .sub {
        display: none;
    }

    #logos {
        display: none;
    }

    footer .flex {
        text-align: center;
    }

    footer .flex p.btnL a {
        margin: 0;
    }

    footer .flex p.btnL {
        width: 220px;
        margin: 0 auto 20px;
    }

    footer .flex .f-s {
        width: auto;
        padding: 0 10px;
    }

    footer .innner {
        padding: 30px 0;
    }

    footer .right {
        min-height: initial;
        min-height: auto;
    }
    
    .f-s {
        font-size: 10px;
    }

    .f-m {
        font-size: 12px;
    }

    .f-l {
        font-size: 16px;
    }

    /*モーダル*/
    #modal-blank {
        width: 320px;
        position: fixed;
        top: 5px;
        z-index: 9999;
        left: calc(50% - 160px);
        border-radius: 20px;
    }

    #modal-blank hr {
        margin: 10px 0;
    }

    #modal-blank p {
        margin: 10px 10px 0;
        font-size: 11px;
    }

    #modal-blank p.f-s {
        font-size: 10px;
        padding-bottom: 10px;
    }

    #modal-blank span.f-s {
        font-size: 10px;
    }

    #modal-blank .f-l {
        font-weight: bold;
        font-size: 16px;
    }


/* ===========================================================
style info :#visual用設定
=========================================================== */
    #container {
        display: block;
        padding: 0 15px;
    }

    #visual {
        background: url('../img/visual01.jpg') center;
        height: auto;
        padding: 0;
        margin: 0 0 15px 0;
        background-size: cover;
    }

    #visual div:first-child,
    #visual-half div:first-child,
    #subPage div:first-child {
        margin: 0 auto;
        background: rgba(0, 0, 0, 0.3);
        padding: 30px 20px;
        font-size: 15px;
        color: #FFFFFF;
    }
    
    #visual ul{
        display: none;
    }

    #visual h2,
    #visual-half h2 {
        font-size: 30px;
        padding-bottom: 10px;
        font-weight: normal;
    }

    #visual-half + div{
        margin-top: 20px;
    }

    main {
        width: auto;
        padding-bottom: 60px;
        display: block;
    }

    main h3 {
        margin-bottom: 15px;
    }

    main h3 + p {
        margin: 0;
        font-weight: bold;
    }
    
    main h5 {
        background: #dcdcdc;
        padding: 0 10px;
        height: auto;
        font-size: 16px;
        margin-top: 15px;
    }
    
    #subPage {
        height:auto;
        padding: 30px 0 30px 0;
        margin-bottom: 30px;
        line-height: 1.4;
    }
    
    #subPage h2{
        font-size: 24px;
    }
    
    main h3:before {
        content:'';
    }
    
    main h3{
        height:auto;
        padding: 13px 0 12px 5px;
        line-height: 1.4;
    }


}