/* カスタム CSS をここに入力してください */
/* new contact form 7 */
#wrap_contact{
width: 100%;
}
#wrap_contact table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
}
#wrap_contact table tr th,
#wrap_contact table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
}
#wrap_contact table tr th{
width: 35%;
background: #eee;
}
#wrap_contact input[type="text"],
#wrap_contact input[type="email"],
#wrap_contact textarea{
padding: 0.7em;
width: 90%;
font-size:16px;
border:1px solid #CCC;
}
.wpcf7-form-mode-edit #wrap_contact input[type="button"].button-confirm, 
.wpcf7-form-mode-confirm #wrap_contact input[type="submit"] {
    background: #ee5656;
    height: 60px;
    font-size: 20px;
    letter-spacing: 0.1em;
    width: 300px;
    display: inline;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
.wpcf7-form-mode-confirm #wrap_contact input[type="button"].button-rewrite {
    background: #666666;
    height: 60px;
    font-size: 20px;
    letter-spacing: 0.1em;
    width: 300px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    border: 0;
    border-radius: 5px;
}
#wrap_contact table th span{
color: #fff;
background: #DC0003;
padding: 3px 3px;
font-size: 11px;
margin-left: 10px;
border-radius: 3px;
letter-spacing: 0.2em;
}
.wpcf7-form-mode-confirm #wrap_contact table th span,
.wpcf7-form-mode-confirm #wrap_contact .txt_edit,
.wpcf7-form-mode-confirm #wrap_contact .txt_sent{
  display:none;
}
.wpcf7-form-mode-edit #wrap_contact .txt_confirm,
.wpcf7-form-mode-edit #wrap_contact .txt_sent{
  display:none;
}
.sent #wrap_contact .txt_confirm,
.sent #wrap_contact .txt_edit,
.sent #wrap_contact table,
.sent #wrap_contact h2{
  display:none;
}
.sent #wrap_contact .txt_sent{
  display:block;
}
div.wpcf7-mail-sent-ok {
    border: none;
    padding:0;
    margin:0;
}
@media screen and (max-width:768px){
#wrap_contact{
width: 100%;
}
#wrap_contact table,
#wrap_contact table tbody,
#wrap_contact table tr,
#wrap_contact table tr th,
#wrap_contact table tr td{
display: block;
}
#wrap_contact table{
width: 100%;
border-width: 0 0 1px 0;
}
#wrap_contact table tr th,
#wrap_contact table tr td{
width: 90%;
padding: 3% 5%;
}
#wrap_contact table tr td{
border-width: 0px 1px 0px 1px;
}
}

#footer .headbox .textwidget {background:none !important;}
/* グローバルメニュー */
.smanone li {
	padding-top: 5px;
	padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
	
}
ul.menu li a {
	line-height: 25px !important;
}
@media print, screen and (min-width: 960px) {
header .smanone ul.menu {
 /*display: flex;フレキシブルボックス*/
/*text-align: center; センタリング*/
	display: table;
	table-layout: fixed;
	text-align: center;
	max-width: 1048px;
	margin: 0 auto;
	
}
	header .smanone ul.menu li {
	display: table-cell;
	float: none;
}

}
/* フォントの変更 */
.menu a {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
h1,h2,h3,h4 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
/* h3 がこれでないと変わらないため*/
.post h3:not(.st-css-no) span, .h2modoki, .h3modoki, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no) {

   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;

}
/* グローバルメニューの下に英語 */
/* ホーム */
.menu-item-32 > a:after {
    content: 'top';
    display: block;
    text-align: center;
	color:#888888;
}
/* お部屋： */
.menu-item-31 > a:after {
    content: 'room';
    display: block;
    text-align: center;
    color:#888888;
}
/* 料金：charge */
.menu-item-30 > a:after {
    content: 'charge';
    display: block;
    text-align: center;
    color:#888888;
}
.menu-item-29 > a:after {
    content: 'booking';
    display: block;
    text-align: center;
    color:#888888;
}
.menu-item-28 > a:after {
    content: 'recommendation';
    display: block;
    text-align: center;
    color:#888888;
}
.menu-item-27 > a:after {
    content: 'access';
    display: block;
    text-align: center;
    color:#888888;
}

/* オプション：option */
.menu-item-26 > a:after {
    content: 'option';
    display: block;
    text-align: center;
    color:#888888;
}