@charset "UTF-8";

body{

width:100%;



}

/*----------------------------------------------------------------------------------firefox fade対策----------*/



img, x:-moz-any-link, x:default {
box-shadow: #000 0 0 0;
}

/*------------------------------------------------------------------------------------------------------------header----------*/



section {
	padding:20px 0;
	}

.sectiontitle {
	margin:0 0 20px 0px;
	}

.margin-10 {margin-bottom:10px;}
.margin-20 {margin-bottom:20px;}
.margin-30 {margin-bottom:30px;}
.margin-40 {margin-bottom:40px;}
.margin-50 {margin-bottom:50px;}
.margin-60 {margin-bottom:60px;}
.margin-70 {margin-bottom:70px;}
.margin-80 {margin-bottom:80px;}
.margin-90 {margin-bottom:90px;}
.margin-100 {margin-bottom:100px;}

.topspace-10 {margin-top:10px;}
.topspace-20 {margin-top:20px;}
.topspace-30 {margin-top:30px;}
.topspace-40 {margin-top:40px;}
.topspace-50 {margin-top:50px;}
.topspace-60 {margin-top:60px;}
.topspace-70 {margin-top:70px;}
.topspace-80 {margin-top:80px;}
.topspace-90 {margin-top:90px;}
.topspace-100 {margin-top:100px;}

.center{text-align:center;}



h1 {
margin: 0;
padding: 0;
font-size: 1px;
font-weight: normal;
}

h1 span{
	display:none;
	height: 1px;
	text-indent: -9999px;
}




h3 {
	font-size:160%;
	font-weight:700;
	margin:20px 0 20px 0;
	
	}
	
p {margin:0px 0 20px 0;}







.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px〜991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px〜1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}





/* ブーツトラップ8等分 */
.col-xs-1-8, .col-sm-1-8, .col-md-1-8, .col-lg-1-8,
.col-xs-2-8, .col-sm-2-8, .col-md-2-8, .col-lg-2-8,
.col-xs-3-8, .col-sm-3-8, .col-md-3-8, .col-lg-3-8,
.col-xs-4-8, .col-sm-4-8, .col-md-4-8, .col-lg-4-8,
.col-xs-5-8, .col-sm-5-8, .col-md-5-8, .col-lg-5-8,
.col-xs-6-8, .col-sm-6-8, .col-md-6-8, .col-lg-6-8,
.col-xs-7-8, .col-sm-7-8, .col-md-7-8, .col-lg-7-8,
.col-xs-8-8, .col-sm-8-8, .col-md-8-8, .col-lg-8-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
/* スマホ（767px以下） */
.col-xs-1-8 {width: 12.5%;float: left;}
.col-xs-2-8 {width: 25%;float: left;}
.col-xs-3-8 {width: 37.5%;float: left;}
.col-xs-4-8 {width: 50%;float: left;}
.col-xs-5-8 {width: 62.5%;float: left;}
.col-xs-6-8 {width: 75%;float: left;}
.col-xs-7-8 {width: 87.5%;float: left;}
/* タブレット（768px〜991px） */
@media (min-width: 768px) {
.col-sm-1-8 {width: 12.5%;float: left;}
.col-sm-2-8 {width: 25%;float: left;}
.col-sm-3-8 {width: 37.5%;float: left;}
.col-sm-4-8 {width: 50%;float: left;}
.col-sm-5-8 {width: 62.5%;float: left;}
.col-sm-6-8 {width: 75%;float: left;}
.col-sm-7-8 {width: 87.5%;float: left;}
}
/* PC（992px〜1119px） */
@media (min-width: 992px) {
.col-md-1-8 {width: 12.5%;float: left;}
.col-md-2-8 {width: 25%;float: left;}
.col-md-3-8 {width: 37.5%;float: left;}
.col-md-4-8 {width: 50%;float: left;}
.col-md-5-8 {width: 62.5%;float: left;}
.col-md-6-8 {width: 75%;float: left;}
.col-md-7-8 {width: 87.5%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
.col-lg-1-8 {width: 12.5%;float: left;}
.col-lg-2-8 {width: 25%;float: left;}
.col-lg-3-8 {width: 37.5%;float: left;}
.col-lg-4-8 {width: 50%;float: left;}
.col-lg-5-8 {width: 62.5%;float: left;}
.col-lg-6-8 {width: 75%;float: left;}
.col-lg-7-8 {width: 87.5%;float: left;}
}




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

.headshadow{
	webkit-box-shadow: 0px 7px 8px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 7px 8px -3px rgba(0,0,0,0.3);
	box-shadow: 0px 7px 8px -3px rgba(0,0,0,0.3);
	}



.navbar {
	margin:0 0 0 0px;
	padding: 15px 0px 10px 35px;
	
	}


.logo{
	max-width:180px;
	z-index:1000;
	position:relative;
}

.logo a{
	
}

.logo img{
	max-height:85px;
}


.logo a{
	display:block;
}







.navbar-header {
	padding-bottom:5px;
	}

.navmenu {
	
	margin-top:12px;
	margin-left:15px;
	}
	


	
.navbar-nav > li {
	
}

.navbar-nav > li {
margin:0;
}


.navbar-default .navbar-nav>li>a {
color:#111;
	}

.navbar-nav > li a {
	font-size:14px;
	line-height:18px;
	padding:0 18px 0 0px;
	margin:0 0 4px 0;
	letter-spacing: 1px;
}


.nav > li.gmr {
	display:none;
	}
	
	


.menuright {float:right;}


@media only screen and (max-width: 767px) {
    .menuright {
		float: left;
		}
	
}
	
	
.menuright a {margin:0 0 0 15px;}




	
.navbar-default {
background-color: #fff;
border-color: #fff;
}



.bnrotodoke {
	width:220px;
	position:absolute;
	right:0px;
	top:0px;
	}


.opentime {font-size:11px;}





.undermenu {
	
	}




	


.headbtn {
	float:left;
	}
	
	





.undermenuinsta {
	float:left;
	margin-left:10px;
	}



.navbar-nav > li.spomenu {
display:none;
}



	


#menu li a {
	display:block;
	background:#fff;
	
	margin:0 0 0 8px;
	padding:0px 0px 0px 10px;
	color:#6a3933;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
	
	line-height:52px;
	
background:url(../images/bullet_brown.png) no-repeat 0 21px;
font-weight:bold;
font-size:100%;


	}

#menu li a:hover {
	color:#fff;
	background: url(../images/bullet_white.png) no-repeat 0 21px;
	}
	
	



#fbicon{
	text-align:center;
	height:70px;
	}

#fbicon img{
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	}
	



/*------------------------------------------------------------------------------------------------------------content----------*/

#mainindex {
	
	background:#fff;
	}
	
	
#main {
padding-top: 231px;
	margin:0px auto 0px auto;
	background:#fff;
	}
	
.container {
	
	}


#pagetitle{
	text-align:center;
	padding:30px 0 30px 0;
	position:fixed;
	background:#fff;
	width:100%;
	z-index: 1000;
	margin-top:146px;
	}
	


	

/*------------------------------------------------------------------------------------------------------------footer----------*/

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


/* フッター共通 */
.box{
float: left;
max-width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}



#footer{
	maargin:0;
	padding:0px 0 0 0;
background:#fff;

}

#footer a{
	
	text-decoration: none;
}

#footer .inner .box{
float: left;
max-width: 220px;
margin: 35px 0px 10px 0px;
line-height: 1.2;
font-size: 85% !important;
font-size: 80%;
background-color: #fff;

}

#footer .inner .box.last{
max-width: 330px;
}



#footer .inner{
overflow: hidden;
max-width: 1200px;
margin: 0 auto;
padding: 0px 0 0px 0;
text-align:center;
}

* html #footer .inner{height:1%;}

#footer #logo{
margin: 40px 0 0px 0px;
padding: 0 0px 0 0;
font-size: 85% !important;
font-size: 80%;
}

.address{
padding: 0px 0 0px 0;
font-size: 90%;
}



.copytxt{
	padding: 25px 0px;
	font-size: 80%;
}



.addleft {text-align:right;}

.addright {text-align:left;}


.footermenu {
	background:#000;
	padding:5px 0;
	font-size:90%;
	text-align:center;
	}

.footermenu li{
	display:inline-block;
	margin:0 10px;
	}

.footermenu a {
	color:#fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	}




/*
Back to top button 
*/

#pagetop {
    padding-bottom: 50px;
}

#pagetop .inner {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 0px auto;
}



#pagetop p {
    width: 90px;
}

#pagetop p a {
	position: absolute;
	bottom: 0;
	right: 20px;
	z-index: 10;
	display: block;
	width: 90px;
	height: 30px;
	padding-top: 9px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #000;
	text-decoration: none;
	transition: 0.25s all cubic-bezier(0.215, 0.61, 0.355, 1);
	letter-spacing: 2px;
}

#pagetop p a:after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    display: block;
    background: url("../images/pagetop.png") 0 100% no-repeat;
    width: 10px;
    height: 32px;
    transition: 0.25s all cubic-bezier(0.215, 0.61, 0.355, 1);
}



#pagetop p a:hover:after{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    content: '';
                    display: block;
                    background: url("../images/pagetop_ov.png") 0 100% no-repeat;
                    width: 10px;
                    height: 52px;
                    margin-right: auto ;
                }