/*******************
 Template Name : uotome
*******************/
body{
    font-family :"ヒラギノ明朝 Pro W3","ＭＳ 明朝";
    border-top:10px solid #ccc;
}
.mt30{
    margin-top:30px;
}
.mb30{
    margin-bottom:30px;
}
.mb50{
    margin-bottom:50px;
}
.mb80{
    margin-bottom:80px;
}
.mb100{
    margin-bottom:100px;
}
.mb150{
    margin-bottom:150px;
}
.img100{
    width:100%;
}
.img70to100{
    width:70%;
}
@media(max-width:991px){
    .img70to100{
	width:100%;
    }
}
.logo_size105{
    max-width:105px;
}
.pagetitle img{
    width:250px;
}
.animated{
    opacity:0;
}
header{
    background:#f3f2ed;
    width:100%;
    position:relative;
}
.sp_nav{
    display:none;
}
.main_nav ul{
    padding:0;
    text-align:center;
    margin-top:10px;
}
.main_nav li{
    font-size:0;
    display:inline-block;
    width:16%;
}
.main_nav li:not(:last-child){
    border-right:1px solid #ccc;
}
.main_nav li a{
    font-size:16px;
    color:#666;
}
.main_nav li .subtitle{
    display:block;
    font-size:12px;
    text-align:center;
    color:#bbb;
}
.spimg{
    display:none;
}
.pcimg{
    border-top:3px solid #ccc;
}
@media(max-width:1199px){
    .main_nav li{
	width:15%;
    }
}
@media(max-width:991px){
    .spimg{
	display:block;
    }
    .pcimg{
	display:none;
    }
    .main_nav{
	display:none;
    }
    .sp_nav ul{
	padding-left:0;
	text-align:center;
    }
    .sp_nav li{
	list-style:none;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #ccc;
    }
    .sp_nav li a{
	color:#666;
    }
    .sp_nav li .subtitle{
	display:block;
	font-size:12px;
	color:#bbb;
    }
    .sp_button{
	display:block;
	width:60px;
	height:50px;
	position:absolute;
	top:50px;
	right:30px;
    }
    .sp_button span{
	display:block;
	width:80%;
	height:2px;
	background:#ccc;
	margin:10px auto 10px;
    }
    .sp_button.open span:nth-of-type(1){
	transform:rotate(45deg);
	margin-top:22px;
    }
    .sp_button.open span:nth-of-type(2){
	opacity:0;
	transform:rotateX(180deg);
    }
    .sp_button.open span:nth-of-type(3){
	transform:rotate(-45deg);
	margin-top:-24px;
    }
    .sp_button.open{
	background:#ccc;
    }
    .sp_button.open span{
	background:#fff;
    }
}
.main_content{
    margin-top:80px;
}
/************************
 breadcrumb
*************************/
.breadcrumb{
    background:#fff;
    margin-top:30px;
}
.breadcrumb a{
    color:#666;
}
/***********************
 top
***********************/
/*********
 top
 abstract
 **********/
#top_abstract .vertical_catch{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode:vertical-rl;
    text-align:left;
    display:inline-block;
    font-size:18px;
}
/**********
 top
 about
***********/
#top_about h2{
    position:relative;
}
#top_about h2 .ja{
    letter-spacing:0.1em;
    display:block;
    margin-bottom:30px;
}
#top_about h2 .ja:before{
    content:"";
    display:inline-block;
    width:50px;
    height:50px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
#top_about h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    right:0;
    z-index:-1;
}
#top_about .top_about_cnt img{
    width:100%;
}
#top_about .top_about_cnt{
    position:relative;
}
#top_about .top_about_cnt .leftimg{
    width:70%;
    box-shadow:50px 50px #f3f2ed;
}
#top_about .top_about_cnt .rightcnt{
    position:absolute;
    width:60%;
    background:rgba(255,255,255,0.8);
    top:15%;
    left:40%;
    padding:30px;
    border:1px solid #ccc;
}
#top_about .top_about_cnt .rightcnt h3{
    font-size:20px;
    font-weight:bold;
    margin-bottom:30px;
}
#top_about .top_about_cnt .rightcnt .catch{
    letter-spacing:0.1em;
    font-size:18px;
}
.readmore a{
    display:inline-block;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding-left:1.5em;
    padding-right:1.5em;
    padding-top:1em;
    padding-bottom:1em;
    font-size:20px;
}
@media(max-width:991px){
    #top_about .top_about_cnt .leftimg{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #top_about .top_about_cnt .rightcnt{
	position:static;
	width:100%;
	border:none;
    }
    #top_about h2 .ja{
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    #top_about h2 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	margin-left:-50px;
	top:-85px;
    }
    #top_about h2 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
}
.topbg{
    background:url('assets/images/uotome018.jpg');
    background-size:cover;
    background-position:50% 75%;
    height:300px;
    position:relative;
    z-index:-2;
    text-align:right;
}
.topbg:before{
    content:"";
    width:100%;
    height:300px;
    position:absolute;
    background:rgba(255,255,255,0.1);
    display:block;
    top:0;
    z-index:-1;
}
.topbg .toplogo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-right:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
}
.topbg_about{
    background:url('assets/images/uotome005.jpg');
    background-size:cover;
    background-position:center;
    height:300px;
    position:relative;
    z-index:-2;
    text-align:left;
}
.topbg_about:before{
    content:"";
    width:100%;
    height:300px;
    position:absolute;
    background:rgba(255,255,255,0.1);
    display:block;
    top:0;
    z-index:-1;
}
.topbg_about .toplogo{
    background:rgba(230,230,230,0.9);
    color:#333;
    border-top:15px solid #666;
    display:inline-flex;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-left:5%;;
    align-items:center;
    font-family: "Sawarabi Mincho";
}
/*****************************
 top 
 menu
******************************/
#top_menu h2{
    position:relative;
}
#top_menu h2 .ja{
    letter-spacing:0.1em;
    display:block;
    margin-bottom:30px;
}
#top_menu h2 .ja:before{
    content:"";
    display:inline-block;
    width:50px;
    height:50px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
#top_menu h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    left:0;
    z-index:-1;
    opacity:0.8;
}
#top_menu .top_menu_cnt img{
    width:100%;
}
#top_menu .top_menu_cnt{
    position:relative;
    text-align:right;
}
#top_menu .top_menu_cnt .leftimg{
    width:70%;
    box-shadow:-50px 50px #f3f2ed;
    display:inline-block;
}
#top_menu .top_menu_cnt .rightcnt{
    position:absolute;
    width:60%;
    background:rgba(255,255,255,0.8);
    top:15%;
    left:0%;
    padding:30px;
    border:1px solid #ccc;
    text-align:left;
}
#top_menu .top_menu_cnt .rightcnt h3{
    font-size:20px;
    font-weight:bold;
    margin-bottom:30px;
}
#top_menu .top_menu_cnt .rightcnt .catch{
    letter-spacing:0.1em;
    font-size:18px;
}
.readmore a{
    display:inline-block;
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding-left:1.5em;
    padding-right:1.5em;
    padding-top:1em;
    padding-bottom:1em;
}
@media(max-width:991px){
    #top_menu .top_menu_cnt .leftimg{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #top_menu .top_menu_cnt{
	text-align:center;
    }
    #top_menu .top_menu_cnt .rightcnt{
	position:static;
	width:100%;
	border:none;
    }
    #top_menu h2 .ja{
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    #top_menu h2 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	top:-85px;
	left:50%;
	margin-left:-50px;
    }
    #top_menu h2 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
}
/***********************
 top news
***********************/
#top_news h2{
    position:relative;
}
#top_news h2 .ja{
    letter-spacing:0.1em;
    display:block;
}
#top_news h2 .ja:before{
    content:"";
    display:inline-block;
    width:50px;
    height:50px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
#top_news h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    right:0;
    z-index:-1;
}
#top_news ul{
    width:80%;
    padding-left:0;
    list-style:none;
    box-shadow:50px 50px #f3f2ed;
    border:1px solid #ccc;
    padding:15px;
}
#top_news ul li:not(:last-child){
    border-bottom:1px solid #eee;
    padding-top:15px;
    padding-bottom:15px;
}
#top_news ul li:last-child{
    padding-top:15px;
    padding-bottom:15px;
}
#top_news ul li .meta .time{
    font-size:18px;
    margin-bottom:20px;
}
#top_news ul li .meta .category p{
    display:inline-block;
    margin-right:20px;
    background:#ccc;
    padding-left:1em;
    padding-right:1em;
}
#top_news ul li .meta .category p a{
    color:#666;
    font-size:18px;
}
#top_news ul li h3 a{
    color:#888;
    font-size:20px;
}
@media(max-width:991px){
    #top_news h2 .ja{
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    #top_news h2 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	top:-85px;
	left:50%;
	margin-left:-50px;
    }
    #top_news h2 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
}
@media(max-width:767px){
    #top_news ul{
	width:100%;
	box-shadow:none;
    }
}
/*************************
 top
 order
*************************/
#top_order h2{
    position:relative;
}
#top_order h2 .ja{
    letter-spacing:0.1em;
    display:block;
}
#top_order h2 .ja:before{
    content:"";
    display:inline-block;
    width:50px;
    height:50px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
#top_order h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    right:0;
    z-index:-1;
}
#top_order .top_order_cnt img{
    width:100%;
}
#top_order .top_order_cnt{
    position:relative;
}
#top_order .top_order_cnt .leftimg{
    width:70%;
    box-shadow:50px 50px #f3f2ed;
}
#top_order .top_order_cnt .rightcnt{
    position:absolute;
    width:60%;
    background:rgba(255,255,255,0.8);
    top:15%;
    left:40%;
    padding:30px;
    border:1px solid #ccc;
}
#top_order .top_order_cnt .rightcnt h3{
    font-size:20px;
    font-weight:bold;
    margin-bottom:30px;
}
#top_order .top_order_cnt .rightcnt .catch{
    font-size:18px;
    letter-spacing:0.1em;
}
.topbg_order{
    background:url('assets/images/top_order.jpg');
    background-size:cover;
    background-position:center;
    height:300px;
    position:relative;
    z-index:-2;
    text-align:left;
}
.topbg_order:before{
    content:"";
    width:100%;
    height:300px;
    position:absolute;
    background:rgba(255,255,255,0.1);
    display:block;
    top:0;
    z-index:-1;
}
.topbg_order .toplogo{
    background:rgba(230,230,230,0.9);
    color:#333;
    border-top:15px solid #666;
    display:inline-flex;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-left:5%;;
    align-items:center;
    font-family: "Sawarabi Mincho";
}
@media(max-width:991px){
    #top_order h2 .ja{
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    #top_order h2 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	top:-85px;
	left:50%;
	margin-left:-50px;
    }
    #top_order h2 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
    #top_order .top_order_cnt .leftimg{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #top_order .top_order_cnt .rightcnt{
	position:static;
	width:100%;
	border:none;
    }
}
/*****************************
 top event
 *****************************/
.topbg_event{
    background:url('assets/images/topbg_event.jpg');
    background-size:cover;
    background-position:50% 70%;
    height:300px;
    position:relative;
    z-index:-2;
    text-align:right;
}
.topbg_event:before{
    content:"";
    width:100%;
    height:300px;
    position:absolute;
    background:rgba(255,255,255,0.1);
    display:block;
    top:0;
    z-index:-1;
}
.topbg_event .toplogo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-right:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
}
#top_event h2{
    position:relative;
}
#top_event h2 .ja{
    letter-spacing:0.1em;
    display:block;
}
#top_event h2 .ja:before{
    content:"";
    display:inline-block;
    width:50px;
    height:50px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
#top_event h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    left:0;
    z-index:-1;
}
#top_event .top_event_cnt img{
    width:100%;
}
#top_event .top_event_cnt{
    position:relative;
    text-align:right;
}
#top_event .top_event_cnt .leftimg{
    width:70%;
    box-shadow:-50px 50px #f3f2ed;
    display:inline-block;
}
#top_event .top_event_cnt .rightcnt{
    position:absolute;
    width:60%;
    background:rgba(255,255,255,0.8);
    top:15%;
    left:0%;
    padding:30px;
    border:1px solid #ccc;
    text-align:left;
}
#top_event .top_event_cnt .rightcnt h3{
    font-size:20px;
    font-weight:bold;
    margin-bottom:30px;
}
#top_event .top_event_cnt .rightcnt .catch{
    font-size:18px;
    letter-spacing:0.1em;
}
@media(max-width:991px){
    #top_event .top_event_cnt .leftimg{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #top_event .top_event_cnt{
	text-align:center;
    }
    #top_event .top_event_cnt .rightcnt{
	position:static;
	width:100%;
	border:none;
    }
    #top_event h2 .ja{
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    #top_event h2 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	top:-85px;
	left:50%;
	margin-left:-50px;
    }
    #top_event h2 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
}
iframe{
    filter:grayscale(100);
}
/*************************
 footer
 *************************/
footer{
    border-top:10px solid #ccc;
    //    background:#f3f2ed;
    background:url('assets/images/autum.jpg');
    background-size:cover;
    background-position:center;
    padding-top:15px;
}
.copyright{
    margin-top:15px;
    background:rgba(30,30,30,0.5);
    color:#fff;
    font-size:12px;
    text-align:center;
}
.footer_address{
    margin-top:15px;
}
.footer_tel a{
    color:#666;
}
@media(max-width:767px){
    footer h2 .img100{
	width:30%;
    }
}
/**************************
 page
**************************/
.page_h1{
    position:relative;
}
.page_h1 .ja{
    letter-spacing:0.1em;
    display:block;
}
.page_h1 .ja:before{
    content:"";
    display:inline-block;
    width:55px;
    height:55px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
.page_h1 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    right:0;
    z-index:-1;
}
.page_h2{
    position:relative;
}
.page_h2 .ja{
    letter-spacing:0.1em;
    display:block;
}
.page_h2 .ja:before{
    content:"";
    display:inline-block;
    width:55px;
    height:55px;
    background:url('assets/images/logo_mark01.png');
    background-size:cover;
    vertical-align:-15px;
}
.page_h2 .en{
    position:absolute;
    color:#eee;
    font-size:100px;
    top:0px;
    left:0;
    z-index:-1;
}
@media(max-width:991px){
    .page_h1 .ja{
	font-size:24px;
	letter-spacing:0.1em;
	display:block;
	margin-bottom:30px;
	text-align:center;
	position:relative;
    }
    .page_h1 .ja:before{
	position:absolute;
	width:100px;
	height:100px;
	top:-85px;
	left:50%;
	margin-left:-50px;
    }
    .page_h1 .en{
	color:#eee;
	font-size:60px;
	z-index:-1;
	display:block;
	width:100%;
	text-align:center;
    }
}
/************************
 page
 about
*************************/
.page_about_message_cnt{
    position:relative;
    margin-top:50px;
    margin-bottom:150px;
}
.page_about_message_cnt .leftimg{
    width:40%;
    box-shadow:50px 50px #f3f2ed;
}
.page_about_message_cnt .leftimg img{
    width:100%;
}
.page_about_message_cnt .rightcnt{
    width:60%;
    position:absolute;
    left:30%;
    top:50px;
    background:rgba(255,255,255,0.8);
    padding:15px;
    border:1px solid #ccc;
}
.page_about_message_cnt h2{
    font-size:20px;
    font-weight:bold;
    letter-spacing:0.1em;
    margin-bottom:20px;
}
.page_about_message_cnt .catch{
    letter-spacing:0.1em;
    font-size:18px;
}
.page_about_info_table th{
    word-break:keep-all;
    background:#f3f2ed;
    font-size:18px;
}
.page_about_info_table td{
    font-size:18px;
}
@media(max-width:991px){
    .page_about_message_cnt{
	margin-bottom:0px;
    }
    .page_about_message_cnt .leftimg{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    .page_about_message_cnt .rightcnt{
	position:static;
	width:100%;
	border:none;
    }   
}
.room_mitsuki{
    font-size:0;
}
.room_mitsuki .left,
.room_mitsuki .right{
    display:inline-block;
    width:50%;
    vertical-align:top;
}
.room_mitsuki .right .catch{
    font-size:18px;
}
.room_mitsuki .right{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode:vertical-rl;
    text-align:left;
    padding:15px;
}
.room_mitsuki .right h2{
    border-left:1px solid #ccc;
    padding-left:10px;
}
.room_oohiroma{
    font-size:0;
    position:relative;
}
.room_oohiroma .left,
.room_oohiroma .right{
    display:inline-block;
    width:50%;
    vertical-align:top;
}
.room_oohiroma .right{
    position:absolute;
    left:0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode:vertical-rl;
    text-align:left;
    padding:15px;
}
.room_oohiroma .left{
    margin-left:50%;
}
.room_oohiroma .catch{
    font-size:18px;
}
.room_oohiroma h2{
    border-left:1px solid #ccc;
    display:inline-block;
    padding-left:10px;
}
@media(max-width:991px){
    .room_mitsuki .left,
    .room_mitsuki .right{
	display:block;
	width:100%;
    }
    .room_oohiroma .left{
	margin-left:0;
	width:100%;
    }
    .room_oohiroma .right{
	position:static;
	width:100%;
    }
}
/*************************

**************************/
/*
    スライダーの設定
*/
.slider .slick-prev
{
    /* デフォルトでは-25px(= スライダーの外側) */
    left: 10px;
}
.slider .slick-next
{
    /* デフォルトでは-25px(= スライダーの外側) */
    right: 10px;
}
.slider .slick-prev,
.slider .slick-next
{
    /* スライド画像の後ろに隠れないようにする */
    z-index: 100;
}
.slider .slick-prev::before,
.slider .slick-next::before {
    /* フォントと色の設定はbefore内で行う */
    /* font-size: 28px; */
    /* color: black; */
}
/***********************
  お料理
 ************************/
.menu_wa{
    background:url('assets/images/menu_wa.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:300px;
    position:relative;
    z-index:-3;
    text-align:right;
    margin-top:30px;
}
.menu_wa .menu_logo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-right:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
    z-index:-1;
}
#menu_wa_abs .vertical_catch{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    font-size: 18px;
}
#menu_wa_section .menu_wa_wrap{
    position:relative;
} 
#menu_wa_section .left{
    width:40%;
    box-shadow:50px 50px #f3f2ed;
}
#menu_wa_section .right{
    width:70%;
    left:30%;
    top:50px;
    position:absolute;
    background:rgba(255,255,255,0.9);
    border:1px solid #ccc;
    padding:30px;
}
#menu_wa_section .right h2{
    font-size:20px;
    margin-bottom:20px;
    font-weight:bold;
}
#menu_wa_section .right .catch{
    font-size:18px;
    letter-spacing:0.1em;
    line-height:1.5em;
}
.menu_keiji{
    background:url('assets/images/uotome067.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:300px;
    position:relative;
    z-index:-3;
    text-align:left;
    margin-top:30px;
}
.menu_keiji .menu_logo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-left:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
    z-index:-1;
}
#menu_keiji_abs .vertical_catch{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    font-size: 18px;
}
.menu_keiji_wrap{
    position:relative;
    margin-bottom:150px;
}
.menu_keiji_wrap .left{
    width:60%;
    margin-left:40%;
    box-shadow:-50px 50px #f3f2ed;
}
.menu_keiji_wrap .right{
    position:absolute;
    top:50px;
    border:1px solid #ccc;
    background:rgba(255,255,255,0.9);
    padding:30px;
    width:60%;
}
.menu_keiji_wrap .right h2{
    font-size:20px;
    font-weight:bold;
    margin-bottom:20px;
}
.menu_keiji_wrap .right .catch{
    font-size:18px;
}
.menu_price{
    width:80%;
    margin:0 auto 80px;
    background:#f3f2ed;
    padding:50px;
}
.menu_price h2{
    font-size:20px;
}
.menu_price h3{
    font-size:20px;
    border-bottom:1px solid #ccc;
    margin-bottom:30px;
}
.menu_price ul{
    padding-left:0;
}
.menu_price p{
    margin-bottom:30px;
}
@media(max-width:991px){
    .menu_keiji_wrap{
	position:relative;
	margin-bottom:100px;
    }
    #menu_wa_section .left{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #menu_wa_section .right{
	position:static;
	width:100%;
	border:none;
    }
    .menu_keiji_wrap .left{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    .menu_keiji_wrap .right{
	position:static;
	width:100%;
	border:none;
    }
    .menu_price{
	width:100%;
    }
}
#menu_wakon_abs .vertical_catch{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    display: inline-block;
    font-size: 18px;
}
.menu_iwai{
    background:url('assets/images/iwai_bg.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:300px;
    position:relative;
    z-index:-3;
    text-align:right;
    margin-top:30px;
}
.menu_iwai .menu_logo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-right:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
    z-index:-1;
}
#menu_iwai_section .menu_iwai_wrap{
    position:relative;
} 
#menu_iwai_section .left{
    width:60%;
    box-shadow:50px 50px #f3f2ed;
}
#menu_iwai_section .right{
    width:60%;
    left:40%;
    top:50px;
    position:absolute;
    background:rgba(255,255,255,0.9);
    border:1px solid #ccc;
    padding:30px;
}
#menu_iwai_section .right h2{
    font-size:20px;
    margin-bottom:20px;
    font-weight:bold;
}
#menu_iwai_section .right .catch{
    font-size:18px;
    letter-spacing:0.1em;
    line-height:1.5em;
}
#menu_wakon_section .menu_wakon_wrap{
    position:relative;
} 
#menu_wakon_section .left{
    width:76%;
    margin:0 auto;
}
#menu_wakon_section .right{
    width:70%;
    left:15%;
    top:60px;
    position:absolute;
    background:rgba(255,255,255,0.9);
    border:1px solid #ccc;
    padding:30px;
}
#menu_wakon_section .right .wakon_h2{
    font-size:22px;
    margin-bottom:20px;
    font-weight:bold;
    color:red;
    letter-spacing:0.2em;
}
#menu_wakon_section .right h2{
    font-size:20px;
    margin-bottom:20px;
    font-weight:bold;
}
#menu_wakon_section .right .catch{
    font-size:18px;
    letter-spacing:0.1em;
    line-height:1.5em;
}
@media(max-width:991px){
    #menu_wakon_section .left{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #menu_wakon_section .right{
	position:static;
	border:none;
	width:100%;
    }
    #menu_iwai_section .left{
	width:80%;
	margin:0 auto 20px;
	box-shadow:30px 30px #f3f2ed;
    }
    #menu_iwai_section .right{
	position:static;
	border:none;
	width:100%;
    }
}
/*******************************
 archive home category
 *******************************/
ul.archive_list{
    width:100%;
    padding-left:0;
    list-style:none;
    padding:15px;
}
ul.archive_list li:not(:last-child){
    border-bottom:1px solid #eee;
    padding-top:15px;
    padding-bottom:15px;
}
ul.archive_list li:last-child{
    padding-top:15px;
    padding-bottom:15px;
}
ul.archive_list li .meta .time{
    font-size:18px;
    margin-bottom:20px;
}
ul.archive_list li .meta .category p{
    display:inline-block;
    margin-right:20px;
    background:#ccc;
    padding-left:1em;
    padding-right:1em;
}
ul.archive_list li .meta .category p a{
    color:#666;
    font-size:18px;
}
ul.archive_list li h3 a{
    color:#888;
    font-size:20px;
}
/*************************
 wp pagenavi
 *************************/
.pagenavi{
    margin-top:50px;
    margin-bottom:50px;
    text-align:center;
}
.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #ccc;
	border-color: #ccc;
	font-weight: bold;
}
/*****************************
 single
******************************/
.single_meta{
    margin-bottom:30px;
}
.single_meta .time{
    margin-bottom:20px;
    font-size:18px;
}
.single_meta .cat p{
    display:inline-block;
    margin-right:20px;
}
.single_meta .cat p a{
    display:inline-block;
    font-size:18px;
    background:#ccc;
    color:#666;
    padding-left:1em;
    padding-right:1em;
    border:1px solid #000;
}
.single_cnt{
    font-size:18px;
}
.prev a,
.next a{
    color:#666;
}
.prev{
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
    background: #eee;
    position: relative;
}
.prev:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotateZ(45deg);
    left: 10px;
    top: 50%;
    margin-top: -5px;
}
.next {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
    background: #eee;
    position: relative;
}
.next:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotateZ(45deg);
    right: 10px;
    top: 50%;
    margin-top: -5px;
}
/******************************
 page event
 ******************************/
.page_event_wrap{
    position:relative;
    margin-bottom:50px;
}
.page_event_wrap .left{
    width:60%;
}
.page_event_wrap .right{
    position:absolute;
    width:50%;
    left:50%;
    top:50px;
    background:rgba(255,255,255,0.9);
    border:1px solid #ccc;
    padding:30px;
}
.page_event_wrap h2{
    font-size:20px;
    margin-bottom:30px;
}
.page_event_wrap .catch{
    font-size:18px;
    margin-bottom:30px;
}
@media(max-width:991px){
    .page_event_wrap .left{
	width:80%;
	margin:0 auto 20px;
    }
    .page_event_wrap .right{
	width:100%;
	position:static;
	border:none;
    }
}
/********************************
 404
 ********************************/
#notfound{
    font-size:28px;
    margin-top:150px;
    margin-bottom:150px;
}
/*******************************
 otoriyose
********************************/

.order_cnt .catch{
    font-size:18px;
}
.order_cnt h2{
    font-size:20px;
    margin-top:10px;
    margin-bottom:10px;
}
.order_cnt h2 a{
    color:#666;
}
.order_cnt{
    padding:30px;
    border:2px solid #ccc;
}
/*******************************
 contact
 *******************************/
#contact{
    margin-bottom:30px;
}
.fs18{
    font-size:18px;
}
#contact_table th{
    background:#f3f2ed;
}
#contact_table #namae,
#contact_table #mail,
#contact_table #address_two,
#contact_table #content{
    width:100%;
}
#contact_table #address_one{
    height:2em;
}
.submit_btn{
    text-align:center;
    margin-top:30px;
    margin-bottom:50px;
}
.submit_btn input{
    width:50%;
    padding-top:10px;
    padding-bottom:10px;
    font-size:24px;
}
@media(max-width:991px){
    #contact_table th,
    #contact_table td{
	display:block;
	width:100%;
    }
}
/******************************
 room
 ******************************/
.room{
    background:url('assets/images/uotome005.jpg');
    background-size:cover;
    background-position:50% 50%;
    height:300px;
    position:relative;
    z-index:-3;
    text-align:left;
    margin-top:30px;
}
.room .room_logo{
    background:rgba(230,230,230,0.9);
    color:#333;
    display:inline-flex;
    border-top:15px solid #666;
    font-size:60px;
    z-index:2;
    padding-left:0.5em;
    padding-right:0.5em;
    height:300px;
    width:2em;
    margin-left:5%;
    align-items:center;
    font-family: "Sawarabi Mincho";
    z-index:-1;
}
#room_abs .vertical_catch{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode:vertical-rl;
    text-align:left;
    display:inline-block;
    font-size:18px;
}

 .wp-block-image img {
    max-width: 100%;
    height: auto!important;
}