@charset "utf-8";

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

   page
         - index
         - dish
         - room
         - saijiki
									- info


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


/*--------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------*/
#index {
  color:#000;
}

.banner {
	position: relative;
	width: 100%;
	height: 721px;
	background: url(../../image/top/bg-banner_20220208.jpg) no-repeat center center;
	background-size: cover;
}

.banner .logo {
	position: absolute;
	width: 100%;
	top: 190px;
	text-align: center;
}

.banner .scroll {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
}

#index .link {
  width:50px;
  position: absolute;
  top: 200px;
  right:0;
		z-index: 100;
}

#index .link img:first-child {
  margin-bottom:25px;
}

#index .banner .bg-banner {
  width:100%;
}

#index .content-top {
  padding:30px 0 25px 0;
  text-align:center;
  margin:0 auto;
}

#index .content-top p {
  line-height:25px;
  margin-top:20px;
}

#index .frame {
  width:100%;
  height:auto;
  text-align:center;
  margin:0 auto;
}

#index .frame01 {
  background:url(../../image/top/bg-frame01.png) no-repeat 0 center;
  background-size:cover;
}

#index .frame02 {
  background:url(../../image/top/bg-frame02.png) no-repeat 0 center;
  background-size:cover;
}

#index .frame03 {
  background:url(../../image/top/bg-frame03.png) no-repeat 0 center;
  background-size:cover;
}

#index .frame04 {
  background:url(../../image/top/bg-frame04.png) no-repeat 0 center;
  background-size:cover;
}

#index .frame h2 {
  padding:70px 0 30px 0;
}

#index .frame h2 img{
	margin: 0 auto;
}

#index .frame p {
  line-height:30px;
  color:#fff;
}

#index .frame .bt-frame {
	 display: block;
  margin: 60px 0;
}

#index .frame .list-link {
  width: 647px;
  text-align: center;
  margin: 0 auto;
}

#index .frame .list-link2 {
  width: 419px;
  text-align: center;
  margin: 0 auto;
}

#index .frame .list-link ul li,
#index .frame .list-link2 ul li {
  float:left;
  margin:0 37px 40px 0;
		background-color: #FFFFFF;
}

#index .frame .list-link ul li:last-child,
#index .frame .list-link2 ul li:last-child {
  margin-right:0;
}

#index .map {
  text-align:center;
  margin:0 auto;
}

#index .map h2 {
  padding:40px 0 20px 0;
}

#index .map p {
  line-height: 1.6;
		font-size: 18px;
		font-weight: bold;
}

#index .map p a{
	display: block;
	margin: 0 10px 30px;
	color: #000000;
	font-size: 14px;
	text-align: center;
}

#index .map .box-map {
  width:100%;
  height:310px;
  margin:25px 0 5px;
}

#index .map .info p {
	margin: 0 0 20px;
}

#index .map .info img {
  margin:0 15px;
}

#index .map .carBox {
	/*width: 860px;*/
	width: 377px;
	margin: 0 auto 20px;
}

#index .map .carstop {
	width: 458px;
	float: left;
	text-align: left;
}

#index .map .carstop span {
	display: block;
	text-align: left;
	padding: 5px;
	background-color: #001D44;
	color: #FFFFFF;
}

#index .map .carstop a {
	color: #000000;
}

#index .map .carstopgif {
	/*float: right;*/
	width: 377px;
}

#gmap {
position: relative;
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
}
 
#gmap iframe,
#gmap object,
#gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#index .miraitabi {
padding: 20px 0;
}

#index .miraitabi img {
width: 300px;/*265*/
height: auto;
}

#index .yoshiiline {
padding: 20px 0;
}

#index .yoshiiline img {
width: 300px;
height: auto;
}

.addTop {
	margin: 20px 0 0;
}

.addTop a {
	width: 86%;
	margin: 0 auto;
	display: block;
	padding: 10px;
}

.addTop a:hover {
	background-color: #F3F2F1;
}

.addTop dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.addTop dl dt {
	width: 18%;
	background: url(../image/arrow-02.png) no-repeat 90% center;
	background-size: 10px;
	text-align: left;
}

.addTop dl dd {
	width: 82%;
	font-size: 16px;
	text-align: left;
	line-height: 1.4;
}

.iziModal {
	max-width: 1000px !important;
	max-height: 90% !important;
}

.iziModal1 .iziModal-content {
	padding: 60px !important;
	line-height: 1.3;
}

.iziModal1 .iziModal-content h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 20px;
}

.iziModal1 .iziModal-content p {
	margin: 0 0 20px;
}

.iziModal1 .iziModal-content p img {
	max-width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.iziModal1 .iziModal-content ol {
	margin: 0;
	padding: 0 0 0 18px;
}

.iziModal1 .iziModal-content ol li {
	margin: 0 0 10px;
	list-style-type: decimal !important;
}

.iziModal1 .closebtn {
	position: absolute;
	top: 20px;
	left: 95%;
	background-color: #333;
	color: #FFF;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height:30px;
	text-align: center;
}

.newsBox {
	padding: 40px 0;
}

.newsBox h2 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 40px;
}

.newsList {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.newsList .list {
	width: 46%;
	margin: 0 2% 30px;
}

.newsList .list .box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 10px;
}

.newsList .list .newsImage {
	width: 150px;
}

.newsList .list .newsImage img {
	max-width: 150px;
	height: auto;
}

.newsList .list .newsText {
	width: 240px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
}

#index .newsList .list .newsText p {
	line-height: normal;
	margin: 0 0 10px;
}

.newsBox .btn {
	text-align: center;
	margin: 0 0 40px;
}

.newsBox .btn a {
	width: 300px;
	margin: 0 auto;
	padding: 14px 0;
	display: block;
	color: #FFF;
	background: url(../image/arrow-03.png) #727171 no-repeat 96% center;
}

/*--------------------------------------------------------------------------------------------
  dish
--------------------------------------------------------------------------------------------*/
#dish .banner-content .bx-viewport {
	max-height: 500px;
}

#dish .container,
#facility .container,
#oiwai .container,
#dish .container2 {
  padding:0 30px;
}

.dish-ac {
  background:url(../image/line-menu.png) no-repeat bottom left 80px;
  background-size:47px auto;
}

.bx-pager {
  text-align:center;
}

.bxslider img {
	 width: 100%;
		height: auto;
}

.bx-pager-item {
  display:inline-block;
}

.bx-pager-link {
  width:36px;
  height:16px;
  display:block;
  background:url(../../image/dish/icon-page-slideshow.png) no-repeat;
  text-indent: -9999px;
  margin:10px 0px 25px 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background:url(../../image/dish/icon-pageactive-slideshow.png) no-repeat;
}

.banner-content {
  position:relative;
}

.banner-content .text .container {
  position:absolute;
  top:2%;
  left:0;
  right:0;
  text-align:center;
  height: calc(92% - 50px);
  padding-bottom: 50px;
}

.banner-content .text .container .text1-banner {
  margin-left:60px;
		max-height: 480px;
		width: auto;
}

.banner-content .text .container .text2-banner {
  position:absolute;
  bottom:0;
}

#dish .content-top,
#facility .content-top,
#oiwai .content-top {
  width:100%;
  text-align:center;
  padding-bottom:50px;
  background:rgba(199, 185, 154, 0.2);;
}

#dish .content-top h1,
#facility .content-top h1,
#oiwai .content-top h1 {
  padding:30px 0;
}

#dish .content-top a,
#facility .content-top a,
#oiwai .content-top a {
  float:left;
  width:260px;
  height:260px;
  margin-right:30px;
  position:relative;
}

#dish .content-top a:last-child,
#facility .content-top a:last-child,
#oiwai .content-top a:last-child {
  margin-right:0px;
}

.frame-content {
  width:100%;
  padding:30px 0 50px 0;
  margin-bottom:10px;
  border-bottom:12px solid rgba(199, 185, 154, 0.2);
}

.frame-content .fl-left {
  width:306px;
  margin-right:29px;
  text-align:center;
}

.frame-content .fl-left p.text {
	text-align: left;
	font-size: 15px;
	line-height: 1.6;
}

.frame-content .fl-left .img-top {
  margin-bottom:30px;
}

.frame-content .fl-left .text1 {
  margin-bottom:30px;
}

.frame-content .fl-left .info-detail {
  background:#ebe8eb;
  padding:12px 17px 5px 17px;
  font-size:11px;
  text-align:left;
  margin-top:35px;
}

.frame-content .fl-left .info-detail h3 {
  padding:14px 0 10px 0;
  border-bottom:1px solid #d5d2d4;
  text-align:center;
}

.frame-content .fl-left .info-detail ul {
  width:100%;
  float:left;
  padding:10px 0;
}

.frame-content .fl-left .info-detail li {
  width:100px;
  float:left;
  margin-left:15px;
  margin-bottom:5px;
  padding-left:10px;
}

.frame-content .fl-left .info-detail li:nth-child(2n+0) {
  width:135px;
}

.frame-content .fl-left .info-detail p {
  line-height:17px;
}

.frame-content .fl-right {
  width:505px;
}

.frame-content .fl-right .bt-detail {
  width:100%;
  height:48px;
  background:#727171;
  text-align:center;
  padding:15px 0;
  display:block;
  margin-top:60px;
}

.bt-top {
  margin-top:15px;
  display:block;
  text-align:right;
}

#dish .box01 {
  width:100%;
  border-bottom:12px solid #c8bb9b;
}

#dish .box h1 {
  padding:35px 0 30px 0;
  text-align:center;
}

#dish .box .text .container {
  height: 70px;
  position:absolute;
		top: 180px;
  left:0;
  font-size:20px;
  line-height:30px;
  color:#fff;
  text-align:left;
}

#dish .box .list-product {
  margin-bottom:20px;
}

#dish .box .list-product ul {
  margin:15px 0 30px 0;
}

#dish .box .list-product li {
  float:left;
  margin-right:30px;
  text-align:center;
  line-height:30px;
  font-size:16px;
}

#dish .box .list-product li img {
  width:260px;
}

#dish .box .list-product li:last-child {
  margin-right:0;
}

#dish .box .list-product li .title {
  font-size:20px;
  margin-top:15px;
  width:100%;
}

#dish .box .list-product .info {
  font-size:13px;
  margin:30px 0 50px;
  line-height:25px;
}

#dish .box .list-product .info .fl-left {
  width:240px;
  margin-right:70px;
  text-align:right;
		font-size: 16px;
}

#dish .box .list-product .info .fl-right {
  width:530px;
		font-size: 16px;
}

#dish .dishUl {
	width: 860px;
	margin: 0;
}

#dish .dishUl li {
	float: left;
	width: 260px;
	margin: 0 40px 0 0;
	text-align: center;
	font-size: 18px;
	line-height: 1.6;
}

#dish .dishUl li:last-child {
	margin: 0;
}

#dish .dishUl li img {
	margin: 0 0 10px;
}

#dish .dishUl li span {
	display: block;
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 22px;
}

#dish .annaiBox h1 {
	margin-bottom: 40px;
}

#dish .annaiBox .annnai {
	text-align: center;
}

#dish .annaiBox p {
	line-height: 1.6;
	margin: 0 0 30px;
	font-size: 16px;
}

#dish .annaiBox .kakaku {
	margin: 0 0 20px;
	padding: 30px 0 20px;
	border-top: 2px solid #C8BB9B;
	border-bottom: 2px solid #C8BB9B;
	font-size: 16px;
}

#dish .annaiBox .kakaku dt {
	width: 100px;
	float: left;
	margin: 0 0 10px 5px;
}

#dish .annaiBox .kakaku dd {
	margin: 0 0 10px 100px;
}

#dish .box .banner-content .bx-viewport {
	max-height: 290px;
}

.unagip {
	line-height: 1.6;
	font-size: 16px;
}

.cafedl {
	width: 400px;
	margin: 0 auto 60px;
}

.cafedl dt {
	width: 300px;
	float: left;
	margin: 0 0 10px;
}

.cafedl dd {
	text-align: right;
	margin: 0 0 10px 300px;
}

.dlink {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	background-color: #727171;
	color: #FFFFFF !important;
}

#dish .list2 {
width: 550px;
margin: 15px auto 30px !important;
}

/*--------------------------------------------------------------------------------------------
  room
--------------------------------------------------------------------------------------------*/
#room .banner-content .bx-viewport {
	max-height: 500px;
}

.room-ac {
  background:url(../image/line-menu.png) no-repeat bottom left 160px;
  background-size:50px auto;
}

#room .container {
  padding:0 30px;
}

#room .banner-content .text .container .text1-banner {
 	margin-top: 20px;
  margin-right:0;
}

#room .banner-content .text .container .text2-banner {
  left:35px;
}

#room .content-top {
  width:100%;
  background:rgba(200,187,155,0.2);
  text-align:center;
  padding-bottom:20px;
}


#room .content-top h2 {
  padding:30px 0;
}

#room .content-top li {
  float:left;
  margin: 0 30px 15px 0px;
  position:relative;
}

#room .content-top li:nth-child(3n+0) {
  margin-right:0;
}

.content-top .text {
  width:260px;
  height:141px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  text-align:center;
  background:url(../../image/room/bg-item-contenttop.png) no-repeat;
  color:#000;
  cursor:pointer;
}

.content-top .text2 {
  width:260px;
  height:141px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  text-align:center;
  background:url(../../image/room/bg-item-contenttop.png) no-repeat;
  color:#000;
  cursor:pointer;
}

#dish .content-top .text,
#facility .content-top .text,
#oiwai .content-top .text {
  width:260px;
  height:260px;
  background:url(../../image/dish/bg-product-hover-contenttop.png) no-repeat;
  padding-top:110px;
}

#dish .content-top .text2 {
  width:260px;
  height:260px;
  background:url(../../image/dish/bg-product-hover-contenttop2.png) no-repeat;
  padding-top:110px;
}

#facility .frame01 .frame-content {
  padding: 30px 0 90px 0;
}

.content-top .text:hover {
  background:url(../../image/room/bg-item-hover-contenttop.png) no-repeat;
  color:#fff;
}

.content-top .text2:hover {
  background:url(../../image/room/bg-item-hover-contenttop2.png) no-repeat;
  color:#fff;
}

#dish .content-top .text:hover,
#facility .content-top .text:hover,
#oiwai .content-top .text:hover {
  background:url(../../image/dish/bg-product-contenttop.png) no-repeat;
}

#room .content-top li .text h5,
#room .content-top li .text2 h5 {
  font-size:12px;
  padding-top:16px;
		font-weight: bold;
}

.content-top .text h3 {
  font-size:24px;
  padding-bottom:3px;
  line-height:25px;
}

.content-top .text2 h3 {
 	padding-bottom: 5px !important;
  font-size:24px;
  padding-bottom:0px;
  line-height: 1;
}

.content-top .text2 h3 span {
	font-size: 16px;
}

#room .content-top li .text p {
  line-height:18px;
}

#room .content-top li .text2 p {
  line-height:1.2 !important;
}

#room .content-top p {
  line-height:25px;
		font-weight: bold;
}

#room .content-top h3 {
  padding:15px 0 10px 0;
}

#room .frame-content .info-detail {
  padding:11px;
  font-size:12px;
  line-height:17px;
  margin-top:15px;
		font-weight: bold;
}

#room .frame-content .info-detail p {
	margin: 0 !important;
}

#room .frame-content .fl-left .text1 {
  margin-bottom: 40px;
}

#room .frame-content .info-detail .fl-left {
  width:40px;
  margin-right:0;
}

#room .frame-content .info-detail .fl-right {
  width:233px;
}

#room .frame-content .info-detail .text-top {
  border-bottom:1px solid #b6b1b2;
  padding-bottom:10px;
  margin-bottom:10px;
}

#room .frame-content .bt-top {
  margin-top: 130px;
}

#room .frame-content .fl-left .bt-frame {
  background:#727171;
  display:block;
  margin-top:25px;
}

#room .frame-content .fl-left {
	text-align: left;
}

#room .frame-content .fl-left p {
	margin: 0 0 20px;
	line-height: 1.6;
}

#room .box h2 {
  padding:40px 0 50px 0;
  text-align:center;
}

#room .box li {
  float:left;
  margin-right:55px;
  margin-bottom:20px;
}

#room .box li:nth-child(2n+0) {
  margin-right:0px;
}

#room .box .bt-top {
  margin:55px 0 55px 0;
}

.sp-slide img {
    width: 100%;
    height: 50vw;
    object-fit: cover;
}

.room3d {
width: 600px;
margin: 40px auto -80px;
}


/*--------------------------------------------------------------------------------------------
  saijiki
--------------------------------------------------------------------------------------------*/
#saijiki .banner,
#okami .banner,
#info .banner,
#facility .banner-content {
    position:relative;
}

#saijiki .banner .img-banner,
#info .banner .img-banner,
#okami .banner .img-banner {
  width:100%;
}

#saijiki .content .container {
  padding:0 25px 80px 55px;
}

#okami .content .container {
  padding:0 25px 80px;
}

#saijiki .banner .text .container,
#info .banner .text .container,
#facility .banner .text .container,
#okami .banner .text .container {
  position:absolute;
  top:8%;
  left:0;
  right:0;
}

#info .content h2 {
  font-size:24px;
  line-height:27px;
  padding:0 5px 7px 5px;
  border-bottom:1px solid #ab1116;
  margin-top:60px;
  margin-bottom:15px;
}

#saijiki .content h3,
#okami .content h3 {
  font-size:24px;
  line-height:27px;
  padding:0 5px 7px 5px;
  border-bottom:1px solid #ab1116;
  margin-top:60px;
  margin-bottom:15px;
}

#saijiki .content p,
#okami .content p {
  line-height:25px;
  padding:0 5px;
		margin: 0 0 30px;
		font-size: 16px;
}

.saijiki_banner {
	height: 329px;
	background: url(../image/info_banner.png) no-repeat center center;
	background-size: cover;
}

.saijiki_banner div {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0;
}


/*--------------------------------------------------------------------------------------------
  facility
--------------------------------------------------------------------------------------------*/
#facility .banner-content .bx-viewport {
	max-height: 500px;
}

#facility .banner-content .text .container {
	position: absolute;
	top: 30px;
	left: 60px;
	text-align: left;
	height: auto;
}


#facility .frame h1 {
  padding: 50px 0px 20px 0;
  text-align:center;
}

#facility h1 img {
	 max-width: 100%;
		height: auto;
  text-align:center;
  margin:0 auto;
}

#facility .frame p {
  line-height:22px;
  text-align:left;
}

#facility .frame .text-top-frame02 {
  margin: 20px auto 60px auto;
}

#facility .frame02 .fl-right img:first-child {
  margin-bottom:12px;
} 

#facility .frame-content .fl-left .info-detail {
  padding: 24px 17px 24px 17px;
}

#facility .frame-content .fl-left .info-detail ul {
  border-top: 1px solid #d5d2d4;
  padding:10px 0 0 0;
		font-size: 13px;
}

#facility .frame-content .fl-left .info-detail li {
  line-height:1.6;
  width:100%;
}

#facility .frame03 {
  margin:35px 0 50px 0;
}

#facility .frame03 h1 {
  text-align:center;
  padding-bottom:60px;
}

#facility .frame03 li {
  float:left;
  margin-right:22px;
}

#facility .frame03 li:last-child {
  margin-right:0;
}


#dish .list-info,
#facility .list-info {
	width: 560px; /*910*/
	margin: 0 auto;
}


/*--------------------------------------------------------------------------------------------
  oiwai
--------------------------------------------------------------------------------------------*/
#oiwai .banner-content .bx-viewport {
	max-height: 500px;
}

#oiwai .frame01 .siki {
	height: 300px;
	background: url(../../image/oiwai/img-top-frame01.png) no-repeat 0 0;
	background-size: cover;
	text-indent: -9999px;
}

#oiwai h1,
#oiwai h2,
#oiwai h3 {
  text-align:center;
}

#oiwai .frame {
  color:#000;
  font-size:16px;
  border-bottom: 10px solid rgba(200,187,155,0.2);
}

#oiwai .info-top h1 {
  padding:25px 0 20px 0;
}

#oiwai .frame .container {
  padding:0 30px 20px;
}

#oiwai .frame p {
 	margin-bottom: 20px;
  padding-bottom:10px;
  line-height: 1.4;
}

#oiwai .frame .text-small {
  padding-bottom:20px;
  line-height:20px;
}

#oiwai .frame .bt-frame01 {
  margin-bottom:20px;
  display:block;
}

#oiwai .frame01 .info-room {
  width:100%;
  border-top:1px solid #d3cdbd;
  padding-top:20px;
  text-align:center;
}

#oiwai .frame01 .info-room h3 {
  padding:15px 0;
}

#oiwai .frame01 .info-room div {
  width:390px;
		margin: 0 0 50px;
}

#oiwai .info-detail h1 {
  padding:10px 0 40px 0;
}

#oiwai .info-detail {
  color:#231815;
  font-size:14px;
}

#oiwai .info-detail h2 {
  font-size:24px;
		font-weight: bold;
  border-bottom:1px solid #B01F24;
  padding-bottom:10px;
  margin-bottom:15px;
}

#oiwai .info-detail .box {
  padding:0 30px 20px 30px;
}

#oiwai .info-detail p {
  line-height:20px;
  padding-bottom:20px;
}

#oiwai .info-detail .box  .fl-left {
  width:550px;
}

#oiwai .info-detail .box .text {
  line-height:20px;
  margin-bottom:50px;
}

#oiwai .info-detail .box .title {
  width:100px;
}

#oiwai .info-detail .box .text .fl-right {
  width:450px;
		padding-bottom: 10px;
}

#oiwai .text-comment {
  width:580px;
  padding:10px 0 20px 0;
  margin:0 auto;
  text-align:center;
  border: 1px solid #B01F24;
  margin-bottom:10px;
}

#oiwai .frame02 .font-red {
  font-size:14px;
  text-align:center;
  margin:15px 0 85px 0;
  color:#BA0007;
}

#oiwai .frame02 {
  margin-bottom: 0;
  border:none;
}

#oiwai .frame02 .font-blue {
  color:#1D2088;
}

#oiwai .frame02 .font-blue a {
	text-decoration: none;
  color:#1D2088;
}

#oiwai .frame02 .font-blue a:hover, #oiwai .frame02 .font-blue a:active {
	text-decoration: underline;
}

#oiwai .frame02 .info-detail .box {
  margin-bottom:40px;
}

#oiwai .frame02 .info-detail .box .text {
  margin-bottom:0px;
}

#oiwai .frame03 {
	padding: 60px 0;
}

#oiwai .frame03 h2 {
	font-size: 30px;
	margin: 0 0 20px;
}


#oiwai .frame03 .box {
	width: 780px;
	margin: 0 auto;
}

#oiwai .frame03 .box .fl-left {
	width: 550px;
}

#oiwai .frame03 .box .title {
	width: 100px;
}

#oiwai .frame03 .box .text .fl-right {
	width: 450px;
	padding-bottom: 10px;
}

/*--------------------------------------------------------------------------------------------
  okami
--------------------------------------------------------------------------------------------*/
#okami .content {
  margin-top:30px;
  margin-bottom:40px;
}

#okami .content .fl-left {
  width:570px;
}

#okami .content h3 {
  margin-top: 30px;
}

.okami_banner {
	height: 329px;
	background: url(../image/info_banner.png) no-repeat center center;
	background-size: cover;
}

.okami_banner div {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0;
}


/*--------------------------------------------------------------------------------------------
  info
--------------------------------------------------------------------------------------------*/
#info .banner .text .container { 
  top: calc(50% - 155px);
  text-align:right;
}

#info .content h1 {
  padding:50px 0;
  text-align:center;
}

#info .content .container {
  padding:0 30px;
  font-size:16px;
  line-height:30px;
}

#info .content .fl-left img {
  margin-top:5px;
}

#info .content .fl-right {
  width:490px;
  margin-left:15px;
}

#info .content p {
  margin-bottom:30px;
}

#info .content .text-right {
  float:right;
  text-align:right;
  margin:30px 0 50px;
}

.info_banner {
	height: 329px;
	background: url(../image/info_banner.png) no-repeat center center;
	background-size: cover;
}

.info_banner div {
	width: 900px;
	margin: 0 auto;
	padding: 12px 0 0;
	text-align: right;
}


/*--------------------------------------------------------------------------------------------
  inquiry
--------------------------------------------------------------------------------------------*/
.inquiry {
	width: 100%;
	margin-bottom: 20px;
}

.inquiry th {
	width: 200px;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

.inquiry td {
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

.inquiry td input {
	display: block;
	width: 400px;
}

.inquiry td textarea {
	display: block;
	width: 400px;
}

.inqbtn {
	margin: 0 0 50px;
	text-align: center;
}

.hs {
	color: #F00;
}

.error {
	background-color: #FEE;
	padding: 3px;
}


/*--------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------*/
.news_banner {
	background: url(../image/news_back.jpg) no-repeat center center;
	background-size: cover;
	height: 250px;
}

.news_banner h1 {
	width: 900px;
	margin: 0 auto;
	color: #FFF;
	font-size: 30px;
	font-weight: bold;
	line-height: 250px;
	text-shadow: 
	 1px 1px 1px #000,
	 1px -1px 1px #000,
	 -1px 1px 1px #000,
	 -1px -1px 1px #000,
	 3px 3px 10px #000,
		-3px -3px 10px #000;
	letter-spacing: 0.1em;
}

.newsDetailBox {
	width: 900px;
	margin: 0 auto;
	padding: 60px 0;
}

.newsDetailBox h1 {
	margin: 0 0 60px;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.2em;
}