@charset "UTF-8";

@media screen and (min-width: 769px) {

/* ==========================================================================
   Size settings
   ========================================================================== */
    body{
        background:#e4e4e4;
    }
    .container{
        background:#e4e4e4;
        padding:20px 0px 10px 30px;
        display:inline-block;
    }

/* ==========================================================================
   Top Header
   ========================================================================== */
    
    .site-header.top{
        background:url(../images/bg-pc-header.png) left top repeat-x;
        display:table;
        padding:20px 0 0 0;
        height:100px;
        width:100%;
        position:relative;
    }
    .site-header .logo{
        line-height:0;
        margin:0;
        padding:0 0 17px 30px;
    }
    .site-header .logo span{
        font-size:64px;
        color:#000;
    }
    .site-header .lang-navi ul{
        list-style:none;
        padding:0;
        margin:0;
        position:absolute;
        right:30px;
        top:10px;
    }
    .site-header .lang-navi ul li{
        display:inline;
    }
    .site-header .lang-navi ul li a{
        border:1px solid #fff;
        color:#fff;
        font-size:12px;
        display:inline-block;
        text-decoration:none;
        padding:3px 15px;
    }
    .site-header .lang-navi ul li a.active{
        background:#fff;
        color:#5185c5;
    }
    .sp-menu-button{
        display:none;
    }

/* ==========================================================================
   Top Global navi
   ========================================================================== */
    .site-header.top .global-navi{
        display:table;
        background:#fff;
        margin:-1px 0 0 0;
        width:100%;
        position:relative;
    }
    .site-header.top .global-navi ul{
        display:inline-block;
        list-style:none;
        margin:0;
        padding:0 0 0 30px;
    }
    .site-header .global-navi ul li{
        display:inline-block;
        padding:0 35px 0 0;
    }
    .site-header .global-navi ul li a{
        color:#221815;
        display:inline-block;
        line-height:1;
        text-decoration:none;
        padding:13px 0 10px 0;
        border-bottom:2px solid #fff;
    }
    .site-header .global-navi ul li a.active{
        border-bottom:2px solid #5185c5;
    }
    .site-header .global-navi .inquiry{
        background:#929292;
        color:#fff;
        display:inline-block;
        position:absolute;
        right:0;
        top:0;
        margin:0;
    }
    .site-header .global-navi .inquiry a{
        display:block;
        padding:9px 30px 8px 15px;
        color:#fff;
        text-decoration:none;
        line-height:1;
    }
    .site-header .global-navi .inquiry p{
        margin:0;
        padding:0;
        position:relative;
    }
    .site-header .global-navi .inquiry p:before{
        content: " ";
        position: absolute;
        top: -8px;
        left: -35px;
        width: 0;
        height: 0;
        border-bottom:40px solid #929292;
        border-left:20px solid #fff;
    }
    .site-header .global-navi .inquiry span{
        font-size:24px;
        margin-right:6px;
        vertical-align:middle;
    }

/* ==========================================================================
   Second Header
   ========================================================================== */
    
    .page .site-header{
        background:url(../images/bg-pc-header.png) left top repeat-x;
        width:100%;
    }
    .page .site-header-top{
        display:table;
        width:940px;
        margin:0 auto;
        position:relative;
    }
    .page .site-header-top .logo{
        padding:20px 0 17px 0;
    }
    .page .site-header-top .lang-navi ul{
        right:0;
    }
    .site-header-bottom{
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #929292 50%, #929292 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#929292), color-stop(100%,#929292)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#929292 50%,#929292 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#929292 50%,#929292 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#929292 50%,#929292 100%); /* IE10+ */
        background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#929292 50%,#929292 100%); /* W3C */
        width:100%;
        -webkit-box-shadow:0px 4px 3px -3px rgba(0, 0, 0, 0.15);
        -moz-box-shadow:0px 4px 3px -3px rgba(0, 0, 0, 0.15);
        box-shadow:0px 4px 3px -3px rgba(0, 0, 0, 0.15);
    }
    .site-header-bottom{
        background:url(../images/bg-gnavi.png) center top repeat-y;
    }
    .page .site-header .global-navi{
        display:table;
        background:#fff;
        margin:-1px auto 0 auto;
        width:940px;
        position:relative;
    }
    .page .site-header .global-navi ul{
        display:inline-block;
        list-style:none;
        margin:0;
        padding:0;
    }
    .page .site-header .global-navi .inquiry a{
        padding:9px 0px 8px 15px;
    }
    .site-header-bottom.fixed{
        position:fixed;
        top:0;
        z-index:1000;
    }

/* ==========================================================================
   Footer
   ========================================================================== */
    .site-footer{
        background:#fff;
        width:100%;
    }
    .site-footer .inner{
        display:inline-block;
        padding:10px 30px;
        width:94.666%;
    }
    .page .site-footer .inner{
        display:block;
        padding:10px;
        width:940px;
    }
    .footer-navi{
        float:left;
        width:60%;
    }
    .footer-navi ul{
        list-style:none;
        padding:10px 0;
        margin:0;
    }
    .footer-navi ul li{
        display:inline;
        margin:0;
        padding:0 15px 0 0;
    }
    .footer-navi ul li a{
        color:#231815;
        font-size:11px;
        text-decoration:none;
    }
    .site-footer address{
        float:right;
        width:40%;
        font-size:11px;
        font-style:normal;
        text-align:right;
        padding:15px 0 0 0;
    }

/* ==========================================================================
   Top icatch
   ========================================================================== */
    .icatch{
        width:610px;
    }
    .icatch .mainimage{
        margin:0 0 10px 0;
    }
    .icatch .mainimage img{
        width:100%;
    }

/* ==========================================================================
   News
   ========================================================================== */
    .news{
        margin:0;
    }
    .news .inner .scroll-pane{
        width:590px;
        height:147px;
        overflow:auto;
    }
    .news h1 a{
        font-size:12px;
    }
    .news .inner ul li{
        font-size:12px;
    }

/* ==========================================================================
   Route Navi
   ========================================================================== */
    .route-navi .inner{
        display:block;
        width:300px;
        height:210px;
        position:relative;
    }
    .route-navi .inner .image{
        top:0;
        left:0;
    }
    .route-navi .inner .image img{
        width:100%;
    }
    .route-navi .inner .title{
        position:absolute;
        bottom:10px;
        left:0;
    }
    .route-navi .inner .title h2{
        color:#fff;
        line-height:1.3;
        font-size:16px;
        font-weight:normal;
        margin:0;
        padding:0;
        text-align:center;
        width:300px;
    }
    .route-navi .inner .title h2 span{
        display:block;
    }
    .route-navi .inner h2 span[class^="icon-"], .route-navi .inner h2 span[class*=" icon-"]{
        display:none;
    }
    .page-navi .inner{
        background:#fff;
        display:block;
        text-decoration:none;
        color:#231815;
        width:300px;
        height:210px;
    }
    .page-navi .inner .title h2{
        margin:0;
        padding:0;
        font-size:16px;
        font-weight:normal;
        margin:0;
        padding:10px 0;
        text-align:center;
    }
    .page-navi .inner .image img{
        width:100%;
    }
    .item{
        margin:0 10px 10px 0;
        float:left;
    }

/* ==========================================================================
   Index Navi
   ========================================================================== */
    
    .indexes{
        width:660px;
    }
    .index-navi{
        width:300px;
        margin:0 30px 25px 0;
    }
    .index-navi p{
        min-height:5em;
    }
    .index-navi.min-h219{
        min-height: 219px;
    }

/* ==========================================================================
   Second local navi
   ========================================================================== */
    .page .wide-contents .left h3{
        display:none;
    }
    .page .wide-contents .left .local-navi ul{
        list-style:none;
        padding:0;
        margin:0;
        width:960px;
    }
    .page .wide-contents .left .local-navi li.active{
        display:none;
    }
    .page .wide-contents .left .local-navi li a{
        background: #fff;
        color:#231815;
        display:inline-block;
        font-size:18px;
        font-weight:normal;
        float:left;
        line-height:1.4;
        padding:23px 15px;
        text-decoration:none;
        -webkit-font-smoothing: subpixel-antialiased;
        -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
        transition: border .25s linear, color .25s linear, background-color .25s linear;
        margin:0 20px 20px 0;
        width:270px;
        position:relative;
    }
    .page .wide-contents .left .local-navi li a .icon-marker{
        color:#696969;
        position:absolute;
        top:26px;
        right:20px;
    }
    .page .wide-contents .left .local-navi li.banner a{
        background:none;
        padding:0;
        width:300px;
    }
    .page .wide-contents .left .local-navi li.banner a img{
        width:100%;
    }
    .page .wide-contents .left .local-navi li .add-text{
        display:none;
    }
    .page .wide-contents .left p{
        margin:0 0 20px 0;
    }
    

/* ==========================================================================
   Second size setings
   ========================================================================== */
    .page .inner{
        width:940px;
        margin:0 auto;
    }
    .page .container{
        display:block;
        padding:0 0 30px 0;
    }
    .page .contents{
        display:inline-block;
        width:940px;
    }
    .page .contents .left{
        width:260px;
        float:left;
    }
    .page .contents .right{
        width:630px;
        float:right;
    }
    .page .contents .button-wrap .column-left{
        width:300px;
        padding-right:30px;
    }
    .page .wide-contents .button-wrap .column-left{
        width:455px;
        padding-right:30px;
    }
    .page .contents .button-wrap .column-right{
        width:300px;
    }
    .page .wide-contents .button-wrap .column-right{
        width:455px;
    }
    .page .contents .button-wrap .button{
        text-align:left;
        width:248px;
        display: table-cell;
    }
    .page .wide-contents .button-wrap .button{
        text-align:left;
        width:403px;
        position:relative;
    }
    .page .wide-contents .button-wrap .button [class^="icon-"],
    .page .wide-contents .button-wrap .button [class*=" icon-"]{
        font-size:26px;
        position:absolute;
        top:29px;
        right:20px;
    }
    .page .wide-contents .button-wrap.small .button [class^="icon-"],
    .page .wide-contents .button-wrap.small .button [class*=" icon-"]{
        font-size:18px;
        position:absolute;
        top:20px;
        right:20px;
    }
    .travel-ic{
        padding:6px 0 0 0;
        width:160px;
    }

/* ==========================================================================
   Form
   ========================================================================== */

    .form-group dt{
        font-size:14px;
        padding:20px 0 ;
        position:absolute;
        display:table;
        width:200px;
    }
    .form-group dd{
        font-size:14px;
        border-bottom:1px dashed #bfbfbf;
        padding:10px 0 10px 200px;
        margin:0;
    }
    .confirm-group dt{
        font-size:14px;
        padding:10px 0 ;
        position:absolute;
        display:table;
        width:200px;
    }
    .confirm-group dd{
        font-size:14px;
        border-bottom:1px dashed #bfbfbf;
        padding:10px 0 10px 200px;
        margin:0;
    }


/* ==========================================================================
   Pagetop navi
   ========================================================================== */
    .page-top{
        background:#e4e4e4;
        padding:0;
        width:100%;
        text-align:right;
    }
    .page-top p{
        margin:0 auto;
        width:1050px;
    }
    .page-top a{
        background:#231815;
        text-decoration:none;
        color:#fff;
        padding:8px 14px;
        text-align:center;
        display:inline-block;
    }
    .page-top a:hover {
        text-decoration:none;
        background:#33221e;
    }

}