/*使用するカラー*/
.color_main{
    color: rgb(255,255,255);
}

.color_sub1{
    color: rgb(176,146,87);
}

.color_sub2{
    background: linear-gradient(left, rgb(220,184,126), rgb(212,176,126), rgb(179,128,3),rgb(219,182,128),rgb(224,211,187));
}

.bgcolor_main{
    background-color: rgb(0,75,50);
}

.bgcolor_sub{
    background-color: rgb(64,34,15);
}
/*ここまで使用するカラー*/

/*Googleサワラビfont使用*/
body{
    font-family: "Sawarabi Mincho",serif;
}

#header{
    display: none;
}




/*ここからモバイル版ナビゲーション装飾*/
#navi_mobile {
    
}

#navi_mobile a{
    color: rgb(176,146,87);
    font-size: 20px;
}

#navi_mobile .navbar-default{
    color: rgb(176,146,87);
    background-color: rgb(0,75,50);
}

.navbar-default .navbar-toggle{
    background-color: rgb(176,146,87);
    border-style:none;
}



.navbar-default .navbar-toggle .icon-bar{
    background-color: rgb(255,255,255);
}

#navi_mobile .navbar{
    border-bottom-style: none;
}

#navi_mobile ul li a{
    color: rgb(176,146,87);
    font-size: 16px;
    border-bottom: rgb(176,146,87) solid 1px;
}

#navi_mobile .tel{
    color: rgb(255,255,255);
    font-size: 14px;
    padding-bottom: 50px;
}
/*ここからモバイル版ナビゲーション装飾*/

#navi_pc{
    display: none;
}


#main_image{
    margin-top: 80px;
}

/*ここからメイン画像装飾*/
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 0;
}

.jumbotron{
    height: 130px;
    margin-bottom:10px;
}
/*ここまでメイン画像装飾*/


/*ここからfooter*/
#footer{
    margin-top: 20px;
}

#footer ul{
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}

#footer .glyphicon-play-circle{
    margin-right: 5px;
}

#footer ul li{
    margin: 5px 0 5px 0;
}

#footer ul li a{
    color: rgb(176,146,87);
}

#footer p{
    margin-top: 10px;
    margin-bottom: 10px;
}

#footer small{
    color: rgb(176,146,87);
    font-size: 18px;
}

/*ここまでfooter*/



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

    
    /*ここからモバイル版ナビゲーション装飾*/
    #navi_mobile {

    }

    #navi_mobile a{
        color: rgb(176,146,87);
        font-size: 20px;
    }

    #navi_mobile .navbar-default{
        color: rgb(176,146,87);
        background-color: rgb(0,75,50);
    }

    .navbar-default .navbar-toggle{
        background-color: rgb(176,146,87);
        border-style:none;
    }



    .navbar-default .navbar-toggle .icon-bar{
        background-color: rgb(255,255,255);
    }

    #navi_mobile .navbar{
        border-bottom-style: none;
    }

    #navi_mobile ul{
        margin-top: 15px;
    }
    
    #navi_mobile ul li{
        border-left: rgb(176,146,87) solid 2px;
    }
    
    #navi_mobile ul li:last-child{
        border-right: rgb(176,146,87) solid 2px;
    }
    
        #navi_mobile ul li a{
        color: rgb(176,146,87);
        font-size: 16px;
        border-bottom-style: none;
        padding-top: 0;
        padding-bottom:0; 
    }
    


    /*ここからモバイル版ナビゲーション装飾*/
    
    
    
    /*ここからメイン画像装飾*/
    .jumbotron{
        height: 280px;
        margin-bottom:30px;
    }
    /*ここまでメイン画像装飾*/
    
    /*ここからfooter*/
    #footer{
        
    }

    #footer ul{
        overflow: hidden;
    }

    #footer .glyphicon-play-circle{
        
    }

    #footer ul li{
        width: 30%;
        float: left;
    }
    
    #footer ul li:first-child{
        margin-left: 10%;
    }
    
    #footer ul li:nth-child(4){
        margin-left: 10%;
    }

    #footer ul li a{
        
    }

    #footer p{
        text-align: center;
    }

    #footer small{
        
    }

    /*ここまでfooter*/
    

}

@media screen and (min-width:1200px){
    /*ここからheader装飾*/
    #header{
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    #header_left{
        
    }
    
    #header_left h1{
        margin-top: 10px;
    }
    
    #header_right{
        overflow: hidden;
    }
    
    #header_right_logo{
        float:right;
    }
    
    #header_right_text{
        float: right;
        margin-left: 17px;
        color: rgb(255,255,255);
        font-size: 16px;
    }
    
    /*ここまでheader装飾*/
    
    
    #navi_mobile{
        display: none;
    }
    

    /*ここからPC版ナビゲーション*/

    #navi_pc{
        display: block;
        height: 50px;
        border-bottom: rgb(176,146,87) solid 5px;
    }

    #navi_pc ul{
        overflow: hidden;
        list-style-type: none;
        padding: 0;
    }

    #navi_pc ul li{
        float: left;
        width: 20%;
        text-align: center;
        border-left: rgb(176,146,87) solid 2px;
    }
    
    #navi_pc ul li:last-child{
        border-right: rgb(176,146,87) solid 2px;
    }

    #navi_pc ul li a{
        color: rgb(176,146,87);
        font-size: 18px;
        display: block;
        line-height: 2em;
     
    }

    /*ここまでPC版ナビゲーション*/
    
    
    #main_image{
        margin-top: 0;
    }
    
    /*ここからメイン画像装飾*/
    .jumbotron{
        height: 416px;
    }
    /*ここまでメイン画像装飾*/
    

    /*ここからfooter*/
    #footer{
        margin-top: 80px;
    }

    #footer ul{
        overflow: hidden;
    }

    #footer .glyphicon-play-circle{
        
    }

    #footer ul li{
        width: 20%;
        text-align: center;
        float: left;
    }
    
    #footer ul li:first-child{
        margin-left: 0;
        width: 18%;
    }

    #footer ul li:nth-child(2){
        width:22%;
    }
    
    #footer ul li:nth-child(4){
        margin-left: 0;
    }

    #footer ul li a{
        
    }

    #footer p{
        text-align: center;
        margin-top: 20px;
    }

    #footer small{
        font-size: 36px;
        
    }

    /*ここまでfooter*/
    
    
    
    

}