@charset "UTF-8";

/* ------------------------------------- */
/*	 Header
/* ------------------------------------- */

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


body {
  color:#E2C6A9;
  background-color: #5a2d0c;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1.6; /* 1.42857143 */
}

input,
button,
select,
textarea {
  color:#5a2d0c;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #cc0;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #ff8855;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}


h1{font-size:12px; line-height:16px; font-weight:normal; margin:5px 0px 10px 0px; padding:0px;}

#midashi {
max-width:100%;
	margin-left: auto;
	margin-right: auto;
}
.carousel-inner_head{ /* フルワイド化 */
max-width:1100px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	padding-top: 0px;
}

/*  logo
/*--------------------------------- */
.logo{ /* センタリング */

	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}




/*  nav
/*--------------------------------- */
@media screen and (min-width: 768px){  /* xsサイズでの崩れ防止 */
	.navbar {
		border-radius: 0;
	}

	.navbar-nav {
		float: none;
		width: 100%;
		margin: 10px auto;
	}

	.navbar-nav>li {
		text-align: center;
		float: left;
		padding-left:5px;
		padding-right:5px;
		border-right: 1px solid #A5744B;
		font-family: "Roboto Slab",serif;
	}
	.navbar-nav>li.first {
		border-left: 1px solid #A5744B;
	}

	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.navbar-nav>li>a:hover {
  -webkit-text-shadow: 0 0 12px #cccc00; /* Safari, Chrome用 */
  -moz-text-shadow: 0 0 12px #cccc00; /* Firefox用 */
  text-shadow: 0 0 12px #cccc00; /* CSS3 */
	}

	.navbar-default {
		background-color: #835B3B;
		border:none;
		border-bottom:2px solid #835B3B;
		border-bottom:0px none\9;
		background-image: url(../img/navi.png);
	}

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


/* navスタイリング */
@media screen and (max-width: 768px){
	.navbar-default {
		border-color: #7E7E7E;
	}

	.navbar-header {
		background-color: #600;
	}

	.navbar-default .navbar-toggle {
		border-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #fff;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover > .icon-bar,
	.navbar-default .navbar-toggle:focus > .icon-bar {
		background-color: #7E7E7E;
	}

	.navbar-default .navbar-brand {
		color: #FFF;
	}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
/*    background-color: #E2C6A9;*/
}

}

/*  nav
/*--------------------------------- */
.navbar {
	margin-bottom: 0; /* 追記 */
}
.navbar ul {
	margin-left: auto;
	margin-right: auto;
}


/*  subnav
/*--------------------------------- */
@media (min-width: 768px){
  .subnav ul {
    float: left;
    margin:0;
    padding:0;
  }
  .subnav li {
    float:left;
    margin:0px 26px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:12px;
    list-style-type: none;
  }
  .subnav li a {
    color:#E2C6A9;
  }
  .subnav li a:hover {
    color:#fff;
    text-decoration: none;
  }
  .subnav li span span {
    margin-left: 4px;
  }
}

@media (max-width: 768px){
  .subnav ul {
  display:inline-block
    margin:10px 0px 0px 0px;
    padding:10px 0px 0px 0px;
  }
  .subnav li {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:90%;
    list-style-type: none;
  }
  .subnav li a {
    color:#E2C6A9;
  }
  .subnav li a:hover {
    color:#fff;
    text-decoration: none;
  }
}

/*  carousel
/*--------------------------------- */
.carousel-inner img{ /* フルワイド化 */
	max-width:100%;
}



/* ------------------------------------- */
/*	 content
/* ------------------------------------- */
.title h2{
  color:#fff;
  margin:0px 0px 20px 0px;
  padding:0px 0px 2px 30px;
  font-size:20px;
  font-weight:bold;
  letter-spacing: 0.5em;
  font-family: 'Roboto Slab',serif;
  background-image: url(../img/title_bg.png);
  background-repeat:no-repeat;
}

.text-box{
	margin-bottom: 40px;
}

/*  panel-box
/*--------------------------------- */
.panel {
	margin-bottom: 20px;
	background-color: #D1D1D1;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.panel-body {
	text-align: center;
	height: 180px;
	padding-top: 90px;
	color: #888;
	font-size: 18px;
}

.panel-footer {
	text-align: center;
	padding: 18px 15px;
	background-color: #7E7E7E;
	border-top: none;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

@media (max-width: 767px){
	.panel{
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}


/*  button-box
/*--------------------------------- */
.button-box{
	text-align: center;
	padding: 60px 0;
	margin-top: 40px;
	background-color: #eee;
}

.button-box p{
	color: #888;
}

.btn {
	padding: 12px 80px;
}

.button-box .btn-default{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-color: #7E7E7E;
}



/* ------------------------------------- */
/*	  Footer
/* ------------------------------------- */
#footer{
	text-align: center;
	padding: 40px 0;
	background-color: #3A1D07;
}

/*  logo
/*--------------------------------- */
#footer .logo{
	margin-top: 0;
}

.logo p { /* 丸とフォントのスタイリング */
	margin: 0;
	padding-top: 34px;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 26px;
	color: #7E7E7E;
	font-weight: bold;
	background-color: #fff;
}

/*  nav
/*--------------------------------- */
#footer .navbar-nav_foot li {
	padding-left:10px;
	padding-right:10px;
	border-right: 1px solid #999;
}
#footer .navbar-nav_foot li.first{
	border-left: 1px solid #999;
}

#footer .navbar-nav_foot li a{
	color: #fff;
}


/*  sns-icon
/*--------------------------------- */
.sns-icon{
	margin-top: 30px;
}

.sns-icon li{
	padding-left: 20px;
}
.sns-icon li:hover{
	color: #fff;
}

/*  copy
/*--------------------------------- */
.copy{
	margin-top: 20px;
}

.copy span{
	font-size:11px;
}


a.sidr_btn_left {
  color:#600;
  float:left;
  background-color:#fff;
  font-weight:normal;
  line-height: 1;
  margin:0px 0px 6px 14px;
  padding:8px 5px 8px 10px;
  letter-spacing: 0;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border-right:5px solid #f75656;
  text-decoration:none;
}
a.sidr_btn_left:hover {
  background-color:#ffc;
}

a.sidr_btn_right {
  color:#600;
  float:right;
  background-color:#fff;
  font-weight:normal;
  line-height: 1;
  margin:0px 14px 6px 0px;
  padding:8px 5px 8px 10px;
  letter-spacing: 0;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border-left:5px solid #f75656;
  text-decoration:none;
}
a.sidr_btn_right:hover {
  background-color:#ffc;
}


/* ページ先頭のCSS */
#page-top {
	position: fixed;
	bottom:1%;
	right:3%;
  font-size:12px;
  line-height:16px;
}
#page-top a {
	background: #E2C6A9;
	text-decoration: none;
	color: #600;
	padding: 5px 10px;
	text-align: center;
	display: block;
	border-radius: 15px;
}
#page-top a:hover {
	text-decoration: none;
	background: #fff;
}