@charset "UTF-8";

/* ================================================== *
 *
 *    base style
 *
 * ================================================== */

.clear
{
	clear:both;	
}
body
{
	background: #fff;
	color: #333333;
}



.img-responsive-overwrite
{
	margin: 0 auto;
}

.tab-content.bg
{
	background: #fff;
}

#head-title .jumbotron .subtitle
{
	text-shadow: 1px 2px 1px #000;
	padding: 2px;
}


.panel
{
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading
{
	color: #FBD287;
	background-color: #402625;
	border-color: #ddd;
}

.accordion .sm-contact
{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #333333;
	padding: 10px;
	margin-right: 10px;
}

.item img {
width:100%;}

@media(max-width:768px) {

.sm-border
{
	/*border-bottom:1px dotted #C9C8C8;*/
	padding-bottom: 10px;
}

.navbar-brand img
{
	width: 100px;
}

.nav-header.navbar-default .navbar-header .mobile-logo
{
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

.navbar-toggle.collapsed.tgl-color
{
	color: #4F0304;
}

#head-title .jumbotron
{
	background: url(../images/index/main-image.jpg);
	background-position: center center;
	
	background-size: cover;
	text-align: center;
	color: #fff;
	height: 400px;
	margin: 0;
}

#sub-head-title .jumbotron
{
	background: url(../images/common/title.jpg);
	background-position: center center;
	background-size: cover;
	text-align: center;
	color: #fff;
	height: 100%;
	margin: 0;
}

.jumbotron h2
{
	text-shadow: 1px 2px 1px #000;
}

.jumbotron div
{
	text-shadow: 1px 2px 1px #000;
}

.main-title
{
	text-align: center;
}

.main-title h1
{
	text-align: center;
	font-size:200%;
}


.space-detail
{
	margin-top: 5px;
	border-bottom: 1px dotted #786352;
	padding-bottom:10px;
}


.logo-position
{
	text-align:left;	
}

.logo-size
{
	width:20%;	
}

.bxslider li img
{
	width:100%;
}





}

@media(min-width:768px) {



#head-title .jumbotron
{
	background: url(../images/index/main-image.jpg);
	background-position: center center;
	background-size: cover;
	color: #fff;
	height: 400px;
	margin: 0;
}

#head-title .jumbotron h2
{
	font-size: 500%;
	text-shadow: 1px 2px 1px #000;
	padding: 2px;
	padding-top: 100px;
}

.jumbotron h2
{
	text-shadow: 1px 2px 1px #000;
}

.jumbotron div
{
	text-shadow: 1px 2px 1px #000;
}


/*店舗案内*/


.space-detail
{
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #786352;
}

.main-title
{
	text-align: center;
	margin-top:30px;
}

.main-title h1
{
	text-align: center;
	margin:0;
	padding:0;
	
}

.logo-position
{
	text-align:center;	
}


.logo-size
{
	width:20%;	
}

/*.sm-height
{
	padding-bottom:28%;

}*/
}

@media(min-width:992px) {
	
#head-title .jumbotron
{
	background: url(../images/index/main-image.jpg);
	background-position: center center;
	background-size: cover;
	color: #fff;
	height: 600px;
	margin: 0;
}

#head-title .jumbotron h2
{
	font-size: 600%;
	text-shadow: 1px 2px 1px #000;
	padding: 2px;
	padding-top: 150px;
}


.logo-position
{
	text-align:center;	
}

.logo-size
{
	width:12%;	
}

/*.sm-height
{
	padding-bottom:10%;

}
*/

}

body a:hover img, a:hover img, a:hover img
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

.index-title-message
{
	background: #402625; /* Old browsers */
	color: #fff;
	padding-bottom: 10px;
	padding-top: 20px;
}

.index-title-message h3
{
	font-size: 95%;
}

.index-title-message p
{
	font-size: 80%;
	color: #E2DFDF;
}

/* ================================================== *
 *
 *    block modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        header　モバイル
 * ------------------------------------------------- */
.nav-header
{
	padding: 10px 0 0;
}

/*ヘッダー枠*/
.nav-header.navbar-default
{
	border: none;
	margin-bottom: 0;
	background: #fff;
	
}

/*ヘッダー内リンク*/
.nav-header.navbar-default .nav.navbar-nav>li>a
{
	color: #333;
}

/*ヘッダー内リンク（マウスオーバー時）*/
.nav-header.navbar-default .nav.navbar-nav>li>a:hover
{
	color: #999;
}

.nav-header.navbar-default .navbar-header
{
	margin-top: 0px;
	margin-bottom: 0px;
}

/*ナビゲーションテキストの位置*/
.nav-header.navbar-default .navbar-brand
{
	height: auto;
	margin-top: -9px;
	margin-right: 0px;
}

.nav-header.navbar-default .navbar-collapse .navbar-nav
{
	float: none;
}

.nav-header.navbar-default .navbar-collapse .navbar-form
{
	clear: right;
	float: right;
}

.nav-header.navbar-default .navbar-toggle
{
	margin-right: 0;
}


.navbar-header
{
	padding:0 35% 0;
}


/*タブレット*/
@media(min-width:768px) {

.nav-header
{
	padding: 0;
	
}

.navbar-header
{
	padding:0 40% 0;
}


.nav-header.navbar-default .navbar-header
{
	margin-bottom: 11px;
}

.nav-header.navbar-default .navbar-brand
{
	padding-top: 24px;
	margin-top: 0;
}

.nav-header.navbar-default .navbar-collapse .navbar-nav
{
	float: right;
	margin-right: -20px;
	padding-top: 30px;
}

.nav-header.navbar-default .navbar-collapse .navbar-form
{
	float: right;
	clear: right;
	margin-right: -30px;
}

.index-title-message h3
{
	font-size: 97%;
}

.index-title-message p
{
	font-size: 90%;
	color: #E2DFDF;
}

.mobile-only-menu
{
	display: none;
}
}

/*PC*/
@media(min-width:992px) {

.nav-header
{
	padding: 15px 0 0px;
}

.nav-header.navbar-default .navbar-brand
{
	margin-top: -17px;
}

.nav-header.navbar-default .navbar-collapse .navbar-nav
{
	float: left;
	padding-top: 10px;
}

.carousel-inner, .item.active img
{
	height: 20%;
	width: 100%;
}

.index-title-message h3
{
	font-size: 130%;
}

.index-title-message p
{
	font-size: 100%;
	color: #E2DFDF;
}
}

/* ------------------------------------------------- *
 *        demo-footer
 * ------------------------------------------------- */
.demo-footer
{
	background:url(../images/common/bg_footer.jpg) ;
	background-repeat: repeat;
	color: #333333;
	padding: 30px 0;
}

.demo-footer .list-group .list-group-item
{
	background: none;
	color: #333333;
	border-left: none;
	border-right: none;
	border-radius: 0;
	border-color: #444;
}

.demo-footer .glyphicon
{
	position: absolute;
	right: 15px;
	top: 13px;
}

.demo-footer .text-center
{
	margin-top: 15px;
}

.page-top
{
	background:url(../images/common/bg_footer.jpg) ;
	background-position: center center;
	background-size: cover;
	color: #333333;
	width: 20%;
	text-align: center;
	position: relative;
	height: 40px;
	left: 80%;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 90%;
}

.page-top a
{
	color: #333333;
}

.page-top a:hover
{
	color: #333333;
	text-decoration: none;
}

@media(min-width:768px) {

.demo-footer .list-group .list-group-item
{
	border: none;
	padding: 0;
	padding-top: 5px;
}

.demo-footer .glyphicon
{
	display: none;
}

.demo-footer .text-center
{
	margin-top: 30px;
}

.page-top
{
	background:url(../images/common/bg_footer.jpg) ;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #333333;
	width: 15%;
	text-align: center;
	position: relative;
	height: 40px;
	left: 85%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding-top: 10px;
	margin-top: 10px;
}
}

@media(min-width:1200px) {

.page-top
{
	background:url(../images/common/bg_footer.jpg) ;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #333333;
	width: 15%;
	text-align: center;
	position: relative;
	height: 40px;
	left: 85%;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	padding-top: 10px;
	margin-top: 10px;
}
}

/* ================================================== *
 *
 *    title modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        headline
 * ------------------------------------------------- */
 
@media(max-width:768px) {

.headline
{
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 16px;
}

.headline-img
{
	width: 40px;
	margin-right: 5px;
}
}

@media(min-width:768px) {

.headline
{
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 18px;
}

.headline-img
{
	width: 50px;
	margin-right: 5px;
}
}

@media(min-width:1200px) {

.headline
{
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	font-size: 20px;
}

.headline-img
{
	width: 50px;
	margin-right: 5px;
}
}

/* ================================================== *
 *
 *    nav modules
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        sideNav
 * ------------------------------------------------- */
  
.left-sideNav.list-group .list-group-item
{
	border-radius: 0;
	border-color: #ddd;
	border-left: none;
	border-right: none;
}

.left-sideNav.list-group .list-group-item:first-child
{
	border-top: none;
}

.left-sideNav .glyphicon
{
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 10px;
}


/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.margin-top-lg
{
	margin-top: 60px;
}

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

.margin-top-sm
{
	margin-top: 15px;
}

.margin-bottom-lg
{
	margin-bottom: 60px;
}

.margin-bottom-md
{
	margin-bottom: 30px;
}

.margin-bottom-sm
{
	margin-bottom: 15px;
}

/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg
{
	padding-top: 60px;
}

.padding-top-md
{
	padding-top: 30px;
}

.padding-top-sm
{
	padding-top: 15px;
}

.padding-bottom-lg
{
	padding-bottom: 60px;
}

.padding-bottom-md
{
	padding-bottom: 30px;
}

.padding-bottom-sm
{
	padding-bottom: 15px;
}

/* ================================================== *
 *
 *    Custom Bootstrap Class
 *
 * ================================================== */

/* ------------------------------------------------- *
 *        grid
 * ------------------------------------------------- */
.row .colPadding
{
	padding-top: 15px;
	padding-bottom: 15px;
}