@charset "utf-8";
/* CSS Document */


/* clearfix定義 */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

img.aligncenter {
	margin-bottom:20px;
}
img.alignright {
	margin-bottom:20px;
}
/* マージンスタイル */
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}

.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}

.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}

img {
	max-width:100%;
	height:auto;
}
.center {
	text-align:center;
}
html{
	background-image:url("image/bg_back.jpg");
	background-position:top center;
	margin:0;
	padding:0;
}
body {
/*
	background-image:url("image/bg_body.jpg") !important;
	background-size:1920px auto !important;
	background-position:center -300px !important;
	background-repeat:no-repeat !important;
*/
	background-color: inherit !important;
	padding: 0;
	margin: 0;	
}
#wrapper {
	width: 950px !important;
	margin: 0 auto;
}
.main{
	width:950px;
	margin:auto;

}
#header {
	position: relative;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	vertical-align:top;
}
/* レイアウト */
.row {
	margin:0 -10px;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11 {
float: left;
padding:0 10px;
box-sizing:border-box;
}
.col-sm-1 {width: 8.333333333333332%;}
.col-sm-2 {width: 16.666666666666664%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33333333333333%;}
.col-sm-5 {width: 41.66666666666667%;}
.col-sm-6 {width: 50%;}
.col-sm-7 {width: 58.333333333333336%;}
.col-sm-8 {width: 66.66666666666666%;}
.col-sm-9 {width: 75%;}
.col-sm-10 {width: 83.33333333333334%;}
.col-sm-11 {width: 91.66666666666666%;}
.col-sm-12 {width: 100%;}
img {
	max-width:100%;
	height:auto;
}
.logo_area {
	height:50px;
	position:absolute;
	top:0;
	z-index: 2;
	width:950px;
}
.logo {
	padding-left:20px;
}
.tel {
	text-align:right;
}
.tel img{
	margin-top:15px;
}
.head_area {
	padding-top:50px;
}
.header_img {
	text-align:center;
	background-color:#fff;
	padding:5px;
	box-sizing:border-box;
	border-radius:5px 5px 0 0;
}
.nav {
	background-color: #fff;
    width: 100%;
    border-radius: 0 0 10px 10px;
    min-height: 64px;
    text-align: center;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
.nav ul {
	list-style: none;
    margin: 0px;
    padding: 15px 4px 0;
	display: flex;
}
.nav ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
    text-align: center;
    background-image: url(image/menu_separator.png);
    background-position-x: right;
    background-repeat: no-repeat;
    vertical-align: middle;
	box-sizing: border-box;
	padding-left: 2px;
	padding-right: 8px;
	margin-right: 4px;
}
.nav ul li:last-child {
	background: none;
	padding-right: 2px;
	margin-right: 0;
}
.nav ul li a {
	text-decoration: none;
    padding: 2px;
    display: block;
	color: #42210b;
}

.nav ul li.active a, .nav ul li a:hover {
	background-color: #eae273;
    border-radius: 5px;
    width: 100%;
	color: #42210b;
}

.footer_area ul li a {
	display:inline-block;
	margin-bottom: 20px;
}
#header .header_img img {
	height:255px;
}
/* ここまでは共通 */

/* トップページ */
#headertop {
	position: relative;
}
.content-1 {
	position:relative;
}
.top_btn {
	position:relative;
	top:-296px;
	left:20px;
	height:1px;
}
.content-2 {
	background-image:url("image/top/bg_uminosati.png");
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:840px;
}
.content-3 {
	margin-top:-15px;
}
.p_right {
	padding-left:320px;
}
.p_right li{
	margin-bottom:15px;
	
}

#seefood {
	display:block;
	height:1px;
}
/* 料理 */
.subplan {
	position:relative;
	width:950px;
	text-align:center;
}
.subplan .btn{
	position:relative;
	top:-110px;
	width:840px;
	margin:auto;
	height:0px;
	
}
.subplan .btn a{
	display:inline-block;
	width:49.6%;
	text-align:center;
}

/* かに */

.btn {
	position:relative;
	width:950px;
}
.btn_3 a, .btn_4 a, .btn_5 a, .btn_6 a {
	display: block;
    background: linear-gradient(to right, #a31b00, #c71b00);
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    border: 3px solid #fff;
    text-align: center;
    padding: 10px;
	font-size: 16px;
	width: 338px;
}
.btn_3 a:hover, .btn_4 a:hover, .btn_5 a:hover, .btn_6 a:hover {
	color: #fff;
	text-decoration: none;
}
.btn_2{
	position:relative;
	top:-180px;
	text-align:center;
	height:0;	
}
.btn_3,.btn_5{
	position:relative;
	top:-100px;
	left: 12px;
	height:0;
}
.btn_4,.btn_6{
	position:relative;
	top:-100px;
	left:572px;
	height:0;
}