/*
Theme Name: REMBLANDT HOTEL
Theme URI: https://rembrandt-group.com
Description: REMBLANDT HOTEL
Author: Chihoko Nakano
*/

/* ****************************************************************************
 *
 * 1. Common
 *
 * ***************************************************************************/
/* ======================================================
 * 1-1. Reset
 * =================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
/*	max-width: 100%;*/
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body,
table,
input, textarea, select, option{
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
ol, ul, dl{
	list-style: none;
}
blockquote, q{
	quotes: none;
}
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}
img{
	vertical-align:text-bottom;
}

*{
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

body{
	color: gray;
	font:13px/1.231 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	line-height: 1.5;
}

/* ======================================================
 * 1-2. Style
 * =================================================== */
img{
	vertical-align: text-bottom;
}

a:hover img{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
a:hover{
	-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.lnk{
	display: block;
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
a.yazi{
	padding: 0 10px;
	margin-left: 10px;
	background: url(../../../../images/common/yazi_lnk.png) no-repeat center left;
}
a.yazi:hover,
a.lnk:hover{
	background: url(../../../../images/common/yazi_hover.png) no-repeat center left;
}
a.link{
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/lnk.png) no-repeat center left;
}
a.pdf{
	padding: 5px 5px 5px 28px;
	background: url(../../../../images/common/pdf.png) no-repeat center left;
}
a.mail{
	padding: 5px 0 5px 20px;
	background: url(../../../../images/common/mail.gif) no-repeat center left;
}
a.tel{
	display: inline-block;
	padding-left: 30px;
	margin: 10px 0;
	background: url(../../../../images/common/ico_tel.png) no-repeat center left;
	background-size: 25px 20px;
	font: bold 20px/100% Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

@media screen and (min-width: 641px){
	.aligncenter{
		display: block;
		clear: both;
		margin: 0.25em auto 1.5em;
	}
	.alignleft{
		float: left;
		clear: both;
		margin: 0.25em 1.5em 0.25em 0;
	}
	.alignright{
		float: right;
		clear: both;
		margin: 0.25em 0 0.25em 1.5em;
	}
	.alignnone{
		float: none;
		clear: both;
		margin: 0;
	}
}
strong{
	font-weight: bold;
}

/*----------------------
  ページリンク
------------------------*/
ul#pagelink{
	padding: 20px 0;
	font-weight: bold;
	overflow: hidden;
}
li.oldpage{
	display: inline;
	float: right;
}
li.newpage{
	display: inline;
	float: left;
}

/* ======================================================
 * 1-6. footer
 * =================================================== */
/*----------------------
  TEL
------------------------*/
div#tel{
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 30px 0;
}
div#tel img{
	width: 100%;
	height: auto;
}

/*----------------------
  ページトップ
------------------------*/
.pagetop{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100px;
	height: 135px;
	background: url(../../../../images/common/pagetop.png) no-repeat;
	text-indent: -9999em;
	z-index: 10000;
}
.pagetop:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

@media screen and (min-width: 641px){
	#atsugi .pagetop{
		position: fixed;
		bottom: 100px;
		right: 0;
		width: 60px;
		height: 60px;
		border-top: solid 1px #bb9558;
		border-bottom: solid 1px #bb9558;
		border-left: solid 1px #bb9558;
		background: url(../../../../images/sp/ico_top.jpg) no-repeat;
		background-size: 60px 60px;
	}
}
@media screen and (max-width: 640px){
	.pagetop{
		display: block;
		position: relative;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
		background: none;
		text-indent: 0;
	}
}
.post .pagetop{
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border: solid 1px #bb9558;
	background: url(../../../../images/sp/ico_top.jpg) no-repeat;
	background-size: 50px 50px;
}

/*----------------------
  SNS
------------------------*/
div.sns{
	width: 100%;
	min-height: 50px;
	padding-bottom: 10px;
	margin: 0 auto 10px auto;
	border-bottom: solid 1px #ccc;
}
div.sns ul{
	float: none;
}
div.sns ul li{
	display: inline-block;
	float: right;
	width: 54px;
	height: 50px;
	text-align: center;
}
#atsugi div.sns ul li{
	width: 52px;
}
div.sns ul li a{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../../../../images/common/btn_sns.png) no-repeat;
	text-indent: -9999em;
}
div.sns ul li.facebook_url a{
	background-position: 0 0;
}
div.sns ul li.twitter_url a{
	background-position: -50px 0;
}
div.sns ul li.tripadvisor_url a{
	background-position: -100px 0;
}
div.sns ul li.line_url a{
	background-position: -150px 0;
}
div.sns ul li.instagram_url a{
	background-position: -250px 0;
}
div.sns ul li.youtube_url a{
	background-position: -300px 0;
}
div.sns ul li.blog_url a{
	background-position: -350px 0;
}
div.sns ul li a:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

/*----------------------
  footer部分
------------------------*/
div#footer{
	clear: both;
	padding-top: 10px;
	border-top: solid 1px #ccc;
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #f8f8f8);
    background : -webkit-linear-gradient(top, #f2f2f2, #f8f8f8);
    font-size: 90%;
	overflow: hidden;
}
div#footer a{
	color: #333;
}
div#footer div#footerInner{
	width: 90%;
	margin: 0 auto;
}
div#footer div#footerInner div{
	clear: both;
	padding-bottom: 10px;
	overflow: hidden;
}
div#footer div#footerInner ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: center;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
div#footer div#footerInner ul li{
	padding: 0.5em 1.5em;
}
div#footer div#footerInner ul a{
	display: block;
	padding: .5em;
	text-align: center;
}

/*
div#footer div#footerInner div ul{
	position: relative;
	float: left;
	left: 50%;
}
div#footer div#footerInner div ul li{
	position: relative;
	left: -50%;
	display: inline;
	float: left;
}
div#footer div#footerInner div ul li a{
	display: block;
	padding-left: 10px;
	line-height: 200%;
}
div#footer div#footerInner div ul li a:after{
	content: "　|";
}
div#footer div#footerInner div ul li:last-child a:after{
	content: "";
}
*/
div#footer div#footerInner div#group{
	padding-top: 10px;
	border-top: solid 1px #ccc;
}

/* ロゴと住所 */
div#footer div#footerInner div#address{
	clear: both;
	padding-top: 10px;
	border-top: solid 1px #ccc;
	text-align: center;
}
div#footer div#footerInner div#address img{
	width: 74px;
	height: 50px;
	padding-bottom: 10px;
	vertical-align: middle;
}
div#footer div#footerInner div#address .tel{
	padding-left: 10px;
}
div#footer #sp_group{
	display: none;
}

/* コピーライト */
div#copy{
	clear: both;
	padding: 5px 0;
	background: #3f1016;
	color: #fff;
	font-family: Calibri;
	text-align: center;
}

@media screen and (max-width: 640px){
	div#tel{
		display: none;
	}
	div.sns ul{
		position: relative;
		float: left;
		left: 50%;
		overflow: none;
	}
	div.sns ul li{
		position: relative;
		left: -50%;
		display: inline;
		float: left;
		width: 70px;
		height: 50px;
		text-align: center;
	}
	div.sns ul li a{
		display: block;
	}
	div#footer{
		margin-bottom: 50px;
	}
	div#footer div#footerInner{
		width: 100%;
	}
	div#footer div#footerInner ul li{
		padding: 1em .5em;
	}
	div#footer div#footerInner ul a{
		display: block;
		padding: .5em;
		text-align: center;
	}
	#footer #group{
		display: none;
	}
	div#footer #sp_group{
		display: block;
	}
	#footer select{
		display: block;
		width: 80%;
		padding: .5em;
		margin: 2em auto;
		background: #fff url(../../../../images/common/yazi_b.png) no-repeat center right;
		font-size: 16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#footer select option{
		padding: 1em .5em;
	}
	a.pagetop{
		display: none;
	}
	#fixnav a.pagetop{
		display: inline-block;
	}
}


/* ****************************************************************************
 *
 * 3. Contents
 *
 * ***************************************************************************/
/* ======================================================
 * 3-1. Common
 * =================================================== */
/* 分割 */
@media screen and (min-width: 641px){
	ul.col4,
	ul.col3,
	ul.col2{
		width: 100% !important;
		overflow: hidden;
	}
	ul.col4 li,
	ul.col3 li,
	ul.col2 li{
		display: inline;
		float: left;
		padding: 4px;
		border-bottom: dotted 1px #e5e5e5;
		box-sizing: border-box;
	}
	ul.col4 li{
		width: 25%;
	}
	ul.col3 li{
		width: 33.333%;
	}
	ul.col2 li{
		width: 50%;
	}
	ul.col3 li.li2{
		width: 66% !important;
	}
	ul.col4 li img,
	ul.col3 li img,
	ul.col2 li img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
}
/* table */
.section table{
	margin-bottom: 20px;
	border-collapse: collapse;
}
.section table th{
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #e5e5e5);
    background : -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
	font-weight: bold;
	white-space: nowrap;
}
.section table.w100 th{
	white-space: nowrap;
}
.section table th,
.section table td{
	padding: 10px;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}
.section table.price th,
.section table.price td{
	padding: 10px 20px;
}
.section table.price td{
	text-align: right;
}
.section table.t th,
.section table.t td{
	vertical-align: top !important;
}
.section table.no th,
.section table.no td{
	border: none;
}

/* list */
.line{
	padding: 10px 0;
	margin: 10px 0;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
}
div#page ul.list li{
	margin-left: 20px;
	list-style-type: disc;
}
ul li.ttl{
	width: 100% !important;
	margin: 20px 0 10px 0 !important;
	color: #3f1016;
	font-weight: bold;
	list-style-type: none !important;
}
ul.list li.title{
	padding-top: 5px;
	margin-left: 0;
	color: #3f1016;
	list-style-type: none;
}
ul.list li.no{
	padding-top: 10px;
	margin-left: 0;
	list-style-type: none;
}
ol.list li{
	margin-left: 30px;
	list-style-type: decimal;
}

.txc,
.txc li,
.txc td{
	text-align: center !important;
}

hr{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -moz-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -ms-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
	background-image: -o-linear-gradient(left, rgba(204,204,204,0.25), rgba(204,204,204,0.75), rgba(204,204,204,0.25));
}

.mt20{
	margin-top: 20px !important;
}
.strong{
	font-size: 1.3em;
	font-weight: bold;
}
.large{
	font-size: 1.3em;
}
.font_l{
	font-size: 120% !important;
}
.clear{
	clear: both !important;
}
@media screen and (max-width: 640px){
	ul.col3,
	ul.col2{
		width: 100% !important;
		overflow: hidden;
	}
	ul.col3 li,
	ul.col2 li{
		display: inline;
		float: left;
		padding: 4px;
		border-bottom: dotted 1px #e5e5e5;
		box-sizing: border-box;
	}
	ul.col3 li,
	ul.col2 li{
		width: 50%;
	}
	ul.col3 li.li2{
		width: 100% !important;
	}
	ul.col3 li img,
	ul.col2 li img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	.strong,
	.large{
		font-size: 15px;
	}
}

/* ======================================================
 * Form
 * =================================================== */
table.form{
	width: 100%;
	margin: 30px 0 !important;
	line-height: 150%;
}
table.form th{
	width: 210px;
}
table.form th,
table.form td{
	padding: 20px !imprtant;
}
table.form span.check{
	display: inline;
	float: right;
	color: red;
}

form.contact input,
form.contact label,
form.contact select,
form.contact textarea{
	padding: 5px;
	margin: 3px 0;
}
form.contact input._email{
	margin-top: 10px;
}
form.contact input.hidden{
	display: none;
}
p.form_btn{
	text-align: center;
}
p.form_btn input{
	padding: 10px !important;
	margin: 0 auto;
	text-align: center;
}
.contact_form span.msg{
	color: red;
}
.contact_form input{
	padding: 10px;
	margin: 20px 0;
}
form.contact ul.col2 li,
form.contact ul.col3 li{
	border: none;
}

.contact p.btn a{
	width: 300px;
} 

.contact_form table{
	background: #fff;
}
.contact_form table th,
.contact_form table td{
	padding: 10px 0;
	border-bottom: dotted 1px #ccc;
}

@media screen and (min-width: 641px){
	/* スマホDate非表示 */
	table.form .sp_date{
		display: none;
	}
	.w300{
		width: 300px;
	}
}
@media screen and (max-width: 640px){
	/* ＰＣデータピッカー非表示
	table.form .datepicker{
		display: none;
	} */
	table.form .sp_date{
		display: none;
	}/* 日付指定の為SPもPCと同様に */
	/* スマホ用テーブル設定 */
	table.form tr{
		display: block;
		padding: 0;
		margin: 0;
	/*	width: 80% !important; */
		margin-bottom: 1.5em;
	}
	table.form th,
	table.form td{
		display: list-item;
		list-style: none;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	form.contact input[type="text"],
	form.contact input[type="email"],
	form.contact input[type="tel"],
	form.contact select,
	form.contact textarea{
		font-size: 16px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	form.contact input,
	form.contact select,
	form.contact textarea{
		width: 100%;
		max-width: 100% !important;
		box-sizing: border-box;
	}
	form.contact input[type="radio"],
	form.contact input[type="checkbox"]{
		width: 30px !important;
		margin-bottom: 30px;
	}
}

/* ======================================================
 * ショッピングカート
 * =================================================== */
/* ショッピングカート用 修正・追加 */
div.top-btn{
	margin-bottom: 30px;
}
.shop_form table{
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
}
.shop_form table.cart_tbl{
	margin-top: 20px;
}
.shop_form table th{
	background: #f2f2f2;
	background: linear-gradient(#f2f2f2, #e5e5e5);
    background : -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
}
.shop_form table th, 
.shop_form table td{
	padding: 10px 5px !important;
}
.shop_form table.cart_tbl th, 
.shop_form table.cart_tbl td{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
table.cart_form td:hover,
table.btn-tbl td:hove,
table.panel td:hove{
	background: none !important;
}
/* 商品等 */
table.cart_tbl th{
	text-align: center;
}
table.cart_tbl td.ta-r{
	padding-right: 10px;
	text-align: right;
}
/* 住所等 */
table.cart_form th,
table.cart_form td{
	border: none!important;
}
table.cart_form td{
	border: none;
}
table.cart_form td.w-key{
	width: 150px;
}
table.cart_form input,
table.cart_form select,
table.cart_form textarea,
table.cart_form input{
	padding: 3px;
	margin: 3px 0;
}
/* 全画面・注文確定 */
table.btn-tbl td{
	border: none !important;
}
/* その他・連絡事項 */
table.underline td{
	padding-bottom: 10px 0;
	border-bottom: dotted 1px #ccc;
}
/* 進行状況 */
table.panel td{
	border: solid 1px #ccc;
	text-align: center;
}
table.panel th{
	color: #3f1016;
	background: #dece90;
	background: linear-gradient(#dece90, #f0e9cc);
    background : -webkit-linear-gradient(top, #dece90, #f0e9cc);
	text-align: center;
}
div.err-addr{
	color: red;
}
/* 入力必須 */
span.req{
	border-left: 2px solid red;
	padding-left: 3px;
}
/* 入力任意 */
span.opt{
	border-left: 2px solid #fff;
	padding-left: 3px;
}

p.home{
	margin: 30px auto;
	text-align: center;
}
p.home a{
	padding: 20px;
	margin: 30px auto;
	border: double 3px #ccc;
}

.red,
span.msg{
	color: red;
}

.acordion_tree dl dt{
	padding-top: 5px;
	margin-top: 5px;
	border-top: dotted 1px #ccc;
	font-weight: bold;
}
.acordion_tree dl dd{
	padding: 5px;
}

form.cart{
	float: right;
	padding-bottom: 10px;
	font-size: 110%;
}

form.line{
	padding: 10px 0;
	margin: 10px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

p.notice{
	font-size: 120%;
	line-height: 150%;
}

/* 買物カゴを確認 */
.rest_cart div.cart form.cart{
	float: none !important;
	padding: 0;
	text-align: center !important;
}
@media screen and (min-width: 641px){
	.rest_cart div.cart{
		padding: 10px 0;
		font-size: 120%;
		overflow: hidden;
	}
	.rest_cart div.cart input{
		padding: 20px;
	}

}

/* ======================================================
 * TineMCE
 * =================================================== */
/* TineMCE */
/* 見出し(飾り付) */
.mce_h_ttl{
	height: 30px;
	padding-left: 30px;
	margin: 20px 0 10px 0;
	border-bottom: solid 1px #ccc;
	background: url(../../../../images/common/bg_block.png) repeat-y;
	font-weight: bold;
	line-height: 30px;
}
/* 小見出し(ポイント) */
.mce_h_point{
	padding: 5px 0 5px 18px !important;
	background: url(../../../../images/common/point.gif) no-repeat left center;
	color: #660000;
	font-weight: bold;
}
/* ポイント */
.mce_point{
	padding-left: 18px;
	padding-right: 10px;
	background: url(../../../../images/common/point.gif) no-repeat left center;
	color: #660000;
	font-weight: bold;
}
/* 料金・電話番号 */
.mce_large{
	font-weight: bold;
	font-size: 120%;
}
/* 枠（画像） */
span.waku img{
	padding: 6px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	box-siziing: border-box;
}
/* 枠（記事） */
.border_d{ 
	padding: 10px;
	margin: 10px 0;
	border: double 3px #D6C378;
	overflow: hidden;
	box-sizing: border-box;
}
/* 見出し(背景つき) */
.mce_waku{
	width: 80%;
	height: 25px;
	margin: 10px 0;
	background: url(../../../../images/common/bg_ttl.jpg) repeat-x;
	color: #660000;
	border: solid 1px #660000;
	line-height: 25px;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* 見出し(背景黄色) */
.mce_waku_y{
	width: 572px;
	padding: 3px;
	margin-bottom: 10px;
	background: #ffffee;
	border: solid 1px #ccc;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/* 画像左寄せ枠付 */
div.mce_thumL{
	display: inline;
	float: left;
	width: 350px;
	text-align: center;
}
/* 画像右寄せ枠付 */
div.mce_thumR{
	display: inline;
	float: right;
	width: 350px;
	text-align: center;
}
div.mce_thumL img,
div.mce_thumR img{
	width: 100%;
	height: auto;
	padding: 6px;
	margin-bottom: 15px;
	border: solid 1px #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing: border-box;
}
div.mce_thumL p,
div.mce_thumR p{
	padding: 3px 0;
	text-align: center;
}
/* 幅350px */
.mce_width350{
	width: 350px;
}


@media screen and (max-width: 640px){
	/* 見出し(背景黄色) */
	.mce_waku_y{
		width: 100%;
		box-sizing: border-box;
	}
	/* 画像左寄せ枠付 */
	div.mce_thumR,
	div.mce_thumL{
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	/* 幅350px */
		width: 100%;
	}
}