/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

html { font-size: 100%; }

body {
	color: #736357;
	line-height: 1.6;
	width: 100%;
	background: url(./../img/bg1.png);
}




/* 可変画像調整 */

img {
	max-width: 100%;
	height: auto;
}

/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
    max-width:500px;
}

.fb-like-box {
    background-color: #FFFFFF;
}

/* iphone用inputタグの初期化 */

input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
}

/*リンク表示方法

a { text-decoration: none; }
a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:active { color: #0000FF; }
a:hover { color: #993300; }
*/


h4,
h5
 {
	margin-bottom: 5%;
}

h4 img,
h5 img
{
	width: 100%;
}


/*-----------------------------------------------------------

header

-----------------------------------------------------------*/

header {
	overflow: hidden;
	padding: 5px 2% 0;
	margin-bottom: 5%;
}

h1 {
	margin: 0 0 15px;
	width: 100%;
	height: 25px;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
}

h2{
	width: 65%;
	float: left;
	margin-right: 2%;
}

.h_tel {
	float: left;
	width: 33%;
}

.slideButtun {
	float: right;
	width: 17%;
}

#modal {
	display: none;
}

#gnav li {
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #fff;
	width: 100%;
	display: block;
	padding: 10px 0;
}

p.btn-close {
	background: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	margin: 5% auto;
	width: 50%;
	font-size: 15px;
}

p.btn-close a {
	display: block;
	text-decoration: none;
	color: #736357!important;
	padding: 5% 5%;
}

#gnav li a {
	color: #fff;
	text-decoration: none;
	padding: 10px;
	display: block;
}


#gnav li a:hover{
	text-decoration: underline;
}

#navi {
	width: 100%;
	margin: 5% 0 5px;
}

#navi li {
	float: left;
	width: 48%;
	margin: 5px 1%;
}

/*-----------------------------------------------------------

.cover

-----------------------------------------------------------*/

.cover {
	margin-bottom: 10px;
}

.slider_bg {
	background: url(./../img/slider_bg.png) repeat-x 0 100%;
	padding: 0 0 3%;
}

.cover1 {
	margin-bottom: 10%;
}

.cover1 img {
	width: 100%;
}

/*-----------------------------------------------------------

.gnav

-----------------------------------------------------------*/

.gnav {
	width: 100%;
	padding: 0 0 30px;
	background: url(./../img/f_bg2.png) no-repeat 0 100%;
}

.gnav li {
	float: left;
	width: 48%;
	margin: 5px 1%;
}




/*-----------------------------------------------------------

main

-----------------------------------------------------------*/

main {
	margin-bottom: 10px;
}

.contentBox1 {
	margin: 0 auto 10%;
	width: 96%;
	font-size: 85%;
	overflow: hidden;
}




/*-----------------------------------------------------------

footer

-----------------------------------------------------------*/

footer {
	clear: both;
	background: #192D52;
	text-align: center;
	color: #fff;
}

.f_inner {
	margin: 0 auto;
	padding: 0 1.5625%;
}

.f_list1 {
	padding-bottom: 3.125%;
	padding-top: 4%;
}
.f_list1 li {
	float: left;
	width: 32%;
	margin: 0 0.659%;
}

.fCopyright {
	text-align: center;
	padding: 0 1% 5px;
}

small {
	font-size: 68.75%;
}




/*-----------------------------------------------------------

clearfix

-----------------------------------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}

/*-----------------------------------------------------------

トップページ

-----------------------------------------------------------*/

.list1 li a {
	text-align: center;

}

.textBox1_b {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.textBox1_b img {
	width: 100%;
}

.imgBox1 {
	width: 100%;
	text-align: center;
}

.imgBox1 img {
	width: 60%;
	border: 1px solid #F4F2EE;
}


/*-----------------------------------------------------------

お店について

-----------------------------------------------------------*/

.textBox1 {
	margin-top: 3%;
}


.about_name1 {
	display: block;
	text-align: right;
}

.mapBox1 img,
.mapBox2 img
{
	width: 100%;
}

address {
	font-size: 85%;
	width: 90%;
	margin: 0 auto;
}

address dt {
	font-weight: bold;
}


address dd {
	padding-left: 1em;
}


.googleMap {
	width: 90%;
	margin: 0 auto 5%;
	text-align: center;
}

iframe {
	width: 90%;
	height: 300px;
}

.tb1 {
	margin: 5% 0;
	width: 100%;
}

.tb1 th {
	width: 6em;
	text-align: left;
	position: relative;
	padding: 0 0 0 4%;
}

.tb1 td {
	padding: 0 4% 0 3%;
}

.mapBox2 {
	margin-bottom: 5%;
}

.access_detail_list1,
.access_detail_list2
{
	margin-bottom: 5%;
}


.access_detail_list1 dd,
.access_detail_list2 dd
{
	padding-left: 4%;
}

.access_detail_list1 dt {
	background: url(./../../img/access_icon1.png) no-repeat 10px 0;
	border-bottom: 1px dotted #192D52;
	margin-bottom: 3%;
	line-height: 32px;
	padding-left: 48px;
	font-weight: bold;
}

.access_detail_list2 dt {
	background: url(./../../img/access_icon2.png) no-repeat 10px 0;
	border-bottom: 1px dotted #192D52;
	margin-bottom: 3%;
	line-height: 32px;
	padding-left: 48px;
	font-weight: bold;
}

.list2 li {
	margin-bottom: 5%;
} 

.list2 li img {
	width: 100%;
} 

.textBoxlarge img {
	width: 100%;
	margin-bottom: 10px;
}

.textBoxlarge2 {
	width: 100%;
	margin: 10px 0;
}


/*-----------------------------------------------------------

メニュー

-----------------------------------------------------------*/

.list4_a li {
}

.list4_a li div:first-child img {
	width: 100%;

}

.list4_a li h6 {
	background: url(./../img/menu_bg2.png) no-repeat;
	background-size: 22px;
	padding-left: 29px;
	margin-bottom: 5%;
	font-size: 128.57%;
	border-bottom: 1px dotted #CCCCCC;
}

.list4_a li h6+div img {
	width: 100%;

}

.list4_a li p+p {
	text-align: right;
}

.list4_a li div:nth-of-type(2) {

}


.list4_a li dl {
}

.list4_a li dl dt+dd {
	text-align: left; 
  line-height: 1.4;
}

.list4_a li dl dd img{
	width: 60%;
}

.list4_a li {
	padding: 5% 3%;
	margin-bottom: 10%;
	background-color: #fff;
}

.list4_a li dl dt {
	width: 100%;
	margin: 0 auto 5px;
	color: #fff;
  min-height: 150px;
  line-height: 8;
}

.list4_a li dl dt img {
	width: 100%;
}

.list4_a li dl dd+dd {
	text-align: right; 
}


/*-----------------------------------------------------------

お知らせ

-----------------------------------------------------------*/

.side {
	margin: 0 auto 10%;
	width: 96%;
}

.side dl dt img {
	width: 100%;
}

.blog_list dd {
	border-bottom: 1px dotted #917400;
}

.blog_list dd a {
	font-size: 85%;
	color: #595757;
	text-decoration: none;
	display: block;
	padding: 2% 0 2% 0;
}

.blog_section1 {
	padding: 5% 3%;
	margin-bottom: 10%;
	background: #FFFFFF;
}

.blog_tit1 {
	font-size: 128.57%;
	line-height: 1.5;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 2%;
	padding: 1px 0 3px 48px;
	background: url(./../../img/icon_2.png) no-repeat 6px 0;
}

.blog_date {
	color: #CCCCCC;
	font-size: 87.5%;
	padding-bottom: 5%;
	padding-left: 3%;
	
}

.blog_content {
	margin-bottom: 6%;
}

.blog_img img {
	width: 100%;
}

/*-----------------------------------------------------------

採用情報

-----------------------------------------------------------*/

.tb2 {
	margin-top: 5%;
	width: 100%;
}


.tb2 tr {
	border-bottom: 2px solid #E7E7D1;
}

.tb2 th {
	width: 35%;
	text-align: left;
}

.tb2 th, .tb2 td {
	padding: 3% 1% 3% 5%;
}

.recruitImage img {
	width: 100%;
}