@charset "utf-8";
/* ===================================================================
CSS information

 file name  :customize.css
 style info :ＭＴカスタマイズ
=================================================================== */
/* -----------------------------------------------------------
	全体共通
----------------------------------------------------------- */
* .pb_s {
	padding-bottom: 0.5em;
}

* .pb_m {
	padding-bottom: 1em;
}

* .pb_l {
	padding-bottom: 2em;
}

.description {
	margin-bottom: 5px;
}

@media only screen and (max-width: 736px) {
  .description {
	width: 95%;
	margin: 0 auto;
}
}

@media only screen and (max-width: 736px) {
  *.sp_hide {
	display: none;
}
}

/* 明朝体でサイズの大きい文字 */
h1, h2, h3, #homepage .btn .btn_min, .pagetitle, .back_gray .subtitle, .btn_faq, .btn_dep, .side_menu .st, .pagetitle, .mincho, #lead {
	font-family: "游明朝", YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', "HG明朝E", serif;
	font-weight: normal;
}
/* 明朝体でサイズの小さい文字 */
h3, #homepage .btn .btn_min {
	font-size:17px;
}


/* SP時のみ明朝を太い文字に */
@media only screen and (max-width: 736px) {
h2 {
	font-family: "游明朝", YuMincho, 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',"HG明朝E",'ＭＳ Ｐ明朝','MS PMincho',serif;
	font-weight: normal;
}
}

/* 角丸 */
.radius {
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
}

/* webフォントのアイコン左右空ける */
i {　 
	padding:0 0.25em;
}

/* ご予約・お問い合わせ */
.frame_inquiry {
	border:1px solid #6b6b6b;
	padding-bottom: 0.5em;
	text-align:center;
	min-width:200px;
	max-width:350px;
	margin:1em auto;
	text-align:center;
	line-height:1.5em;
	font-size:90%;
}

aside .frame_inquiry {
	width:100%;
}

@media only screen and (max-width: 736px) {
.frame_inquiry {
	width:100%;
}
}

.title_frame_inquiry{
	background-color: #6B6B6B;
	text-align:center;
	font-size: 14px;
	padding: 0.25em;
	margin-bottom: 5px;
	color: #ffffff;
	text-shadow: 1px 1px 3px #494949;
}
/* 「ご予約専用」のテキスト */
.frame_inquiry .for_reservation {
	background-color:#aba39f;
	color:#ffffff;
	margin:0.25em 7em 0.5em;
	min-width:7em; 
	padding:0.25em 2em;
	font-weight:bold;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
}

.frame_inquiry .tel {
	font-size:250%;
	margin-bottom:0.25em;
}

.frame_inquiry .txt_small {
	font-size:100%;
}

.frame_inquiry .txt_small .tel {
	font-size:125%;
}

.frame_inquiry .btn {
	text-align:center;
	max-width:80%;
	margin: 0 auto;
	padding: 0.25em 0;
	background-color: #a6a6a6;
	font-size: 100%;
	color: #fff;
	border-bottom: 2px #d5d4d4 solid;
	display: block;
}



/* -----------------------------------------------------------
	#main	メインコンテンツ
----------------------------------------------------------- */
#main {
	width: 680px;
	float: left;
}

@media only screen and (max-width: 736px) {
  #main {
	width: 100%;
	float: none;
	margin-bottom: 40px;
}
}
#main div {
	overflow: hidden;
}

@media only screen and (max-width: 736px) {
  article {
	padding: 0 1em;
}
}

.subtitle {
	width: 100%;
	padding: 20px 10px 0;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ic_h2_center.png);
	background-size: 55px 2px;
	font-size: 169%;
	color: #332923;
}

@media only screen and (max-width: 736px) {
  .subtitle {
	width: 100% !important;
	font-size: 116%;
}
}

.back_gray {
	width: 100%;
	padding: 0 20px 20px;
	background: #efefef;
}

.back_gray .subtitle {
	width: 100%;
	margin: 0 auto 30px;
	padding: 20px 0 0;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 55px 2px;
	font-size: 169%;
	color: #332923;
}

@media only screen and (max-width: 736px) {
  .back_gray {
	padding: 10px;
}

  .back_gray .subtitle {
	width: 100% !important;
	padding: 10px 0 0;
	margin-top:-10px;
	font-size: 116%;
}
}

.white_back {

	background: #fff;
	border: 1px solid #b6b6b6;
	padding: 20px;
}

@media only screen and (max-width: 736px) {
  .white_back {
	padding: 10px;
}
}

.caption {
	padding: 5px 0;
	text-align: left;
	font-size: 85%;
}

a {
	color: #6b6b6b;
	text-decoration: none;
}

a.link_blue {
	color: #007e7a;
}

a.link_blue:hover {
	border-bottom: 1px dotted #007e7a;
}

a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
/* TOPページのスライダーのみalpha処理なし */
.con_slider a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.left_txt {
	text-align: left;
}

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

@media only screen and (max-width: 736px) {
  .center_txt {
	width: 100%;
	margin: 0 auto 20px;
}
}

@media only screen and (max-width: 736px) {
.sp_left {
	text-align:left;
}
.sp_center {
	text-align:center;
	margin:0 auto;
}
}

h1 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	font-size: 215%;
	color: #332923;
}

@media only screen and (max-width: 736px) {
  h1 {
	width: 95%;
	padding: 0 0 10px;
	font-size: 169%;
}
}

h1.center_title {
	text-align: center;
}


/* 見出しに小さいアルファベット文字 */
h1 .alphabet, h2 .alphabet, h3 .alphabet {
	font-family: "Georgia", "Copernicus", "Times New Roman", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',"HG明朝E",serif;
	font-size: 75%;
	color: #6b6b6b;
	padding-left: 0.25em;
}

h1 .alphabet {
	font-size: 50%;
	padding-left: 1em;
}

h2 {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 0 0 15px;
	font-size: 169%;
	color: #332923;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ic_h2.png);
	background-size: 5px 30px;
}

@media only screen and (max-width: 736px) {
  h2 {
	width: 95%;
	margin: 0 auto 10px;
	padding: 0 0 0 15px;
	font-size: 123%;
}
}

h2.center_title {
	padding: 20px 0 0;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ic_h2_center.png);
	background-size: 55px 5px;
}

@media only screen and (max-width: 736px) {
  h2.center_title {
	width: 95%;
	padding: 10px 0 0;
}
.back_gray h2.center_title {
	margin-top:-10px;
}
}

h3 {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 0 0 30px;
	font-weight: normal;
	color:#595959;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../img/common/ic_h3.png);
	background-size: 20px 2px;
}

@media only screen and (max-width: 736px) {
  h3 {
	width: 95% !important;
	margin: 0 auto 10px;
	padding: 0 0 0 15px;
	background-size: 10px 2px;
	font-size: 125%;
}
}

h3.center_title {
	padding: 0;
	width: 100%;
	margin: 0 auto 20px;
	text-align: center;
	background-image: none;
}

h3.center_title span {
	width: auto;
	padding: 0 25px;
	background-image: url(../img/common/ic_h3_center.png), url(../img/common/ic_h3_center.png);
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: 10px 2px,10px 2px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
}

@media only screen and (max-width: 736px) {
  h3.center_title {
	width: 95% !important;
	margin: 0 auto 10px;
}

  h3.center_title span {
	padding: 0 25px;
	background-size: 10px 2px,10px 2px;
}
}

@media only screen and (max-width: 736px) {
  .for_pc {
	display: none;
}
}

.for_sp {
	display: none;
}

@media only screen and (max-width: 736px) {
  .for_sp {
	display: inherit;
}
  span.for_sp {
	display: inline;
}
}

/* SP時のみ改行する場合、spanにclassかけてbrタグ入れる */
span.sp_br {
	line-height:0;
	display:none;
	background-color:#333333;
}

@media only screen and (max-width: 736px) {
span.sp_br {
	display:inherit;
}
}

.white_back_title {
	width: 100%;
	margin: 0 auto 20px;
	background: #fff;
	border: 1px #b6b6b6 solid;
}

.white_back_title p {
	width: 100%;
	padding: 10px;
}

@media only screen and (max-width: 736px) {
  .white_back_title {
	width: 100% !important;
	margin: 0 auto 10px;
}
}

.frame_gray, .frame_red, .frame_green, .frame_gold {
	padding: 20px;
	margin: 0 auto 20px;
	background: #fff;
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .frame_gray, .frame_red, .frame_green, .frame_gold {
	width: 100%;
}
}

.frame_gray {
	border: 2px #b6b6b6 solid;
}

@media only screen and (max-width: 736px) {
  .frame_gray {
	margin: 0 auto 10px;

}
}

.frame_red {
	border: 2px #9A596A solid;
}

@media only screen and (max-width: 736px) {
  .frame_red {
	margin: 0 auto 10px;
}
}

.frame_green {
	border: 2px #a2ae4c solid;
}

@media only screen and (max-width: 736px) {
  .frame_green {
	margin: 0 auto 10px;
}
}

.frame_gold {
	border: 2px #998328 solid;
}

@media only screen and (max-width: 736px) {
  .frame_gold {
	margin: 0 auto 10px;
}
}

.alpha a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.divide_2 {
	width: 49% !important;
	float: left;
	margin-right: 2% !important;
}

.divide_3 {
	width: 32% ;
	float: left;
	margin-right: 2% !important;
}

.divide_4 {
	width: 24% !important;
	margin-right: 1.33333% !important;
	float: left;
}

@media only screen and (max-width: 736px) {
  .divide_4 {
	width: 49% !important;
	padding: 0px;
	margin-right: 2% !important;
}
}

.divide_5 {
	width: 18.4% !important;
	float: left;
	margin-right: 2% !important;
	font-size: 80%;
}

/* 1カラムの場合は文字の大きさ100% */
#wrp_1column .divide_5 {
	font-size: 100%;
}

.divide_2.last, .divide_3.last, .divide_4.last, .divide_5.last {
	margin-right: 0% !important;
}

@media only screen and (max-width: 736px) {
  .divide_2.sp_first, .divide_3.sp_first, .divide_4.sp_first, .divide_5.sp_first {
	margin-left: 17% !important;
}

  .divide_2.sp_last, .divide_3.sp_last, .divide_4.sp_last, .divide_5.sp_last {
	margin-right: 0% !important;
	margin-bottom:1em;
}
}

@media only screen and (max-width: 736px) {
  .divide_5 {
	width: 32% !important;
}
}

@media only screen and (max-width: 736px) {
  .sp_divide_1 {
	width: 100% !important;
	margin: 0 auto 10px;
	float: none;
}

  .sp_divide_1 img {
	width: 100%;
}
}


.img_right {
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.img_right .image {
	width: 40%;
	margin-bottom: 5px;
	float: right;
}

.img_right .image img {
	width: 100%;
}

.img_right .image p {
	padding-top: 5px;
	font-size: 85%;
}

.img_right .txt {
	width: 60%;
	float: left;
	padding-right: 30px;
	margin-bottom: 1em;
}

@media only screen and (max-width: 736px) {
  .img_right {
	margin: 0 auto 20px;
}

  .img_right .image {
	float: none;
	padding-bottom: 1em;
	width: 100%;
}

  .img_right .txt {
	width: 100%;
	float: none;
	padding-right: 0;
}

  .img_right.sp_small .image {
	width: 30%;
	padding-bottom: 1em;
	float: right;
}

  .img_right.sp_small .txt {
	width: 70%;
	float: left;
	padding-right: 1em;
}
}

.float_right {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.float_right .image {
	width: 40%;
	margin: 0 0 10px 30px !important;
	float: right;
}

.float_right .image img {
	width: 100%;
}

.float_right .image p {
	padding-top: 5px;
	font-size: 85%;
}

@media only screen and (max-width: 736px) {
  .float_right {
	width: 100%;
	margin: 0 auto 20px;
}

  .float_right .image {
	width: 100%;
	margin-bottom: 5px;
	float: right;
}

  .float_right.sp_small .image {
	width: 30%;
	padding-bottom: 1em;
	float: right;
	margin-left:1.5em !important;
}

}

.img_left {
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.img_left .image {
	width: 40%;
	margin-bottom: 5px;
	float: left;
}

.img_left .image img {
	width: 100%;
}

.img_left .image p {
	padding-top: 5px;
	font-size: 85%;
}

.img_left .txt {
	width: 60%;
	float: right;
	padding-left: 30px;
}

@media only screen and (max-width: 736px) {
  .img_left {
	width: 100%;
	margin: 0 auto 20px;
}

  .img_left .image {
	width: 100%;
	float: none;
}

  .img_left .txt {
	width: 100%;
	float: none;
	padding-left: 0;
}

  .img_left.sp_small .image {
	width: 30%;
	padding-bottom: 1em;
	float: left;
}

  .img_left.sp_small .txt {
	width: 70%;
	float: right;
	padding-left: 1em;
}
}

.float_left {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

.float_left .image {
	width: 40%;
	margin: 0 30px 10px 0 !important;
	float: left;
}

.float_left .image img {
	width: 100%;
}

.float_left .image p {
	padding-top: 5px;
	font-size: 85%;
}

@media only screen and (max-width: 736px) {
  .float_left {
	width: 100%;
	margin: 0 auto 20px;
}

  .float_left .image {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

  .float_left.sp_small .image {
	width: 30%;
	padding-bottom: 1em;
	float: left;
}
}

.img_right.small .image, .float_right.small .image, .img_left.small .image, .float_left.small .image {
	width: 20%;
}

.img_right.small .txt, .img_left.small .txt {
	width: 80%;
}

@media only screen and (max-width: 736px) {
  .img_right.small .image, .float_right.small .image, .img_left.small .image, .float_left.small .image {
	width: 30% !important;
}

  .img_right.small .txt, .img_left.small .txt {
	width: 70% !important;
}
}

@media only screen and (max-width: 736px) {
  .img_left.small .image {
	float: left !important;
}

  .img_left.small .txt {
	float: left !important;
	padding-left: 10px;
}
}
@media only screen and (max-width: 736px) {
  .img_right.small .txt {
	padding-right: 10px;
}

	/* 回り込みありの画像（小画像時） */
  .float_right.small .image, .float_left.small .image {
	width: 30% !important;
}

	/* 回り込みなしの画像 */
  .img_right, .img_left {
	width: 100%;
	float: none;
}

	/* 回り込みなしの画像（小画像時） */
  .img_right.small .image, .img_left.small .image {
	width: 50% !important;
	margin: 0 25%;
	text-align: center;
}
	/* 回り込みなしのテキスト（小画像時） */
  .img_right.small .txt, .img_left.small .txt {
	width: 100% !important;
	text-align: left;
}

}

/* キャプション以外の小文字テキスト */
.txt_small {
	font-size: 85%;
}

/************************

ボタン

**************************/

.btn_gray, .btn_black, .btn_red {
	margin: 0 auto 0.5em;
	padding: 10px 50px 10px 20px;
	background: url(../img/common/ic_arrows.png) right 20px center no-repeat;
	font-size: 100%;
	color: #fff;
	border-bottom: 2px #d5d4d4 solid;
	display: block;
	width:100%
}

@media only screen and (max-width: 736px) {
.btn_gray, .btn_black, .btn_red {
	width: 100%;
	padding: 10px;
	background: url(../img/common/ic_arrows.png) right 5px center no-repeat;
}
}

@media only screen and (max-width: 500px) {
.btn_gray, .btn_black, .btn_red {
	font-size: 75%;
}
}

.btn_gray {
	background-color: #6b6b6b;
}

.btn_black {
	background-color: #332923;
}

.btn_red {
	background-color: #9a596a;
}

.w20 {
	width: 20%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

@media only screen and (max-width: 736px) {
.w20, .w30, .w40, .w50, .w60, .w70, .w80, .w90, .w100 {
	width: 100%;
}
}

.btn_gray:link, .btn_black:link, .btn_red:link {
	text-decoration: none;
}

.btn_gray:visited, .btn_black:visited, .btn_red:visited {
	text-decoration: none;
}

.btn_gray:hover, .btn_black:hover, .btn_red:hover {
	text-decoration: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

.btn_gray:active, .btn_black:active, .btn_red:active {
	text-decoration: none;
}

.btn_faq {
	width: 100%;
	padding: 15px 20px 15px 60px;
	margin-bottom: 5px;
	font-size: 125%;
	color: #332923;
	border: 1px #b6b6b6 solid;
	display: block;
	position: relative;
}

.btn_faq:before {
	content: " ";
	width: 21px;
	height: 27px;
	background: url(../img/common/ic_q.png) 0 0 no-repeat;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -13px;
}

@media only screen and (max-width: 736px) {
  .btn_faq:before {
	left: 10px;
	margin-top: -13px;
	background-size: 50%;
	background-position: 0 center;
}
}
.btn_faq:after {
	content: " ";
	width: 9px;
	height: 5px;
	background: url(../img/common/ic_deployment.png) 0 0 no-repeat;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
}

.btn_faq:link {
	text-decoration: none;
}

.btn_faq:visited {
	text-decoration: none;
}

.btn_faq:hover {
	text-decoration: none;
}

.btn_faq:active {
	text-decoration: none;
}

.btn_faq:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

@media only screen and (max-width: 736px) {
  .btn_faq {
	width: 100%;
	padding: 10px 20px 10px 30px;
	font-size: 100%;
}
}

.btn_dep {
	width: 100%;
	padding: 15px 20px;
	font-size: 125%;
	color: #332923;
	border: 1px #b6b6b6 solid;
	display: block;
	position: relative;
}

.btn_dep:after {
	content: " ";
	width: 9px;
	height: 5px;
	background: url(../img/common/ic_deployment.png) 0 0 no-repeat;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -3px;
}

.btn_dep:link {
	text-decoration: none;
}

.btn_dep:visited {
	text-decoration: none;
}

.btn_dep:hover {
	text-decoration: none;
}

.btn_dep:active {
	text-decoration: none;
}

.btn_dep:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

@media only screen and (max-width: 736px) {
  .btn_dep {
	width: 100%;
	padding: 10px 20px 10px 10px;
	font-size: 100%;
}

  .btn_dep .slider {
	width: 100%;
}
}

.hide_box {
	padding: 10px;
}

.slider {
	overflow: visible !important;
}

@media only screen and (max-width: 736px) {
  .slider {
	width: 100%;
}
}

/* ------------------------------
文字の装飾
------------------------------ */
#lead {
	font-size:125%;
}

@media only screen and (max-width: 736px) {
#lead {
	font-size:100%;
}
#lead, #lead .mincho {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Ｐゴシック","MS PGothic",sans-serif;
}
}

.border_bottom {
	width: 100%;
	border-bottom: 1px dotted #484849;
}

/* 各色の■付き見出し（小） */
.title_gray, .title_red, .title_green, .title_gold {
	background-repeat: no-repeat;
	background-position: 0% 3px;
	font-size: 116%;
	font-weight: bold;
}

.title_gray {
	color: #6B6B6B;
}

.title_gray:before {
	content: "■";
}

.title_red {
	color: #9A596A;
}

.title_red:before {
	content: "■";
}

.title_green {
	color: #A2AE4C;
}

.title_green:before {
	content: "■";
}

.title_gold {
	color: #998328;
}

.title_gold:before {
	content: "■";
}

/* 各色背景色あり見出し */
.title_back_gray, .title_back_red, .title_back_green, .title_back_gold {
	font-size: 14px;
	margin-bottom: 5px;
	padding-left: 1em;
	font-weight: bold;
	color: #ffffff;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	border-radius: 0.3em;
	text-shadow: 1px 1px 3px #494949;
}

.title_back_gray {
	background-color: #6B6B6B;
}

.title_back_red {
	background-color: #9A596A;
}

.title_back_green {
	background-color: #A2AE4C;
}

.title_back_gold {
	background-color: #998328;
}


.title_back_gray.center_txt, .title_back_green.center_txt, .title_back_red.center_txt, .title_back_gold.center_txt {
	padding-left:0;
}

/* 各色の文字 */
.gray {
	color: #a6a6a6;
}

.red {
	color: #9A596A;
}

.green {
	color: #A2AE4C;
}

.gold {
	color: #998328;
}

/* 文字でバナーを作る場合 */
.character_banner {
	margin: 1em 0;
}

.character_banner i {
	padding-right: 0.3em;
}

.character_banner a {
	background-color: #DED8CE;
	padding: 0.4em 1.5em;
	color: #3E2111 !important;
}

.character_banner a:hover {
	background-color: #C4C0B6;
	color: #FFFFFF !important;
	border: none;
}


@media only screen and (max-width: 736px) {
  .character_banner a {
	display: block;
	padding: 1em 1.5em;
}
}

/* >■↓画像上にキャプション表示 */
.cap_on_image {
	position: relative;
	width:100%;
}

.cap_on_image img {
	vertical-align: bottom;
}

.cap_on_image span.caption, .cap_on_image span.caption_right {
	position: absolute;
	bottom: 0;
	color: #FFFFFF !important;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.75);
	max-width: 100%;
	display: block;
	z-index: 10;
	border-top:1px solid #ffffff;
}

.cap_on_image span.caption {
	border-right:1px solid #ffffff;
	left: 0;
}

.cap_on_image span.caption_right {
	border-left:1px solid #ffffff;
}

@media only screen and (max-width: 736px) {
.cap_on_image span.caption, .cap_on_image span.caption_right {
	font-size:100%;
}
}

.cap_on_image span.caption a, .cap_on_image span.caption_right a {
	color: #FFFFFF;
}

/* 右下にキャプション、画像に重ねる */
.cap_on_image span.caption_right {
	text-align:right;
	float:right;
	right:0;
}
.cap_on_image:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* -----------------------------------------------------------
	Table
----------------------------------------------------------- */
#contents table {
	margin: 0;
	border: 1px solid #b6b6b6;
	border-width: 1px 0 0 1px;
	color: #6b6b6b;
}

#contents table th {
	padding: 8px 12px;
	border: 1px solid #b6b6b6;
	border-width: 0 1px 1px 0;
	background: #efefef;
	color: #332923;
	text-align: left;
	font-weight: bold;
}

#contents table td {
	padding: 8px 12px;
	border: 1px solid #b6b6b6;
	border-width: 0 1px 1px 0;
	background: #fff;
	text-align:left;
}

@media only screen and (max-width: 736px) {
  #contents table {
	width: 100%;
	margin: 0 0 15px;
}
}

@-moz-document url-prefix() {
  #contents table {
	border-collapse: separate;
}
}


@media only screen and (max-width: 736px) {
  .tbl_sp th, .tbl_sp td {
	float: left;
	width: 100% !important;
	border: none;
	border-right: 1px solid #b6b6b6;
}
}
@media only screen and (max-width: 736px) and (max-width: 736px) {
  .tbl_sp td {
	border-bottom: 1px solid #b6b6b6;
}
}

/* アラカルトメニュー */
#contents table.alacarte { 
	border:none;
	width:100%;
	margin-bottom:0.5em;
}

#contents table.alacarte th, #contents table.alacarte td { 
	border:none;
	border-bottom:1px dotted #8b8b8b;
}

#contents table.alacarte th {
	background-color: transparent;
	font-weight:normal;
	width:80%;
}

#contents table.alacarte td {
	min-width: 7em;
	width: 20%;
	text-align: right;
	white-space: nowrap;
	padding-left: 2em;
	background-color: transparent;
}

/* コースメニュー用（オードブル：○○○○、前菜：○○○○　など） */
#contents table.course_menu { 
	border:none;
	width:100%;
	margin-bottom:0.5em;
}

#contents table.course_menu th, #contents table.course_menu td { 
	border:none;
	border-bottom:1px dotted #8b8b8b;
}

#contents table.course_menu th {
	background-color: transparent;
	width:15%;
	text-align:left;
	white-space: nowrap;
}

#contents table.course_menu td {
	background-color: transparent;
	width:85%;
}

@media only screen and (max-width: 736px) and (max-width: 736px) {
  #contents table.course_menu th {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
}

/* -----------------------------------------------------------
	.tab_container_2tabs	タブ切り替え(3つ)
----------------------------------------------------------- */
.tab_container_2tabs, #tab_container_2tabs {
	width: 100%;
}

.tab_container_2tabs .tab, #tab_container_2tabs .tab {
	background: url(../img/common/bg_b6b6b6.png) 0 bottom repeat-x;
	overflow: hidden;
}

.tab_container_2tabs .tab li, #tab_container_2tabs .tab li {
	width: 49%;
	height: auto;
	float: left;
	background: #332923;
	margin-left: 2%;
}

.tab_container_2tabs .tab li:first-child, #tab_container_2tabs .tab li:first-child {
	margin-left: 0;
}

.tab_container_2tabs .tab li a, #tab_container_2tabs .tab li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	padding: 15px 5px;
	text-align: center;
	border-top: 3px solid #332923;
}

.tab_container_2tabs .tab li a.active, .tab_container_2tabs .tab li a:hover, #tab_container_2tabs .tab li a.active, #tab_container_2tabs .tab li a:hover {
	background: #fff;
	color: #6b6b6b;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-top: 3px solid #a2ae4c;
}

.tab_container_2tabs .box_tab, #tab_container_2tabs .box_tab {
	width: 100%;
	padding: 20px;
	border: 1px solid #b6b6b6;
	border-top: none;
}

/* -----------------------------------------------------------
	.tab_container_3tabs	タブ切り替え(3つ)
----------------------------------------------------------- */
.tab_container_3tabs, #tab_container_3tabs {
	width: 100%;
}

.tab_container_3tabs .tab, #tab_container_3tabs .tab {
	background: url(../img/common/bg_b6b6b6.png) 0 bottom repeat-x;
	overflow: hidden;
}

.tab_container_3tabs .tab li, #tab_container_3tabs .tab li {
	width: 32%;
	height: auto;
	float: left;
	background: #332923;
	margin-left: 2%;
}

.tab_container_3tabs .tab li:first-child, #tab_container_3tabs .tab li:first-child {
	margin-left: 0;
}

.tab_container_3tabs .tab li a, #tab_container_3tabs .tab li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	padding: 15px 5px;
	text-align: center;
	border-top: 3px solid #332923;
}

.tab_container_3tabs .tab li a.active, .tab_container_3tabs .tab li a:hover, #tab_container_3tabs .tab li a.active, #tab_container_3tabs .tab li a:hover {
	background: #fff;
	color: #6b6b6b;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-top: 3px solid #a2ae4c;
}

.tab_container_3tabs .box_tab, #tab_container_3tabs .box_tab {
	width: 100%;
	padding: 20px;
	border: 1px solid #b6b6b6;
	border-top: none;
}

/* -----------------------------------------------------------
	.tab_container_4tabs	タブ切り替え(4つ)
----------------------------------------------------------- */
.tab_container_4tabs, #tab_container_4tabs {
	width: 100%;
}

.tab_container_4tabs .tab, #tab_container_4tabs .tab {
	background: url(../img/common/bg_b6b6b6.png) 0 bottom repeat-x;
	overflow: hidden;
}

.tab_container_4tabs .tab li, #tab_container_4tabs .tab li {
	width: 24%;
	height: auto;
	float: left;
	background: #332923;
	margin-left: 1.333333%;
}

.tab_container_4tabs .tab li:first-child, #tab_container_4tabs .tab li:first-child {
	margin-left: 0;
}

.tab_container_4tabs .tab li a, #tab_container_4tabs .tab li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	padding: 15px 5px;
	text-align: center;
	border-top: 3px solid #332923;
}

.tab_container_4tabs .tab li a.active, .tab_container_4tabs .tab li a:hover, #tab_container_4tabs .tab li a.active, #tab_container_4tabs .tab li a:hover {
	background: #fff;
	color: #6b6b6b;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-top: 3px solid #a2ae4c;
}

.tab_container_4tabs .box_tab, #tab_container_4tabs .box_tab {
	width: 100%;
	padding: 20px;
	border: 1px solid #b6b6b6;
	border-top: none;
}

/* -----------------------------------------------------------
	.tab_4tabs	タブ切り替え
----------------------------------------------------------- */
#main .tab_2tabs, #main .tab_3tabs, #main .tab_4tabs, #main .tab_5tabs {
	width: 100%;
}

#main .tab_2tabs .tab, #main .tab_3tabs .tab, #main .tab_4tabs .tab, #main .tab_5tabs .tab {
	background: url(../img/common/bg_b6b6b6.png) 0 bottom repeat-x;
	overflow: hidden;
}

#main .tab_2tabs .tab li, #main .tab_3tabs .tab li, #main .tab_4tabs .tab li, #main .tab_5tabs .tab li {
	height: auto;
	float: left;
	background: #332923;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	padding: 15px 5px;
	text-align: center;
	border-top: 3px solid #332923;
}

#main .tab_2tabs .tab li:first-child, #main .tab_3tabs .tab li:first-child, #main .tab_4tabs .tab li:first-child, #main .tab_5tabs .tab li:first-child {
	margin-left: 0;
}

#main .tab_2tabs .tab li.default, #main .tab_2tabs .tab li:hover, #main .tab_3tabs .tab li.default, #main .tab_3tabs .tab li:hover, #main .tab_4tabs .tab li.default, #main .tab_4tabs .tab li:hover, #main .tab_5tabs .tab li.default, #main .tab_5tabs .tab li:hover {
	background: #fff;
	color: #6b6b6b;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
	border-top: 3px solid #a2ae4c;
}

#main .tab_2tabs .container, #main .tab_3tabs .container, #main .tab_4tabs .container, #main .tab_5tabs .container {
	width: 100%;
	padding: 20px;
	border: 1px solid #b6b6b6;
	border-top: none;
}

#main .tab_2tabs .container li, #main .tab_3tabs .container li, #main .tab_4tabs .container li, #main .tab_5tabs .container li {
	list-style-type: none;
	list-style-position: inside;
}

#main .tab_2tabs .hide, #main .tab_3tabs .hide, #main .tab_4tabs .hide, #main .tab_5tabs .hide {
	display: none;
}

/* .tab_2tabs	タブ切り替え(3つ)
----------------------------------------------------------- */
#main .tab_2tabs .tab li {
	width: 49%;
	margin-left: 2%;
}

/* .tab_3tabs	タブ切り替え(3つ)
----------------------------------------------------------- */
#main .tab_3tabs .tab li {
	width: 32%;
	margin-left: 2%;
}

/* .tab_4tabs	タブ切り替え(4つ)
----------------------------------------------------------- */
#main .tab_4tabs .tab li {
	width: 24%;
	margin-left: 1.333333%;
}

/* .tab_5tabs	タブ切り替え(5つ)
----------------------------------------------------------- */
#main .tab_5tabs .tab li {
	width: 19.71%;
	margin-left: 0.36%;
}
@media only screen and (max-width: 736px) {
  #main .tab_5tabs .tab li {
	width: 19.71%;
  	padding: auto;
	font-size: 73%;
	min-height: 6.8em;
	line-height:0.9;
}
}

/*----------------------------------------------------
	リストタグ
----------------------------------------------------*/
#main ul, #main ol {
	padding-left: 1.5em;
}

/* 基本的なリストは黒丸 */
#main ul li, #main .tab_2tabs .container li ul li, #main .tab_3tabs .container li ul li, #main .tab_4tabs .container li ul li {
	list-style-type: disc;
	list-style-position: outside;
}

/* サブのリストは白丸 */
#main ul li ul li {
	list-style-type: circle;
}

/* olタグは数字を追加 */
#main ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

/* タブ切り替えのulタグを回避 */
#main ul.tab {
	padding-left: 0;
}

#main ul.tab li {
	list-style-type: none;
}
/* -----------------------------------------------------------
	.property
----------------------------------------------------------- */
.property {
	width: 100%;
	margin: 0 0 10px;
}

.property .category {
	padding-left: 0 !important;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
}

.property .category li {
	width: auto;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-size: 90%;
	padding: 0 1em;
	margin: 0 .2em .5em;
	color: #ffffff;
	background-color: #6b6b6b;
}

.property .category li a {
	color: #ffffff;
}

.property .date {
	width: auto;
	text-align: right;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	font-size: 107%;
	padding: 0;
	margin: 0 1em .3em 0;
}

@media only screen and (max-width: 736px) {
  .property .date {
	text-align: left;
	padding: 0;
}
}
@media only screen and (max-width: 736px) {
  .property {
	margin: 0 0 2em;
}

  .property .category {
	text-align: center;
	margin: .5em 0 0;
}
}

/* -----------------------------------------------------------
	aside	サイドコンテンツ
----------------------------------------------------------- */
aside {
	width: 300px;
	float: right;
}

@media only screen and (max-width: 736px) {
  aside {
	width: 100%;
	float: none;
	border-top: 1px solid #b6b6b6;
	padding-top: 40px;
	padding:1em 1em 0;
}
}

.box_side {
	margin-bottom: 30px;
}

@media only screen and (max-width: 736px) {
  .side_img {
	width: 100%;
	margin: 0 auto 20px;
}
}

.side_menu {
	border: 1px solid #e1e1e1;
}

@media only screen and (max-width: 736px) {
  .side_menu {
	width: 100%;
	margin: 0 auto 20px;
}
}
.side_menu .st {
	border-bottom: 1px solid #e1e1e1;
	border-left: 5px solid #a2ae4c;
	padding: 10px 0 10px 15px;
	font-size: 169%;
	color: #332923;
}

.side_menu .st a {
	display: block;
	width: 100%;
	text-decoration: none;
}

.side_menu .st a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

@media only screen and (max-width: 736px) {
  .side_menu .st {
	margin: 0 auto;
	font-size: 123%;
}
}
.side_menu ul {
	padding: 0 0;
}

.side_menu ul li a {
	border-top: 1px solid #e1e1e1;
	display: block;
	padding: 7px 15px;
	text-decoration: none;
}

.side_menu ul li a:hover {
	background: #e1e1e1;
}

.side_menu ul li:first-child a {
	border-top: none;
}

@media only screen and (max-width: 736px) {
  .side_menu_sub {
	width: 100%;
	margin: 0 auto 20px;
}
}
.side_menu_sub ul li {
	border-bottom: 1px solid #e1e1e1;
}

.side_menu_sub ul li a {
	display: inline-block;
	width: 100%;
	padding: 5px 0 5px;
	text-decoration: none;
}

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

.side_menu_sub ul li a:before {
	content: " ";
	width: 7px;
	height: 7px;
	display: inline-block;
	background: #e1e1e1;
	margin-right: 7px;
}

@media only screen and (max-width: 736px) {
  .side_banner {
	width: 100%;
	margin: 0 auto 20px;
}
}
.side_banner img {
	width: 100%;
}

@media only screen and (max-width: 736px) {
  .side_movie {
	width: 100%;
	margin: 0 auto 20px;
}
}
.side_movie img {
	width: 100%;
}

.side_frame {
	border: 1px solid #b6b6b6;
	padding: 15px;
}

@media only screen and (max-width: 736px) {
  .side_frame {
	width: 100%;
	margin: 0 auto 20px;
}
}

.side_opentable {
	background-image:url(http://www.opentable.jp/img/buttons/Otlogo.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	-moz-background-size:30% auto;
	background-size:35% auto; 
	min-height:35px;
}

/* -----------------------------------------------------------
	Youtubeの埋め込み
----------------------------------------------------------- */

.movie_outer {
  position: relative;
  width: 100%;
  padding-top:35.25%;
  max-width:640px;
  margin:0 auto;
}

@media only screen and (max-width: 736px) {
.movie_outer {
  padding-top:56.25%;
}
}
.movie_outer iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*----------------------------------------------------
	font-awesome
----------------------------------------------------*/
i.fa {
	margin-right:0.25em;	
}

/* -----------------------------------------------------------
	iOS8.4.1のリンク対応
----------------------------------------------------------- */
@media only screen and (max-width: 736px) {
a:hover, .alpha a:hover img, .btn_gray:hover, .btn_black:hover, .btn_red:hover, .btn_dep:hover, .btn_faq:hover, .side_menu .st a:hover, .btn .btn_min:hover, .con_slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover, .con_slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover, .con_pickup .wrp #slider-prev .bx-prev:hover, .con_pickup .wrp .bx-wrapper .carousel_slider li p a:hover, .con_pickup .wrp #slider-next .bx-next:hover, .con_news .btn .btn_min:hover, .con_slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover, .con_slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover, boxLink:hover, a:hover img, .btn input:hover, .hover_box, #overlay, #sp_gnav nav.wrp_sp_gnav ul.main_sp_gnav li a:hover, footer .con_footer .wrp ul li a:hover img, footer .con_spg .wrp .spg a:hover img, footer .con_spg .wrp .box ul li a:hover img, #contents .hover_box, #tab2 .slidetabs li img:hover, #footer-jal a:hover img
	{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	}
}