@charset "UTF-8";


/*--------------------------------
ヘッダー
--------------------------------*/

header{
    max-width:1100px;
    margin: 0 auto;
    padding-top:10px;
}


.head-tel{
    color:#2f81f1;
    font-size:2.2rem;
    font-weight: bold;
    margin-left:10px;
}

.bt-head-contact a:link,.bt-head-contact a:visited,.bt-head-contact a:hover{
    color:#fff;
    font-size:1.2rem;
    text-decoration: none;
}


.head-nav li{
    font-size:1.2rem;
    float:right;
}

.head-nav li img{
    margin-left:4px;
}

header a:link,header a:visited,header a:hover{
    text-decoration: none;
}

.head-tel .tel-link img {
  width: 20px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}
.head-tel .tel-link:hover {
  color: #2f81f1;
}
.head-tel .tel-link:hover img {
  opacity: 1;
}

/*--------------------------------
見出し
--------------------------------*/

h2{
    font-size:2.0rem;
}




/*--------------------------------
ナビゲーション
--------------------------------*/

#global-nav{
    text-align: center;
    background: url(../img/header/bg-nav.gif);
    /* box-shadow */
    box-shadow:0px 10px 4px 0px #666666;
    -moz-box-shadow:0px 10px 4px 0px #666666;
    -webkit-box-shadow:0px 10px 4px 0px #666666;
}

#global-nav ul{
    background: url(../img/header/bg-nav.gif);
    max-width: 1100px;
    margin: 0 auto;
    padding:4px 0;
}

#global-nav li{
    float:left;
    width: calc(100% / 6);
    width:-webkit-calc(100% / 6);
    border-left:1px solid #fff;
    margin:1em 0;
    color:#fff;
    font-size:1.2rem;
}

#global-nav li:last-child{
    border-right:1px solid #fff;
}

#global-nav a{
    text-decoration: none;
    color:#fff;
}

.page #global-nav{
    margin-bottom:20px;
}

/*-------　グローバルナビゲーション　-------*/


#g-nav {
	margin: 0 auto 1em;
    border-top:1px solid #604c3f;
    border-bottom:1px solid #604c3f;
    padding:1em 0;
}

#g-nav ul{
    display: table;
    width:100%;
    margin: 0 auto;
}

#g-nav a{
    text-decoration:none;
    color:#604c3f;
}

#g-nav a:link,#g-nav a:visited, #g-nav a:hover{
    color:#604c3f;
}

#g-nav li{
    text-align:center;
    border-left:1px solid #999;
    display : table-cell;
    vertical-align: top;
    text-align:center;
    width:16.6%; 
    line-height: 1.2;
}

#g-nav li:last-child{
    border-right:1px solid #604c3f;
}


/*--------------------------------
フッター
--------------------------------*/

footer{
    padding-bottom:20px;
}

#foot-in{
    max-width: 960px;
    margin: 0 auto;
}


#foot-nav{   
    background: url(../img/header/bg-nav.gif);
    margin-bottom:20px;
    padding:6px 0;
}

#foot-nav ul{
    display: table;
    max-width: 960px;
    margin:0 auto;
    color:#fff;    
}

#foot-nav ul li{
    border-left:1px solid #fff;
}

#foot-nav ul li:last-child{
    border-right:1px solid #fff;
}

#foot-nav ul li a{
    color:#fff;
}


#foot-nav li{
    display:table-cell;
    padding:10px 20px;
    text-align:center;
    vertical-align: middle;
    border-left:1px dotted #999;
    line-height: 1.2;
}

#foot-nav li:last-child{
    border-right:1px dotted #999;
}

#foot-nav li a{
    text-decoration: none;
    color:#444;
    font-size:1.3rem;
}

#foot-info{
    text-align: right;
    font-size:1.3rem;
}

/* スマホの時の設定 */

@media (max-width:480px){
    
    #foot-nav{
        display: none;
    }
    
    #foot-info{
        text-align: center;
    }
    
    #group-logo{
        text-align: center;
    }
    
}






.copyright{
    font-size:1.2rem;
    text-align: center;
}




/*
====================================
480px以下設定
====================================
*/


/*--------------------------------
ヘッダー
--------------------------------*/





/*--------------------------------
ナビ
--------------------------------*/

.slicknav_menu {
	display:none;
}





/*--------------------------------
見出し
--------------------------------*/


/*--------------------------------
フッター
--------------------------------*/








/*======================================================
PC向けおよび大型タブレット向けのレイアウトの指定：481px～768px
======================================================*/

@media screen and (min-width: 480px) {
    
/* ナビ */


    
    
}


/*======================================================
PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px
======================================================*/

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

/* ヘッダー */
    
#head-logo{
    text-align: left;
    }
    
#head-info{
    text-align: right;
}

.bt-go-area01{
    text-align: right;
}
    
.bt-go-area02{
    text-align:left;    
}


    
}