@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

* {
	font-size: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align:bottom;
}

table {
	border: none;
}

body {
	width: 100%;
	min-height: 416px;
	color: #4d2e1a; 
	font-size: small;
	line-height: 1.6;
	-webkit-text-size-adjust: none;
}

a {
	color: #4d2e1a; 
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.right{ text-align:right}

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

header {
	position: relative;
	width: 100%;
	height: 49px;
	text-align: center;
	background: url('../img/common/bg1.png');
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
}

.button {
	position: absolute;
	display: block;
	width: 49px;
	height: 49px;
	text-indent: -9999px;
	overflow: hidden;
}

.menu-button-left {
	left: 0px;
	border-right: 1px solid #ccc;
	background: url('../img/common/menu_btn_bg.png') no-repeat center;
}

.menu-button-right {
	right: 0px;
	border-left: 1px solid #ccc;
	background: url('../img/common/tell_btn_bg.png') no-repeat center;
}

header h1 {
	position: absolute;
	left: 49px;
	right: 49px;
	height: 49px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../img/common/header_title_l.png') no-repeat center;
	-webkit-background-size: auto 49px;
	-moz-background-size: auto 49px;
	-o-background-size: auto 49px;
	background-size: auto 49px;
}

@media screen and (max-width: 560px)
{
	
	header h1 {
		background: url('../img/common/header_title_s.png') no-repeat center;
					-webkit-background-size: auto 49px;
					-moz-background-size: auto 49px;
					-o-background-size: auto 49px;
					background-size: auto 49px;
	}

}

/*---------- ページ全体 ----------*/

#main {
	z-index: 1;
	background: url('../img/common/bg2.png');
}

/*---------- コンテンツ ----------*/

.content {
	width: 90%;
	border: 1px solid #ccc;
	background: #fff;
	margin: 10px auto 0;
	padding-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 0 5px #ddd;
	-moz-box-shadow: 0 0 5px #ddd;
	-webkit-box-shadow: 0 0 5px #ddd;
}

.content section {
	width: 94%;
	margin: 10px auto 0;
}

section h1 {
	border-bottom: 3px  double #e1d6cc;
	background: url("../img/common/h1_arrow.png") no-repeat left top;
	margin: 15px 0;
	padding: 0 0 5px 30px;
}

section h2 {
	background: #eee;
	margin: 15px 0 10px;
	padding: 5px;
}

section h3 {
	border-bottom: 1px dotted #e1d6cc;
	margin: 10px 0 5px;
	padding-bottom: 3px;
}

section h4 {
	text-align:center;
	background: #f0e9e2;
	margin: 15px 0;
	padding: 5px;
}

section p {
	width: 96%;
	margin: 10px auto;
}

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

footer {
	width: 100%;
	font-size: x-small;
	text-align: center;
	margin: 15px auto;
}

footer a {
	display: block;
	width: 230px;
	height: 45px;
	font-size: small;
	line-height: 44px;
	text-align: left;
	text-indent: 52px;
	background: url("../img/common/pc_link.png") no-repeat;
	margin: 15px auto;
}

/*---------- ソーシャルリンク ----------*/

#social {
	position: relative;
	top: 10px;
	width: 100%;
	height:49px;
	font-size: xx-small;
	border-top: 1px solid #26170d;
	background: #4d2e1a;
}

.social {
	position: absolute;
	top: 0;
	display: block;
	width:19%;
	height: 49px;
	text-indent: -9999px;
	border-left: 1px solid #26170d;
	background: no-repeat center;
	overflow: hidden;
}

.social:first-child {
	border: none;
}

.facebook {
	left: 0px;
	background-image: url('../img/common/footer_facebook.png');
}

.twitter {
	left: 20%;
	background-image: url('../img/common/footer_twitter.png');
}

.mixi {
	left: 40%;
	background-image: url('../img/common/footer_mixi.png');
}

.insta {
	left: 40%;
	background-image: url('../img/common/footer_insta.png');
}

.blog {
	left: 60%;
	background-image: url('../img/common/footer_ameba.png');
}

.map {
	left: 80%;
	background-image: url('../img/common/footer_map.png');
}

/*---------- サイドメニュー ----------*/

.slidemenu {
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 240px;
	visibility: hidden;
	background-color: #333;
}

.slidemenu li {
	line-height: 1.8;
	border-top: 1px solid #4D4D4D;
	border-bottom: 1px solid #000;
}

.slidemenu li a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: url('../img/common/side_arrow.png') no-repeat 10px center #333;
	padding:10px 0 10px 30px;
}

.slidemenu li:first-child {
	border-top: none;
}

.slidemenu li:last-child {
	border-bottom: none;
}

.slidemenu-body {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.slidemenu-content {
	position: relative;
}

.slidemenu li a.sub {
	text-indent: 1.5em;
	background: url('../img/common/side_arrow_sub.png') no-repeat 30px center #333;
}

.slidemenu li a:hover,
.slidemenu li a.sub:hover {
	background-color: #555;
}

/*---------- 汎用 ----------*/

hr {
	height: 1px;
	background-color: #e1d6cc;
	border: none;
	color: #e1d6cc;
	margin: 10px 0;
}
.bridal{
	width: 98%;
    text-align: center;
    margin: 10px auto;}
.bridal img{
	width: 100%;
    max-width: 368px;
    height: auto;}

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

	header,
	section,
	footer,
	nav,
	#main {
		max-width: 640px;
		margin: 0 auto;
	}

}





/*** 20171128追加 ***/

#main {
position: relative;
margin-bottom: 0px;
}

.kotei_footer {
height: 50px;
background: #d1c2b5;
width: 100%;
z-index: 1;
position: fixed;
bottom: 0;
display: table;
table-layout: fixed;
right: 0;
left: 0;
margin: auto;
/*border: 3px solid #5b3322;*/
text-align: center;
}

.kotei_footer>div {
display: table-cell;
vertical-align: middle;
padding: 5px;
}

.kotei_footer>div img {
width: 30px;
}

.social_bnr {
padding: 0 0 50px 0;
margin: 0 0 20px 0;
}

.social_bnr>div {
display: table;
table-layout: fixed;
width: 100%;
text-align: center;
}

.social_bnr>div>a {
height: 50px;
display: table-cell;
padding: 0 30px;
width: 50%;
background: #4d2e1a;
vertical-align: middle;
border: 2px solid #f9f9f9;
}

.social_bnr>div>a img {
max-width: 100%;
}




.recruit_img {
display: flex;
display: box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
flex-wrap: wrap;
-webkit-flex-wrap:wrap
-ms-flex-wrap: wrap;
justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
margin-bottom: 50px;
}
.recruit_img li {
    width: 50%;
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
.recruit_img li:after {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    -moz-box-shadow: inset 0px 0px 10px 10px #ffffff;
    -webkit-box-shadow: inset 0px 0px 10px 10px #ffffff;
    box-shadow: inset 0px 0px 10px 10px #ffffff;
    content: " ";
}
.recruit_img li img{
    width: 100%;
    height: auto;
}