/* css document */

body { 
    font-size:1.26em;
}

header { 
    margin-bottom: 20px; 
}

header #inner { 
    width: calc(100% - 20px);
    max-width:1080px; 
    margin: 6px auto;
}

header h1.col img { width:100%; max-width:300px; }

header .header-tel-before {
    font-size:0.45em;
    color: #333;
}

header .header-tel-after {
    font-size:0.6em;
    margin-top:5px;
}

footer .footer-cont {
    width: calc(100% - 20px);
    max-width:1080px; 
    margin: 0 auto; 
    padding: 30px 20px;
}

div#footer-nav nav { 
    line-height:100%;
    padding: 10px 0;
    margin:0 auto;
    color: #fff;
}

div#footer-nav nav a{
    color: #fff;
}

div#footer-nav nav li {
    width:16.4%;
    width:20%;
    font-size:0.8em;
    text-align: center;
    float:left;
}
div#footer-nav nav li.separate {
    width:3%;
    padding-right:5px;
    padding-left:5px;
}

footer .companyname-box { font-size:1.15em; margin-bottom:10px; }
footer #copyright-box { padding: 5px; font-size:0.84em; text-align: center; }

/* MAIN FRAME */
/*
#main { 
    //width: calc(100% - 20px);
    //max-width:1080px;
    //margin: 0 10px;
}
#main .row { //margin-bottom:10px; }*/

section { 
    margin: 0 auto 20px;
}

section.box {
    margin: 0 auto 20px;
    max-width: 1080px;
}

.box {
    margin: 0 auto 20px;
    max-width: 1080px;
}

h2 { 
    font-size:1.7em; 
    font-weight: bold; 
    text-align: center; 
    margin-bottom:20px;
}
h2.content { 
    font-weight:bold; 
    font-size: 1.3em;
    padding: 8px;
    color: #333;
}

h3.enkaku{
    color: #f56e23;
    font-style: italic;
    font-size: 1.5rem;
    margin: 0 10px 20px 10px;
}

h3 { font-size:1.23em; font-weight: bold; text-align: center; }
.col img {
    margin: 0 auto; 
    width:100%;
    display: block; 
}
.fullimg img { 
    width:100%; 
    max-width:945px; 
}
.col.sub-cont img { 
    width:100%;
}

.index-slide img{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding: 120px 10px;
}

/* responsive */
/* PC */
@media ( min-width : 769px ) {  
    .qr-code-box { text-align:center; background-color:#ccc; font-size:1em; }
    header .header-copy-box { text-align:left; }
    nav#main-nav { 
        display: block;
        width: 100%;
        max-width:1080px; 
        margin: 0 auto; 
    }
    .navbg{
        background: #fff;
        padding: 10px 0;

    }
    
    
    
    nav#main-nav ul li.separate {
        display:none;
    }

    nav#smapho-nav { display: none; }
    #index-slide { 
        height:450px;
        max-width:1080px;margin: 0 auto;
        }
    .header-tel-box { text-align: right; margin-top:10px; font-size: 1.8em; }
    
    .index-slide img{
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
        padding: 150px 10px;
    }
    
    .slideBg{
        background-image: url(../img/slide/bg.jpg);
        background-size: cover;
        background-position: center bottom;
        padding-bottom: 20px;
        /* box-shadow */
        -webkit-box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.3) inset;
        box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.3) inset;
    }
    
    h2.content {  
        font-size: 1.6em; 
    }
    
    section { 
        margin: 0 auto 50px;
    }
    
    #main .row { margin-bottom:10px; }
}

nav#smapho-nav { display: none; }
.slicknav_menu {
    display:none;
}

.slicknav_nav li.separate { display: none; }


@media ( max-width : 768px ) {
    /* tablet・smartphone */
    .qr-code-box { display:none; }
    nav#main-nav { display: none; }
    div#footer-nav { display: none; }
    /*#index-slide { height:200px; } */
    .header-copy-box, h1 { text-align: center; }
    .header-tel-box { text-align: center; margin-top:0; font-size: 2em; }
    #smenu { display:none; }
    .slicknav_menu { display:block; }
    footer .companyname-box, footer address { 
        text-align: center;
        color: #fff;
    }
    .col.sub-cont img { float:left; width:50%; margin:0 1.66666666%; }
    header h1.col img { 
        width:100%; 
        max-width:250px; }
}

@media ( max-width : 480px ) {
    /* smart phone */
    #index-slide { height:180px; }
}

#page-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    cursor: pointer;
}