@charset "utf-8";
/*
Theme Name: BizVektor
Theme URI: http://bizvektor.com
Description: BizVektor theme will allow you to build a high-quality web site. It is possible to change the color, to switch to a completely different design. In addition, it is also possible to increase the number of designs by plug-ins.
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp
Version: 1.8.12

Tags: white, red, blue, black, green, orange, purple, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style,theme-options
Text Domain: biz-vektor
License: GNU General Public License
License URI: license.txt


BizVektor WordPress theme, Copyright (C) 2014 Vektor,Inc.
BizVektor WordPress theme is licensed under the GPL.
*/

.sticky {}
.bypostauthor {}

html,body {
height: 100%;
}


/************************
　　　　　全体
*************************/

#panList {box-sizing: border-box;}

/*Option
******************************/
.scale {overflow: hidden;}

.brown {color: #cea66b !important;}

a {
color: #fff !important;
display: block;
text-decoration: none !important;
}

a:hover {
color: #cea66b !important;
transition: 0.5s;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

.center {text-align: center;}
.txt-l {text-align: left !important;}

#back-top a {
background: rgba(255,255,255,0.5);
border-radius: 50%;
}

.left {float: left;}
.right {float: right;}


/*********************
        flex
**********************/
.flex {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}

.flex-sb {justify-content: space-between;}


/*****************
　 　　　margin
******************/

/*top*/
.mgn-t10 {margin-top: 10px !important;}

.mgn-t20 {margin-top: 20px !important;}

.mgn-t30 {margin-top: 30px !important;}

.mgn-t40 {margin-top: 40px !important;}

.mgn-t50 {margin-top: 50px !important;}

.mgn-t60 {margin-top: 60px !important;}

.mgn-t70 {margin-top: 70px !important;}

.mgn-t80 {margin-top: 80px !important;}

.mgn-t90 {margin-top: 90px !important;}

.mgn-t100 {margin-top: 100px !important;}

/*bottom*/
.mgn-b10 {margin-bottom: 10px !important;}

.mgn-b20 {margin-bottom: 20px !important;}

.mgn-b30 {margin-bottom: 30px !important;}

.mgn-b40 {margin-bottom: 40px !important;}

.mgn-b50 {margin-bottom: 50px !important;}

.mgn-b60 {margin-bottom: 60px !important;}

.mgn-b70 {margin-bottom: 70px !important;}

.mgn-b80 {margin-bottom: 80px !important;}

.mgn-b90 {margin-bottom: 90px !important;}

.mgn-b100 {margin-bottom: 100px !important;}



/*ページ内
**********************/
#pageTitBnr {
background-color: transparent !important;
border-bottom: none !important;
}

#header,.innerBox,#siteBottom #siteBottomInner.innerBox {
background: #000;
color: #fff !important;
}

#panList {
padding-left: 1em;
background: #000;
}

#main {border-top: none;}

#main .innerBox {background: transparent;}

.content .entry-content {margin-bottom: 0;}

#main #container {padding-top: 0px !important;}

#main #container .content {
width: 100% !important;
padding-bottom: 0px;
}

.in-box {
width:100%;
max-width: 1200px;
margin: 0 auto;
}

.innerBox {
width: 100% !important;
}


.content .topPr {
background: #000;
margin-bottom: 0px;
padding: 6em 20px 4em;
}

.content .topPr #topPrLeft .topPrInner {border-left: none;}

.content .topPr .topPrOuter .topPrInner {border-right: none;}

.content h3:after {border-bottom: 1px solid #cea66b;}

.content .topPr h3 {
color: #fff;
}

#topFreeArea {margin-bottom: 0px;}

.content #topBlog {
background: #fff;
margin-bottom: 0px;
}

img {
width: 100%;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
}

li.zoom:hover img,#oiwai:hover img,#event:hover img,#gentei:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

ul li {list-style: none !important;}


/*top-slide
************************/
.flex-direction-nav li .next {display: none !important;}

#topMainBnrFrame ul.slides {
border-left: none;
border-right: none;
}

#topMainBnr {
border-top: none;
}

#topMainBnrFrame {
width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
}

#topMainBnr img {
width: 100% !important;
max-width: 100% !important;
overflow: hidden;
}

.flex-control-nav {display: none;}


/*子ページ
*********************/
#main #container .content.wide {padding-bottom: 0 !important;}

.entry-content {
background: url(../../uploads/2016/04/back-pattern.jpg) left top repeat;
}

.page-back {
background: #000;
box-sizing: border-box;
padding: 50px 5%;
}

.page-back article {
margin-bottom: 150px;
}

.page-back h2 {
color: #cea66b;
border-top: none;
border-bottom: 1px solid #fff;
background-color: transparent;
padding: 12px;
margin: 0 auto 1em;
font-weight: normal;
font-size: 200%;
text-align: center;
}

.page-back p {
margin: 3em 0;
}

.page-back img {
margin-bottom: 3em !important;
}

/******************
　　　topメニュー
*******************/

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0) !important;
    transition: 0.5s;
}

#header #site-title {
margin: 0px;
padding-left: 20px;
line-height: 1.5em;
}

.headMainMenu .menu li.current_page_item {
box-shadow: none;
}

.headMainMenu .menu li.current_page_item:hover {
box-shadow: inset 0px 0px 0px 2px white;
}


/*top背景動画*/
video {
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1000;
  min-width: 100%;
  min-height: 100%;
  background-size: cover;
}

#top-text {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #fff;
    width: 200px;
    text-shadow: -2px 3px 6px rgba(0,0,0,1);
    right: 0;
    left: 10%;
    top: 30%;
    z-index: 10;
    position: absolute;
}

#top-cnt p.l {
float: left;
font-size: 1.2em;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
}

#top-cnt p.r {
float: right;
font-size: 3em;
line-height: 170%;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
color: #fff;
padding: 0 0.2em;
}

/*top-contant コロナ
*******************/
#korona {
  background: #000;
  width: 100%;
  padding: 6em 20px 4em;
  margin-bottom: 0;
	box-sizing:border-box;
}
#korona .koronaBox {
  text-align: center;
  max-width: 768px;
  padding: 24px;
  text-align: left;
  margin: auto;
  border: 2px solid #cea66b;
  box-sizing: border-box;
}
#korona .koronaBox h2 {
  color: #cea66b;
  text-align: center;
  border-top: none;
  border-bottom: none;
  background-color: initial;
  padding: 12px 12px 9px;
  font-weight: normal;
}
#korona .koronaBox .btn {
	background: #cea66b;
	border: 2px solid #cea66b;
	display: block;
	max-width: 240px;
	text-align: center;
	margin: auto;
}
#korona .koronaBox .btn:hover {
	background: transparent;
	transition: .5s;
}

/*top-contant 客室
*******************/
.cnt {background: #fff;}

.cnt-title {
background: url(../../uploads/2016/04/WE070158_01-Bamboo_1080.jpg) top center no-repeat;
background-size: cover;
}

.cnt-title img {
display: block;
width: 45%;
max-width: 270px;
margin: 0 auto;
padding: 8em 0px;
}

ul#top-cnt-room {
margin: 0px;
}

ul#top-cnt-room li {
position: relative;
overflow: hidden;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
border-top: 2px solid #000;
border-right: 2px solid #000;
margin: 0px;
}


/*room1
***************/

ul#top-cnt-room li.room1 {
border-right: none;
border-top: none;
}

ul#top-cnt-room li #room1-cnt {
position: absolute;
background: rgba(0,0,0,0.5);
padding: 10.2% 0;
top: 0;
left:0;
right:0;
}

h1,h2,h3,h4,h4,h5,h6,#header #site-title,#pageTitBnr #pageTitInner #pageTit,#content .leadTxt,#sideTower .localHead {font-family: YuMincho, /* Mac用 */'Yu Mincho', /* Windows用 */-apple-system, BlinkMacSystemFont, 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important; }
#gMenu .menu li a strong {font-size: 87.5%; font-family: YuMincho, /* Mac用 */'Yu Mincho', /* Windows用 */-apple-system, BlinkMacSystemFont, 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !important; }

ul#top-cnt-room li #room1-cnt p,ul#top-cnt-room li #room2-cnt p {
position: absolute;
text-align: center;
font-family : YuMincho, /* Mac用 */'Yu Mincho', /* Windows用 */-apple-system, BlinkMacSystemFont, 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2em;
width: 6em;
color: #fff;
top: 40%;
left:0;
right:0;
border: 3px solid #fff;
padding: 0.5em 1em;
margin: 0 auto;
transition: 1s;
}

ul#top-cnt-room li:hover #room2-cnt p {
color: #cea66b;
border: 3px solid #cea66b;
background: rgba(0,0,0,0.7);
}

p.room-title {
width: 11em !important;
border: 3px solid #cea66b !important;
border-left: none !important;
border-right: none !important;
background: rgba(0,0,0,0.5);
}

/*room2
***************/
ul#top-cnt-room li.room2 {
float: left;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

ul#top-cnt-room li #room2-cnt,ul#top-cnt-room li #room3-cnt {
position: absolute;
background: rgba(0,0,0,0.5);
padding: 33.5% 0;
top: 0;
left:0;
right:0;
}

ul#top-cnt-room li #room2-cnt:hover,ul#top-cnt-room li #room3-cnt:hover {
background: rgba(0,0,0,0);
transition: 1s;
}

/*room3
***************/
ul#top-cnt-room li.room3 {
float: right;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}


/*本館客室
*******************/
ul#room-index {
width: 100%;
font-size: 0px;
margin: 0px;
}

ul#room-index img {margin-bottom: 0px;}

ul#room-index li a:hover p {
color: #cea66b;
border: 3px solid #cea66b;
}

ul#room-index li p {
display: inline-block;
width: 4em;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #fff;
background-color: rgba(0,0,0,0.5);
border: 3px solid #fff;
padding: 0.2em 1em;
margin: 0 auto;
transition: 1s;
}

ul.contact {
width: 100%;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 5px;
margin: 0;
font-size: 0;
}

ul.contact li {
color: #fff;
display: table-cell;
box-sizing: border-box;
width: 50%;
min-width: 320px;
background: #cea66b;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
}

ul.contact li a {
line-height: 2em;
font-size: 16px;
display: block;
color: #fff !important;
padding: 2em 0;
transition: 0.5s;
}

ul.contact li a:hover {
background: #cc994e;
}

li#room1,li#room2,li#room3,li#room4 {
display: inline-block;
vertical-align: bottom;
text-align: center;
font-size: 20px;
width: 25%;
border-top: 3px solid #000;
border-right: 3px solid #000;
box-sizing: border-box;
margin-bottom: 0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
color: #fff;
}

li#room4 {
margin-right: 0px;
}

table.center th {
color: #000;
}

.room-p {
font-size: 1.2em;
}


/*新館客室
*******************/
.shinkan {
background: #fff;
color: #000;
}

#post-72 {
background: url(../../uploads/2016/05/shinkan-back1.jpg) no-repeat;
background-size: contain;
}

#post-580 {
background: url(../../uploads/2016/05/shinkan-back1.jpg) no-repeat;
background-size: contain;
}

.content dt.gallery-icon {
height: 100px;
overflow: hidden;
}

#gallery-1 .gallery-item,#gallery-2 .gallery-item,#gallery-3 .gallery-item,#gallery-4 .gallery-item {width: 33.3% !important;}

#gallery-1 img,#gallery-2 img,#gallery-3 img,#gallery-4 img {margin-bottom: 0 !important;}

#gallery-3 img {margin-top: -20%;}

.content dt {padding-bottom: 0;margin-bottom: 0;}

.shinkan h2 {border-bottom: 1px solid #000;}



.horizontal-headline {
        width: 50%;
	padding: 1em 0 !important;
	font-size: 2.5em !important;
	font-weight: bold !important;
	letter-spacing: 0.2em;
}

.horizontal-line {
        border: 1px solid #aeac93;
        box-shadow: 1px 1px 1px #f6f5e8;
	margin-bottom: 15px !important;
}

.yusa-p {margin-bottom: 100px;}


ul#room-index {
width: 100%;
font-size: 0px;
margin: 0px;
}

ul#room-index img {margin-bottom: 0px;}

ul#room-index li a:hover p {
color: #cea66b;
border: 3px solid #cea66b;
}

ul.contact {
width: 100%;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 5px;
margin: 0;
font-size: 0;
}

ul.contact li {
color: #fff;
display: table-cell;
box-sizing: border-box;
width: 50%;
min-width: 320px;
background: #cea66b;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
}

ul.contact li a {
line-height: 2em;
font-size: 16px;
display: block;
color: #fff !important;
padding: 2em 0;
transition: 0.5s;
}

ul.contact li a:hover {
background: #cc994e;
}

li#room1,li#room2,li#room3,li#room4 {
display: inline-block;
vertical-align: bottom;
text-align: center;
font-size: 20px;
width: 25%;
border-top: 3px solid #000;
border-right: 3px solid #000;
box-sizing: border-box;
margin-bottom: 0px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
color: #000;
}

li#room4 {
margin-right: 0px;
}

table.center th {
color: #000;
}

.room-p {
font-size: 1.2em;
}

/******************
　　　　料理
*******************/

.ryouri {
position: relative;
background: #000;
}

#ryouri-cnt1 {
position: absolute;
background: rgba(0,0,0,0.5);
padding: 16.55%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
top: 0;
left:0;
right:0;
}


#ryouri-cnt1 p {
position: absolute;
text-align: center;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
width: 10em;
font-size: 2em;
color: #fff;
border: 3px solid #fff;
padding: 0.5em 1em;
top: 35%;
left: 0;
right: 0;
margin: 0 auto;
}


/*四季
*********************/
ul#siki {
width: 100%;
font-size: 0px;
margin: 0px;
}

li#siki1,li#siki2,li#siki3,li#siki4 {
display: inline-block;
text-align: center;
font-size: 20px;
width: 25%;
padding: 12.5%;
margin-bottom: 3px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
color: #fff;
}

li#siki1 {
background: url(../../uploads/2016/04/ryouri-1.jpg) no-repeat;
background-size: auto 100%;
}

li#siki2 {
background: url(../../uploads/2016/04/ryouri-2.jpg) no-repeat;
background-size: auto 100%;
}

li#siki3 {
background: url(../../uploads/2016/04/ryouri-3.jpg) no-repeat;
background-size: auto 100%;}

li#siki4 {
background: url(../../uploads/2016/04/ryouri-4.jpg) no-repeat;
background-size: auto 100%;
border-right: none;
margin-right: 0px;
}

li#siki1,li#siki2,li#siki3,li#siki4 {
transition: 1s;
}

li#siki1:hover,li#siki2:hover,li#siki3:hover,li#siki4:hover {
background-size: auto 120%;
}

p.hitokoto {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 2em;
text-align: center;
line-height: 1.5em;
padding: 0 10px;
margin: 5em 0;
}

#ryouri-plan {
background: url(../../uploads/2016/05/ryouri-list.jpg) no-repeat;
background-size: cover;
padding: 1em 0;
margin-bottom: 1em;
}

#ryouri-plan table {
width: 100%;
max-width: 950px;
margin: 0 auto;
border-top: none;
border-spacing: 10px;
}

#ryouri-plan table th {
text-align: center;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
line-height: 1.2em;
font-size: 2em;
background: rgba(0,0,0,0.7);
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
border: 3px solid #cea66b;
padding: 0.5em 1em;
}

#ryouri-plan table td {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #fff;
line-height: 1.2em;
background: rgba(0,0,0,0.7);
vertical-align: middle;
font-size: 2em;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding: 0.5em 1em;
border-bottom: none;
border: 3px solid #cea66b;
}

.plan_link {
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #fff;
line-height: 1.5em;
background: rgba(0,0,0,0.7);
vertical-align: middle;
font-size: 1.5em;
width: 95%;
max-width: 930px;
margin: 0 auto;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding: 0.5em 1em;
border-bottom: none;
border: 3px solid #cea66b;
}

/*料理ギャラリー
******************/
#gallery1 {
width: 100%;
padding-top: 15%;
background: url(../../uploads/2016/10/top-ryouri-gallery2.jpg) 0 repeat;
background-size: cover;
animation: leftSlide 37s linear infinite;
-webkit-animation: rightSlide 37s linear infinite;
-moz-animation: rightSlide 37s linear infinite;
}

@keyframes rightSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position: 2565px 0px;  }
}


@-webkit-keyframes rightSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:2565px 0px;  }
}

@-moz-keyframes rightSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:2565px 0px;  }
}

#gallery {
width: 100%;
padding-top: 15%;
background: url(../../uploads/2016/06/top-ryouri-gallery.jpg) 0 repeat;
background-size: cover;
animation: leftSlide 30s linear infinite;
-webkit-animation: leftSlide 30s linear infinite;
-moz-animation: leftSlide 30s linear infinite;
}

@keyframes leftSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:-1995px 0px;  }
}


@-webkit-keyframes leftSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:-1995px 0px;  }
}

@-moz-keyframes leftSlide {
  0%    { background-position:0px 0px;  }
  100%  { background-position:-1995px 0px;  }
}


/******************
　　　その他
*******************/

div#etc {
width: 100%;
padding: 6em 0;
background: url(../../uploads/2016/04/WE070158_01-Bamboo_1080.jpg) top center no-repeat;
background-size: cover;
}

.float-l {
float: left;
width: 70%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding: 0 10px;
}

.float-r {
float: right;
top: -21px;
position: relative;
width: 30%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding: 0 10px;
}

div#etc h2 {
background: url(../../uploads/2016/04/matsu.png) center left no-repeat;
text-indent: 1em;
border: none !important;
margin: 0;
padding-left: 1em;
margin-left: 16px;
}

#oiwai,#event,#gentei {
width: 100%;
background: #fff;
margin-bottom: 1em;
box-sizing: border-box;
}

#oiwai:hover p,#event:hover p,#gentei:hover p {
color: #ccc;
}

#gentei {
margin-bottom: 0;
}

#gentei .sp-gentei img {display: none;}

#oiwai p,#event p,#gentei p {
padding: 1em;
color: #000;
transition: 0.5s;
}

#oiwai p {
padding-bottom: 2em;
}
/*****************
width920px以下
*****************/
@media screen and (max-width:920px)
{
	div#etc h2 { font-size: 20px; }
}
/*****************
width480px以下
*****************/
@media screen and (max-width:480px)
{
	div#etc h2 { font-size: 20px; }
	#oiwai,#event { width: 100%; }
}

#oiwai:hover p,#event:hover p,#gentei:hover p {
color: #ccc;
}

#gentei {
margin-bottom: 0;
}

#gentei .sp-gentei img {display: none;}

#oiwai p,#event p,#gentei p {
padding: 1em;
color: #000;
transition: 0.5s;
}


#oiwai p {
padding-bottom: 2em;
}

/*****************************
季節限定商品
******************************/
.galleryid-21 .gallery-item {float: right !important;}

.galleryid-21 img {border: none !important;}

#post-21 #gallery-1 .gallery-item {width: 45% !important;}

.left {
width: 55%;
float: left;
box-sizing: border-box;
padding-right: 5px;
}

.right {
width: 45%;
float: right;
box-sizing: border-box;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

/*****************************
お取り寄せ
******************************/
.white { color: #fff; }
#toriyose .toriyose
{
	padding-bottom: 24px;
	margin-bottom: 48px;
	border-bottom: 1px dotted #aaa;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
	#toriyose .toriyose .img
	{
		width: 35%;
	}
	#toriyose .toriyose .txt
	{
		width: calc(65% - 24px);
		margin-left: 24px;
		box-sizing: border-box;
	}
/* #toriyose .toriyose:nth-of-type(even) .img { order: 1; } */
/* #toriyose .toriyose:nth-of-type(even) .txt
{
	margin-left: 0;
	margin-right: 24px;
	order: 0;
} */
#toriyose .toriyose:nth-of-type(4) .img { order: 0; }
#toriyose .toriyose:nth-of-type(4) .txt
{
	margin-left: 24px;
	margin-right: 0;
	order: 1;
}
	#toriyose .toriyose h2
	{
		padding: 0;
		margin: 0;
	}
	#toriyose .toriyose h2,
	#toriyose .toriyose h2 + p
	{
		font-size: 24px;
		text-align: left;
	}
	#toriyose .toriyose h3
	{
		color: #fff;
		font-size: 18px;
		text-align: left;
	}
	#toriyose .toriyose h3,
	#toriyose .toriyose p { margin: 0 0 1em; }
	#toriyose .toriyose dd
	{
		padding-left: 1em;
		position: relative;
	}
		#toriyose .toriyose dd::before
		{
			content:"・";
			color: #fff;
			position: absolute;
			top: 0;
			left: 0;
		}

#toriyose .tyumon { text-align: center; }
#toriyose .tyumon .download { margin: 0 auto 64px; }
#toriyose .tyumon .download .fax a
{
	background: #333;
	color: #cea66b !important;
	width: 50%;
	max-width: 320px;
	min-width: 240px;
	padding: 16px 0;
	margin: 16px auto 0;
}
#toriyose .tyumon .download .fax a:hover
{
	background: #cea66b;
	color: #fff !important;
}
#toriyose .tyumon .shiharai
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#toriyose .tyumon .shiharai h2 { width: 100%; }
#toriyose .tyumon .shiharai dl { width: calc(100% / 2 - 16px); }
#toriyose .tyumon .shiharai dt
{
	font-size: 22px;
	width: 50%;
	max-width: 320px;
	min-width: 200px;
	border-bottom: 2px solid #cea66b;
	padding: 16px;
	margin: 0 auto 1em;
	box-sizing: border-box;
}
#toriyose .tyumon .shiharai dd
{
	margin-bottom: 2em;
}
#toriyose .tyumon .shiharai dd.day
{
	font-size: 22px;
	margin-bottom: 1em;
}
/* 店舗受け取り限定 */
#toriyose .tenpo { margin-bottom: 48px; }
#toriyose .tenpo > h2
{
	background: #cea66b;
	color: #fff;
}
#toriyose .tenpo .layout
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#toriyose .tenpo .layout .item
{
	width: calc(50% - 16px);
	text-align: center;
}
#toriyose .tenpo .layout .item h2 { font-size: 24px; }
#toriyose .tenpo .layout .item p
{
	font-size: 24px;
	margin: 0;
}


/*****************************
プラン・イベント・観光
******************************/
/* 観光 */
.kankou a:hover img {
	opacity: 0.9;
}

.plan-box {
width: 35% !important;
}

.plan-box h3 {
color: #fff;
}

ul#event_menu {
width: 100%;
margin: 0;
margin-bottom: 20px;
}

ul#event_menu li {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
margin: 0 10px 10px;
background: #666;
}

.flex_item {
width: calc(50% - 15px);
width: -moz-calc(50% - 15px);
width : -webkit-calc(50% - 15px);
margin: 0 0 0 17px;
}

.event_list {
margin: 0 0 5em;
margin-top:-150px;
padding-top:150px;
}

.event_list h2 {
font-size: 150% !important;
}

.event_list h3 {
color: #fff;
}

.event_list p {
margin: 0 !important;
}

.event_list p.trim {
display: inline-block;
overflow: hidden;
width: 150px;
height: 150px;
}

.event_list p a {
display: block;
}

.event_list img {
margin-bottom: 0 !important;
width: auto;
max-width: initial;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-25%);
-ms-transform: translate(-50%,-25%);
transform: translate(-50%,-25%);
}

/*会席
************************/
#plan {
margin-top: -150px;
padding-top: 150px;
}


/*****************************
お問い合わせ
******************************/
#page-contact {
	background: url(../../uploads/2017/02/slide-3.jpg) center no-repeat;
	background-size: cover;
	margin: 0;
	padding: 0;
}

#page-contact .filter {background: rgba(0,0,0,0.7);padding: 100px 0;}
#page-contact .filter-w {background: rgba(200,200,200,0.7);padding: 100px 0;}

#page-contact p {color:#fff;}
#page-contact p.contact-bar {
	color: #fff;
	text-align: center;
	width: 8em;
	padding: 0.5em 0;
	margin: 1em auto;
	border: 3px solid #fff;
}

#page-contact p.page-text {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:2em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
} 

.small {font-size:15px;margin-bottom:0 !important;}
.big {font-size:4em;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height:120% !important;}
.bold {font-weight:bold;}

.page-contact li a {
	background: #f19149;
	width:100%;
	padding: 2em 0;	
	display: block;
	color: #fff;
	font-size:inherit;
}


/******************
　　　マップ
*******************/

iframe#map {width: 100%;}

/******************
　　footerメニュー
*******************/

#footMenu {border-top: none !important;}

#footMenu .innerBox .menu {float: right;}

#footer dl#footerOutline dt {padding-left: 20px;}

#gMenu .assistive-text {top: -35px;}

#powerd{display:none;}

@media screen and (min-width:970px) {
#gMenu .assistive-text {display: none;}
}


/********************************************
               width:1000
********************************************/
@media screen and (max-width:1000px) {
	#top-text
	{
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size: 0.8em;
		color: #fff;
		background: rgba(0,0,0,0.5);
		width: 150px;
		right: 0;
		left: 10%;
		top: 20%;
		padding-top: 1em;
	}
	
/*****************************
お取り寄せ
******************************/
	#toriyose .toriyose:nth-of-type(4) .txt,
	#toriyose .toriyose .txt
	{
		width: calc(65% - 16px);
		margin-left: 16px;
		margin-right: 0;
		box-sizing: border-box;
	}
	#toriyose .toriyose:nth-of-type(even) .txt
	{
		margin-left: 0;
		margin-right: 16px;		
	}
	#toriyose .toriyose:nth-of-type(4) .txt
	{
		width: calc(65% - 16px);
		margin-left: 16px;
		margin-right: 0;
		box-sizing: border-box;
	}
	

}




/********************************************
               width:769
********************************************/
@media screen and (max-width:769px) {

.headMainMenu li a {
color: #000 !important;
}

.page-back {
padding: 50px 16px;
}

.content .topPr {
margin-top: 0;
padding: 1em 20px 2em;
}

/*top背景動画*/
video {
display: none;
}

#top-cnt {
background: url(../../../sample/images/jewellery.jpg) no-repeat;
background-size: cover;
padding: 0;
}

#top-text {
width: 100%;
background: rgba(0,0,0,0.5);
top: 22%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
padding-top: 1em;
padding-left: 0;
}

#top-cnt p.l {
float: none;
display: block;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
margin-top: 2em;
}

#top-cnt p.r {
display: block;
width: 12em;
float: none;
font-size: 1.5em;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
border: 3px solid #fff;
padding: 0.5em 1em;
text-align: center;
margin: 0 auto;
height: 1.5em;
}


/******************
      cnt-title
*******************/
.cnt-title img {
width: 30%;
padding: 4em 0px;
}

/******************
       room
*******************/
ul#top-cnt-room li.room2,ul#top-cnt-room li.room3 {
float: none;
width: 100%;
}

ul#top-cnt-room li.room2 img,ul#top-cnt-room li.room3 img {
display: none;
}

ul#top-cnt-room li.room2 {
background: url(../../uploads/2016/10/room2.jpg) no-repeat;
background-size: cover;
padding-bottom: 33%;
border-right: none;
}

ul#top-cnt-room li.room3 {
background: url(../../uploads/2016/04/sp-room3.jpg) no-repeat;
background-size: cover;
padding-bottom: 33%;
border-right: none;
}

ul#top-cnt-room li #room2-cnt p {
top: 20%;
}

/******************
　　　　料理
******************/
#ryouri-plan table td {
font-size: 1.5em;
}


/******************
　　　その他
*******************/
.float-r,.float-l {
float: none;
width: 100%;
}

#oiwai {margin-bottom: 2.5em;}

#gentei .scale img {display: none;}
#gentei .sp-gentei img {display: block;}


}


/**********************
       width:640px
***********************/
@media screen and (max-width:639px) {
#header #site-title a img {max-width:244px;}
#headerInner {padding: 1em 0;}
/*top-text
********************/

#top-text {
display: none;
}

#top-cnt {padding: 0;}

#top-cnt p.l {
float: none;
display: block;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
margin-top: 2em;
}

#top-cnt p.r {
display: block;
width: 12em;
float: none;
font-size: 1.5em;
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
border: 3px solid #fff;
padding: 0.5em 1em;
text-align: center;
margin: 0 auto;
height: 1.5em;
}

.content .topPr {
padding: 1em 20px 2em;
}

p.room-title {
border: 1px solid #cea66b !important;
border-left: none !important;
border-right: none !important;
}

ul#top-cnt-room li #room1-cnt p,ul#top-cnt-room li #room2-cnt p {
border: 1px solid #fff;
}


/*客室
*************/
ul#top-cnt-room li #room1-cnt p,ul#top-cnt-room li #room2-cnt p,#ryouri-cnt1 p {
top: 16%;
font-size: 1.2em;
}

ul#top-cnt-room li #room1-cnt p,#ryouri-cnt1 p {
top: 35%;
}

ul.contact {
display: inline-block;
}

ul.contact li {
display: inline-block;
width: 80%;
}

ul.contact li a {
font-size: 11px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
padding-left: 10px;
padding-left: 10px;
}


/******************
　　　　料理
******************/
#ryouri-plan table th,#ryouri-plan table td {
font-size: 1.2em;
}

p.hitokoto {
font-size: 1.5em;
margin: 3em 0;
}

#gallery1 {
padding-top: 30%;
animation: rightSlide 60s linear infinite;
-webkit-animation: rightSlide 60s linear infinite;
-moz-animation: rightSlide 60s linear infinite;
}

#gallery {
padding-top: 30%;
animation: leftSlide 60s linear infinite;
-webkit-animation: leftSlide 60s linear infinite;
-moz-animation: leftSlide 60s linear infinite;
}


/*****************************
プラン・イベント
******************************/
.flex {
flex-direction: column;
}

.flex_item {
width: calc(100% - 0px);
width: -moz-calc(100% - 0px);
width : -webkit-calc(100% - 0px);
}


/**************************
お問い合わせ
***************************/
#page-contact p.contact-bar {
	border: 1px solid #fff;
}

#page-contact p.page-text {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1em;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 5px;
} 


/*******************************
その他
********************************/
.left, .right, .plan-box {
float: none;
text-align: center !important;
width: 100% !important;
}

.page-back h2 {font-size: 185%;}

.big {font-size:2em;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
}


/**********************
       width:520px
***********************/
@media screen and (max-width:520px) {
/*****************************
お取り寄せ
******************************/
	#toriyose .toriyose .img
	{
		width: 100%;
		order: 0;
	}
	#toriyose .toriyose:nth-of-type(4) .txt,
	#toriyose .toriyose:nth-of-type(even) .txt,
	#toriyose .toriyose .txt
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		order: 1;
	}
	#toriyose .toriyose h2,
	#toriyose .toriyose h2 + p
	{
		font-size: 20px;
		text-align: left;
	}
	#toriyose .toriyose h3
	{
		font-size: 16px;
	}
	
#toriyose .tyumon .shiharai h2 { width: 100%; }
#toriyose .tyumon .shiharai dl { width: 100%; }
#toriyose .tyumon .shiharai dt
{
	font-size: 20px;
	width: 100%;
}
#toriyose .tyumon .shiharai dd
{
	margin-bottom: 2em;
}
#toriyose .tyumon .shiharai dd.day
{
	font-size: 20px;
}
/* 店舗受け取り限定 */
#toriyose .tenpo .layout .item
{
	width: 100%;
	margin-bottom: 24px;
}
#toriyose .tenpo .layout .item h2 { font-size: 20px; }
#toriyose .tenpo .layout .item p
{
	font-size: 20px;
	margin: 0;
}


}