@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ----------------------- Browser Default Initialization */
/****************************
共通項目のデザイン
****************************/
body{
	margin: 0;	padding: 0;
	width: 100%;
	font-family: 'Noto Sans Japanese', sans-serif;
	background-color: #F0F0F0;
	color: #646464;
	/*display: inline-table;*/
}

img, abbr, acronym, fieldset	{
	border: 0;
}

ul {
	-webkit-padding-start: 0px;

}

li {
	list-style-type: none;
	float: left;
	width: 100px;
	letter-spacing: 2px;
}

a {
	text-decoration: none;
	color: red;
}

/****************************
index.htmlのデザイン
****************************/
#headerbg {
	background-color: #fff;
	width:100%;
	height: 95px;
	border-width: 3px;
	border-top-color: #9BD0AC;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom: 1px solid #c8c8c8;
	padding-top:0;
	margin-top:0;
}
/* ヘッダー*/
#header{
	width: 1024px;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;

}
#header2{
	width: 100%;
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	margin-top:16px;
}

/* メインボックス*/
#container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	height: auto;
	display: table;
	background: #fff;
}

#containerabout {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	height: auto;
	display: table;
	background: #fff;
}
#logo {
	background-color: #fff;
	float: left;
	width: 185px;
	margin-right: 0px;
	margin-top:0x;
	display: block;
}

#logo a:hover img ,
#logo2 a:hover img {

	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.banner {
	float: left;
	padding-right:30px;
	width: auto;
	margin-top: 15px;
	display: block;
}
.banner2 {
	float: left;
	padding-right:14px;
	width: auto;
	margin-top: 15px;
	display: block;
}

.banner a:hover img ,
.banner2 a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

nav {
	font-weight: 500;
	font-size: 18px;
	width: 100%;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
}
nav ul{
	width:400px;
}
#about {
	font-weight: 500;
	font-size: 18px;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

li a {
	color: #646464;
}

li  a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

h1 {
	clear: both;
	font-weight: 500;
	font-size: 16px;
	color: #646464;
}


#titlemenu {
	text-align: center;
    padding-top: 50px;
}
h1 img {
	position: relative;
	top: 5px;
}

#left-content {
	margin-left: 20px;
	float: left;
    max-width: 615px;
}

#blog {
	border: 1px solid #e9ebee;
	margin-top: 15px;
	height: 500px;
	width: 615px;
	color: #646464;
	    overflow: auto;
}
#blog a{
	color:##EC6C00 !important;	
}

#ban3_travel a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

#right-content {
	float: right;
	width: 340px;
	margin-top: 58px;
	margin-right: 20px;
}

/********************************
footer-design
*********************************/
/* フッターを幅いっぱいにする為のボックス*/
#footerbg {
	clear: both;
	background: #fff;
	width:100%;
	height: 200px;
	border-top-color: #9BD0AC;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: 6px;
	height: 210px;
}
/* フッター*/
#footer {
	width: 100%;
	max-width: 1024px;
	margin: 30px auto 0;
}

#footer-left {
	float: left;
    width: 255px;
    margin: 0 auto;
		    margin-left: 30px;
}

#left-text {
	font-weight: 350;
	font-size: 12px;
	color: #646464;
}

small {
	font-weight: 400;
	font-size: 13px;
}

#copy {
	/*display: none;*/
}
#copp {
	clear: both;
 text-align: center;
 margin-top: 180px;
}
#footer-center {
	float: left;
	max-width: 230px;
	width: 100%;
	margin-left:10px;
}
.address {
	font-weight: 400;
	font-size: 13px;
}
#footer-center .address ,
#footer-center .address span{
	font-size: 11px;
}
#footer-center .address .title{
	font-size:13px;
}
.orangen {
	font-size: 15px;
	color: #EC6C00;
}
.orange {
	font-weight: bold;
	font-size: 15px;
	color: #EC6C00;
}

.orange2 {
	font-weight: bold;
	font-size: 15px;
	color: #EC6C00;
}
.orange2n {
	font-size: 15px;
	color: #EC6C00;
}
.orange2:hover,.orange2n:hover{
	color: #49A935;
}

#footer-right {
	float: right;
	width:462px;
	padding-right:20px;
	/*margin-right: 40px;*/
}
#footer_contactarea{
	float:right;
	padding-top:28px;	

}
#footer_contactarea a{
	display:block;

		width:200px;
		padding:18px 0;
		text-align:center;
		background:#a09798;
		color:#FFF;
		margin:0 auto;
		font-size:15px;
}
#footer_contactarea a:hover{
	background:#e8e6e7;
}
/****************************************
about.indexのデザイン
*****************************************/
.star {
	color: #49A935;
}

#abouth1 {
	font-size: 18px;
	margin-top: 100px;
	margin-bottom: 30px;
	text-align: center;

	font-weight: 500;
}

.about-text {
	font-size: 15px;

	color: #646464;
}

.about-text22 {
	font-size: 13px;

}

#about-left-content {
	float: left;
	max-width: 460px;
	margin-left: 25px;
}

#about-right-content {
	float: right;
	max-width: 465px;
    margin-right: 30px;
}

section {
	clear: both;
}

#introduction {
	margin-left: 65px;
	margin-top: 85px;
	float: left;
	width: 255px;
}

#right-text-in {
	float: right;
	width: 100%;
    max-width: 615px;
	margin-right: 65px;
	margin-top: 68px;
}

h2{
	font-size: 14px;
	font-weight: 500;
	color: #646464;
	margin-bottom: -10px;
}

.star2 {
	color: #49A935;
	font-size: 15px;
}
#right-text-in h2,#left-content-about h2,#right-content-about h2{
	font-weight:normal;
}
.about-text2 {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7em;
	color: #646464;
	padding-left:40px;
}

#right-eria {
	clear: both;
	float: right;
	margin-bottom: 50px;
}

#leftimg {
	float: left;
	width: 155px;
	margin-right: 70px;
}

#rightimg {
	float: right;
	width: 270px;
}

#introduction02 {
	clear: both;
	margin-left: 130px;
}

.linktext a{
	font-weight: 400;
	font-size: 13px;
	color: #EC6C00;
}

.linktext a:hover {
	color: #49A935;
}

.meishi {
	font-size: 14px;

}

.name {
	font-size: 15px;
	font-weight: bold;
}

#left-content-about {
	width: 100%;
	max-width: 445px;
	float: left;
	margin-left: 25px;
	margin-bottom: 65px;
}

#right-content-about {
	float: right;
	width: 445px;
	margin-right: 22px;
}

#introduction03 {
	margin-left: 120px;
}
/***************************************
menu.htmlのデザイン
*************************************/
h3 {
	font-size: 16px;
	font-weight: 400;
	/*margin-bottom: -10px;*/
}

h3 a {
	color: #ec6c00;
}

h3 :hover {
	color: #49A935;
}

a.showf span.en{ display:inline; }
a.showf:hover span.en{ display:none; }
a.showf span.jp{ display:none; }
a.showf:hover span.jp{ display:inline; }

#left-content-menu {
	float: left;
	width: 100%;
	max-width: 470px;
	margin-left: 20px;
	margin-top: 60px;
}

#right-content-menu {
	float: right;
	width: 100%;
	max-width: 470px;
	margin-top: 60px;
	margin-right: 15px;
}

.left-img {
	float: left;
	width: 248px;
	margin-right: 25px;
	margin-bottom: 55px;
}

.right-text1 {
	/*margin-top: -20px;*/
}

.right-text2 {
	margin-top: 65px;
}

.right-text3 {
	margin-top: 50px;
}

.left-img a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.right-text22 {
	margin-top: 70px;
}　
/**********************************
*lunch-weekday.htmlのデザイン
***********************************/
#titlemenu {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	padding-top: 50px;
}

#titlemenu a {
	text-decoration: none;
	color: #EC6C00;
}

#titlemenu a:hover {
	color: #49A935;
}

#text-menu {
	font-size: 14px;
	font-weight: 400;
	color: #646464;
	text-align: center;
}

.lunch-weekday-img {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 55px;
}
#lunch-weekday-img {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 5px;
}

/************************************
*access.htmlのデザイン
***********************************/
figcaption {
	font-size: 14px;
	font-weight: 400;
	color: #646464;
	padding-left: 10px;
	padding-bottom: 45px;
	padding-top:6px;
}

.left-content-access {
	float: left;
	width: 265px;
	margin-left: 20px;
}

.center-content-access {
	float: left;
	width: 265px;
	margin-left: 70px;
}

.right-content-access {
	float: right;
	width: 310px;
	margin-right: 25px;
}

#rightaccess {
	float: right;
	width: 310px;
	margin-right: 25px;
}



#map {
	font-size: 18px;
	font-weight: 500;
	margin-top: 100px;
	margin-bottom: 30px;
	margin-left: 35px;
}

.map {
	margin-left: 20px;
	margin-right: 20px;
}

.addressmap {
	font-size: 14.5px;
	font-weight: 400;
	color: #787878;
	font-family: "メイリオ", sans-serif;
	margin-left: 20px;
	margin-top: 9px;
}

.big {
	font-size: 13px;
	font-weight: 400px;
	color: #ec6c00;
	font-family: "メイリオ", sans-serif;
	padding-left: 20px;
}

.big:hover {
	color: #49A935;
}

.menu-text {
	margin-top: -20px;
	margin-left: -30px;
}

.menu-img {
	text-align: center;
}
.menu-container-top {
	padding-top: 16px;
}
.menu-container {
	padding-top:16px;
}

.menu-container-last {
   padding-top:16px;
	 padding-bottom:21px !important;
}

/*add 20160820*/
#blog dl{
	margin-top:30px;
}
.postfront_title{
	
	font-weight:normal;
	color:#EC6C00;
	margin-bottom:8px;
}
.postfront_title a{
	color:#EC6C00 !important;
	font-size:15px !important;

}
.postfront_content{
	font-size:13px !important;
	font-weight:300 !important;
	
}
#blog .postfront_info{
	font-size:9pt !important;
	color:#ccc !important;
	margin:0;
}
#blog .postfront_info{
	font-size:8pt !important;
	color:#ccc !important;
	margin:0 !important;
	line-height:100%;
	padding-bottom:0 !important;

}
#blog .postfront_content{
font-weight:300 !important;
	margin:0 0 20px 0;
	padding-right:30px;
}


.menu-text {
		margin-left: 0px;
}
.menu-text h3{
		display:block;
		margin-left: 40px !important;
}
.menu-container-top {
	width: 95%;
	margin:0 auto;
}
.menu-container {
	width: 95%;
	margin:0 auto;
}
.menu-container-last {
	width: 95%;
	margin:0 auto;
}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.slick-dots li{
	margin-top:-7px;
}
#blog .imageline{
	width:25%;
	float: left;
	
}
#blog .imageline span{
	display:block;
	padding-right:10px;
}
#blog dd{
	margin-bottom:10px;
	
}
#blog .imageline img{
	width:100%;	
}
#blog .line2{
	width:75%;
	float: left;
}

/*20170224*/
#about-left-content,
#about-right-content,
.about-text{
	font-weight:300;
}

.menuimegearea{
	float:left;
	width:240px;
}
.menuimegearea img{
	width:100%;
	height: auto;
}
.menutextarea h4,.menutextarea h4 a{
	color:#ef6c02;
	font-size:15px;
	line-height: 15px;
	margin:0;
	padding:0;
}
.menutextarea{
	width:208px;
	float: left;
	padding-left:24px;

}
ul.menuitem{
	padding-left:0 !important;
}
.menuitem{
	width:472px;
	display: block;
}
.menuitem.lline_c{
	float:left;
}
.menuitem.rline_c{
	float:right;
}
.item_menutext{
	font-weight:300;
	font-size:12px;
	line-height: 25px;
	margin-top:4px;
	letter-spacing: -1px;
	
}
.spareaa{
	display:none;	
}
#headerbg ul{
	float: right;
	display: block;
	width:657px;
}