/*------------------------------------------------------------------
Theme Name: HOTELIER
Version:	1.0
-------------------------------------------------------------------*/

/* 　Global Styles */

* {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	text-rendering: optimizelegibility;
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: 500;
    font-size: 15px;
    color:#3e2e2e;
}
ul, ol {
    margin-bottom: 0px; 
}
ul li {
	list-style: none;
}
ol li {
	list-style-type: decimal;
    list-style-position: inside;
}
ol.roman li {
    list-style-type: lower-roman;
}
ol.iroha li {
    list-style-type: katakana-iroha;
}
h1, h2, h3, h4, h5, h6 {
    color: #472655;
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", HGS明朝E, メイリオ, Meiryo, serif;
	margin: 0px;
	padding: 0px;
    line-height: 1.6em;
    letter-spacing: 0.02em;
}
p {
	font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", HGS明朝E, メイリオ, Meiryo, serif;
    color: #3e2e2e;
    font-weight: 500;
	font-size: 15px;    
    line-height: 1.6em;
	margin: 0;
	padding: 0;
}

ul li, ol li {
	font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, serif;
    color: #3e2e2e;
    font-weight: 500;
	font-size: 15px;
    line-height: 1.6em;
}

.table-normal td , .table-normal ul li, .table-normal td p {
    font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, serif;
    font-weight: 500;
    line-height: 1.6m;
}
.note {
    font-size: 12px;
    margin-top: 5px;
}
.small {
    font-size: 85%;
}
.big {
    font-size: 110%;
}
.color-red{
    color: #d95a47 !important;
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt20 {
    margin-top: 20px !important;
}
.mgt30 {
    margin-top: 30px !important;
}
.mgt40 {
    margin-top: 40px !important;
}
.mgt50 {
    margin-top: 50px !important;
}
.mgt60 {
    margin-top: 60px !important;
}
.mgt80 {
    margin-top: 80px !important;
}
.mgb20{
	margin-bottom: 20px;
}
.mgb30{
	margin-bottom: 30px;
}
.mgb40{
	margin-bottom: 40px;
}
.mgb50{
	margin-bottom: 50px;
}
.text-center {
    text-align: center !important;
    margin: auto;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
ul.comment {
    margin-top: 10px;
}
ul.comment li {
    font-size: 13px;
}
ul.deco li {
    display: block;
    padding: 0 0 7px 20px;
    font-size: 14px;
    line-height: 1.6em;
    position: relative;
    text-align: left;    
}
ul.deco li:before {
	background-image: url(/images/sakura_mini15.png);
	background-position: left center;
    background-repeat: no-repeat;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 3px;
	width: 15px;
}
table {
   width: 100%; 
    border-collapse: none;
    border-spacing: 0;
}
table caption, #calbox h4, .accommodationTax h4, .meals h4, .blog h4{
    padding-top: 8px;
    padding-bottom: 8px;
    color: #452353;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}
.blog h4{
    font-size: 22px;
}
.notes_n, .notes, .notes_b, .notes02  {
	font-size:10px;
	padding: 0 5px;
	font-weight:normal;
}
.table-normal {
    background: rgba(255,255,255,0.7);
    margin-bottom: 15px;
    border: 1px solid #79581a;
}
.table-normal + .table-normal {
    margin-top: 60px;
}
.table-normal th, .table-normal td {
    padding: 10px;
}
.table-normal th, .table-normal td, .table-normal td p {
    color: #3e2e2e;
}
.table-normal td {
    padding-left: 20px;
}
.table-normal td a {
    color: #c7a504;
    transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
}
.table-normal td a:hover {
    color: #79581a;
}
.table-normal th {
    padding: 10px 10px 10px 20px;
    background: rgba(69,35,83,0.4);
    color: #fff;
}

.table-normal ul.deco li {
    padding: 0 0 5px 20px;
}
.table-normal ul.deco  {
    padding-top: 5px;
}    
.table-normal tr {
    border-top: 1px solid #79581a;
}
.table-normal tr:first-child {
    border-top: 0px solid #79581a;
}
.table-normal.row2 th {
    width: 30%;
}
table.row3 th, table.row3 td {
    width: 33.33%;
}
table.row4 th, table.row4 td {
    width: 25%;
}
table.row5 th, table.row5 td {
    width: 20%;
}
ul.row2 li {
    width: 50%;
}
.floatwrap{
    width: 100%;
	overflow:hidden;
	clear:both;
}
.floatwrap:after{
	clear: both;
	content: " ";
    display: table;
}
.floatwrap{
    *zoom: 1;
}
.floatwrap .item {
	float:left;
    height: auto;
    padding:0;
    margin:0;
}
.floatR {
	float:right;
	width: 50%;
    height: auto;
    padding:0;
    margin:0;
}
.floatL {
	float:left;
	width: 50%;
    height: auto;
    padding:0;
    margin:0;    
}
#video {
    z-index: 1;
    height: 100%;
    width: 100%;
    margin-bottom: -5px;
}
a {
	color: #472655;
}
a, a:hover {
	transition: .4s;
}
a:hover, a:active, a:focus {
	color: #c7a504;
}
a, a img {
	text-decoration: none !important;
	border: 0;
	outline: none !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}
a img:hover {
	opacity:0.7;
}
a, a:hover, a:focus, a:active, button, button:focus, input, textarea {
	outline: 0;
}
.caution_red{
    color:#7f4c41 !important;
    font-size: 90%;
}

#wrapper {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.height100 {
    height: 100% !important;
}
.bg-grey{
    background-color: #ece7dd;
}
.white{
    color:#fff !important;
}
.center{
    text-align: center !important;
}
.left{
    text-align: left !important;
}

.img-responsive {
    max-width:100%;
}

.pcr992{
    display:inherit;
}
.rsp992{
    display:none ;
}
.rsp600{
    display:none !important ;
}
.pcr767{
    display:inherit;
}
.pcr680{
    display:inherit;
}
.rsp680{
    display:none;
}
.rsp{
    display:none ;
}
@media screen and (max-width:992px){
	.pcr992{display:none !important;}
    .rsp992{display:block !important;}
}
@media screen and (max-width:767px){
	.pcr767{display:none !important;}
    .rsp{display:block !important;}
}
@media screen and (max-width:600px){
    .rsp600{display:block !important;}
}

.col-centered {
	float: none;
	margin: 0 auto;
}

/*----- 見出し、タイトル -----*/
.title {
	text-align: center;
    margin: 0 auto;
}
.title ul {
	width: 80%;
    margin: auto;
}
.title h1 {
	font-size: 26px;
	line-height: 1.6em;	
	font-weight: 500;
    margin-top: 20px;
	padding-bottom: 60px;
    position: relative;
    z-index: 99;
}
.title h1 span { font-size: 24px; }
.title h1:after {
	position: absolute;
    content: url(/images/title1.png);
    top: -50px;
    left: 0;
    right: 0;
    z-index: -1;
}
.title h2 {
	font-size: 25px;
	line-height: 1.6em;	
	font-weight: 500;
    margin-top: 50px;
    margin-bottom: 80px;
    position: relative;
    z-index: 99;
    color: #472655;
}
.title h2.long {
	font-size: 20px;
	line-height: 1.4em;	
}
.title h2:after {
	position: absolute;
    content: url(/images/title.png);
    top: -50px;
    left: 0;
    right: 0;
    z-index: -1;
}
.title h2 + p {
    padding-bottom: 50px;
}
.title h2 span  {
    display: block;
    font-size: 18px;
}
.title .minicaution{
    margin-top:20px;
}
ul.minicaution {
    margin-bottom: 5px;
}
ul.minicaution li, ol.minicaution li {
    font-size:13.5px !important;
    margin-bottom: 0px !important;
}
ul.deco li > ul.minicaution li{
	padding: 0 0 5px 0px;
}
ul.deco li > ul.minicaution li:before {
	background-image: none;
}
.lead{
    font-size: 22px;
    line-height: 1.6em;
    font-weight: 500;
    color: #79581a;
}
p.toplead {
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	font-size: 17px;
	line-height: 2em;	
	padding: 5px 20px;
    font-weight: 500;
}

#content {
	width: 100%;
}
.breadcrumb {
    padding: 10px 15px 8px;
    margin-bottom: 0px;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb > li {
    font-size: 13px;
}
.breadcrumb > li a.active {
    color: #fff;
}
.image_caution {
    text-align: right;
    margin: 10px 35px 0 0;
    font-size: 14px;
    float: right;
}

/*-----  side sticky-menu -----*/
#gototop{
    display: none;
}
.sticky-menu {
	position: fixed;
	bottom: 5%;
	right: 10px;
	z-index: 999999;
}
.sticky-menu ul {
	display: block;
}
.sticky-menu ul li {	
	display: block;
	position: relative;
	width: 56px;
	height: 56px;
	background-color: #452353;
    border-radius: 28px;
    margin-top: 5px;
    transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
}
.sticky-menu ul li:first-child {
	background-color: #472655;
}
.sticky-menu ul li:hover {
	background-color: #deceab;
}
.sticky-menu ul li a {
	font-size: 16px;
	line-height: 56px;
	text-transform: uppercase;
	color: #f9f5ec;
	text-align: center;
	width: 56px;
	display: table;
	cursor: pointer;
    position: relative;
    z-index: 1;
}
.sticky-menu ul li a span {
	font-size: 14px;
}
.sticky-menu ul li:hover a {
    color: #79581a;
    font-weight: 600;
}
.sticky-menu ul li a i {
   font-size: 24px !important;
    line-height: 50px;
}
.sticky-menu ul li:after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/images/sakura_mini.png) no-repeat;
    width: 30px;
    height: 30px;    
    top: 12px;
    left: 12px;
    background-size: cover; 
    z-index:0;    
}

/*-----  Header -----*/
header {
	/*height: 134px;*/
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	display: table;
	top: 0;
	left: 0;
	right: 0;
}
.logo {
	position: absolute;
    top: -70px;
    left: 3%;
    z-index: 999;
}
.sticky .logo{
	filter: brightness(0) invert(1);
}
.header_top{
    height: 90px;
	width: 100%;
	position: absolute;
	margin-bottom: 0px;
	display: table;
	top: 0;
	left: 0;
	right: 0;  
    z-index: 999;
	background: #ffffff;
} 
.header_top .header_left {
    margin-top: 5px;
    float: left;
    width: 65%;
    padding-left: 260px;    
}
.header_top .header_left .intro {
    padding-left: 20px;
}
.header_top .header_left p {
    font-size: 11px;
    color: #452353;
    line-height: 1.6em;
    margin-top: 16px;
    letter-spacing: 0.08em;
}
.header_top .header_left p span {
    display: block;
    font-size: 12px;
}
.header_top .header_right {
    font-size: 0;
    float: right;
    width: 35%;
    position: relative;
    overflow: hidden;
    height: 90px;
    text-align: right;
    padding-right: 12%;
}
.header_top .header_right .lang {
    margin-top: 22px;    
}
.header_top .header_right .lang li {
    font-size: 14px;
    position: relative;
    display: inline-block;
    z-index: 999;
    padding: 0 8px;
    line-height: 1em;
}
.header_top .header_right .lang li + li {
    border-left: 1px solid #472655;
}
.header_top a {
    color: #472655;
}
.header_top p.tel {
    font-size: 22px;
    color: #472655;
    margin-top: 10px;
/*    padding-right: 28%;*/
}
.booking {
    margin: 0 10px 0 30px;
    position: absolute;
    z-index: 999;
    top: -45px;
    right: 3%;
}
.booking a {
    background: url(/images/button_back_gold.png) no-repeat center;
    padding: 12px 24px 11px;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}
@media only screen and (max-width: 1200px){ 
.header_top p.tel {
    padding-right: 40%;
    }
}

/*-----  header menu -----*/
.header_content{
	width: 100%;
	position: absolute;
	display: table;
	top: 90px;
	left: 0;
	right: 0; 
    background:rgba(69,35,83,0.8);
    z-index: 999;
}
.navheader {
	opacity: 1;
	transition: .4s;
    width: 100%;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
}
.navbar-default {
    background: transparent;
    border: none;
    border-radius: 0px;
    z-index: 99;
}
.navbar-default {
    position: relative;
}
.navbar-default.nav-active {
	left: 0%;
	transition: .7s;
}

.main_menu, .sub_menu{
    text-align: center;
}
.sub_menu{
    border-top: 1px solid #79581a;
}
.main_menu li, .sub_menu li {
    display: inline;
    letter-spacing: 0.02em;
    margin-bottom: 15px;
    text-align: center;
}
.main_menu li span {
    font-size: 90%;
}
.main_menu li a, .sub_menu li a {
    color: #fff;
    transition: all .4s ease;    
}
.main_menu li a.active, .sub_menu li a.active {
    color: #c7a504;
}
.main_menu > li > a{
    line-height: 3.4em;
    font-size: 18px;
    padding-right: 30px;
    font-weight: 600;
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.sub_menu > li> a {
    line-height: 3.2em;
    padding-right: 16px;
}
.main_menu > li:last-child > a,
.sub_menu > li:last-child > a {
    padding-right: 0px;
}
.main_menu a:hover, .sub_menu a:hover {
    color: #c7a504;
}

#mobnav-btn {
	display: none;
	font-size: 25px;	
	letter-spacing: 3px;
	color: #FFF;
	padding: 25px 0;
	cursor: pointer;
/*	width: 80%;*/

}

/*----- header-sticky -----*/
#header .header_content.sticky{
	padding: 0;
    position:fixed !important;
    top:0;
    z-index:9999;
    background: rgba(69,35,83,0.8) ;
    -webkit-backface-visibility:hidden;
}
#header .header_content.sticky .logo {
	top: 10px;
}
#header .header_content.sticky .navbar-default{
    height: 72px;
}
#header .header_content.sticky .navbar-default .menu-wrap{
    position: relative;
    height:100%;
    margin:0;
    padding:0;
}
#header .header_content.sticky .sf-menu{
    z-index:9999; 
}
#header .header_content.sticky .main_menu {
    margin-top: 12px;
}
#header .header_content.sticky .main_menu > li > a{
    line-height: 1em;
    padding: 0px 26px 5px 0;
    font-size: 16px;    
    font-weight: 600;
}
#header .header_content.sticky .sub_menu > li> a {
    line-height: 1em;
    padding: 5px 16px 5px 0;
    font-size: 14px;
}
#header .header_content.sticky .main_menu > li:last-child > a, #header .header_content.sticky .sub_menu > li:last-child> a {
    padding-right: 0px;
}
#header .header_content.sticky  .sub_menu{
    border-top: 0px solid #79581a;
    margin-top: 5px;
}
#header .header_content.sticky .sf-menu  > ul{
    margin-top: 0px;  
}
#header .header_content.sticky .sf-menu li:hover > ul {
	display: block;
}
#header .header_content.sticky .navbar-default:after{
    height: 150px;    
}
#header .header_content.sticky .booking {
    margin: 0 10px 0 30px;
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 60px;
}
#header.header-sticky .header_content:after {
	box-shadow:0 1px 8px 0 rgba(0,0,0,0.58)
}

.btn {
    background: url(/images/button_back.png) repeat-x center;
    padding: 12px 24px 11px;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
	border-radius: 0px;
	border: medium none;
	display: inline-block;
	text-align: center;
	margin-top: 50px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

.btn:hover, .btn:focus, .btn:active {
	color: #c7a504;
}
.btn.no_margin {
    margin-top: 0;
    margin-bottom: 0;
}
.btn_wrap .btn + .btn {
    margin-left: 10px;
}
.btn_wrap {
    text-align: center;
}
.btn_wrap.right {
    text-align: right;
}
.btn_wrap.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.btn_wrap.flex .btn {
    display: flex;
    align-items: center;
}
.btn_box {
    background:rgb(255,255,255,0.4); padding:15px;
    border:1px solid #c7a504;
    margin: 20px auto;
    width: 80%;
    max-width: 800px;
}


/*----- Toppage Slider -----*/
.top-slider {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
    height: auto;
    margin-top: 90px;
}
.top-owl-slide {
    text-align: center;
    position: relative;
}
/* .swiper-container .swiper-slide */
.top-owl-slide .room_img-item {
    position: relative;
}
.top-owl-slide .caption,
.owl-slide .caption {
    position: absolute;
    top: 15%;
    left: 10%;
    width: auto;
    background: rgba(250, 243, 228,0.75);
    text-align: left;
    color: #fff;
    padding: 30px 50px;
    z-index: 10;
}
.owl-slide .caption.topchosei {
    top: 25%;
}
.owl-slide .caption.right {
    left: auto;
    right: 15%;
    text-align: left !important;
}
.owl-slide .caption p {
    font-size: 18px;
    letter-spacing: 0.04em;
}
.owl-slide .caption p span {
    font-size: 15px;
    display: block;
}
.owl-slide .caption h2 {
    font-size: 28px;
    color: #452353;
}
.owl-slide .caption h2.small {
    font-size: 20px;
}
.top-owl-slide .caption:before,
.owl-slide .caption:before {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/images/sakura.png) no-repeat;
    width: 80px;
    height: 80px;    
    top: 0;
    left: 0;
    background-size: cover; 
    z-index: -1;    
}
.top-owl-slide .caption:after,
.owl-slide .caption:after {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/images/sakura_minies.png) no-repeat;
    width: 80px;
    height: 80px;    
    bottom: 0;
    right: 0;
    background-size: cover; 
    z-index: -1;    
}

.top-owl-slide .room_img-item .caption h2 {
    font-size: 26px;
    z-index:1;
    position: relative;
}
.top-owl-slide .room_img-item .caption h3 {
    font-size: 22px;
    line-height: 1.8em;
    z-index:1;
    position: relative;
}
.top-owl-slide .room_img-item .caption p {
    position: relative;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 10px;
    font-weight: 400;
    z-index:1;
}

.top-owl-slide .room_img-item img{
    max-width: 100%;
    height: auto;
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    background-color: white;
    cursor: default;
    border:none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

/* ------ Page Styles ------ */
.section {
    padding: 50px 0;
}
.section.meals {
    padding: 60px 0 0px;
}
.no-sub-banner section:nth-of-type(2) {
    padding: 80px 0 80px;
}
.top-section {
}
.top-section .title {
    padding-top: 60px;
}
.no-sub-banner .top-section {
    margin-top: 200px;
    padding: 0 0 60px;
}
.no-sub-banner .top-section .title {
    padding-top: 20px;
}
.no-sub-banner .top-section.img-back::before {
    top: -50%;
}
.plan.section {
    padding: 0 0 100px;    
}

.img-back {
	background:url("/images/back_plain_new.png") repeat-y;
    position: relative;
    z-index: 90;
	padding-bottom: 30px;
}
.purple_bg{
	background: #dbd5e1;
}
.top-section.img-back::before {
	position: absolute;
    content: '';
	display: inline-block;
	width: 280px;
    height: 556px;
    top:0;
    left:0;
	background: url(/images/ring_drouble.png) no-repeat;
	background-size: contain;
    z-index: -1;
}
.top-section.img-back::after {
	position: absolute;
    content: '';
	display: inline-block;
	width: 400px;
    height: 400px;
    bottom: -5%;
    right: -10%;
	background: url(/images/ring_gold.png) no-repeat;
	background-size: contain;
    z-index: -1;
}
.back_beige {
    background: #faf3e4;
}
.back_black {
    background: #a08455;
}
.back_brown, .back_black_decoration {
    background: #dbd5e1;
    position: relative;
}

.back_purple_bg{
	background: url("/images/back_plain_new02.png") repeat-x;
}
.wrap {
    width: 100%;
    overflow: hidden;
    zoom: 1;
}
.width90 {
    width: 90%;
    margin: auto;
}
.width80 {
    width: 80%;
    margin: auto;
}
.width60 {
    width: 60%;
    margin: auto;
}
.inner{
	padding: 80px 0;
}
/*----- Welcome -----*/
.top-section.toppage {
}
.rinji_info {
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    margin: 30px auto;
    width: 80%; 
    padding-bottom: 10px;
}
.rinji_info ol {
    display: inline-block;
}
.rinji_info ol li {
    text-align: left;
    line-height: 1.8em;
    font-size: 17px;
}
.rinji_info ul li {
    text-align: left;
    line-height: 1.7em;
    font-size: 16.5px;
 }    
.rinji_info p {
    font-size: 16px;
    padding: 0 30px 20px;
}
.rinji_info .flexbox .item p {
    padding: 0 5px 20px;
}
.rinji_info h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: rgba(69,35,83,0.6);
    color: #fff;
}
.menu_info {
    text-align: center;
    background-color: rgba(255,255,255,0.5);
    margin: 30px auto;
    width: 80%; 
    padding-bottom: 10px;
}
.menu_info h3 {
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px 20px;
    background: rgba(69,35,83,0.6);
    color: #fff;
}
.menu_list {
    list-style-type: none;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0;
	margin-top: 30px;
}
.menu_list li.planlist{
	padding: 0 30px;
}
.menu_list li h5{
    display: block;
    font-size: 16px;
    padding: 10px 15px 10px 50px;
    margin: 10px 0 5px;
    position: relative;
    font-weight: 600;
}
.menu_list li h5:after{
    position: absolute;
    content: url(/images/sakura_mini30.png);
    top: 7px;
    left: 10px;
    right:0;
    width: 30px;
    height: 30px;
}

.welcome {
    padding: 50px 0; 
}
.welcome h6 {
    position: absolute;
    top: 15%;
    left: 5%;
    font-family: 'Libre Baskerville', serif;
    font-size: 28px;
    font-weight: 400;
    color: #79581a;
}
.welcome h3 {
    margin-left: 10px;
}
.welcome .floatL {
    float: left;
    width: 40%;
}
.welcome .floatR {
    float: right;
    width: 60%;
}
.welcome .title_top {
    text-align: left;
    padding-left: 60px;
    padding-top: 100px;
}
.welcome .title_top h1 {
    font-size: 30px;
    margin-bottom: 20px;
    position: relative;
}
.welcome .title_top h1:after {
    position: absolute;
    content: url('/images/title1.png');
    top: -40px;
    left: 5px;
    z-index: -1;

}
.title_top p.toplead {
    font-size: 17px;
    line-height: 2.2em;
    padding: 5px 0px;
    font-weight: 400;
}
.welcome img{
    max-width: 100%;
}
.welcome .title {
    padding-top: 80px;
    padding-bottom: 40px;
}
.welcome .title { 
    padding-top: 80px;
    padding-bottom: 0px;
}
.top-section #rss {
    margin-top: -20px;
}
.updates {
    max-height: 200px;
    list-style-type: none;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    background: rgba(255,255,255,0.6);
    padding: 15px 0;
    margin-top: -40px;
}
.updates02 {
    max-height: 200px;
    list-style-type: none;
    overflow: auto;
    width: 90%;
    margin: 0 auto;
    padding: 15px 0;
    margin-top: -40px;
}
.updates,
.updates02{
    max-height: 350px;
    margin-top: -30px;
}
.updates .news,
.updates02 .news{
    width: 100%;
    padding: 30px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    box-sizing: border-box;
    -webkit-align-items: center; /* 縦方向中央揃え */
    align-items: center; /* 縦方向中央揃え */ 
    position: relative;
	border-bottom: 1px solid #dbd5e1;
}
.updates .news .date,
.updates02 .news .date{
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}
.updates .news .news_title,
.updates02 .news .news_title{
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
}
.updates .news:not(.nolink):hover .news_title, 
.updates .news:not(.nolink):hover .date,
.updates02 .news:not(.nolink):hover .news_title, 
.updates02 .news:not(.nolink):hover .date{
    color: #c7a504;
}
.updates .news .news_title, 
.updates .news .btn,
.updates02 .news .news_title, 
.updates02 .news .btn{
   transition: background-color 0.1s;
    transition: .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease; 
}
.updates .news .btn,
.updates02 .news .btn{
    padding: 8px 20px 8px;
    font-size: 12px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0;
    color: #fff;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-left: auto;
}
.updates .news:hover .btn,
.updates02 .news:hover .btn{
    color: #3e2e2e;
}
.coverlink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}

.kyotoplan {
    list-style-type: none;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    background: rgba(255,255,255,0.6);
    padding: 15px 0;
	margin-top: 30px;
}
.kyotoplan li.planlist{
	padding: 0 30px;
}
.kyotoplan li h5{
    display: block;
    font-size: 16px;
    padding: 10px 15px 10px 50px;
    margin: 10px 0 5px;
    position: relative;
    font-weight: 600;
}
.kyotoplan li h5:after{
    position: absolute;
    content: url(/images/sakura_mini30.png);
    top: 7px;
    left: 10px;
    right:0;
    width: 30px;
    height: 30px;
}

/*----- ご宿泊プラン -----*/
a.plan_banner, .plan_banner {
    float: left;
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;    
    position: relative;
    display: block !important;
    box-sizing: border-box;
}
.singletype .plan_banner {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: auto;
}
.row2 .plan_banner {
    margin-bottom: 30px;
    overflow: hidden;
}
.plan_banner a {
    display: block;
}

.row2 .plan_banner img, .singletype .plan_banner img {
    width: 100%;
    max-width: 100%;
    transition-duration: 0.3s;
    padding: 0;
}
.row2.with_desc .plan_banner p > img {
    margin-bottom: 0px;
}
.row2 .plan_banner:hover img {
    transform: scale(1.1);
}
.row2 .plan_banner p img {    
    margin-bottom: 0;
}
/* .plan_banner:first-child{
    margin-right: 1%;
}*/

.plan_banner .plan_title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
.plan_banner .plan_title h4{
    font-size: 20px;
    background: rgba(255,255,255,0.8);
    padding: 10px 10px 7px 20px;
    transition-duration: 0.3s;
}
.plan_banner .plan_title h4.small{
    font-size: 18px !important;
    line-height: 1.2em;
}
.plan_banner .plan_title h4 span{
    font-size: 16px;
    display: block;
    line-height: 1.2em;
    color: #79581a;
}
.with_desc .plan_banner .plan_title p{
    height: 120px;
}
.plan_banner .plan_title p {
    background:rgba(71,31,85,0.8);
    padding: 16px 16px 40px;
    letter-spacing: -0.02em;
	color: #fff;
}
.plan_banner .plan_title .kijitsu + p{    
    padding: 16px 16px 20px;
    min-height: 100px;
}
.plan_banner .plan_desc{
    position: absolute;
    bottom: 5%;
    right: 2%;
    width: 42%;
}
.plan_banner .plan_desc h5 {
    font-size: 16px;
}
.plan_banner .syokuji,
.plan_banner .goto_bt,
.plan_banner .point {
    display: table;
    position: absolute;
}

.plan_banner .syokuji{    
    top: 3%;
    right: 2%;
    background: #c7a504;
    width: 80px;
    height: 80px;
    border-radius: 40px; 
    z-index: 5;
}
.plan_banner .syokuji p,
.plan_banner .point p {
    display: table-cell;
    text-align: center;
    line-height: 1.2em;
    vertical-align: middle;
    color: #fff;
}
.plan_banner .goto_bt{
    top: 3%;
    left: 2.5%;
    transition: all .5s ease;
}
.wrap.original .plan_banner:not(.no_goto)::after{
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/images/plans/gototravel/bn_120-120.png);
    width: 90px;
    height: 90px;
    top: 10px;
    left: 3px;
    background-size: cover;
}
.plan_banner .point{
    top: 3%;
    left: 2%;
    background:rgba(69,35,83,0.8);
    width: 140px;
    height: 80px;
    z-index: 5;
}
.plan_banner .point p {

}
.top-section .detail {
    background: rgba(255,255,255,0.4);
    border: 1px solid #b88800;
    margin: 60px auto;
    overflow: hidden;
    width: 90%;
	padding: 30px 60px;
}
.top-section .detail h4{
    font-size: 21px;
    margin-bottom: 10px;
    color: #432522;
    text-align: center;
}
.underline {
    text-decoration: underline
}
.plans .description {
    margin-top: 30px;
}
.plan_carousel {
	float: left;
	width: 100%;
	padding: 20px 0px;
	position: relative;
    margin-top:-1px;
}
.plan_carousel .owl-carousel{
  position: relative;
}
.plan_carousel .plan_banner {
	position: relative;
    width: 97%;
    margin: 0 1.5%;
    height: 400px;
    background: #deceab;
    overflow: hidden;
}
.plan_carousel .plan_banner .plan_title{
    height: 210px;
    z-index: 1;
}
.plan_carousel .plan_banner img {
	width: 100%;
	z-index: 0;
    display: block;
    transition-duration: 0.3s;
}
.plan_carousel .plan_banner:hover img {
	transform: scale(1.1);
    transition-duration: 0.3s;
    z-index: -1;
}
.row4 .plan_banner .plan_title h4,
.plan_carousel .plan_banner .plan_title h4{
    font-size: 20px;
    letter-spacing: -0.03em;
    line-height: 1.3em;
}
.plan_banner:hover .plan_title h4,
.plan_banner:hover .plan_title h4 span{
    background: rgba(255,255,255,1);
    transition-duration: 0.3s;
    color: #c7a504;
}
.row4 .plan_banner .plan_title span {
    display: block;
    font-size: 18px;
}
.plan_carousel .plan_banner .syokuji{
    display: table;
    position: absolute;
    right: 2.5%;
    background: #c7a504;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    z-index:5;
}
.plan_carousel .plan_banner .syokuji.morning,
.plan_banner .syokuji.morning{
    background: #79581a;  
}
.plan_carousel .owl-controls {
	display: none !important;
}
.plan_carousel a.prev,
.plan_carousel a.prev02{
	position: absolute;
	top: 42%;
	left: -20px;
	cursor: pointer;
}
.plan_carousel a.prev i,
.plan_carousel a.prev02 i{
	font-size: 40px;
	line-height: 40px;
	color: #452353;
	cursor: pointer;
}
.plan_carousel a.next,
.plan_carousel a.next02{
	position: absolute;
	top: 42%;
	right: -20px;
	cursor: pointer;
}
.plan_carousel a.next i,
.plan_carousel a.next02 i{
	font-size: 40px;
	line-height: 40px;
    color: #452353;
	cursor: pointer;
}
.plan_banner {
    border: 1px solid #472655;
}
/*
.plan_banner:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    right:0;
    bottom: 0;
    z-index: 5;    
    border: 1px solid #79581a;
    box-sizing: border-box;
}
*/
.plan_banner .btn_wrap {
    position: absolute;
    bottom: 0%;
    right: 10px;  
    z-index: 999;
}
.plan_banner .btn {
    width: 110px;    
}
.plan_banner:hover .btn {
    color: #c7a504;  
}


/*----- 日帰りプラン -----*/
.plan_banner .higaeri_plan_title{
    position: absolute;
    bottom: 3%;
    left: 5%;
}
.plan_banner .higaeri_plan_title h4{
    font-size: 28px;
}
.plan_banner .higaeri_plan_title span{
    display: block;
    font-size: 20px;
    line-height: 1.4em;
}
.plan_banner .kijitsu{
    display: table;
    position: absolute;
    top: 7%;
    right: 3%;
}
/* TOP page期日表示調整 */
    .plan_carousel .plan_banner .plan_title h4 {
       height: 74px;
       padding: 7px 10px 7px 20px;
    }
    .plan_carousel .plan_banner .kijitsu{
        top: 6%;
    }
    .plan_carousel .plan_banner .kijitsu p span {
        font-size: 17px;
    }
    .plan_carousel .plan_banner .plan_title .kijitsu p {
        padding: 7px 7px 3px;
        font-size: 13px;
    }
.plan_banner .plan_title .kijitsu p{
    text-align: center;
    line-height: 1.2em;
    padding: 10px 10px 3px;
    vertical-align: middle;
    color: #79581a;
    padding-top: 10px;
    background: none;
    border: 1px solid #79581a;
    height: auto;
}
.plan_banner .kijitsu p span{
    font-size: 20px;
    display: block;
}

/* ---- FB, RSS ---- */
.facebook_box {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
}
.instagram {
    width: 100%;
}
.instagram li {
    display: inline-block;
    width: 33.33%;
}
.instagram li img {
    width: 100%;
}
#rss{
    max-height: 350px;
    list-style-type: none;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    background: rgba(255,255,255,0.4);
    padding: 15px 40px;
    border: 1px solid #fff;
}
#rss ul li{
    margin-bottom: 20px;
	border-bottom: 1px solid #dbd5e1;
	padding-bottom: 20px;
}
#rss ul li a{
    display: block;
    font-size: 16px;
    padding: 10px 15px 10px 50px;
    margin: 10px 0 5px;
    background: rgba(255,255,255,0.6);
    position: relative;
    font-weight: 600;
}
#rss ul li a:after{
    position: absolute;
    content: url(/images/sakura_mini30.png);
    top: 7px;
    left: 10px;
    right:0;
    width: 30px;
    height: 30px;
}
.kyotoPlan{
	margin-top: 20px;
}

/*----- 料理、客室、体験教室 -----*/
.syoukai_container {
/*    width: 90%;*/
    width: 80%;
    margin: auto;
}
.syoukai{
    /* width: 31%;
    margin: 0 1%; */
    width: 40%;
    margin: 0 5%;
    float: left;
    position: relative;
    border: 1px solid #472655; 
    overflow: hidden;
}
.syoukai img {
    width: 100%;
    max-width: 100%;
    transition-duration: 0.3s;
}
.syoukai:hover img {
    transform: scale(1.1);
    transition-duration: 0.3s;
}
.syoukai:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    top: 0;
    right: 0;
    left: 0; 
    bottom: 0;
    z-index: 5;
}
.syoukai:after{
    background: rgba(255,255,255, 0.8);
    transition-duration: 0.3s;
}
.syoukai:hover:after{
    background: rgba(255,255,255, 1);
    transition-duration: 0.3s;
}
.syoukai .syoukai_title h4{
    font-size: 24px;    
}
.syoukai .syoukai_title {
    position: absolute;
    top: 3%;
    left: 5%;
    z-index: 10;
}
.syoukai .syoukai_title span{
    display: block;
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 400;
    padding-right: 5px;
    padding-top: 10px;
}
.syoukai .btn{
    position: absolute;
    bottom: 10%;
    right: 5%; 
    z-index: 5;
}
.syoukai:hover .btn{
    color: #c7a504;
}

/*----- Planpage -----*/
.top-section .room-detail_thumbs.thumbnails {
    margin-top: -20px;
    }
.thumbnails {
    width: 100%;
    margin: auto;
    text-align: center;  
}
.thumbnails a {
    display: inline;
    margin-right: 10px;
}

.plan .title ul.deco {
    padding: 20px 10% 0;    
}
.accommodationTax {
    width: 100%;
    padding-top: 80px;
    text-align: center;
    clear: both;
}
.table-normal.accomTax{
    width: 60%;
    max-width: 900px;
    margin: 10px auto;
}
.table-normal.accomTax th{
    text-align: center;
}
.meals .table-normal{
    width: 95%;
    margin-right: 5%;
}
.plan_about .tab_wrapper .detail {
    padding: 50px 60px 40px 60px;
    border: 1px solid #79581a;
}
.plan_about .wrap, .plan_about .row{
    margin: 20px auto;
}
.plan_about img{
    width: 100%;
    padding: 0 5px;
}
figcaption {
    font-size: 14px;
    margin: 5px 0 0 5px;
}
.img_absolute {
    position: absolute;
    bottom: 10px;
    right: 10px;    
}
.plan_about .detail h4 {
    font-size: 20px;
    margin-top: 28px;
    color: #79581a;
}
.plan_about .detail h4:first-child {
    margin-top: 0px;
}
.plan_about .detail p {
    line-height: 1.8em;
    margin-bottom: 5px;
}
.plan_about .plan_kondate {
    background: url('/images/back_plain.jpg') top center;
    background-size: cover;
    margin-bottom: 10px;
    padding: 20px 30px;
    width: 100%;
    overflow: hidden;
    color: #232323;
    position: relative;
}
.plan_about .plan_kondate dt {
    width: 25%;
    clear:left;
    float: left;
    padding: 5px;
}
.plan_about .plan_kondate dd {
    width: 75%;
    float: left;
    text-align: left !important;
    padding: 5px;
    font-weight: 500;
}
.plan_about ul.plan_kondate li {
    width: 100%;
    font-weight: 500;
    padding: 5px;
}
.plan_about ul.plan_kondate li {
    width: 100%;
    float: left;
}
.plan_about ul li span.left, .plan_about ul.smallList li  {
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", HGS明朝E, メイリオ, Meiryo, serif;
}
.plan_about ul.smallList li  {
    font-size: 14px;
}
.plan_about ol li {
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.6em;
}
.title .period {
    padding: 10px 30px;
    background: rgba(184,136,0,0.6);
    margin-top: -20px;
    margin-bottom: 40px;
    display: inline-block;
}
.title .encho {
    margin: -20px auto 30px;
    font-size: 20px;
    position: relative;
    padding: 10px;
    background: rgba(250, 243, 228, 0.5);
    width: 300px;
}
.title .encho::before {
    position: absolute;
    content: '';
    top: -16px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-bottom: 16px solid rgba(250, 243, 228, 0.5);
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
}
.title .period span {
    font-size: 14px;
}

/*----- sub-banner -----*/
.section-sub-banner {
    position:relative;       
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center  center ;
    height: 330px;
    padding-bottom:100px;
    margin-top: 90px; 
}
.awe-overlay {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(250,243,228,0.3);
	top:0;
	left:0;
	z-index:0
}

/*----- 舞妓さんと昼食プラン -----*/
.plan_banner .ue_title {
    position: absolute;
    top: 4%;
    left: 5%;
}
.plan_banner .ue_title h4{
    font-size: 28px;
}
.plan_banner .ue_title h4 span{
    font-size: 16px;
}
.plan_banner .sita_price{
    position: absolute;
    bottom: 3%;
    right: 5%;
    background: rgba(184,136,0,0.8);
}
.plan_banner .sita_price p {
    font-size: 16px;
    padding: 5px 10px;
}
.plan_banner .sita_price p span {
    font-size: 22px;
    padding: 0 5px;
    font-weight: 600;
}
.plan_banner.maiko {
    cursor:auto;
    margin-top: 15px;
}
.plan_banner.maiko:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    transition: all .5s ease;
}

/*  舞妓さんと昼食ページ */
.maiko-plan .table-normal {
    margin: 60px auto 20px;
}
.maiko-plan .maiko_lunch {
    margin-top: 120px;
}
.maiko-plan .maiko_lunch img {
    max-width: 100%;
}

/* お部屋と設備 */
.home-img-panel {
	width: 100%;
	background-image: url(/images/facilities/lobby.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 60px 0 60px 0;
	margin: 0 0 30px;
}
.home-img-panel + .row {
    padding: 60px 40px;
}
.panel-img-detail {
	position: relative;
	left: 196px;
	background-color: rgba(70,39,34,0.6);
	border: 1px solid rgba(255,255,255,0.8);
	text-align: center;
	padding: 55px 48px 31px 40px;
	text-align: center;
	width: 360px;
}
.panel-img-detail h2 {
	font-size: 22px;
	line-height: 1.6em;	
	padding-bottom: 20px;
}
.panel-img-detail p {
	font-size: 16px;
    line-height: 1.6em;
    padding-bottom:20px;
}
.degree360 h4 {
    margin: 10px 0 10px;
    text-align: center; 
    font-size: 18px;    
}
.ricoh-theta-spherical-image {
    margin: auto;
}
.row3 .plan_banner{
    width: 32.33%;
    margin-bottom: 15px;
    margin-right: 1%;
}
.row4 .plan_banner{
    width: 24%;
    margin-bottom: 15px;
    margin-right: 1%;
}
.information table.table-normal {
    margin-top: 40px;
}
.information table.table-normal#amenity {
    margin-top: 0px;
}
/* 京の体験教室 */
.wrap_container,
.kyoto_experiences .container {
    width: 90%; 
    max-width: 1400px;
    margin: auto;
}
.kyoto_experiences .wrap {
    overflow: inherit;
}
.exp_banner {
    position: relative;
    cursor:auto;
    margin-bottom: 50px;    
    box-sizing: border-box;
    width: 49%;
    float: left;
    margin-right: 1%; 
}
.exp_banner:after {
    position: absolute;
    content: '';
    background: rgba(160, 132, 85,0.4);
    width: 80%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.exp_banner:before {
    position: absolute;
    content: url(/images/sakura_minies.png);
    right: 10px;
    bottom: 20px;
    z-index: 1;
}
.exp_banner:nth-child(2n) {
    margin-right: 0; 
    margin-left: 1%;
}
.maru {
    position: relative;  
    cursor: pointer;
    top: 0;
    left: -20px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    overflow: hidden;
}
.exp_banner .ue_title {
    position: absolute;
    top: -20px;
    left: 10px;
    z-index: 10;
    display: block;
}
.exp_banner .ue_title  h4{
    background: rgba(69,35,83,0.8);
    color: #fff;  
    padding: 10px 15px;
}
.exp_banner .ue_title p {
    font-size: 16px;
    padding: 5px 15px;
    z-index: 5;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
}
.exp_banner .time {
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 10;
    display: block;
    background: #79581a;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
}
.exp_banner .time p {
    padding: 26px 0;
    line-height: 1.2em;
    color: #fff;
}
.exp_banner .exp_desc  {
    z-index: 5;
    margin-top: 35px;
    padding: 0 15px 0 0;
}
.exp_banner .exp_desc p {
    font-size: 15px;
    margin-top: 5px;
    padding-left: 20px;
}
.exp_banner .price {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    margin-top: 10px;
}
.exp_banner .price p {
    color: #fff;
    padding: 6px 20px 5px;
    display: inline-block;
    background: rgba(121, 88, 26,0.4);
}
.exp_banner .exp_desc p.tuika {
    font-size: 13px;
}
@media only screen and (min-width: 1400px) {
    .maru {
        width: 340px;
        height: 340px;
    }  
}
@media only screen and (min-width: 993px)  and (max-width: 1250px)  {
    .maru {
        top: 20px;
        width: 240px;
        height: 240px;
    }  
    .exp_banner {
        height: 280px;
    }
    .exp_banner .exp_desc {
        margin-left: 0px;
    }
    .exp_banner .exp_desc p {
        font-size: 14px;
        margin-top: 5px;
    }
    .exp_banner.maiko .exp_desc {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 992px) {
     .exp_banner {
        margin-bottom: 50px; 
        width: 100%;
        margin-right: 0; 
    }
    .exp_banner .floatL {
        width: 42%;
        float: left;
        display: block;
        overflow: inherit;
    }
    .exp_banner .floatR {
        width: 58%;
        float: left;
        display: block;
    }
    .maru {
        top: 0;
        left: 0px;
    }   
}
@media only screen and (max-width: 772px) {
    .exp_banner .floatL {
        width: 100%;
        float: none;
        display: block;
        overflow: inherit;
    }
    .exp_banner .floatR {
        width: 100%;
        float: none;
        display: block;
    }
    .maru {
        top: 20px;
        left: 0px;
        right: 0;
        margin: auto;
    } 
    .exp_banner:after {
        width: 100%;
    }
    .exp_banner .ue_title {
        top: -10px;
        left: 0px;
    }
    .exp_banner .time {
        top: 25px;
        bottom: auto;
        right: 10px; 
        left: auto;
    }
    .exp_banner .exp_desc {
        padding: 20px;
        margin-top: 10px;
    }
    .exp_banner .price {
        position: relative;
        bottom: 10px;
        right: 10px;
    }
}

/*　当館のご案内 */
.back_white {
    width: 95%;
    margin: 0 auto;
    background: url('/images/back_white.jpg');
    padding: 40px 40px 60px
}
.back_white p {
    color: #3e2e2e;
    font-weight: 500;
}
.back_white p, .kanko p {
    line-height: 1.8em;
    margin-top: 15px;
    font-size: 16px;    
}
.kanko .title h5 + p {
    padding-bottom: 50px;
}
.taizai .kanko {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.taizai .kanko .text {
    background: url(/images/back_white.jpg);
    padding: 30px 20px 40px 20px;
    margin-top: 10px;
}
.taizai .kanko .text p {
    color: #462722;
    font-size: 15px;
    font-weight: 500;
}

.taizai .kanko .table-normal {
    width: 100%;
    margin: 20px auto 30px;
}
.taizai .kanko .table-normal th span {
    font-size: 13px;
    display: inline;
}
.taizai .kanko h4 {
    margin-top: 28px;
    text-align: center;
}
.taizai .kanko .btn {
    margin-top: 10px;
    margin-bottom: 20px;
}
.taizai .kanko .image {
    position: relative;
    z-index:0;
    padding-right: 40px;
    text-align: right;
    margin-top: 10px;
}
.taizai .kanko .image.secound {
    padding-left: 40px;
    text-align: left;
}
.taizai .kanko .rentalcycle {
    position: relative;  
}
.about_wrap {
    width: 90%;
    margin: 80px auto 0;
}

.plan_banner.about {
    cursor:auto;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}
.plan_banner.about .floatL{
    width: 40%;
    height: 540px;
    background-position: left center;
    background-size: cover;
}
.plan_banner.about .floatR{
    width: 60%;
    background: url('/images/about/about_back.jpg');
    height: 540px;
    background-size: cover;
}
.plan_banner.about:after{
    position: absolute;
    content: '';
    width: 60%;
    height: 100%;
    top: 0;
    right: 0;
    left: 40%;
    bottom: 0;
    z-index: 0;
    transition: all .5s ease;
}
.plan_banner.about:nth-child(odd):after{
    background: rgba(74, 62, 127,0.6);
}
.plan_banner.about:nth-child(even):after{
    background: rgba(184,136,0,0.6)
}
.plan_banner.about .sita_price {
    z-index: 5;
}
.plan_banner.about .exp_desc  {
    position: absolute;
    top: 7%;
    right: 2%;
    width: 54%;
    z-index: 5;
}
.plan_banner.about .exp_desc h4  {
    font-size: 20px;
}
.plan_banner.about .exp_desc p {
    font-size: 14px;
    margin-top: 5px;
}
.plan_banner.about .exp_desc ul li {
    font-size: 14px;
    margin-top: 0px;
    padding: 0 0 0px 20px;
}
.plan_banner.about .btn_wrap {
    text-align: right;
}
.plan_banner.about .btn {
    position: relative;
    left: auto;
    right: auto;
    visibility: inherit;
    z-index: 10;
    width: auto;
    margin: 15px auto 0;
    padding: 8px 16px 8px;
    font-size: 14px;
}

@media only screen and (min-width: 993px)  and (max-width: 1279px)  {
    .about_wrap {
        width: 100%;
    }
    .plan_banner.about .exp_desc p {
        font-size: 13px;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 992px)  {
    .plan_banner.about .floatL {
        height: 400px;
        background-size: cover;
        width: 40%;
        float: left;
    }
    .plan_banner.about .floatR {
        background: none;
        height: auto;
        background-size: cover;
        width: 60%;
    }
    .plan_banner.about img{
        max-width: 100%;
    }
    .plan_banner.about .exp_desc p {
        font-size: 15px;
        margin-top: 7px;
        line-height: 1.7em;
    }
    .plan_banner.about .btn {
        margin: 20px auto 20px;
    }
}
@media only screen and (max-width: 680px) {
    .plan_banner.about .rsp680 {
        display: block !important;
    }
    .plan_banner.about h4.rsp680 {
        position: absolute;
        top: 7%;
        left: 5%;
        font-size: 26px;
    }
    .plan_banner.about .pcr680 {
        display: none;
    }
    .plan_banner.about .floatL {
        width: 100%;
        float: none;
        display: block;
        height: auto;
        background-image: none !important;
    }
    .plan_banner.about .floatR {
        width: 100%;
        float: none;
        display: block;
        background: rgba(255, 255, 255, 0.2);
    }
    .plan_banner.about:after {
        width: 0%;
    }
    .plan_banner.about:before {
        background: none;
    }
    .plan_banner.about .exp_desc {
        position: relative;
        top: auto;
        right: 0;
        width: 100%;
        padding: 15px 10px 5px;
    }
    .plan_banner.about .floatL img {
        width: 100%;
    }
}
/*  近隣観光情報 */
.sightseeing-gallery {
	width: 100%;
    overflow: hidden;
}
.sightseeing-gallery ul {
    width: 100%;
    position: relative;
    left: 50%;
  float: left;
}

.sightseeing-gallery .gallery-villa .item {
	margin: 0 10px 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    float: left;
    left: -45%;
}
#gallery-villa {
    width: 95%;
    margin: auto;
    padding: 0 10px 0 10px; 
    position: relative;
}
.gallery-villa {
    position: relative; 
    padding-bottom: 60px;
}
.gallery-villa .owl-carousel {
	display: block;
    position: relative;
}
.gallery-villa .item {
    position: relative;
    z-index: 1;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow:hidden;
}
.gallery-villa .item img {
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.gallery-villa .item:before {
    position: absolute;
    content: '';
    top: 75%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 25%;
    background: rgba(69, 35, 83, 0.6);
}
.gallery-villa .item:hover:before {
    background: rgba(69, 35, 83, 0.9);
}
.gallery-villa .item h2 {
    position: absolute;
    bottom: 8%;
    right: 0;
    left: 0;
    text-align: center;
	font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 2px 2px #3e2e2e;
    z-index: 5;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.gallery-villa .item h2:after {
    position: absolute;
    bottom: 10%;
    right: 60px;
    left: 0;
    top: 0;
    content: url(/images/sakura_mini.png);
    opacity: 0;
}
.gallery-villa .item:hover h2:after {
    opacity: 1;
}
.gallery-villa .item:hover img {
    opacity: 0.5;
}
.gallery-villa .item p {
    position: absolute;
    bottom: 4%;
    right: 0;
    left: 0;
    text-align: center;
	font-size: 15px;
    color: #fff;
    font-weight: 400;
    text-shadow: 2px 2px 2px #3e2e2e;
    z-index: 5;
    opacity: 0;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
}
.gallery-villa .item:hover h2 {
    bottom: 12%; 
}
.gallery-villa .item:hover p {
    opacity: 1;
}
#gallery-villa .owl-controls .owl-page span {
	height: 7px;
	width: 7px;
	background: #3e2e2e;
	border-radius: 20px;
	opacity: 1;
}
#gallery-villa .owl-controls .owl-page.active span,
#gallery-villa .owl-controls.clickable .owl-page:hover span.owl-theme .owl-controls .owl-page.active span,
#gallery-villa .owl-controls.clickable .owl-page:hover span {
	background: #c7a504;
}

#gallery-villa .owl-buttons {
	display: none;
}
.gallery-villa .customNavigation {
	width: 100%;
}
.gallery-villa .customNavigation a.prev,
.gallery-villa .customNavigation a.next
{
    position: absolute;
	cursor: pointer;
	color: #c7a504;
	top: 26%;
}
.gallery-villa .customNavigation a.prev {
	left: 15px;
}
.gallery-villa .customNavigation a.prev i {
	font-size: 40px;
	line-height: 40px;
}
.gallery-villa .customNavigation a.next {
	right: 15px;
}
.gallery-villa .customNavigation a.next i {
	font-size: 40px;
	line-height: 40px;
}
.gallery-villa .owl-pagination {
	padding: 35px 0 0;
}


.tab_wrapper .sightseeing.tab_big_content {
    width: 80%;
    margin: auto;
}
.tab_wrapper .sightseeing .detail .description {
    text-align: center;
    margin-bottom: 80px;
}
.room-detail_thumbs.owl-theme .owl-controls .owl-buttons div {
    display: none !important;
}

/* お役立ちリンク */
.list_links li {
    margin-bottom: 20px;    
}
.list_links li a h5 {
    font-size: 16px; 
    color: #fff;
    transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-ms-transition: .3s;    
    position: relative;
    padding: 7px 10px;
    margin-bottom: 10px;
    background: rgba(69,35,83, 0.4)
    
}
.list_links li a h5:hover {
    color: #79581a;
}

/* 修学旅行・教育旅行 */
.schooltrip.section {
    padding-bottom: 20px;
}
.schooltrip .kanko {
    width: 100%;
    margin: auto;
    background: rgba(160, 132, 85,0.4);
    height: auto;
    margin-bottom: 80px;
    padding: 0 40px 60px;
}
.schooltrip .tab_wrapper {
    width: 100%;
}
.schooltrip .tab_wrapper .tab_big_content:first-child{
    padding: 0;
}
.schooltrip .tab_wrapper .tab_big_content .tab_wrapper .detail{
    border: 1px solid #fff;
    border-width: 0 1px 1px 1px;
}
.schooltrip .tab_wrapper.dining .tab_big_content h5 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    color: #3e2e2e;
}
.tab_wrapper.dining .nav-tabs.width180 > li {
    width: 16%;
}
.schooltrip.taizai .kanko .image {
    padding-left: 0px;
    margin-top: 20px;
    text-align: center;
}
.schooltrip.taizai .kanko .image img {
    max-width: 100%;
}
.schooltrip .tab_wrapper.dining .detail {
    background: url(/images/back_white.jpg);
    margin: auto;
    padding: 30px;
    overflow: hidden;
    width: 100%;
    padding: 50px 20px 40px 20px;
}
.schooltrip .kanko .shop-detailslide ul.becchu li {
    float: left;
    margin-bottom: 12px;
    margin-right: 1%;
    margin-top: 5px;
    width: 23%;
    border: 0px solid #fff;
    position: relative;
}
.schooltrip2 .tab_wrapper .detail .course ul li {
    display: block;
    float: none;
    padding: 15px 10px 15px 20px;
    font-size: 15px;
    line-height: 1.6em;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #79581a;
}
.schooltrip2 .tekigosho {
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
}
.schooltrip2 .tekigosho img {
    max-width: 100%;
}
.schooltrip2 .tekigosho p {
    margin: 0 auto 10px;
    font-size: 13px;
}
.schooltrip2 .tekigosho li {
    display: inline;
}
.schooltrip .taizai .kanko .text {
    padding: 0px 40px 40px 40px;
}
.schooltrip .title h2 {
    color: #462722;
    margin-top: 30px;
}
.schooltrip .title h2:after {
    opacity: 0.5;
}
.schooltrip .kanko .title {
    padding-top: 80px;
}
.schooltrip h5 {
    color: #462722;
    font-size: 18px;
}
.schooltrip ul.becchu{
    padding: 5px 0 20px;
    margin: auto;
    display: flex;
    align-items: top;
    justify-content: center;
    flex-wrap: wrap;
}
.schooltrip ul.becchu li{
    float: none;
    width: 24%;
    max-width: 24%;
}
.schooltrip .col-md-6 ul.becchu li{
     width: 45%;
     max-width: 45%;
}
.schooltrip .col-md-6 {
    padding: 0;
}
.schooltrip .list_title {
    font-size: 16px;
    margin-bottom: 0px;
    text-align: center;
}

/* FAQ */
.faq .tab_wrapper .detail {
    padding: 50px 60px 40px;
}
.no-sub-banner .tab_big_content {
    max-width: 1100px;
}
.faq_list li {
    margin-bottom: 30px;     
}
.faq_list li li {
    margin-bottom: 0px;     
}
.faq_list li h5 {
    font-size: 17px; 
    color: #fff;
    display: block;
    vertical-align: top;
    margin-bottom: 8px;
    background: rgba(69,35,83,0.4);
    padding: 12px 10px 8px;
}
.faq_list li span {
    font-size: 24px; 
    color: #452353;
    padding-right: 8px;
    font-style: italic;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block; 
    padding-bottom: 3px;
}
.faq_list ul li {
    margin-bottom: 0px;
}
.faq_list p {
    margin-bottom: 5px;
}
.faq_list .btn_wrap {
    text-align: left;
}
.faq_list .btn {
    margin-top: 10px;
}
.sugoshikata_wrap {
    width: 90%;
    margin: 0px auto 0;
}
.plan_banner.faq {
    cursor:auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    height: 260px;
    padding: 20px;
}
.plan_banner.faq:after {
    display: none;
}

.plan_banner.faq.h360 {
    height: 390px;
}
.plan_banner.faq .exp_desc  {
    position: relative;
    z-index: 5;
    padding: 15px 20px;
    height: 218px;
    background: rgba(255,255,255,0.7)
}
.plan_banner.faq.h360 .exp_desc  {
    height: 348px;
}
.plan_banner.faq ul.deco li  {
    padding: 0 0 3px 20px;
    font-size: 14px;
    color: #3e2e2e;
    font-weight: 500;
}
.plan_banner.faq .exp_desc h4  {
    font-size: 20px;
    margin-bottom: 10px;
    color: #3e2e2e;
}
.plan_banner.faq .exp_desc p {
    font-size: 14px;
    margin-top: 5px;
    color: #3e2e2e;
    font-weight: 500;
}
@media only screen and (max-width: 1250px)  and (min-width: 1080px)  {
    .plan_banner.faq {
        height: 320px;
    }
    .plan_banner.faq.h360 {
        height: 480px;
    }
    .plan_banner.faq .exp_desc  {
        height: 278px;
    }
    .plan_banner.faq.h360 .exp_desc  {
        height: 438px;
    }
}
@media only screen and (max-width: 1080px)  and (min-width: 992px)  {
    .plan_banner.faq {
        height: 320px;
    }
    .plan_banner.faq.h360 {
        height: 520px;
    }
    .plan_banner.faq .exp_desc  {
        height: 278px;
    }
    .plan_banner.faq.h360 .exp_desc  {
        height: 478px;
    }
}
/* 規約 */
.kiyaku p, .kiyaku ol li,
.kiyaku .table-normal th,
.kiyaku .table-normal td {
    font-size: 14px;
}
.kiyaku .scroll .table-normal {
    margin-bottom: 0;
}
.kiyaku .scroll .table-normal td {
    text-align: center;
}
.kiyaku .scroll .table-normal th {
    text-align: center;
    padding: 10px;
}
.kiyaku ol li {
    margin-bottom: 5px;
    padding-left:1em;
    text-indent:-1em;
}
.kiyaku ol li li {
    padding-left: 20px;
}
.kiyaku .table-normal {
    margin-top: 15px;
}
.kiyaku .table-normal th {
    width: auto;
}
/*
#wrapper.kiyaku section:nth-of-type(2){
    padding-bottom: 0px;
}
*/

/* 施設概要 */
.table-normal td table {
    width: 95%;
    margin: 10px 0;
    background: rgba(255,255,255,0.3);
}
.kiyaku .table-normal td table td {
    font-size: 13px;
}
.table-normal.row2 td table th {
    width: auto;
    font-weight: 500;
}
.table-normal td table th {
    padding-left: 10px;
}
.table-normal th span {
    font-size: 13px;
    font-weight: 500;
    display: block;
}
.ulrow3, .ulrow4 {
    margin-bottom: 10px;
}
.ulrow3 ul, .ulrow4 ul {
    overflow: hidden;
    background: rgba(255,255,255,0.3);
    width: 95%;
    margin: 0 auto;
}
.ulrow3 ul.pdflist, .ulrow4 ul.pdflist {
    background: rgba(255,255,255,0.0);
} 
.ulrow3 ul li:nth-child(-n+3) {
    border-top: none;
}
.ulrow3 ul li {
    float: left;
    width: 33.33%;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid #3e2e2e;
}

.rinji_info .ulrow3 ul{
   background: none;
    padding-bottom: 20px;
}
.rinji_info .ulrow3 ul li img {
    margin: auto;
    text-align: center;
}
.ulrow4 ul li {
    width: 24%;
    float: left;
    padding: 10px;
    font-size: 13px;
}
.ulrow4 ul li img {
    max-width: 100%;
}
.scroll{
    overflow: auto; /*tableをスクロールさせる*/
    white-space: nowrap;
    margin-bottom: 15px;
}
.scroll::-webkit-scrollbar{　　
    height: 3px;
}
.scroll::-webkit-scrollbar-track{　
    background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
}

/* 採用情報 */
.table-normal.recruit th {
    width: 23%;    
}
.table-normal.recruit td:nth-child(3) {
    width: 46%;    
}

/* 問い合わせ */
.inquiry {
    text-align: center;
}
.inquiry h4 {
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 7px 0;
    background: rgba(69,35,83,0.4);
    width: 60%;
    margin: 20px auto 0;
}
.inquiry h4 + p {
    margin-bottom: 20px;
}
.inquiry .back_white p {
    line-height: 1.6em;
    margin-top: 15px;
    font-size: 14px;
}
.inquiry .btn {
    margin-top: 10px;
}
.inquiry form {
    text-align: left;
    margin-top: 40px;
}
.inquiry form .buttons {
    text-align: center;
}
.inquiry input, select, textarea {
    width: 100%;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    height: 40px;
    line-height: 1.8em;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;        
}
.inquiry .preview {
    display: inline-block;
    width: 100%;
    border: 1px solid #d4d4d4;
    background-color: #fff;
    height: 40px;
    line-height: 1.8em;
    padding: 10px 12px;
}
.inquiry input[type="tel"], .inquiry .tel {
    width: 25%;
}
.inquiry textarea {
    height: 200px;
}
.inquiry form label {
    display: block;
}
.inquiry input.textbox20, .inquiry select.textbox20, 
.inquiry .preview.textbox20 {
    width: 20%;
}
.inquiry input.textbox80, .inquiry .preview.textbox80 {
    width: 86%;
    margin-bottom: 10px;
}
ul.list02 {
    width: 100%;
    overflow: hidden;
}
ul.list02 li {
    overflow: hidden;
    padding: 10px 0 20px;
    color: #3e2e2e;
}
ul.list02 li label {
    clear: both;
    float: left;
    width: 18%;
    margin-right: 2%;
    padding: 8px 10px;
    background: rgba(69,35,83,0.4);
    color: #fff;
}
#contactform ul.list02 li label {
    width: 28%;
    margin-right: 2%;
}
#contactform ul.list02 li label.error {
    clear: both;
    float: none;
    width: 100%;
    margin-right: 0%;
    padding: 0;
    background: rgba(69,35,83,0.0);
    color: #3e2e2e;
}
.inquiry #contactform input.textbox80, 
.inquiry #contactform .preview.textbox80 {    
    width: 100%;
    margin-bottom: 10px;
}
#contactform ul.list02 li .rightbox, #contactform ul.list02 li .right {
    font-size: 15px;
    width: 70%;
    float: left;
    text-align: left;
}
ul.list02 li label.xtra01{
    clear: both;
    float: none;
    width: 100%;
}
ul.list02 li span span{
    font-weight: 500;
    padding: 8px 10px;
    height: 40px;
    display: inline-block;
    width: auto;       
}
ul.list02 li span.preview{
    font-weight: 600;
    font-size: 16px;       
}
.contact-form ul.list02 li span.preview{
    font-weight: 500;
    font-size: 15px;       
}
.inquiry .contact-form .preview {
    padding: 6px 12px;
}
.inquiry .contact-form input[type="button"] {
    width: auto;
}
ul.list02 li span.preview.message{
    height: auto;
    min-height: 40px; 
}
.box01 input[type="text"], .box01 input[type="email"], .box01 input[type="tel"]{
    height: 40px;  
    border: 1px solid #d4d4d4;
    background-color: #fff;
    height: 40px;
    line-height: 1.8em;
    padding: 0 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  
}
.box01 form {
    margin-top: 20px;
}
.no-sub-banner section.box02 {
    padding: 20px 0 40px; 
}
.box02 a {
    text-align: center; 
}
ul.list02 li .rightbox, ul.list02 li .right {
    font-size: 15px;
    width: 80%;
    float: left;
    text-align: left;
}
ul.list02 li .textbox05 {
    width: auto;
}
.textbox02, .textbox01 {
    width: 100%;
}
.textbox01 {
   margin-top: 10px;
}
ul.list02 li span.notes {
    font-size: 16px;
    color: #c34646 !important;
    padding-left: 4px;
}
.total{
    font-weight: 600;
    font-size: 16px;
}

/* Access, Google Map */
.access .table-normal th, .access .table-normal td {
    padding: 5px 10px;
    font-size: 14px;
}
.access .table-normal th {
    width: 55%;
}
.access .table-normal + .table-normal {
    margin-top: 10px;
}
.access h4 {
    font-size: 20px;
    margin: 10px 0 15px;
}
.access h5 {
    font-size: 18px;
    margin: 15px 0 5px;
}
.access h5.mini{
    font-size: 16px;
    line-height: 1.4em;
    margin: 10px 0 10px;
}
.access img {
    max-width: 100%;
}
.access .caution {
    margin: 10px 0;
}
.access .keiyaku {
    padding-right: 20px;
}
.location {
	width: 100%;
}
.section.location {
	padding: 100px 0 0;
}
.location .address {
    text-align: center;
    margin-bottom: 30px;
}
.location .map + .btn_wrap {
    padding-bottom: 60px;
}

.location #map, .access #map {
	display: block;
	height: 490px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

/* お知らせ */
.news .back_white .post {
    padding: 0px 0px 60px;
    /*border-bottom: 1px solid #79581a; */
    overflow: hidden;
}
.news .back_white .news_title {
    padding: 10px 20px;
    background: rgba(69,35,83,0.6);
    width: 100%;
}
.news .back_white .post .date {
    display: inline;
    float: right;
    margin-top: 0px;
    color: #fff;
}
.news .back_white .content {
    padding: 0 20px;
    color: #3e2e2e;
    clear: both;
    margin-top: 30px;
}
.news .back_white .content h5 {
    font-size: 18px;
}
.news .back_white .content h5 +p {
    margin-top: 0px;
}
.news .back_white h4 {
    color: #fff;
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    display: inline;
}
.news img {
    max-width: 100%;
}
.news .post h4:after {
    position: absolute;
    content: '';
    background: url(/images/sakura_mini30.png) no-repeat;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
}
/*
.news ul {
    text-align: center;
}
*/


/* 期間表 */
.section.kikan{
    padding: 60px 0 80px;
}
.kikan .tab_wrapper {
    width: 60%;
    margin: auto;
}
.kikan .table-normal {
    width: 90%;
    margin: auto;
}
.kikan .table-normal td, .kikan .table-normal th {
    width: auto;
    text-align: center;
}
.kikan .table-normal td:first-child {
    width: 50%;
    text-align: left;
}
.kikan .table-normal tr:first-child {
    border-top: 1px solid #79581a;
}

.room-detail {
	font-size: 12px;
	position: absolute;
	bottom: 45px;
	left: 32px;
	transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	opacity: 0;
	visibility: hidden;
    padding:5px 10px;
    background: rgba(0,0,0,0.6);
    text-decoration: none;
}
.section.banners {
    padding: 60px 0;
}
.banner{
	width: 100%;
	padding: 20px 0;
	background-color: #e3ded3;
	position: relative;
        clear: both;
}
.bannerList{
    list-style-type: none;
    text-align: center;
}
.bannerList li{
    float: left;
    width: 48%;
    padding:10px;
}
.bannerList li img {
    width: 80%;
}

/* --- システムテンプレート部分 ---*/
.container {
    width: 90%;
    margin: auto;
}
/*
@media (min-width: 768px){
    .container {
        width: 750px;
    }
}
*/
@media (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
/*
@media (min-width: 992px){
    .container {
        width: 970px;
    }
}
*/
#calbox {
   padding: 0 0 0px; 
} 
#calbox .wrap{
   overflow:inherit; 
} 
#calbox table {
   border-spacing: 0px !important; 
}  
#calbox .floatL {
    float: left;
    width: 48%;
    margin-right: 2%;
}
#calbox .floatR {
    float: right;
    width: 48%;
    margin-left: 2%;
}
table#cal_top {
    background: url(/images/calender_th.jpg) no-repeat;
    font-size: 14px;
}
table#cal_main thead th, table.pricelist th {
    background: rgba(184,136,0,0.6);
    border: 1px solid #96928c;
    text-align: center;
    width: 14%;
}
table#cal_main tbody td, table.pricelist td{
    font-size: 14px;
    text-align: center;
    border: 1px solid #96928c;
    padding: 7px 0;
    line-height: 20px;
    background: rgba(255,255,255,0.6);
}
ul#cal_av, ul.cal_av {
    width: 100%;
}
ul#cal_av li, ul.cal_av li {
    padding: 10px 10px 10px 0;
    height: 40px;
    float: left;
    width: 33.33%;
    background: rgba(255,255,255,0.6);
    text-align: center;
}   
ul#cal_av, ul.cal_av {
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
ul#cal_av li a {
    font-size: 13px;
}
table#cal_top{
    background: url('/images/calender_th.jpg');
    width: 100%;
}
table#cal_top th {
    height: 40px;
    width: 33.33%;
    text-align: center;
}
table#cal_main {
    width: 100%;
}
ul#smldesc {
    margin: 0px auto 20px;
}
#smldesc .table-normal {
    margin-bottom: 0px;
}
#kikan {
    width: 48%;
    float: right;
    margin-top: 20px;
    text-align: left;
}

/* 6. Gallery Styles */
.home-gal {
	background-color: #e3ded3;
}
.home-gal .title{
    padding-bottom: 0px;
}

/* 7. Dual Slider */
.dual-slider .col-md-6{
    padding:0 !important;
    background: url('/images/about/about_back.png') no-repeat;
}
.dual-slider .gal-nav1 li.flex-active ,
.dual-slider .gal-nav2 li.flex-active ,
.dual-slider .gal-nav3 li.flex-active ,
.dual-slider .gal-nav4 li.flex-active {
	display: block;
}

.dual-slider li.flex-active{
	float: left;
	display: none;
}
.dual-slider li.flex-active .title{
	text-align: left;
     width: 100%;
    background: rgba(255,255,255,0.55);
    padding: 20px 20px 30px ;
}

.dual-slider li.flex-active .title p.toplead{
    padding: 0;
    font-size: 14px;
    padding-top: 20px;
    line-height: 1.8em;
}
.dual-slider .btn{
    margin-top: 20px;
}
.dual-slider #gal-slider1 ,
.dual-slider #gal-slider2 ,
.dual-slider #gal-slider3 ,
.dual-slider #gal-slider4 {
	position: relative;
}

.dual-slider .gal-nav1 a.flex-prev1 ,
.dual-slider .gal-nav2 a.flex-prev2 ,
.dual-slider .gal-nav3 a.flex-prev3 ,
.dual-slider .gal-nav4 a.flex-prev4 {
	position: absolute;
	width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
	background-color: rgba(255,255,255,0.6);
	display: table;
    cursor: pointer;
}

.dual-slider .gal-nav1 a.flex-next1 ,
.dual-slider .gal-nav2 a.flex-next2 ,
.dual-slider .gal-nav3 a.flex-next3 ,
.dual-slider .gal-nav4 a.flex-next4{
	position: absolute;
	width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 22px;
    line-height: 50px;
    text-align: center;
	background-color: rgba(255,255,255,0.6);
	display: table;
    margin-left:40px;
    cursor: pointer;
    color: #79581a;
}
.flex-active h3 {
    color: #79581a;
    font-size: 20px;
}
.dual-slider .home-gal .flex-direction-nav {
	display: none;
}

.dual-slider .gal-nav2 ,
.dual-slider .gal-nav4 {
	padding: 30px 40px 30px 0px;
	display: table;
}
.dual-slider .gal-nav1 ,
.dual-slider .gal-nav3 {
	padding: 30px 0px 10px 40px;
	display: table;
}
.dual-slider a.flex-prev1 ,
.dual-slider a.flex-prev3 {
    left: 40px;
	bottom: 10px;
}
.dual-slider a.flex-prev2,
.dual-slider a.flex-prev4 {
	right: 90px;
	bottom: 10px;
}
.dual-slider a.flex-next1 ,
.dual-slider a.flex-next3 {
    left: 50px;
	bottom: 10px;
}
.dual-slider a.flex-next2,
.dual-slider a.flex-next4{
	right: 40px;
	bottom: 10px;
}
.dual-slider .col-md-7 {
	width: 60%;
}
.dual-slider .col-md-5 {
	width: 40%;
}
#go-block1 .flex-control-nav ,
#go-block2 .flex-control-nav ,
#go-block3 .flex-control-nav ,
#go-block4 .flex-control-nav {
	bottom: 3px !important;
}


/* owl-slide */
.owl-slide {
	width: 100%;
	padding: 0 0px 0px;
    position: relative;
}
.room-detail_img {
    position: relative;
    overflow: hidden;
}
.room-detail_img .owl-wrapper-outer {
    width: 99.8%;
}
.room-detail_img .room_img-item, .main_slide {
    position: relative
}
.room-detail_img .room_img-item h6, .shop-detailslide .slide_cap {
    background-color: rgba(255,255,255, 0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 18px;
    color: #452353;
    padding: 10px 20px;
    text-align: center;
}
.room-detail_img .room_img-item h6 span {
    font-size: 14px;
    display: block;
    line-height: 1.6em;
}
.room-detail_img .room_img-item h6 span.inline {
    display: inline;
}
.room-detail_img .room_img-item img {
    width: 100%;
    max-width: 100%;
}
.room-detail_img .apb-zoom {
    position: absolute;
    bottom: 65px;
    right: 12px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.room-detail_thumbs {
    margin-top: 10px
}

.room-detail_thumbs .owl-item {
    width: auto !important;
    float: none;
    display: inline-block;
    margin-right: 1%;
    margin-top: 5px;
}
.tab_wrapper .detail .room-detail_thumbs .owl-item {
    width: 19% !important;
    float: none;
    display: inline-block;
    margin-right: 1%;
    margin-top: 5px;
}
/* セレクト料理用スライド */
.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    align-items: stretch;
}
.row2 .item {
    flex-basis: 50%;
    max-width: 50%;
}
.row2.margin .item {
    flex-basis: 48%;
    max-width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}
.row3 .item {
    flex-basis: 31.33%;
    max-width: 31.33%;
}
.row3.margin .item {
    flex-basis: 31.33%;
    max-width: 31.33%;
    margin-right: 1%;
    margin-left: 1%;
}
.row5 .item {
    max-width: 13%;
    flex-basis: 13%;
    padding: 10px 5px;
    text-align: center;
}
.row5 .item.mv {
    max-width: 30%;
    flex-basis: 30%;
}
.row5 .item img {
    display: inline-block;    
}
.shop-detailslide {
    margin: 0px auto 5px;
    overflow: hidden;
}
.shop-detailslide .col-md-6{
    padding: 0 0 0 10px;
}
.shop-detailslide .item{
    width: 90%;
    margin: 20px auto 0;
}
.schooltrip .shop-detailslide .wrap{
    display: flex;
    align-items: top;
    justify-content: center;
    flex-wrap: wrap;
}
.shop-detailslide .cate_title{
    width: 97%;
    background: rgba(69,35,83,0.8);
    padding: 5px 0;
    margin: auto;    
}
.shop-detailslide .cate_title.syusai{
    width: 72%;
    background: rgba(139, 43, 54, 0.8);   
}
.shop-detailslide .cate_title.select {
    width: 58%;
    background: #5f3895;       
}
.shop-detailslide .cate_title h6{
    font-size: 14px;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
}
.shop-detailslide .cate_title h6 span{
    font-size: 12px;
}
.shop-detailslide .flexbox.thumb{
    width: 77%;
}
.shop-detailslide ul li{
    font-size: 0;
}
.shop-detailslide ul.becchu {
    padding: 6px 0 0px;
    margin-bottom: 20px;
}
.shop-detailslide ul.becchu li {
    float: left;
    margin-bottom: 12px;
    margin-right: 0.5%;
    margin-left: 0.5%;
    width: 24%;
    border: 0px solid #fff;
    position: relative;
}
.shop-detailslide ul.becchu li img {
    border: 1px solid #fff;
}
.shop-detailslide ul.becchu.inline li {
    display: inline-block;
    float: none;
}
.shop-detailslide ul.becchu li h6 {
    font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, serif;
    text-align: center;
    font-size: 14px;
    line-height: 1.2em;
    margin-top: 4px;
}
.shop-detailslide ul.becchu li h6 span {
    font-size: 11px;
}
.koteimenu  {
    position: relative;
    width: 80%;
    margin: 60px auto 0;
}
.koteimenu.withplus {
    margin: 0px auto 0;
}
.koteimenu.withplus::before, .koteimenu.withplus::after{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #333;
}
.koteimenu.withplus::before {
    width: 6px;
    height: 26px;
    top: -40px;
}
.koteimenu.withplus::after {
    width: 26px;
    height: 6px;
}
.select_ex img {
    margin: 10px auto;
}

@media only screen and (min-width: 1400px) {
    .tab_wrapper .detail .room-detail_thumbs .owl-item {
        width: 15.66% !important;
    }
}
.tab_wrapper .detail.facilities .room-detail_thumbs .owl-item {
    width: 13.25% !important;
    float: none;
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}

.tab_wrapper .room-detail_thumbs .owl-item img {
    width: 100%;
}

ul.becchu{
    width: 100%;
    overflow: hidden;
    padding: 10px 0 40px;
}
ul.becchu li {
    float: left;
    margin-bottom: 12px;
    margin-right: 1%;
    width: 19%;
    border: 1px solid #fff;
    position: relative;
}
ul.becchu li a {
}
ul.becchu li img {
    width: 100%;
    max-width: 100%;
}
ul.becchu li p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 7px 0 ;
    background: rgba(255,255,255, 0.85) ;
    color: #452353;
    font-weight: 500;
}
ul.becchu li p span {
    font-size:13px;
}
.room-detail_thumbs .owl-wrapper {
    width: 100% !important;    
}
.room-detail_thumbs .owl-item.active a:before {
    opacity: 0.7;
}
.room-detail_thumbs a {
    display: block;
    position: relative
}
.room-detail_thumbs a:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
   width: 100%;
    height: 100%;
    background-color: rgba(70,39,34, 0.6);
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    opacity: 0;
}

.room-detail_thumbs a:hover::before {
    opacity: 0.6;
}
.room-detail_thumbs .owl-prev,
.room-detail_thumbs .owl-next {
    width: 26px;
    text-align: center;
    background-color: none;
    border-width: 0;
    height: auto;
    top: 0;
    bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0)
}
.owl-controls {

}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls .owl-next {
    right: 0px;
}
.owl-controls .owl-prev {
    left: 0px;
}
.owl-controls .owl-prev, .owl-controls .owl-next {
    color: #fff;
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 38px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{
    opacity: 0.6;
}
.owl-theme .owl-controls {
    margin-top: 0px;
}

.top-slider .owl-theme .owl-controls .owl-page {
    position: relative;
    z-index: 999;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #79581a;
}

/*---   Confirm ---*/
.confirm{
    padding:60px 20px 80px;
}
.confirm .table-bordered.tb-table{
    width:70%;
    margin:20px auto;
}
.confirm .table-bordered td{
}

/*--- 日帰りプランページ ---*/
.yoyaku {
    background: rgba(255,255,255,0.5);
    border: 1px solid #462722;
    margin: 40px auto;
    text-align: center;
    padding: 30px;
    width: 60%;
}
.yoyaku h4 {
    display: inline;
    color: #462722;
}
.yoyaku .tel {
    font-size: 26px; 
    padding-left: 10px;
}
.yoyaku .btn {
    display: inline-block;
    margin-top: -10px;
    margin-left: 15px;
}
.tab_wrapper {
	width: 90%;
	position: relative;
    overflow: hidden;    
    margin: auto;
    margin-bottom:0;
}
.tab_wrapper .tab_big_content {
	width: 100%;
	padding: 80px 20px 0 20px;
    position: relative;
    overflow: hidden;
    margin: auto;
}
.tab_wrapper .tab_big_content:first-child {
	padding: 0px 20px 0 20px;
}
.tab_big_content .title h3 {
    text-align: center;
    padding-top: 20px;
}
.tab_big_content h5 {
    font-size: 18px;
}
.tab_big_content .title h3:after {
    top: -30px;
}

.tab_wrapper .detail {
    background: url('/images/back_white.jpg');
    margin:auto;
    padding: 30px;
    overflow: hidden;
    width: 100%;
	padding: 50px 30px 40px 30px;
}
.tab_wrapper .detail .col-md-10 .owl-slide {
    margin-bottom: 30px;
}
.tab_wrapper .detail.lobby {
	padding: 50px 0 40px 0;
}
.tab_wrapper .detail .komyoseki{
    position: absolute;
    top: 17%;
    right: 0;
    background: url(/images/facilities/komyoseki.png) no-repeat;
    z-index: 99;
}
.tab_wrapper .nav-tabs {
    border-bottom: 0px solid #ddd; 
}
.tab_wrapper .nav-tabs > li,
.faq .tab_wrapper .nav-tabs > li  {
    width: 20%; 
}
.tab_wrapper.dining .nav-tabs > li{
    width: 14%;
}
.tab_wrapper.row6 .nav-tabs > li {
    width: 16%;
}
.tab_wrapper .nav-tabs > li > a {
    text-align: center;
     background-color: rgba(255,255,255,0.5);
    color: #3e2e2e;
    font-weight: 500;
    border-bottom: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 98%;
}
.tab_wrapper .nav-tabs > li.active > a,
.tab_wrapper .nav-tabs > li.active > a:hover,
.tab_wrapper .nav-tabs > li.active > a:focus {
    color:  #79581a;
    background-image: url('/images/back_white_tab.jpg');
    cursor: default; 
    border: 1px solid #fff;
    border-bottom: none;

}
.tab_wrapper .nav-tabs > li > a span {
    font-size: 13px;
}
.tab_wrapper .overview {
	float: left;
	width: 100%;
}
.description {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
}
.description h3{
    position: relative;
    margin-bottom: 50px;
    font-size: 22px;
    color: #79581a;
    line-height: 1.2em;
}
.description h3:after{
    position: absolute;
    content: '';
    background: url(/images/lines.png) no-repeat;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 340px;
    height: 18px;
    margin: auto;
    background-size: contain;
}
.tab_wrapper.dining .detail .col-md-6:nth-of-type(2){
    margin-top:0px;    
}
.tab_wrapper .enkaitehai .table-normal th {
    width: 80%;
}
.tab_wrapper .enkaitehai .table-normal td {
    text-align: right;
}
.tab_wrapper .detail .course {
	margin-bottom:20px;
}

.tab_wrapper #nabe .detail .course,
.tab_wrapper #obentou .detail .course{
    width:50%;
    float: left;
    padding:0 20px;
    height: 260px;
}
.tab_wrapper #nabe .detail .course.small{
    height: 130px;
    width:33.33%;
}
.course.small{
	height:100% !important; /* 追加 */
}
.tab_wrapper .detail .course p{
	margin-bottom: 10px;
    font-size: 14px;
}
.tab_wrapper .detail .course ul {
	display: block;
}
.tab_wrapper.dining .detail .course ul {
	display: block;
    padding-left: 20px;
    overflow: hidden;
}
.tab_wrapper .detail .course ul li {
	display: block;
	float: none;
	padding: 0 0 7px 20px;
	font-size: 15px;
	line-height: 1.6em;
	position: relative;
	text-align: left;
}
.tab_wrapper.dining .detail .course ul li {
	display: block;
	float: left;
    width: 20%;
	padding: 0 0 7px 10px;
	font-size: 15px;
	line-height: 1.6em;
	position: relative;
	text-align: left;
}
.tab_wrapper.dining .detail .course.wrap {
    margin-top: 30px;   
}
.tab_wrapper.dining .detail .course .kondate_wrap {
    position: relative; 
    overflow: hidden;  
    height: 70px;
    text-align: center;
}
.tab_wrapper.dining .detail .course .kondate {
    position: relative;
    left: 0;
    right: 0;
    display: inline-block;
}
.tab_wrapper.dining .detail .course ul.kondate li {
    font-family: 'Libre Baskerville', 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", HGS明朝E, メイリオ, Meiryo, serif;
    letter-spacing: 0.6em;
    writing-mode: tb-lr; /* IE独自仕様 */
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -o- writing-mode: vertical-lr;
    text-orientation: upright;
    -ms- text-orientation: upright;
    -o- text-orientation: upright;
    -webkit- text-orientation: upright;
    position: relative;
    float: left;
	width: auto;
	font-size: 15px;
	line-height: 1.6em;
    padding: 0 0 15px 15px;
}
.tab_wrapper.dining .detail .course ul.caution  {
	margin-top: 20px;
    padding-left: 0;
}
.tab_wrapper.dining .detail .course ul.caution li {
	display: block;
	float: none;
    width: 100%;
	padding: 0 0 7px 20px;
	font-size: 14px;
	position: relative;
	text-align: left;
}
.tab_wrapper .detail .course ul li  span{
	font-size: 13px;
}
.tab_wrapper .detail .course ul li ul li{
	display: inline;
	float: none;
	padding: 0 5px 12px 5px;
	font-size: 15px;
	line-height: 24px;
	position: relative;
	text-align: left;
}
.tab_wrapper .detail .course ul li ul li:before {
	background-image: none;
}
.tab_wrapper .detail .course ul li ul li:first-child:before {
    content: "";
    margin-left:-30px;
}
.tab_wrapper .detail .course ul.deco li:before {
	background-image: url(/images/sakura15.png);
	background-position: left center;
    background-repeat: no-repeat;
	content: "";
	height: 15px;
	left: 0;
	position: absolute;
	top: 4px;
	width: 15px;
}
.tab_wrapper .tab_big_content .course .title  {
	float: none;
	width: 100%;
	border-bottom: 1px solid #c7a504;
	padding: 0 0 10px 0;
	margin-bottom: 26px;
}
.tab_wrapper .tab_big_content .course .title  h5 {
	font-size: 18px;
    position: relative;
}
.tab_wrapper .tab_big_content .course .title  h5:before {
	position: absolute;
    content: url('/images/sakura_mini30.png');
    top: 0;
    left:-100px;
    right: 0;
}
.tab_wrapper .tab_big_content .course .title  h5:after {
	position: absolute;
    content: url('/images/sakura_mini30.png');
    top: 0;
    left:100px;
    right: 0;
}
.tab_wrapper .detail .course .kakaku{
    font-size: 16px; 
    text-align: right;
    margin-top: 15px;
    margin-bottom: 0px;
}
.tab_wrapper .detail .course .kakaku span{
    font-size: 22px; 
}
.tab_wrapper .title h3 span.kikan{
    display: block;
    font-size: 16px; 
    font-weight: 600;
}
.tab_wrapper .title h3 span.kana{
    display: inline;
    font-size: 14px; 
    font-weight:500;
    padding-left:10px;
}
.tab_wrapper .detail .tag{
   float: left;
    width:80%;
    margin:40px 10% 0px;
    text-align: center;
}
.tab_wrapper .detail .tag li{
    display: inline-block;
    background-color: #fff;
    padding:10px 20px;
    border-radius: 5px;
    margin-left:5px;
    margin-top:10px;
}
.tab_wrapper .detail .other{
    float: left;
    background: #fff;
    border:1px solid #888;
    width:80%;
    margin:40px 10%;
    text-align: center;
    padding:30px;
}

.tab_wrapper .detail .other h4{
    font-size:18px;
    margin-bottom: 15px;
}
.tab_wrapper .detail .other ul{
    width:100%;
    display: block;
    overflow: hidden;
    margin-left: -20px;
}
.tab_wrapper .detail .other ul li {
	display: inline;
	padding: 0 0 12px 30px;
	font-size: 15px;
	line-height: 2em;
	position: relative;
	text-align: left;
    word-break: keep-all;
    }
.tab_wrapper .detail .caption{
    text-align: center;
    margin-top:5px;
}
#cboxTitle {
    color: #fff;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -30px;
    right: 0;
    margin: auto;
    text-align: center;
}

.sugosikata{
    background-repeat: repeat-y;
    background-position: top right;
}
.sugosikata section .container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.sugosikata .titleR {
    background: rgba(121,88,26, 0.15);
    padding: 40px 26px 30px;
    height: 400px;
}
.sugosikata .titleR h4 {
    font-size: 20px;
    color: #79581a;
    margin-bottom: 10px;
    text-align: center;
}
.sugosikata .floatL.img,
.sugosikata .floatR.img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 400px; 
}
#arrive .floatL{
    background-image: url(/images/faq/front.jpg);        
}
#room .floatR{
    background-image: url(/images/faq/room.jpg); 
}
#ofuro .floatL{
    background-image: url(/images/faq/ofuro.jpg); 

}
#kissa .floatR{
    background-image: url(/images/faq/lounge.jpg); 
}
#shop .floatR{
    background-image: url(/images/faq/baiten.jpg); 
}
#depature .floatL{
    background-image: url(/images/faq/lobby.jpg); 
}

@media screen and (max-width:980px){
     .floatwrap{
        padding:0;
        margin:0;
        overflow:hidden;
        clear:both;
	} 
}

/*  Movie  */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	width: 100%;
    margin: 0 auto 30px;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    height: 90%;
    margin: auto;
}
.rinji_info .movie-wrap {
    margin: 0 auto 15px;
}

/*  SNS */
.cp_snslink02 {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	margin: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 999;
}
.cp_snslink02 .cp_link_list {
	margin-left: -95px;
	list-style-type: none;
}
.cp_snslink02 .cp_link {
	position: relative;
	left: -100px;
	padding: 10px;
	cursor: pointer;
	-webkit-transition: left 0.6s ease-in-out;
	transition: left 0.6s ease-in-out;
	text-align: right;
	color: #ffffff;
}
.cp_snslink02 .cp_link a {
	color: #ffffff;
}
.cp_snslink02 .facebook {
	background: #3b5997;
}
.cp_snslink02 .twitter {
	background: #000000;
}
.cp_snslink02 .google {
	background: #dd4b39;
}
.cp_snslink02 .instagram {
	background: linear-gradient(45deg, #fdf498,#fd5948,#d6249d,#285aea );
}
.cp_snslink02 .cp_link:hover {
	left: 0;
}
.cp_snslink02 .cp_link span {
	display: inline-block;
	margin-left: 104px;
	padding: 0 10px;
}

/*  Footer */
#footer {
	width: 100%;
	padding: 50px 0 0 0;
	background: #dbd5e1;
    position: relative;
}
#footer .footer {
	padding: 0 0 30px 0;
    position: relative;
    z-index: 10;
}
#footer .footer_menu {
    margin-bottom: 20px;
}
#footer .footer_menu li {
	display: inline-block;
	text-align: left;
    padding: 5px 15px 0 0;
}
#footer .footer_menu li a {
    color: #472655;
}
#footer .footer_menu li a.active, #footer .footer_menu li a:hover {
	color: #452353;
}

#footer .footer p {
    color: #472655;
}
#footer .footer .f-block1 .address {
	font-size: 14px;
    margin: 10px 0 20px;
    font-weight: 400;
}
#footer .footer .f-block3 img {
	max-width: 100%;
    margin-bottom: 10px;
}
.copyright {
    padding: 20px 0;
    text-align: center;
    background: #452353;
}
.copyright p {
    font-size: 13px;
    color: #fff;    
}

.statusMessage, .successmessage, .errormessage {
	display: none;
	margin: auto;
	width: 100%;
	height: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	border: 1px solid #727272;
	margin: 0 auto 25px auto;
	color: #A5A299;
}

/* 21. Responsive Styles */
@media (min-width:1750px) {
	.dual-slider .gal-nav {
		padding: 100px;
	}
	.dual-slider #gal-slider a.flex-prev {
		right: -162px;
		bottom: 100px;
	}
	.dual-slider #gal-slider a.flex-next {
		right: -224px;
		bottom: 100px;
	}
}

@media only screen and (min-width: 1501px)  and (max-width: 2700px)  {
	.dual-slider .gal-nav h2 {
		font-size: 28px;
	}
	.dual-slider .gal-nav p {
		font-size: 14px;
		line-height: 28px;
	}
    .tab_wrapper {
        width: 80%;
    }
}

@media only screen and (min-width: 1280px)  and (max-width: 1500px)  {
	.sf-menu > li > a {
		padding: 52px 12px 52px;
		font-size: 16px;
	}
	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}
	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}
	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}
}
@media only screen and (min-width: 980px)  and (max-width: 1500px)  {	
    .tab_wrapper .detail.facilities .room-detail_thumbs .owl-item {
        width: 13.5% !important;
        margin-right: 0.7%;
    }   
  
}
@media only screen and (min-width: 993px) and (max-width: 1200px)  {
    .tab_wrapper ul.becchu li {
        width: 24%;
    }
    .plan_carousel .plan_banner .plan_title {
        height: 240px;
    }
    .plan_banner .plan_desc p{
        font-size: 14px;
        line-height: 1.5em;
    }
}

@media only screen and (min-width: 1151px)  and (max-width: 1279px)  {
	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}
	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}
	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}
	.dual-slider .gal-nav h2 {
		padding-bottom: 15px;
	}

	.dual-slider .gal-nav p {
		font-size: 13px;
		line-height: 24px;
		padding-bottom: 10px;
	}
	.sf-menu > li > a {
		padding: 53px 9px 50px;
		font-size: 14px;
	}
}

@media only screen and (min-width: 993px)  and (max-width: 1150px)  {
	header {
		height: 90px;
	}
    .sf-menu > li > a {
		padding: 30px 9px 30px;
		font-size: 14px;
	} 
	.logo {
		height: 90px;
	}
	.dual-slider .gal-nav {
		text-align: left;
		padding: 40px 40px 30px;
		display: table;
	}
	.dual-slider #gal-slider a.flex-prev {
		right: 83px;
		bottom: 20px;
		z-index: 9999;
	}
	.dual-slider #gal-slider a.flex-next {
		right: 20px;
		bottom: 20px;
		z-index: 9999;
	}
	.dual-slider .gal-nav h2 {
		padding-bottom: 15px;
	}
	.dual-slider .gal-nav p {
		font-size: 12px;
		line-height: 18px;
		padding-bottom: 16px;
	}
	.dual-slider .gal-nav {
		text-align: left;
		padding: 30px 30px 30px;
		display: table;
	}
	.dual-slider .col-md-7 {
		width: 60%;
	}
	.dual-slider .col-md-5 {
		width: 40%;
	}
	.dual-slider .gal-nav h2 {
		font-size: 25px;
	} 
    .sightseeing-gallery .gallery-villa .item {
        margin: 0 10px 10px;
        width: 280px;
        height: 280px;
    }
}


@media only screen and (min-width: 768px)  and (max-width: 1150px)  {
    .syoukai .syoukai_title span {
        font-size: 14px;
    }
    .syoukai:after { 
        height: 50%;
    }
	.nav-tabs > li {
		float: left;
		margin-bottom: 0;
		width: auto;
	}
}
@media only screen and (max-width: 1200px)  {
    .updates .news .btn {
        display: none;
        }
    .updates .news {
        border-bottom: 1px solid rgba(121,88,26,0.3);
        padding: 0 10px 15px 20px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 992px)  {
    .row2 .item {
        flex-basis: 100%;
        max-width: 100%;
    }
    .row2.margin .item, .row3.margin .item {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .blog .row3.margin .item{
        margin-bottom: 30px;
    }
    .width80, .width60 {
        width: 100%;
        margin: 0 auto 10px;
    }
    .rinji_info {
        margin: 30px auto 0;
        padding-bottom: 0;
    }
    .rinji_info p {
        font-size: 15px;
        padding: 5px 15px 20px;
    }
    .rinji_info .flexbox .item p {
        padding: 0 15px 20px;
    }
    .title h1 {
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .title h2 + p {
        padding-bottom: 40px;
    }
    .section {
        padding: 80px 0 60px;
    }
    header {
		z-index: 9999;
        height: 90px;
	} 
    .header_top {
        height: 65px;
    }
    .booking {
        top: 26px;
        right: 3%;
     }
    .logo {
        top: 20px;
        left: 5%;
        } 
    .header_top .header_right {
        width: 38%;        
    }
    .header_top .header_left {
        width: 62%;
        padding-left: 20px;    
    }
    .header_top .header_right .lang li {
        font-size: 13px;
    }
    .header_top p.tel {
        padding-right: 3%;
        margin-top: 5px;
        font-size: 20px;
    }
    .header_top .header_left p {
        font-size: 12px;
        line-height: 1.4em;
        margin-top: 10px;
    }
    .header_top .header_right .lang {
        margin-top: 12px;
    } 
    .navbar-default {
		height: 90px;
	}
    .navbar-default:after {
        width: 130px;
    }
    .navheader {
        width: 100%;
    }
    .header_content {
        top: 64px;
    }
    .navbtn-wrap {
        background: rgba(184, 136, 0, 0.6);
        width: 46px;
        height: 46px;
        border-radius: 23px;
        float: right;
        padding-top: 2px;
        text-align: center;
    }
    #mobnav-btn {
        display: block !important;
        padding: 22px 40px;
         position: absolute;
        right: -25px;
	}
    #mobnav-btn i {
        float: none; 
        position: relative;
        padding-left: 2px;
        padding-top: 8px;
    }
    #header .header_content.sticky .navbar-default:after{
        display: none;    
    } 
    #header .header_content.sticky #mobnav-btn {
       padding: 12px 40px
    }
    #header .header_content.sticky .booking {
        top: 17px;
        right: 3%;
    }
    #header .header_content.sticky .sf-menu > li > a {
       padding: 15px;
    }
	.sf-menu {
		display: none;
	}
    .sf-menu {
		width: 100% !important;
		position: absolute !important;
		background: rgba(69,35,83,0.7);
		max-height: 61vh;
		overflow: auto;
		overflow-x: hidden !important;
	}
	.xpopdrop .sf-mega, .xpopdrop ul {
		display: block!important;
	}
	.menu-wrap {
		position: relative;
	}
	.sf-menu ul ul {
		top: 0px;
		left: 100%;
		border-top: none;
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 0;
		box-shadow: none;
	}
	.sf-menu.xactive {
		display: block !important;
		width: 100%;
		right: 0px;
		padding: 15px 15px 10px;
		max-height: 81vh;
		top: 90px;
	}
    #header .header_content.sticky .sf-menu{
        height:auto;
    }
    #header .header_content.sticky .sf-menu.xactive{
        top: 72px;
    }
    .main_menu li, .sub_menu li {
        display: block;
    }
    .main_menu > li > a, .sub_menu > li > a {
        line-height: 1.6em;
        padding-right: 0px;
        color: #fff;
    }
    .main_menu > li > a {
        font-size: 15px;
    }
    .sub_menu > li > a {
        font-size: 14px; 
    }
    #header .header_content.sticky .main_menu > li > a {
        font-size: 15px;
        padding: 0px 0px 5px 0;      
    }
    #header .header_content.sticky .sub_menu > li > a {
        font-size: 14px; 
        padding: 0px 0px 5px 0;
    }
    .sub_menu {
        border-top: 0px solid #79581a;
    }
    .section-sub-banner.left {
        background-position: left center;
    }
    .no-sub-banner section:nth-of-type(2) {
        padding: 40px 0;
    }
    .top-slider {
        margin-top: 130px;
    }
    .no-sub-banner .top-section {
        margin-top: 150px;
    }
    .top-owl-slide .room_img-item .caption, 
    .owl-slide .caption {
        top: 15%;
        left: 10%;
        right: auto;
        width: auto; 
        text-align: left;
        float: right;
        padding: 30px 26px;
    }
    .top-owl-slide .room_img-item .caption:after {
        display: none;
    }
    .top-owl-slide .room_img-item .caption h2 {
        font-size: 22px;
    }
    .top-owl-slide .room_img-item .caption h3 {
        font-size: 20px;
        line-height: 1.6em;
    }
    .top-owl-slide .room_img-item .caption p {
        font-size: 16px;
        padding-top: 10px;
    }
    .syoukai_container {
        width: 100%;
    }
    .plan_banner {
        float: none;
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        margin-left: 0;
    }
    .plan_banner img {
        width: 100%;
    }
    .plan_banner .plan_title p {
       padding-bottom: 40px;
    }
    .row4 .plan_banner,
    .row3 .plan_banner{
        width: 49%;
        margin-bottom: 15px;
        margin-right: 1%;
        float: left;
    }
    .welcome {
        padding: 80px 0 80px 0;
    }
    .welcome .title_top {
        width: 90%;
        margin: auto;
        text-align: center;
        padding-left: 0px;
        padding-top: 80px;
    }
    .welcome h6 {
        position: relative;
        top: auto;
        left: auto;
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .welcome h3 {
        margin-left: 0px;
    }
    .welcome .floatR{
		float:none;
		width:95%;
		padding-left:0;
		margin:auto auto;
        overflow: hidden;
        margin-top: 20px;
	}
	.welcome .floatL{
		float:none;
		width:100%;
		padding-right:0;
		margin:auto auto;
        overflow: hidden;
	}
    .title_top p.toplead {
        line-height: 1.6em;
        font-size: 15px;
    }
    .floatR{
		float:none;
		width:100%;
		padding-left:0;
		margin:auto auto;
        overflow: hidden;
	}
	.floatL{
		float:none;
		width:100%;
		padding-right:0;
		margin:auto auto;
        overflow: hidden;
	}
    .kikan .table-normal {
        margin-bottom: 20px;
        width:60%;
    }
    .kikan .table-normal td {
        padding: 5px 20px;
        position: relative;
    }
    .kikan .table-normal td:first-child {
        width: 90%;
        float: none;
        text-align: center;
        display: block;
    }
    .kikan .tab_wrapper {
        width: 90%;
        margin: auto;
    }  
    .updates .news {
        width: 100%;
        flex-wrap: wrap;
        padding: 0 10px 15px 10px;
    }
    .updates .news .date, .updates .news .news_title {
        padding-right: 0px;
        padding-left: 0px;
        display: block;
        width: 100%;
    }    
    .news .news_title {
        padding-left: 20px;
        font-size: 14px;
    }
    .news .back_white {
        padding: 0px 0px 0px;
    }
    .news .back_white .post .date {
        float: none;
        margin-top: 5px;
        display: block;
        text-align: right;
    }
    .news .back_white h4 {
        font-size: 18px;
    }
    .section-sub-banner {
        margin-top: 150px;
    }
    .home-img-panel + .row {
        padding: 60px 20px;
    }
    .back_white {
        width: 100%;
        padding: 30px 20px 40px;
    }
    .back_white + .back_white {
        padding-top: 0px;}
    .back_white .image {
        text-align: center;
    }
    .back_white {
        padding-bottom: 40px;
    } 
    .back_white .image img {
        max-width: 100%;
    }
    .taizai .kanko .btn_wrap {
        text-align: center;
    }
    .taizai .kanko .image {
        text-align: center;
        padding-right: 0;
        margin-top: 40px;
        padding-left: 0;
    }
    .taizai .kanko .text {
        margin-top: 30px;
        text-align: center;        
    }
    .taizai .kanko .text p {
        margin-top: 5px;
    }
    .taizai .kanko img {
        max-width: 100%;
    }
    .taizai .kanko .image.secound {
        padding-left: 0px;
        text-align: center;
    }
    .access .image {
        text-align: center;
        margin-top: 20px;
    }
    .access h4 {
        margin-top: 30px;
        text-align: center;
    }
    .faq .tab_wrapper .detail {
        padding: 50px 40px 40px;
    }
    .inquiry input.textbox80 {
        width: 80%;        
    }
    .contact-form {
        width: 100%;
    }
    #contactform ul.list02 li label {
        width: 100%;
        margin-right: 0%;
    }
    #contactform ul.list02 li .rightbox, #contactform ul.list02 li .right {
        width: 100%;
        float: none;
    }
    ul.list02 li {
        padding: 0px 0 20px;
    }
    ul.list02 li label {
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    ul.list02 li .right {
        float: none;
        width: 100%;
    }
	footer .container {
		max-width: 100%;
		width: 90%;
	}
	#footer .footer .f-block2 {
		padding: 0px;
	}
	#footer .footer .f-block3 {
		padding: 0px;
		margin: 0;
	}
	.pages #wrapper {
		padding-top: 90px;
	}
	.container {
		max-width: 700px;
		width: 90%;
	}
    .dual-slider .gal-nav1, .dual-slider .gal-nav2, .dual-slider .gal-nav3, .dual-slider .gal-nav4{
        padding: 65px 0px 10px;
        width: 100%;
    }
    .dual-slider .gal-nav1 li.flex-active, .dual-slider .gal-nav2 li.flex-active, .dual-slider .gal-nav3 li.flex-active, .dual-slider .gal-nav4 li.flex-active {
        width: 100%;
    }
    .dual-slider li.flex-active .btn{
        margin-top: 20px;
        margin-bottom:10px;
    }
    .dual-slider a.flex-next1, .dual-slider a.flex-next3 {
        right: 20px;
        left: auto;
        bottom: 5px;
    }
    .dual-slider a.flex-prev1, .dual-slider a.flex-prev3 {
        right: 70px;
        left: auto;
        bottom: 5px;
    }
    .dual-slider a.flex-next2, .dual-slider a.flex-next4 {
        right: 20px;
        bottom: 5px;
    }
    .dual-slider a.flex-prev2, .dual-slider a.flex-prev4 {
        right: 70px;
        bottom: 5px;
    }
 	.mobnav-subarrow {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		cursor: pointer;
	}
	.mobnav-subarrow i {
		color: #FFF;
		float: right;
		margin: 16px 0 0;
		opacity: 0.4;
	}
	.top-slider .slides li .flex-caption h1 {
		padding: 25px 40px 22px;
		width: 90%;
		max-width: 90%;
		margin: 0 5%;
	}
	.top-slider .slides li .flex-caption p {
		padding: 23px 25px;
		width: 90%;
		max-width: 90%;
		margin: 0 5%;
	}
    .location  {
        padding: 91px 0 60px 0;
	}
    .location .col-md-4{
        margin-top:30px;
    }
	.location ul {
		display: block;
		margin: 0 0 0px;
	}
	.nav-tabs > li {
		float: left;
		margin-bottom: 0;
		width: 50%;
	} 
    .tab_wrapper .title .kakaku{
        text-align: center
    }
    .tab_wrapper .detail .tag{
        width:100%;
        margin: 40px 0 0px;
    }
    .tab_wrapper .detail .tag li{
        padding: 10px 15px;
        font-size: 13px;
        margin-top:10px;        
    }
    .tab_wrapper.dining .detail .course ul li {
        width: 33.33%;
    }
    .tab_wrapper.dining .detail .course ul.kondate li {
        padding: 0 0 7px 5px;
    }
    .tab_wrapper.dining .nav-tabs > li, .tab_wrapper .nav-tabs > li,
    .schooltrip .tab_wrapper.dining .nav-tabs > li, 
    .faq .tab_wrapper .nav-tabs > li,
    .tab_wrapper.row6 .nav-tabs > li{
        width: 33.33%;
    } 
    .plan_banner.faq {
        height: auto;
    }
    .plan_banner.faq.h360 {
        height: auto;
    }
    .plan_banner.faq .exp_desc {
        padding: 30px 40px;
        height: auto;
    }
    .plan_banner.faq.h360 .exp_desc {
        height: auto;
    }
    .panel-img-detail {
        padding: 40px 30px 31px 30px;
    }
    .panel-img-detail h2 {
	    font-size: 18px;
    }
    .panel-img-detail p {
        font-size: 14px;
    }
    .tab_wrapper .detail.facilities .room-detail_thumbs .owl-item {
        width: 19% !important;
        margin-right: 1%;
    }
    .room-detail_thumbs .owl-item,
    .tab_wrapper .detail .room-detail_thumbs .owl-item {
        width: 24% !important;
        margin-right: 1%;
    }
    .top-section .room-detail_thumbs.thumbnails {
        margin-top: 10px;
    }
    .top-slider .room-detail_thumbs .owl-item{
        width: auto  !important;
    }
    .tab_wrapper .detail .row {
        margin-right: 0px;
        margin-left: 0px;    
    }
    .tab_wrapper ul.becchu li {
        width: 32.33%;
    }  
    .table-normal {
        width: 100%;
    }
    .yoyaku {
        width: 90%;
    }
    .yoyaku .btn {
        display: inline-block;
        margin-top: 10px;
        margin-left: 0px;
    }
    .ulrow3 ul li, .ulrow4 ul li {
        height: 60px;
    }
    .ulrow3 ul.pdflist li, .ulrow4 ul.pdflist li {
        height: auto;
    }
    .meals .table-normal {
        width: 100%;
        margin-right: 0%;        
    }
    .table-normal.accomTax {
        width: 100%;
        max-width: 100%;
    }
    #gallery-villa {
        width: 100%;
    } 
    .gallery-villa .customNavigation a.next {
        right: -15px;
    }
    .gallery-villa .customNavigation a.prev {
        left: -15px;
    }   
    .sightseeing-gallery .gallery-villa .item {
        width: 300px;
        height: 300px;
        left: -45%;
    }
    .sugosikata .titleR {
        height: auto;
        padding: 40px 20px 30px;
    }
    .sugosikata ul li {
        margin-top: 5px;
    }
    .facebook_box {
        margin: 0 auto 20px; 
    }
    #calbox .floatL {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #calbox .floatR {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #kikan {
        float: none;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .accommodationTax {
        margin: 0px auto 0;
    }
    .shop-detailslide .col-md-6{
        width: 100%;
        padding: 0;        
    }
   .shop-detailslide .cate_title.syusai {
        width: 99%;
    }
    .shop-detailslide .item,
    .shop-detailslide .cate_title.select,
    .koteimenu {
        width: 100%;
    }
}
 
@media only screen and (max-width: 767px)  {
    .header_top {
        height: 65px;
    }
    .header_top .intro p span {
        display: none;
    }
    .header_top .header_right {
        width: 50%;        
    }
    .header_top .header_left {
        width: 50%; 
    } 
    .sticky-menu {	
        bottom: 1%;
    }
    .sticky-menu ul li {
        width: 48px;
        height: 48px;
        background-color: #452353;
        border-radius: 50%;
        margin-top: 5px;
      }
    .sticky-menu ul li a {
        font-size: 13px;
        line-height: 48px;
        width: 48px;
    }
    p.toplead {
        font-size: 15px;
        padding: 5px 0px;
    }
    h4.lead {
        font-size: 18px;
    }
    .rinji_info {
        width: 90%;  
    }
	.row3 .item {
		flex-basis: 100%;
		max-width: 100%;
	}
    .welcome {
        padding: 0px 0 20px 0;
    }  
    .top-section.img-back::before {
        width: 180px;
        height: 456px;
    }
    .top-section.img-back::after {
        width: 200px;
        height: 221px;
    }
    .syoukai {
        width: 100%;
        float: none;
        margin: 0%;
        margin-top: 30px;
    }
    .syoukai_container {
        width: 80%;
    }
    .syoukai .syoukai_title h4 {
        font-size: 28px;
    }
    .syoukai .syoukai_title span {
        font-size: 16px;
    }
    .maiko-plan .maiko_lunch {
        margin-top: 20px;
    }   
    .sightseeing-gallery .gallery-villa .item {
        margin: 0 10px 10px; 
        width: 240px;
        height: 240px;
        left: -45%;
    }
    #top-slider { margin-top:120px; }
    .sub-banner .text h2.room{        
        margin-top: 40px;
        font-size: 22px;
        letter-spacing: 0.8em;
     } 
    .owl-controls .owl-prev, .owl-controls .owl-next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        top: 45%;
    }
    .tab_wrapper .tab_big_content:first-child,
    .tab_wrapper .tab_big_content{
        float: none;
        width: 100%;
        padding: 0 0 0 0;
    }
    .tab_wrapper .tab_big_content{ 
        padding: 30px 0 0 0;
    }
    .faq .tab_wrapper .detail {
        padding: 50px 20px 40px;
    }
    .tab_wrapper .detail .other{
        width: 90%;
        margin: 40px 5%;
        padding:20px;
    }
    .tab_wrapper .detail .other ul{
        margin-left: -10px;
    }
    .tab_wrapper .detail .other ul li {
	    padding: 0 0 12px 20px;
    }
    .tab_wrapper.dining .detail .course ul li {
        width: 50%;
    } 
	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
		width: 100%;
	}
	article .date {
		position: relative;
         width: 100%;
	} 
	.panel-img-detail {
		left: 36px;
		max-width: 300px;
	}
	.top-slider .slides li .flex-caption {
		display: none;
	}
    .access h4 {
        font-size: 22px;
    }
    footer .container {
		max-width: 500px;
	}
    #footer .footer .f-block1 img {
		display: block;
		text-align: center;
	}
	#footer .footer .f-block2 {
		float: left;
		width: 100%;
		padding: 0px 0px 0px 0;
		text-align: left;
	}
	#footer .footer .f-block3 {
		margin: 0px;
	}
	#footer .footer .f-block1 ul {
		padding: 0;
	}
    #footer .footer .f-block3 {
        text-align: center;
    }
    #footer .footer .f-block3 img {
        width: 50%;
    }  
    #footer .footer_menu li.data {
        display: none;
    }
    .bannerList li{
        float: none;
        width: 100%;
        display: block;
    }
    .bannerList li img{
        width: auto;
        max-width: 100%;
    }
    .degree360 {
        padding: 30px 0px;
    }
    .ulrow3 ul li, .ulrow4 ul li {
        width: 50%;
        float: left;
        padding: 10px 10px 0;
        font-size: 13px;
        border-top: none;
        height: auto;
    } 
    .row5 .item {
        max-width: 30%;
        flex-basis: 30%;
    }
    .row5 .item.mv {
        max-width: 70%;
        flex-basis: 70%;
    }
    .ulrow4 ul li {
        min-height: 200px;
    }
    .ulrow3 ul.pdflist li, .ulrow3 ul.pdflist li {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .ulrow3 ul li:nth-child(-n+3) {
        border-top: none;
    }
    .plan_banner .plan_desc {
       width: 50%;
    }
    .section-sub-banner {
        margin-top: 100px;
        height: 200px;
    }
    .schooltrip .kanko {
        width: 90%;
    }
    .schooltrip ul.becchu li{
        width: 32.33%;
        max-width: 32.33%;
    }
}

@media only screen and (max-width: 600px)  {
    .container {
        /* width: 100%;*/
        padding-right: 0px;
        padding-left: 0px;
    }
    .wrap_container, .kyoto_experiences .container {
        width: 100%;
    }
    .wrap_container > .title{
        width: 90%;
    }
    .section {
        padding: 50px 0 40px;
    }
    .section + .section {
        padding: 20px 0 40px;
    }
    .section.location {
        padding: 50px 0 0;
    }
    .header_top {
        height: 40px;
    }
    .header_content {
        top: 40px;
    }
    .header_top .header_left {
        display: none;
    }
    .header_top .header_right {
        text-align: left;
        margin-left:10px;
        width: 100%;
        float: none;
        overflow: hidden;
    } 
    .header_top .header_right .lang {
        width: 65%;
        float: left;
    }
    .header_top p.tel {
        padding-right: 1%;
        font-size: 14px;
        margin-top: 7px;
        float: right;
        width: 35%;
        text-align: right;
    }
    .header_top .header_right .lang li {
        padding: 0 3px;
        font-size: 12.5px;
    }
    .logo {
        left: 2%;
        width: 180px;
		filter: brightness(0) invert(1);
        } 
    .booking, #header .header_content.sticky .booking {
        right: 15%;
    }
    .breadcrumb {
        display: none;
    }
    .section-sub-banner.left {
        background-position: -100px center;
    }
    .section-sub-banner.right {
        background-position: right center;
    }
    .welcome .title_top h1 {
        font-size: 26px;
    }
    .top-owl-slide .room_img-item .caption, .owl-slide .caption {
        top: 15%;
        left: 0;
        right: 0;
        width: 80%;
        margin: auto;
        text-align: center;
        float: none;
        padding: 30px 15px;
    }
    .top-owl-slide .room_img-item .caption h2 {
        font-size: 18px;
    }
    .top-owl-slide .room_img-item .caption h3 {
        font-size: 16px;
    }
    /*.top-owl-slide .room_img-item .caption,*/
    .owl-slide .caption {
        display: none;
    }
     　/*　正月用キャプション*/
    .top-owl-slide .room_img-item .caption {
        display: block ;
        padding: 30px 40px;
    } 
    .top-owl-slide .room_img-item .caption p {
        display: none;
    } 
    
    .top-slider .room-detail_img .room_img-item {
        width: auto;
        height: 300px;
        overflow: hidden;
        position: relative;        
    }
    .top-slider .room-detail_img .room_img-item img {
        position: absolute;
        width: auto;
        max-width: none;
        height: 300px;
        left: -100px;
    }
    .top-slider .room-detail_thumbs .owl-item {
        width: 20% !important;
    }
    .room-detail_thumbs.thumbnails {
        margin-top: 10px;
    }
    .room-detail_thumbs.thumbnails img{
        max-width: 100%;
    }
    .top-section {
        padding: 0 0 60px;
    }
    .top-section .title {
        padding-top: 40px;
    }
    .no-sub-banner .top-section {
        margin-top: 130px;
    }
    .no-sub-banner .top-section .title h1 {
         margin-top: 40px;
        padding-bottom: 40px;
    }
    .img-back::before,
    .no-sub-banner .img-back::before,
    .no-sub-banner .img-back::after {
        display: none;
    }
    .title {
    }
    .btn {
        padding: 14px 10px 13px;
        margin-top: 30px;
        word-break: break-all;
        white-space: normal;
    }
   
    .description {
        width: 90%;
    }
    .description h3 {
        padding-top: 20px;
    }
    .description h3:after{
        width: 200px;
        height: 11px;
        top: 70px;
    }
    #gallery-villa {
        margin: -40px auto 10px;
    }
    .gallery-villa .item {  
        margin: 40px auto 0;
    }
    .gallery-villa .owl-pagination {
        padding: 20px 0 0;
    }
    .row3 .plan_banner, .row4 .plan_banner{
        width: 100%;
        margin-bottom: 15px;
        margin-right: 0%;
        float: none;
    }
    .row2 .plan_banner {
        height: auto;
        background: #462722;
    }
    .updates {
        width: 100%;
        padding: 15px 20px;
        max-height: 280px;
    }
    .plan_carousel .plan_banner {
        height: auto;
    }
    .plan_banner .plan_desc {
       width: 60%;
    }
    .plan_banner .plan_desc p {
        font-size: 13px;
    }
    .with_desc .plan_banner{
        height: 400px;
    }
    .with_desc .plan_banner .plan_title p{
        height: auto;
    }
    .plan_banner .btn_wrap {
        display: none;
    }
    .plan_carousel .plan_banner .plan_title {
        height: auto;
    }
    .singletype .plan_banner img {
        margin-bottom: 0;
    }
    .plan_banner .higaeri_plan_title h4 {
        font-size: 20px;
    }
    .plan_banner .higaeri_plan_title span {
        font-size: 14px;
        line-height: 1.4em;
        padding-right: 10px;
    }
    .plan_banner .kijitsu {
        display: table;
        position: absolute;
        right: 2%;
    }
    .plan_banner .syokuji {
        top: 1%;
        width: 70px;
        height: 70px;
        border-radius: 35px;
    }
    .plan_carousel .plan_banner .plan_title h4, 
    .plan_banner .plan_title h4{
        font-size: 18px;
        height: auto;
        background-color: rgba(255,255,255,0.95);
    }
     .plan_banner .plan_title h4 {
        padding: 10px 16px 10px 16px;        
    }
    .plan_banner .plan_title p {
        padding-bottom: 20px;
    }
    .plan_banner .plan_title h4.small600 {
        font-size: 18px;
        letter-spacing: -0.05em;
    }
    .plan_banner .btn_wrap {
        bottom: -3px;
        right: 8px;
    }
    .plan_banner .btn {
        width: 100px;
        padding: 10px 20px 9px;
        font-size: 13px;        
    }
    .plan_carousel .plan_banner .plan_title span{
        font-size: 16px;
    }
    .row2.with_desc .plan_banner img {
        padding-bottom: 50px;
    }
    .syoukai_container {
        width: 90%;
    }
    .syoukai .syoukai_title h4 {
        font-size: 22px;
    }
    .syoukai .syoukai_title span {
        font-size: 14px;
    }
    .syoukai:after { 
        height: 40%;
    }
    .faq .tab_wrapper, .tab_wrapper {
        width: 95%;
    }
    .tab_wrapper .detail.facilities .room-detail_thumbs .owl-item {
        width: 24%  !important;
    }
    .tab_wrapper.dining .detail .course ul {
        padding-left: 0;
    }
    .tab_wrapper.dining .detail .course .kondate_wrap {
        text-align: center;
    }
    .tab_wrapper.dining .detail .course ul.kondate {
        position: relative;
        display: inline-block;
        
    }
    .tab_wrapper.dining .detail .course ul.kondate li { 
        float: none;
        font-size: 14px;
        padding: 0 0 5px 0px;
        display: inline-block;
    }
    .room-detail_thumbs .owl-item, 
    .tab_wrapper .detail .room-detail_thumbs .owl-item {
        width: 32.33%  !important;
    }
    .tab_wrapper.dining .nav-tabs > li, .tab_wrapper .nav-tabs > li,
    .schooltrip .tab_wrapper.dining .nav-tabs > li, 
    .faq .tab_wrapper .nav-tabs > li,
    .tab_wrapper.row6 .nav-tabs > li{
        width: 50%;
    }
    .tab_wrapper .nav-tabs > li > a {
        width: 100%;
        height: 46px;
    }
    .tab_wrapper ul.becchu li, .schooltrip .kanko .shop-detailslide ul.becchu li, .shop-detailslide ul.becchu.inline li {
        width: 48%;
        max-width: 48%;
        float: left;
    } 
    .schooltrip .kanko .shop-detailslide ul.becchu.hukusai li h6 {
        min-height: 50px;
    }
    .sightseeing-gallery ul li {
		width: 100%;
        margin: 0 0 10px 0;
        float: none;
	}
	.room-detail {　bottom: 35px;}
	.title h1 { font-size: 24px; padding-bottom: 20px;}
    .title h1 span { font-size: 22px; }
    .title h2, .schooltrip .title h2 {
		font-size: 21px;
	} 
    .title h2 {
    margin-top: 40px;
    margin-bottom: 60px;
    }
	.detail ul li p {
		padding-left: 0;
        font-size: 14px;
	}
	.detail ul li span.category {
		position: relative;
		top: -6px;
	}
	.menu-wrap {
		position: static;
	}
	.sf-menu.xactive {
		right: 0px;
		margin: 0 auto;
	}
	.navbar-default {
		left: 0%;
		opacity: 1;
		visibility: visible;
		z-index: 99;
	}
	.navheader {
		opacity: 1;
		visibility: visible;
	}
    .yoyaku .tel {
        display: block;
    } 
    .tab_wrapper .detail {
        padding: 30px 0 30px 0;
    }
    .tab_wrapper .detail .box01 {
        padding: 0 20px;
    }
    .table-normal td:not(no_rsp), .table-normal th:not(no_rsp), .access .table-normal th {
        display: block;
        width: 100%;
        padding: 5px 10px;        
    }
    .table-normal td:last-child {
        padding-bottom: 10px;        
    }
    .table-normal th {
        width: 100%;
        padding: 15px 10px 5px;
        font-size: 105%;
        text-align: center;
    }
    .access .table-normal td:nth-child(3) {
        display: none;
    }
    table.row2 td, table.row2 th,
    table.row3 th, table.row3 td,
    table.row4 th, table.row4 td,
    table.row5 th, table.row5 td,
    ul.row2 li
    {
        display: block;
        width: 100%;   
    }
    .maiko-plan .table-normal th, 
    .maiko-plan .table-normal td {
        display: block;
        width: 100%;  
    }
    .maiko-plan .table-normal th {
        text-align: center;
    }
    .haveLabel tbody td {
        position: relative;
        text-align: right !important;
    }
    .haveLabel thead {
        display: none;
    }
    .haveLabel tbody td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
    }
    .haveLabel tbody td.blank {
        display: none;
    }
    .kikan .table-normal td, .kikan .table-normal th  {
        display: block;        
    }
    .kikan .table-normal td:after{
        position: absolute;
        content: '';
        border-top: 1px dotted #462722;
        width: 60%;
        top: 50%;
        bottom: 0;
        right: 0;
        left: 25%;
    }
    /* 入れ子テーブル */
    .table-normal td table {
        width: 100%;
        margin: 10px auto;
        background: rgba(255,255,255,0.3);
    }
    .table-normal td table td {
        text-align: center;
    }
    .table-normal.row2 th {
        width: 100%;
    }
    .table-normal td table.haveLabel tbody td::before {
       font-weight: 500;
    }
    .tab_wrapper .enkaitehai .table-normal.row2 th {
        padding: 10px 10px 5px;
        font-size: 105%;
        text-align: center;
        width: 100%;
    }
    .tab_wrapper .enkaitehai .table-normal.row2 td {
        text-align: center;
    }
    .kiyaku .table-normal.recruit th, .kiyaku .table-normal.recruit td:nth-child(3)  {
        width: 100%; 
    }  
    .ulrow3 ul, .ulrow4 ul {
        width: 100%;
    }   
    .center_rsp {
        text-align: center;
    }
    .schooltrip .tab_wrapper.dining .detail {
         padding: 40px 10px 40px 10px;
    }
    .schooltrip2 .tab_wrapper .detail .course ul li {
        padding: 15px 10px 15px 10px;
    }
    .schooltrip ul.becchu li{
        width: 48%;
        max-width: 48%;
    }
    .plan_banner.faq .exp_desc {
        padding: 30px 20px;
    }
    .plan_banner .kijitsu p span {
        font-size: 18px;
    }
    .plan_about .tab_wrapper {
        width: 100%;
    }
    .plan_about .tab_wrapper .detail {
        padding: 30px 20px 30px 20px;
    }
    .plan_about .plan_kondate {
       padding: 20px 15px;
    }
    .plan_about .plan_kondate dt {
        width: 100%;
        clear:left;
        float: none;
    }
    .plan_about .plan_kondate dd {
        width: 100%;
        float: none;
        padding-left: 2em;
    }
    .image_caution {
        margin: 5px 10px 0 0;
        font-size: 12px;
        float: none;
        text-align: right;
    }
    .kikan .table-normal {
        margin-bottom: 20px;
        width:80%;
    }
    .sightseeing-gallery .gallery-villa .item {
        width: 360px;
        height: 360px;
        left: -50%;
        float: none;
    }
    .schooltrip .kanko .title {
        padding-top: 40px;
    }
    .schooltrip .kanko {
        width: 100%;
        padding: 0 20px 40px;
        margin-bottom: 0px;
        background: rgba(160, 132, 85,0.2);
    }
    .room-detail_img .room_img-item h6 {
        font-size: 16px;
        padding: 10px 20px;
        position: relative;
    }
    .room .room-detail_img .room_img-item h6 {
        min-height: 60px;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        flex-direction: column;
        line-height: 1.4em;
    }
    .room-detail_img .room_img-item h6 span {
        font-size: 12px;
        line-height: 1.4em;
    }
    .owl-controls .owl-prev, .owl-controls .owl-next {
        top:34%; 
    }
    ul#cal_av li {
        padding: 10px 5px 10px 0;
    }
    ul#cal_av li a {
        font-size: 11px;
    }
    ul#smldesc {
        margin: 30px auto 20px;
    } 
    .plan_carousel .plan_banner .kijitsu,
    .plan_banner .kijitsu {
        top: -50px;
        background: rgba(255,255,255,0.8);
    } 

}

@media only screen and (max-width: 400px)  {
    .header_top .header_right .lang {
        width: 65%;
    }
    .header_top p.tel {
        width: 35%;
        font-size: 13px;
        margin-top: 9px;
    }
	.panel-img-detail {
		left: 0;
		max-width: 100%;
	}
    .tab_wrapper .nav-tabs > li, .tab_wrapper.dining .nav-tabs > li, .schooltrip .tab_wrapper.dining .nav-tabs > li,
    .tab_wrapper.row6 .nav-tabs > li{
        width: 100%;
    }
    .tab_wrapper.dining .detail .course .kondate_wrap {
        height: auto;
    }
    .tab_wrapper.dining .detail .course ul.kondate li {
        writing-mode: horizontal-tb; /* IE独自仕様 */
        writing-mode: horizontal-tb;
        -ms- writing-mode: horizontal-tb;
        -o- writing-mode: horizontal-tb;
        -webkit- writing-mode: horizontal-tb;
        text-orientation: mixed;
        -ms- text-orientation: mixed;
        -o- text-orientation: mixed;
        -webkit- text-orientation: mixed;
        text-orientation: mixed; 
        padding: 0 10px 15px 0px;
        letter-spacing: 0.02em;
    }
    .tab_wrapper .detail .menu {
        padding: 20px 20px 20px;
    }
    .plan_banner .plan_desc {
        display: none;
    }
    .row2 .plan_banner {
        height: auto;
    }
    .img_absolute {
        display: none;    
    }
    .plan_banner .plan_title {
        position: relative;
    }
    .row2 .plan_banner img {
        margin-bottom: 0;
    }
    .row2.with_desc .plan_banner img {
        padding-bottom: 0;
        margin-bottom: 0;
    }   
}

@media print {
    body{
        -webkit-print-color-adjust: exact ;
    }
    .section {
        padding: 60px 0 60px;
    }
    #header .header_content.sticky {
        display: none;
    }
    .main_menu > li > a {
        line-height: 2.8em;
        font-size: 16px;
    }
    .header_top .header_left p {
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.4em;        
    }
    #footer {
        display: none;
    }
    a[href]:after {
        content: "";
    }
    .sticky-menu {
        display: none !important;
    }
    .section-events_detail {
        padding: 20px 0;
    }
    .title {
        margin: 0 auto 40px;
    }
    .title .heading {
        font-size: 20px;
        font-size: 2rem;
    }
    .detail {
        padding-top: 0px;
    }
    .tab_wrapper {
        width: 100%;
    }
    .miyabikamogawa .plan_banner {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .plan_banner {
        float: none;
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
        margin-left: 0;
    } 
    .row4 .item.plan_banner {
        max-width: 46%;
        flex-basis: 46%;
        width: 46%;        
        margin: 0 2% 20px;
    }
    .plan_banner img {
        height: 100%;
    }    
    .width80, .width60 {
        width: 100%;
        margin: auto;
    }
    #calbox .floatL, #calbox .floatR {
        float: none;
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .top-owl-slide .room_img-item .caption, 
    .owl-slide .caption {
        top: 15%;
        left: 10%;
        right: auto;
        width: auto;
        writing-mode: horizontal-tb; /* IE独自仕様 */
        writing-mode: horizontal-tb;
        -ms- writing-mode: horizontal-tb;
        -o- writing-mode: horizontal-tb;
        -webkit- writing-mode: horizontal-tb;
        text-orientation: mixed;
        -ms- text-orientation: mixed;
        -o- text-orientation: mixed;
        -webkit- text-orientation: mixed;
        text-orientation: mixed;
        text-align: left;
        float: right;
        padding: 30px 26px;
    }
    .top-slider {
         margin-top: 180px;
    }
}