@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

body { 
	color: #000000;
	margin:0;
	padding:0;
	font-family: /* Verdana, */ "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	width:100%;
	min-width: 1500px;
	webkit-text-size-adjust: 100%;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal
}

img{
	border:0;
	margin:0;
	vertical-align: bottom;
}

table,tr,td {
	border-collapse: collapse; 
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.clear{
	clear:both;
}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
}


#style01{
	width:100%;
}





header{
	width: 100%;
	border-bottom: 6px #000000 solid;
}

.header1{
	position: relative;
	width: 1200px;
	height: 140px;
	margin: 0 auto;
}

.logo1{
	position: absolute;
	top: 45px;
}

.phone1{
	position: absolute;
	top: 28px;
	right: 0;
}

.mail1{
	position: absolute;
	top: 25px;
	right: 0;
}

.dropmenu{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 720px;
	height: 50px;
	list-style-type: none;
}

.dropmenu > li{
	float: left;
	width: 180px;
	height: 50px;
}

.dropmenu li a{
	display: block;
	width: 180px;
	height: 50px;
	line-height: 50px;
	color: #333333;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

.dropmenu li:hover, .dropmenu li a:hover{
	background: #442a0d;
	color: #ffffff;
}

.dropmenu2{
	width: 180px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
}

.active a{
	background: #442a0d;
	color: #ffffff !important;
}

.dropmenu2_toggle{
	display: none;
	overflow: hidden;
	position: relative; /*z-index用*/
	width: 180px;
	z-index: 1000;
	list-style-type: none;
}

.dropmenu2_toggle li{
	width: 180px;/*サブメニューの幅*/
	height:50px;/*サブメニューの高さ*/
	background:#442a0d;/*サブメニューの背景色*/
	z-index: 1000;
}

.dropmenu2_toggle li a{
	color: #ffffff;
}

.dropmenu2_toggle li:hover, .dropmenu2_toggle li a:hover {
	background:#6f4415;/*ホバー時のサブメニューの背景色*/
}

.dropmenu li,.dropmenu a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}






.top_img{
	width: 100%;
}

.top_img_slide{
	position: relative;
}

.slider{
	width:100%;
}



.top01{
	background:url("./img/index_top_img.jpg") 0 0 no-repeat;
	padding-bottom: calc(100%*511/3086);
	background-size: 100% auto;
}

.top02{
	background:url("./img/index_top_img2.jpg") 0 0 no-repeat;
	padding-bottom: calc(100%*511/3086);
	background-size: 100% auto;
}

.top_cop1{
	position: absolute;
	bottom: 80px;
	width: 100%;
	text-align: center;
}

.top_cop2{
	display: inline-block;
	width: 480px;
	height: 60px;
	color:#fff;
	font-size: 30px;
	background: #874e18;
	letter-spacing: 5px;
	line-height: 1.9;
}





.main1{
	width: 100%;
	padding: 75px 0 0;
	margin-bottom: 135px;
}

.main1_title_box{
	width: 630px;
	margin: 0 auto 15px;
	font-size: 40px;
}

.main1_title1{
	float: left;
	vertical-align: top;
}

.main1_title2{
	float: right;
	vertical-align: top;
}





.menu_main_box{
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	width: 1200px;
	margin: 0 auto;
}

.menu_box{
	display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3333%;
}

.menu_box a{
	color: #ffffff;
	text-decoration: none;
}

.menu_box_top1{
	padding: 30px 30px 0;
	background: #874e18;
	height: 280px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.menu_box:hover .menu_box_top1{
	background: #b26720;
}

.menu_box_top2{
	padding: 30px 30px 0;
	background: #6a3913;
	height: 280px;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.menu_box:hover .menu_box_top2{
	background: #95501b;
}


.menu_title{
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}

.menu_text{
	font-size: 18px;
}

.menu_box_bottom{
	width: 100%;
}

.menu_box_bottom img{
	width: 100%;
}








/* 
.menu1{
	position: absolute;
	top: -85px;
	width: 100%;
}

.menu2{
	width: 1200px;
	margin: 0 auto;
}

.business{
	float: left;
	width: 340px;
	padding: 30px;
	color: #fff;
	text-align: center;
}

.business_title{
	font-size: 22px;
	margin-bottom: 28px;
}

.business_text{
	margin: 5px 0;
	font-size: 12px;
	line-height: 28px;
}

.business1color{
	background: #442a0d;
}

.business2color{
	background: #6a3913;
}

.business3color{
	background: #864d18;
}
 */




.main2{
	width: 100%;
	margin-bottom: 65px;
	text-align: center;
}

.main2_title{
	margin-bottom: 30px;
	font-size: 35px;
}

.main2_title h2{
	font-weight: lighter;
}

.main2_title2{
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 60px;
}

.main2_img{
	width: 100%;
}





.main3{
	width: 1500px;
	margin: 0 auto 80px;
}

.main3_box1{
	float: right;
	position: relative;
	width: 1400px;
}

.main3_box1_left{
	position: absolute;
	top: 280px;
}

.main3_title{
	margin-bottom: 15px;
	font-size: 44px;
	font-weight: lighter;
}

.main3_title_sub{
	font-size: 18px;
}





footer{

}

.footer1{
	background: #442a0d;
	text-align: center;
	padding-bottom: 55px;
}

.footer1_1{
	height: 100px;
	margin: 0 auto;
}

.footer1_1 ul{
	padding: 40px;
	font-size: 13px;
	list-style-type: none;
}

.footer1_1 ul li{
	display: inline-block;
}

.footer1_1 ul li a{
	display: block;
	height: 25px;
	margin: 0 12px;
	color: #fff;
	text-decoration: none;
}

.footer1_1 ul li a:hover{
	color:#bbb;
}

/*
.footer1_2{
	height: 100px;
	margin: 0 auto;
}

.footer1_2 ul{
	list-style-type: none;
}

.footer1_2 ul li{
	display: inline-block;
	width: 150px;
	margin-bottom: 10px;
}

.footer1_2 ul li a{
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.footer1_2 ul li a:hover{
	color:#bbb;
}
*/




.footer2{
	position: relative;
	width: 1200px;
	height: 100px;
	margin: 0 auto;
}

.footer2 ul{
	list-style-type: none;
}

.footer2 ul li{
	display: inline-block;
}

.footer2_1{
	position: absolute;
	top: 40px;
}

.footer2_1 li{
	margin: 0 5px;
}

.footer2_2{
	position: absolute;
	left: 125px;
	top: 40px;
}

.footer2_2 li{
	padding: 0 16px;
	border-left: 1px solid #000;
	line-height: 1.0;
}

.footer2_2 li:first-child{
	border-left: none;
}

.footer2_2 li a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
	vertical-align: top;
}

.footer2_2 li a:hover{
	text-decoration: underline;
}

.copy{
	position: absolute;
	right: 0;
	top: 40px;
	font-size: 12px;
}






/* bender.php→reconcept.phpのCSS */

.bender_main{
	width: 1200px;
	margin: 0 auto;
}

.bender_main1{
	margin: 110px 0 100px;
}

.bender_main1_title{
	margin-bottom: 30px;
	font-size: 22px;
	font-weight: bold;
}

.bender_main1_text{
	float: left;
	width: 600px;
	font-size: 15px;
}

.bender_main1_img{
	float: right;
}





.bender_main h2{
	margin-bottom: 70px;
	font-size: 40px;
	text-align: center;
}





.bender_main2{
	padding-left: 45px;
	margin-bottom: 165px;
}

.bender_main2_title{
	border-bottom: 10px solid #ddd;
	font-size: 28px;
}

.bender_main2 img{
	float: left;
}

.bender_main2_1{
	position: relative;
	padding: 40px 0; 
	border-bottom: 2px solid #474546;
}

.bender_main2_text{
	float: left;
	padding-left: 10px;
	margin-top: 3px;
	font-size: 24px;
}

.bender_main2_1 ol{
	position: absolute;
	top: 80px;
	left: 55px;
	margin-left: 28px;
	font-size: 22px;
}

.bender_main2_img{
	float: right;
}



.bender_icon2:before{
	content: url("./img/bender_icon2.jpg");
    position: relative;
    top: 10px;
	margin-right: 5px;
}

.bender_icon3:before{
	content: url("./img/bender_icon3.jpg");
    position: relative;
    top: 10px;
	margin-right: 5px;
}

.bender_icon4:before{
	content: url("./img/bender_icon4.jpg");
    position: relative;
    top: 10px;
	margin-right: 5px;
}





.bender_main3{
	padding-left: 45px;
	margin-bottom: 64px;
}

.bender-main2_margin{
	margin-bottom: 60px;
}


.bender_main3_title{
	font-size: 32px;
	margin:0 0 8px 8px;
}

.bender_main3_box1_1{
	position: relative;
	width: 577px;
	height: 180px;
	float: left;
}

.bender_main3_box1_1 img{
	position: absolute;
	top: 1px;
	right: 16px;
}

.bender_main3_box_title{
	width: 510px;
	height: 43px;
	padding-top: 10px;
	margin-bottom: 16px;
	background:#b28147;
	color: #fff;
	font-size: 31px;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
}

.bender_main3_box_text{
	font-size: 22px;
}






/* food.phpのCSS */

.food_main2{
	margin-bottom: 120px;
}

.food_main2_title{
	border-bottom: 10px solid #ddd;
	font-size: 25px;
	margin-bottom: 60px;
}

.food_main2 img{
}

.food_main2 td{
	height: 145px;
	padding:9px 0;
}

.food_main2 td:nth-child(odd){
	padding-right: 6px;
	vertical-align: bottom;
}

.food_main2 td:nth-child(even){
	padding-left: 6px;
}

.food_main2_text{
	display: table-cell;
	width: 920px;
	height: 120px;
	font-size: 23px;
	vertical-align: middle;
}


.food_main3_box{
	margin-bottom: 105px;
}

.food_main3_box img{
	float: right;
}

.food_main3_box1{
	float: left;
}

.food_main3_title{
	margin-bottom: 23px;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 36px;
}

.food_main3_text{
	width: 555px;
}

.food_main3_box2{
	float: left;
}





/* profile.phpのCSS */

.profile_main{
	width: 1200px;
	margin: 0 auto;
}

.profile_title{
	margin: 80px 0;
	font-size: 35px;
	text-align: center;
}





.profile_box1{
	margin-bottom: 65px;
}

.profile_box1_left{
	float: left;
}

.profile_box1_right{
	float: right;
	width: 580px;
}

.profile_box_title{
	font-size: 20px;
	margin-bottom: 20px;
}

.profile_box_text{
	font-size: 14px;
	line-height: 2.0;
}





.profile_box2{
	margin-bottom: 100px;
}

.profile_box2_left{
	float: left;
}

.profile_box2_right{
	float: right;
}

.profile_box2_left td{
	padding: 14px 45px 14px 0;
	font-size: 15px;
}

.profile_box2_left td:first-child{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 14px 35px 14px 0;
	font-weight: bold;
}



.map{
	border: 5px solid #dddddd;
	margin-bottom: 140px;
}

.map iframe{
	vertical-align: bottom;
}





/* business.phpのCSS */

.business_main{
	width: 1200px;
	margin: 0 auto 190px;
}

.float_left{
	float: left;
}
.float_right{
	float: right;
}

.business_main_box1{
	position: relative;
	margin: 50px 0 20px;
}

.business_main_box1_left{
	position: absolute;
	top: 270px;
}

.business_main_title{
	color: #7e0f30;
	font-size: 44px;
	font-weight: bold;
}

.business_main_title_sub{
	letter-spacing: 1em;
}





.business_main2{
	margin-bottom: 100px;
}

.business_main2_textbox{
	width: 555px;
}

.business_main2_title{
	font-size: 32px;
	margin-bottom: 10px;
}

.business_main2_title a{
	color: #000;
	text-decoration: none;
}

.business_main2_title a:hover{
	text-decoration: underline;	
}


.business_main2_text{
	font-size: 15px;
}





/* reconcept.phpのCSS */

.reconcept_main{
	width: 1200px;
	margin: 0 auto;
}

.reconcept_main_title{
	margin: 80px 0 25px;
	font-size: 36px;
	text-align: center;
	line-height: 1.4;
}

.reconcept_main_title_sub{
	margin-bottom: 80px;
	font-size: 18px;
	text-align: center;
}

.reconcept_main_img{
	margin-bottom: 80px;
	text-align: center;
	vertical-align: bottom;
}





.reconcept_title{
	margin-bottom: 10px;
	font-size: 22px;
}

.reconcept_box{
	margin-bottom: 135px;
}

.reconcept_text{
	float: left;
	width: 610px;
	margin-bottom: 30px;
	font-size: 28px;
}

.reconcept_img{
	float: right;
}





/* direct.phpのCSS */

.direct_main_title{
	border-bottom: 10px solid #ddd;
	font-size: 25px;
	margin: 130px 0 60px;
}






#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/* form.phpのCSS */

.form_main{
	width: 740px;
	margin: 0 auto 140px;
}

.form_title{
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 10px #dcdddd solid;
	margin: 200px 0 85px 0;
	font-size: 24px;
}

.form_box{
	margin-bottom: 48px;
}

.form_item{
	font-weight: bold;
}

form span{
	margin-left: 14px;
	color: #bc3434;
	font-weight: normal;
}

form input[type="text"],form input[type="email"]{
	width: 400px;
	height: 35px;
	font-size: 18px;
}

form textarea{
	width: 730px;
	height: 290px;
	font-size: 18px;
}

#send{
    border: 0px;
	width:170px;
	height: 48px;
    background: url("./img/send.jpg") left top no-repeat;
}

#send:hover{
	opacity: 0.7;
}


.f_bt01{
	width:100%;
	height:48px;
}


.backbtn{
	display:inline-block;
	width:170px;
	height: 48px;
	margin-right: 20px;
    background: url("./img/back.jpg") left top no-repeat;
	vertical-align: top;
}

.backbtn:hover{
	opacity: 0.7;
}