@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea,{
	margin: 0;
	padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 0;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.both{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
a {
    color: #000;
	text-decoration:none;
/*    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;*/
}
a:hover {
    color: #B2C32E;
}
a:hover img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	opacity: 0.8;
	-moz-opacity:0.8;
    filter: alpha(opacity=80);
}
.pc {display:block;}
.sp {display:none;}
@media screen and (max-width: 640px) {
		.pc {display:none;}
		.sp {display:block;}
	}
@charset "utf-8";
/* CSS Document */
.inner {width: 920px;margin: 0 auto;}
.inner:after {content: "";clear: both;display: block;}
/* header */
#top-head {
color: #fff;
text-align: left;
width: 100%;
margin: 0 auto;
position: fixed;
z-index: 100;
line-height: 0;
font-size: 0;
background-image: url(../images/header_bg.png);
background-position: left top;
background-repeat: repeat-x;
}
#top-head a{color:#fff;}
#top #top-head .logo{display:none;}
#top-head .logo{display: none;margin:0 0 9px 0;}
#top-head .logo img{width:120px; height: auto;}
#top-head .logo{}
#top-head .inner{position: relative;}
#top-head .logo{float: left;z-index:1000;}
#top-head .parent{float:right;height:18px;padding-right:22px;background:url(../img/arrow.png) no-repeat right 0;line-height:18px;}
#top #global-nav{margin: 0 auto;height: 120px;width: 785px;position: relative;z-index: 101;}
#global-nav {margin: 0 auto;height: 75px;width:960px;position: relative;z-index: 101;}
*+html #top #global-nav {/*ie7*/
margin: 0 auto;
width:2400px;
background-color: #CE2326;
}
*+html #global-nav {/*ie7*/
position: relative;
left:-500px;
width:100%;
background-color: #000;
}

#top #global-nav ul {
list-style: none;
position: absolute;
font-size: 16px;
}
#global-nav ul li {
float: left;
position: relative;
line-height: 0;
font-size: 0;
}
#global-nav ul li a{
text-decoration: none;
height: 75px;
background-image:url(../images/global-nav.png);
background-repeat: no-repeat;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a  {
display:inline-block;
}
#global-nav ul li a:hover {
text-decoration: none;
background-image: url(../images/global-nav.png);
background-repeat: no-repeat;
}
#global-nav ul li#about a,
#global-nav ul li#bath a,
#global-nav ul li#cuisine a,
#global-nav ul li#roomtype a,
#global-nav ul li#facilities a,
#global-nav ul li#rate a,
#global-nav ul li#rate a,
#global-nav ul li#access a,
#global-nav ul li#mail a{font-size:0;}
#global-nav ul li#about a { width:175px; background-position: 0 0;}
#global-nav ul li#bath a { width:77px; background-position: -175px 0px;}
#global-nav ul li#cuisine a { width:78px; background-position: -252px 0px;}
#global-nav ul li#roomtype a { width:96px; background-position: -330px 0px;}
#global-nav ul li#facilities a { width:80px; background-position: -426px 0px;}
#global-nav ul li#rate a { width:140px; background-position: -506px 0px;}
#global-nav ul li#access a { width:102px; background-position: -646px 0px;}
#global-nav ul li#mail a { width:37px; background-position: -748px 0px;}

#page-about #global-nav ul li#about a { width:175px; background-position: 0 -150px; }
#page-bath #global-nav ul li#bath a { width:77px; background-position: -175px -150px; }
#page-cuisine #global-nav ul li#cuisine a { width:78px; background-position: -252px -150px; }
#page-roomtype #global-nav ul li#roomtype a { width:96px; background-position: -330px -150px; }
#page-facilities #global-nav ul li#facilities a { width:80px; background-position: -426px -150px; }
#page-rate #global-nav ul li#rate a{ width:140px; background-position: -506px -150px; }
#page-access #global-nav ul li#access a { width:102px; background-position: -646px -150px; }
#page-mail #global-nav ul li#mail a { width:37px; background-position: -748px -150px; }
#global-nav ul li#about a:hover { width:175px; background-position: 0 -75px; }
#global-nav ul li#bath a:hover { width:77px; background-position: -175px -75px; }
#global-nav ul li#cuisine a:hover { width:78px; background-position: -252px -75px; }
#global-nav ul li#roomtype a:hover { width:96px; background-position: -330px -75px; }
#global-nav ul li#facilities a:hover { width:80px; background-position: -426px -75px; }
#global-nav ul li#rate a:hover { width:140px; background-position: -506px -75px; }
#global-nav ul li#access a:hover { width:102px; background-position: -646px -75px; }
#global-nav ul li#mail a:hover { width:37px; background-position: -748px -75px; }


/* Fixed */
#top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
height: 75px;
background: #fff;
background: rgba(255,255,255,.7);
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}
/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {bottom: -10px;}
#top-head.fixed #global-nav ul li:hover:after {background: #999;bottom: 0;}
/* Toggle Button */
#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 34px;
height: 36px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {position: relative;}
#nav-toggle p {
margin-top:30px;
color:#C3D731;
font-size:10px;
font-weight:bold;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #C3D731;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}

@media screen and (max-width: 980px) {
#top .inner {width: 880px;margin: 0 auto;}
.inner {width: 880px;margin: 0 auto;}
#top-head .logo {margin:0 0 9px 10px;}
}
@media screen and (max-width: 640px) {
article {padding: 0 3%;}
#top-head,
#top .inner,
#top .inner:nth-child(1),
.inner {width: 100%;height:100px;padding: 0;}
#top-head .logo{display: block;}
#top-head .logo {position: absolute;left:13px;top:0;width:50%; display:inline!important;margin:0; line-height:0;}
#top-head .logo img {width:auto; height:90%!important;}
#top-head {top:0;position:fixed;margin-top:0;height:65px;}
#top-head nav{height:0;}
/* Fixed reset */
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {
position: relative;
background: #000;
width: 100%;
height: 65px!important;
z-index: 999;
}
#global-nav {
position: relative;
top: -556px;
width: 100%!important;
height: 120px;
margin: 0 auto;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.pNav {display:none;}
.openm{display:block;}
#top #global-nav ul,
#global-nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
margin-right:0!important;
font-size: 11px;
}
#global-nav ul li {
float: none;
position: static;
border-bottom: #999 1px solid;
border-left:none;
}
#global-nav ul li a{
background-image:none!important;
background: #222;
height:40px!important;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#global-nav ul li:after  {display: none;}
#global-nav ul li#about a,
#global-nav ul li#bath a,
#global-nav ul li#cuisine a,
#global-nav ul li#roomtype a,
#global-nav ul li#facilities a,
#global-nav ul li#rate a,
#global-nav ul li#rate a,
#global-nav ul li#access a,
#global-nav ul li#mail a{width: 100%;font-size:1.0rem;}
#global-nav ul li.lang a{width: 100%;font-size:0.7rem;}
#global-nav ul li.lang{float: left;width: 49.85%;}
#top #global-nav ul li.lang:nth-child(odd){border-left: #999 1px solid;}
#page-about      #global-nav ul li.lang:nth-child(odd),
#page-bath       #global-nav ul li.lang:nth-child(odd),
#page-cuisine    #global-nav ul li.lang:nth-child(odd),
#page-roomtype   #global-nav ul li.lang:nth-child(odd),
#page-facilities #global-nav ul li.lang:nth-child(odd),
#page-access     #global-nav ul li.lang:nth-child(odd),
#page-mail       #global-nav ul li.lang:nth-child(odd),
#sitemap         #global-nav ul li.lang:nth-child(odd){border-left: #999 1px solid;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a{display:block;color:#fff;padding:0;line-height:40px;}
#global-nav ul li#about a:hover,
#global-nav ul li#bath a:hover,
#global-nav ul li#cuisine a:hover,
#global-nav ul li#roomtype a:hover,
#global-nav ul li#facilities a:hover,
#global-nav ul li#rate a:hover,
#global-nav ul li#rate a:hover,
#global-nav ul li#access a:hover,
#global-nav ul li#mail a:hover,
#global-nav ul li.lang a:hover{
width:100%!important;
background: #121412;
color:#C3D731!important;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
#page-about #global-nav ul li#about a,
#page-bath #global-nav ul li#bath a,
#page-cuisine #global-nav ul li#cuisine a,
#page-roomtype #global-nav ul li#roomtype a,
#page-facilities #global-nav ul li#facilities a,
#page-rate #global-nav ul li#rate a,
#page-access #global-nav ul li#access a,
#page-mail #global-nav ul li#mail a { width:100%;}
#nav-toggle {display: block;}
#nav-toggle p.menu {display:block; text-align:center;}
#nav-toggle p.close {display:none;}
/* ---------- SUB DROP MENU ---------- */
#global-nav ul li ul {position: relative;}
#global-nav ul li:hover ul li{overflow:visible;height:38px;}/*subnav open*/
#global-nav ul li ul li{width:100%;overflow:hidden;height:0;border-bottom:none;transition:.2s;}
#global-nav ul li ul li:first-child a{border-top:none;}
#global-nav ul li ul.pNav li a{
padding:13px 15px;
border-top:1px dotted #999;
background:#666!important;
text-align:center;
line-height:1em;
color:#FFF!important;
}
#global-nav ul li ul.pNav li a:hover{background:#444!important;}
#top-head #global-nav ul > li a:hover{color:#000;background:#A6A6A6 url(../images/sparrowoff.png) no-repeat 15% 45%;}
#global-nav ul li:not(.pul) a:hover,
#global-nav ul li ul li a:hover{background-image:none!important;}
/* ---------- SUB DROP roomtype MENU ---------- */
#global-nav #roomtype .pNav{background:#666;}
#global-nav #roomtype .pNav li{
  float:left;width:19.75%;
  border-right:#999 1px solid;
}
#global-nav #roomtype .pNav li a{font-size:12px;}
#global-nav #roomtype .pNav li:nth-child(6),
#global-nav #roomtype .pNav li:nth-child(11),
#global-nav #roomtype .pNav li:nth-child(16),
#global-nav #roomtype .pNav li:nth-child(22){border-right:none;}
#global-nav #roomtype .pNav li.roomtitle{
  width:100%;background:#444;color:#fff;
  line-height:40px;
}
.open #nav-toggle span:nth-child(1){
top:11px;
-webkit-transform:rotate(315deg);
-moz-transform:rotate(315deg);
transform:rotate(315deg);
}
.open #nav-toggle span:nth-child(2){width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3){
top:11px;
-webkit-transform:rotate(-315deg);
-moz-transform:rotate(-315deg);
transform:rotate(-315deg);
}
.open #nav-toggle p.menu{display:none;}
.open #nav-toggle p.close{display:block; text-align:center;}
.open #global-nav{
-moz-transform:translateY(556px);
-webkit-transform:translateY(556px);
transform:translateY(556px);
}
#footer_menu{display:none;}
.copyright{float:none!important;}
}
@charset "utf-8";
body {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-style:normal;
	font-weight:normal;
	font-size:62.5%;
	text-align:center;
	color:#000;
	background-image:url(../images/background_2.jpg);
	-webkit-text-size-adjust:none;
	-webkit-font-smoothing:antialiased;
}
/* ========================================================================== */
/* global-header                                                             																											 */
/* ========================================================================== */
header{
	color:#fff;
	text-align:left;
	width:100%;
	margin:0 auto;
	position:fixed;
	z-index:100;
	line-height:0;
	font-size:0;
}
header a{color:#000;}
#global-nav-wap{width:100%;margin:0 auto;background-color:rgba(0,0,0,0.90);}
#global-nav-wap{/*ie8*/background-color: #000\9;}
*+html #global-nav-wap{/*ie7*/background-color: #000;}
#global-nav h1 { /*logo*/
	line-height:0;
	font-size:0;
	width:175px;
	float:left;
	-webkit-transition:0.3s ease-in-out;
  -moz-transition:0.3s ease-in-out;
  -o-transition:0.3s ease-in-out;
  transition:0.3s ease-in-out;
}
#global-nav h1:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#global-nav .current-room, #global-nav .current-about, #global-nav .current-facilities, #global-nav .current-bath, #global-nav .current-access{
	position:absolute;width:16px;height:12px;z-index:102;opacity:.7;}
#global-nav .current-room{bottom:0px;left:545px;}
#global-nav .current-about{bottom:0px;left:265px;}
#global-nav .current-facilities{bottom:0px;left:632px;}
#global-nav .current-bath{bottom:0px;left:380px;}
#global-nav .current-access{bottom:0px;left:870px;}
/* ----------------------------- */
#sub-nav-wap{width:100%;margin:0 auto;color:#000;background-color:rgba(19,19,19,0.80);}
#sub-nav-wap{/*ie8*/background-color:#373A39\9;}
*+html #sub-nav-wap{/*ie7*/background-color:#373A39;}
#sub-nav {width:960px;margin:0 auto;height:70px;overflow:hidden;_zoom:1;}
*+html #sub-nav{/*ie7*/background-color:#373A39;width:100%;position:relative;left:-500px;}
#sub-nav2{width:960px;margin:0 auto;height:50px;overflow:hidden;_zoom:1;}
*+html #sub-nav2 {/*ie7*/background-color: #373A39;width:100%;position: relative;left:-500px;}
aside a{
	display:block;
	float:right;
	width:50%;
	border:#09F solid 1px;
	margin-top:-42px;
	padding:5px;
	font-size:1.2em;
	text-align:center;
	color:#09F;
	background:#FFF;
	-moz-border-radius:5px;
  -webkit-border-radius:5px;
}
aside a:hover{color:#09F;background:#eaf6fd;}
#page-roomtype aside a{width:auto;margin-top:-12px;padding:5px 30px;}
#contents-wrapper{width:100%;background:url(../images/contents_bg.png)repeat-x left 180px;}
#contents-wrapper #contents, #contents-wrapper #contents2{width:960px;}
#contents{padding-top:185px;}
#contents2{padding-top:165px;}
#contents3 {
	width: 960px;
	margin: 0 auto;
	padding-top: 115px;
	text-align: left;
	text-justify: distribute;
	font-size: 1.4em;
	line-height: 1.8em;
	position: relative;
	zoom: 1;
	z-index: 2;
}
#contents, #contents2{
	width:960px;
	margin:0 auto;
	text-align:left;
	text-justify:distribute;
	font-size:1.4em;
	line-height:1.8em;
	position:relative;
	zoom:1;
	z-index:2;
}
#contents_end{width: 960px;margin:0 auto;}

#contents h2{display:block;padding:0px;line-height:0;font-size:0;margin-bottom:40px;}
/* h2 span.g-text{ font-family: "Sawarabi Mincho", serif;font-size:18px!important;font-weight: bold;transform:scale( 1, 1 );}*/

#page-about #contents2 h2#a01{;margin:-2px 0 31px 0;}
#page-about #contents2 h2#a02,
#page-about #contents2 h2#a03,
#page-about #contents2 h2#a04{margin-bottom:8px;}
#page-about #contents2 h2 span.second{display:inline-block;margin-left:33px;}
#page-about #contents2 h2 span.third{display:inline-block;margin-left:-4px;}
#page-about #contents2 h2 span.g-text{display:none;}
/* #page-about #contents2 h2 span.second,
#page-about #contents2 h2 span.third{display: none;}
#page-about #contents2 h2 span.g-text{display:inline-block;margin-left:33px;padding-top:-10px!important;} */
#page-bath #contents2 h2{margin-bottom: 15px;}
#page-bath #contents2 h2 span.second{display:inline-block;}
#page-bath #contents2 h2 span.third{display:inline-block;margin-left:-5px;}
#page-about #contents2 #introduction .right-box img:first-child{
	margin-bottom: 20px;
}
#page-cuisine #contents3 > h2{margin-bottom: 22px;}
#page-cuisine #contents3 h2 span.second{display:inline-block;margin-left:-4px;}
#page-cuisine #contents3 h2 span.third{display:inline-block;margin-left:-5px;}
#contents2 h2, #contents3 h2, #contents4 h2{height:50px;display:block;padding:0;line-height:0;font-size:0;margin-bottom:15px;}
/* ----------------------------- */
#contents p.lead, #contents2 p.lead{
	padding-left:140px;
	font-size:15px;
	background:url(../roomtype/images/ttl_bg.png)no-repeat left top;
}
#contents section{
	width:975px;
	overflow:hidden;
	position:relative;
	padding-top:40px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	margin-top:30px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#contents2 section, #contents3 section{
	width:967px;
	overflow:hidden;
	position:relative;
	margin-top:30px;
	padding-top:30px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#contents2 #introduction2{margin-top:10px;padding-top:40px;}
#contents2 section p, #contents3 section p, #contents4 section p{padding-bottom:5px;}
section #introduction{width:960px;padding-top:16px;background-image:none;font-size:15px;}
section #introduction img, .sh{
 	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
.explain{background:url(../about/images/explain_bg.png)no-repeat center center;height:780px;}
.explain p{
	padding-bottom:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	margin:0px;
	font-size:14px;
}
.explain h3{
	padding-bottom:20px;
	padding-top:35px;
	margin:0px;
	font-size:16px;
	background-image:url(../about/images/explain_ttl_bg.png);
	background-repeat:no-repeat;
	background-position:16px 25px;
	padding-left:20px;
	font-weight:bold;
}
.section_box{width:310px;float:left;position:relative;margin-right:15px;padding:0;line-height:1.6em;}
#contents section .section_box h2{display:block;margin-bottom:20px;line-height:0;font-size:0;}
.reserve_btn{position:absolute;top:-1px;right:0px;}
/* ----------------------------- */
table.table01,
table.table02{border-collapse: collapse;float:left;}
table.table02{margin:0 0 20px 0;}
table.table01 td,
table.table02 td{padding:3px;white-space:nowrap;}
table.table01 td.fee{text-align:right;}
table.table01 td.info{font-size:0.8em;text-align:right;}
table.table01 tr.line,
table.table02 tr.line{border:mome;border-bottom:thin solid #000;}
/* ----------------------------- */
.photo_box{width:960px;float:left;}
.photo_box ul{width:975px;margin:20px -15px 0 0;overflow:hidden;_zoom:1;}
.photo_box ul li{float:left;margin-right:15px;}
.photo_box ul img{
	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
/* ----------------------------- */
.left-box{float:left;width:368px;margin-right:30px;}
.right-box{width:562px;float:right;margin:0;}
.img_left{float:left;margin-right:12px;}
.text_right {float:right;}
.img_right{float:right;}
.img_center{text-align:center;margin-bottom:2px;}
.text_left{float:left;}
.left_m6{margin-left:6px;}
.text_b15{font-size:15px;font-weight:bold;padding:0px;}

/* ----------------------------- */
/* 温泉 */
/* ----------------------------- */
#page-bath .four-box{clear:both;width:100%;margin:15px 0 0 0;}
.four-box img, .sh{
 	-moz-box-shadow:1px 1px 6px #101010;
	-webkit-box-shadow:1px 1px 6px #101010;
	box-shadow:1px 1px 6px #101010;
}
.four-box li{float:left;margin:0 0 8px 0;}
.four-box li:nth-child(odd){margin:0 12px 0 0;}
#contents2 p.lead-bath{padding-left:140px;font-size:15px;background:url(../bath/images/ttl_bg3.png) no-repeat left top;}
/* ----------------------------- */
/* 料理 */
/* ----------------------------- */
#contents3 p.lead-cuisine{padding-left:140px;font-size:15px;background:url(../cuisine/images/ttl_bg4.png) no-repeat left top;}
.leftmiddle-box .left{float:left;}
.leftmiddle-box .right{float:right;}
/* ----------------------------- */
/* お部屋 */
/* ----------------------------- */
/* ----お部屋/福住楼について　Nav ------------------------------------------------ */
#menu-room-kawa ul, #menu-room-niwa ul, #menu-about ul, #menu-facilities ul, #menu-bath ul, #menu-access ul {margin:0;padding:0;}
#menu-room-kawa li, #menu-room-niwa li, #menu-about li, #menu-facilities li, #menu-bath li, #menu-access li{float:left;display:inline;}
#menu-room-kawa li a, #menu-room-niwa li a, #menu-about a, #menu-facilities a, #menu-bath a, #menu-access a{display:block;}
#menu-room-kawa li a:hover { background-color: rgba(12,162,226,0.65);}
#menu-room-kawa li a:hover { background-color: #0ca2e2\9;}/*ie8*/
*+html #menu-room-kawa li a:hover { background-color: #0ca2e2;}/*ie7*/
#menu-room-niwa li a:hover { background-color: rgba(0,142,116,0.65); }
#menu-room-niwa li a:hover { background-color: #008e74\9; }/*ie8*/
*+html #menu-room-niwa li a:hover { background-color: #008e74; }/*ie7*/
#menu-about li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-about li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-about li a:hover { background-color: #000; }/*ie7*/
#menu-facilities li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-facilities li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-facilities a:hover { background-color: #000; }/*ie7*/
#menu-bath li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-bath li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-bath a:hover { background-color: #000; }/*ie7*/
#menu-access li a:hover { background-color: rgba(0,0,0,0.40); }
#menu-access li a:hover { background-color: #000\9; }/*ie8*/
*+html #menu-access a:hover { background-color: #000; }/*ie7*/
#menu-room-kawa li a:hover, #menu-room-niwa li a:hover, #menu-about li a:hover, #menu-facilities li a:hover, #menu-bath li a:hover, #menu-access li a:hover {
  -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
/* ----------------------------- */
/* 施設 */
/* ----------------------------- */
.leftmiddle-box {width:100%;}
section #introduction2{
	width:975px;
	overflow:hidden;
	position:relative;
	padding-top:40px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear: both;
	margin-top:0px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
/* ----------------------------- */
/* 料金表 */
/* ----------------------------- */
#contents4{
	width:960px;
	margin:0 auto;
	padding-top:115px;
	text-align:left;
	text-justify:distribute;
	font-size:1.4em;
	line-height:1.8em;
	position:relative;
	zoom:1;
	z-index:2;
}
#contents4 section{
	width:967px;
	overflow:hidden;
	position:relative;
	padding-top:30px;
	background:url(../images/contents_line.png) no-repeat left 0;
	clear:both;
	margin-top:0px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
#rate .ratebase{width:960px;color:#000;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
#rate table{width:100%;border:#ccc 1px solid;margin-bottom:10px;}
#rate th{
	padding:2px 5px;
	color:#fff;
	text-align:center;
	background: #000;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
#rate td{
	padding:2px 5px;
	text-align:center;
	border-left:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
#rate tr:nth-child(even) {background-color:#FFF}
#rate tr:nth-child(odd) {background:#f7f7f7;}
#rate ul{float:left;}
#rate li{
	color:#FFF
	line-height:1.4em;
	font-size:90%;
	font-weight:normal;
}
#rate input{
	float:right;
	width:200px;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 30px;
  color: #fff;
  border: solid 1px #ccc;
  background: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
	cursor: pointer;
}
.blanklink {
	background:url(../images/blank_icon.png) no-repeat 100% 50%;
	background-size:contain;
	padding-right:15px;
}
/* ----------------------------- */
/* アクセス */
/* ----------------------------- */
.access-map{margin:20px 0 0 0;}
.access-map span {display:block;text-align:center;}
/* ----------------------------- */
/* mailform */
/* ----------------------------- */
#mailform{margin:50px 0 0 0;text-align:center;}
#mailform .mailformbase{
	margin:0 auto;
	text-align:left;
	padding:15px 25px;
	width:450px;
	color:#fff;
	background:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity:0.75;
}
#mailform table{width:100%;color:#fff;}
#mailform td{padding:7px 10px;border:#CCCCCC solid 1px;}
.mailformbase p{margin:0 0 20px 0!important;}
#mailform li {margin:0 0 10px 0;}
#mailform li span{display:inline-block;width:150px;text-align:left;}
#mailform li:last-child span{width:100%;}

#mailform li input{width:300px;}
#mailform li textarea{width:450px;height:200px;}
#mailform .formbtn{margin:0 auto;text-align:center;width:450px;}
#mailform .formbtn input{
  border-top:1px solid #fff;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
  border-left:1px solid #fff;
  padding:5px 20px;
  font-weight:bold;
  cursor:pointer;
  color:#666;
}
#mailform .thank{text-align:center;font-size:130%;padding:20px 0;}
/* ----------------------------- */
/* インフォメーション */
/* ----------------------------- */
#page-info .box_hdspace{height:75px;}
#page-info #contents3 h2{margin-bottom:0;}
#page-info h4{margin-bottom:10px;font-size:110%;font-weight:bold;}
#page-info .lead-info{padding-left:100px;}
#page-info .leftmiddle-box{background:url(../info/images/ttl_bg_info.png) no-repeat;}
#contents4 .section_box{width:305px;float:left;position:relative;margin-right:15px;padding:0px;line-height:2.3em;}
.sitemap1{font-size:1.3em;color:#09F;margin-top:5px;}
.sitemap1 a {color:#09F;}
.sitemap1 a:hover{color:#06C;}
.sitemap2 {margin-left:20px;color:#000;}
.sitemap2 a:hover{color:#06C;}
.section_box .left{width:120px;float:left;}
.section_box .right{width:120px;float:left;margin-top:37px;}
/* 日本の20世紀遺産20選 ------------ */
#jpn20cen {
	width:100%;
	height:400px;
	padding-top: 74px;
	background:url(../info/images/jpn20cen_tlbg.png) no-repeat left 0 top 0;
	background-size: cover;
}
#jpn20cen h2{margin: 65px auto 0 auto;}
.jpn20cen #contents3{padding-top: 50px;}
#page-about #contents2 #introduction .right-box img:first-child{
	margin:15px 0;
}
#page-about #contents2 #introduction .right-box img:nth-child(2){
	width: 100%;
}
#pag
.jpn20cen .left-box{width:522px!important;margin-right:25px;}
.jpn20cen .explain{width:522px!important;height:350px; background:url(../info/images/explain_bg.png) no-repeat center center;border:red1px solid!important;}
.jpn20cen p{margin: 30px 0;}
.jpn20cen .lead-info{padding:0 20px!important;font-weight:bold;}
.jpn20cen .right-box{width:383px;font-size:12px;}
.jpn20cen .right-box ul{margin:30px 0;}
.jpn20cen .right-box li{margin-bottom: 10px;padding-left: -1em;text-indent: -1em;}
.jpn20cen .right-box li span{display:block;font-weight:bold;}
/* ----------------------------- */
/* アクセス */
/* ----------------------------- */

/* ----------------------------- */
/* ERROR */
/* ----------------------------- */
.textBox{
	width:90%;
	margin: 50px auto 100px auto;
	padding: 10px;
	border:#CCC 4px solid;
	text-align: center;
}
.textBox .error_txt{color:red;font-size:130%;font-weight: bold;}
.textBox .error_read{font-weight: bold;}
/* ========================================================================== */
/* global-footer */
/* ========================================================================== */
footer {
	overflow:hidden;
	padding-top:20px;
	padding-bottom:35px;
	background:url(../images/contents_line.png) no-repeat left 0;
	margin-top:30px;
	_zoom:1;
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}
address{text-align:right;font-size:0.8em;clear:both;padding-bottom:10px;}
address span{font-size:1.2em;font-weight:bold;margin-right:15px;}
#footer_menu ul{float:left;}
#footer_menu li{float:left;margin:1px 10px;}
.copyright{float:right;font-size:0.8em;}
#footer_menu li a:hover{color:#6C0;}
.copyright a:hover{color:#6C0;}
/* scrollUp Image style [page top] */
#scrollUp{
	bottom:0px;
	right:20px;
	height:37px;
	width:105px;
	background:url(../images/top.png) no-repeat;
	font-size:0;
}
#scrollUp:hover{
	height:75px;
	line-height:0;
	font-size:0;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

/* ========================================================================== */
/* SP */
/* ========================================================================== */
@media screen and (max-width: 640px) {
	#global-nav-wap {background:none;height:0;}
	#global-nav h1, .current-about, .current-bath, .current-room, .current-facilities, .current-access{display: none;}
	#contents-wrapper{width: 100%!important;}
	#contents2 section, #contents3 section, #contents_end,
	#contents-wrapper #contents, #contents-wrapper #contents2{width: 98%!important;overflow:visible!important;margin: 0 auto;}
	#contents, #contents2,#contents3,#contents4{padding-top: 100px!important;}
	#page-about #a02, #page-about #a03, #page-about #a04,
	#page-bath #a02, #page-bath #a03,
	#page-access #a02, #page-access #a03,
	#page-facilities #a02, #page-facilities #a03
	{margin-top:-100px!important;padding-top:100px!important;}
	#page-roomtype #a01, #page-roomtype #a02, #page-roomtype #a03, #page-roomtype #a04, #page-roomtype #a05, #page-roomtype #a06,
	#page-roomtype #a07, #page-roomtype #a08, #page-roomtype #a09, #page-roomtype #a10, #page-roomtype #a11, #page-roomtype #a12,
	#page-roomtype #a13, #page-roomtype #a14, #page-roomtype #a15, #page-roomtype #a16, #page-roomtype #a17
	{margin-top:-100px;padding-top:100px!important;margin-bottom:15px!important;background:url(../images/contents_line.png) no-repeat left 60px;}
/* 福住楼について */
	.left-box, .right-box{float:none!important;width:100%!important;margin:0;}
	.left-box img, .right-box img{width:48.96%;height:auto;margin:0;}
	.img_left{float:none!important;}
	.explain {background:none!important;height:auto!important;}
	.explain h3{background-position:0 25px!important;padding-left:0!important;text-align:center;}
	.explain p{padding:0 5px!important;}
	#page-about section #introduction{margin-top:0!important;padding-top:0;}
	#page-about section section:nth-child(2) .right-box img:first-child,
	#page-about section section:nth-child(4) img.img_center,
	#page-about section section:nth-child(5) .right-box img:first-child{width:100%!important;}
	#page-about section section:nth-child(2) .right-box img:nth-child(2){margin-right:2%!important;}
	#contents2 h2, #contents3 h2, #contents4 h2{height:auto;}
	#page-about #contents2{padding-top: 100px;}
	#page-about #contents2 h2#a01{margin-bottom:15px!important;}
	#page-about #contents2 h2#a01 span{display:inline-block;margin:10px 0 0 0;line-height: 0rem;}
	#page-about #contents2 h2#a01 .third{margin-left:-6px;}
	#page-about #contents2 h2#a01 span img{width:100%; height: auto;}
	#page-about #contents2 h2#a04 span{display:inline-block;margin:-10px 0 0 13px;}
	#page-about #contents2 h2#a04 span img{display:inline-block;margin-top:-16px;}
	/* 温泉 */
	#page-bath #contents2 h2{margin-bottom:15px!important;}
	#page-bath #contents2 h2 span.second{display:inline-block;margin-top:-3px;line-height: 0rem;}
	#page-bath #contents2 h2 span.third{display:inline-block;margin-top:-5px;line-height: 0rem;}
	#contents2 p.lead-bath{padding-left: 0!important;background-image: url(../bath/images/ttl_bg3sp.png)!important;}
	.four-box li{float:left;width:49%;}
	.four-box li:nth-child(odd){margin:0 2% 0 0!important;}
	.four-box img{width:100%;height:auto;margin:0;}
	/* 料理 */
	#page-cuisine #contents3 h2{margin-bottom:15px!important;}
	#page-cuisine #contents3 h2 span.second{display:inline-block;margin-left:0!important;margin-top:-3px;}
	#page-cuisine #contents3 h2 span.third{display:inline-block;margin-left:0!important;margin-top:-2px;}
	#contents3 p.lead-cuisine{padding-left: 0!important;background-image: url(../cuisine/images/ttl_bg4sp.png)!important;}
	#contents3{width:98%!important;}
	#contents3 .photo_box,
	#contents3 .photo_box ul,
	#contents3 .photo_box ul li img{width:100%!important;}
	#contents3 .photo_box,
	#contents3 .photo_box ul li{float: none;margin-right:0;}
	/* 部屋 */
	#page-roomtype #contents{width:98%;}
	#page-roomtype #contents section{margin-top:-20px;padding-top:20px;background:none;}
	#page-roomtype #contents section,
	#page-roomtype #contents section .section_box{width:100%;margin-right:0;}
	#page-roomtype #contents section .section_box:first-child{margin-bottom:15px;margin-top:50px;}
	#page-roomtype #contents h2 span.second{display:block;margin-left:0!important;margin-top:-10px;}
	#page-roomtype #contents h2 span.third{display:block;margin-left:0!important;margin-top:-8px;}
	#page-roomtype p.lead{padding-left: 0!important;background-image: url(../roomtype/images/ttl_bg_sp.png)!important;}
	#page-roomtype .img_left{float: left!important;}
	#page-roomtype .photo_box,
	#page-roomtype .photo_box ul{width:100%;}
	#page-roomtype .photo_box ul li{width:32.3%;margin-right:1%;}
	#page-roomtype .photo_box ul li:last-child{margin-right:0;}
	#page-roomtype .photo_box ul li img{width:100%;height:auto;}
	/*施設*/
	#page-facilities #contents2 h2{margin-top:3px;margin-bottom:17px!important;}
	#page-facilities .gallery a{display:inline-block;width:49%;}
	#page-facilities .gallery a:first-child{width:100%;}
	#page-facilities .gallery a img{width:100%;height:auto;}
	/*料金・ご予約*/
	#page-rate #contents4{width:98%;}
	#page-rate #contents4 section,
	#page-rate #rate .ratebase,
	#page-rate #rate input{width:100%;}
	#page-rate #contents4 td,
	#page-rate #contents4 th{font-size:10px;line-height:1.1rem;}
	/*交通のご案内*/
	#page-access #introduction2 h2{margin-bottom:15px!important;}
	#page-access #introduction2 h2 span.second{display:inline-block;margin:-12px 0 0 15px;}
	#page-access .right-box img{width:100%;}
	/*メール*/
	#mailform .mailformbase{width:100%;padding:15px 25px;box-sizing:border-box;color:#fff;}
	#mailform li input, #mailform li textarea{width:100%;}
	/*サイトマップ*/
	#contents4{width:98%!important;}
	#contents4 section{width:98%!important;}
	#contents4 .section_box li{float:left;}
	#contents4 .section_box li.sitemap1{width:100%;}
	/* インフォメーション */
	#page-info .lead-info{padding-left:0;}
	#page-info .leftmiddle-box{background:url(../info/images/ttl_bg_info_sp.png) no-repeat;}
	#page-info .box_hdspace{height:0px;}
	/* 日本の20世紀遺産20選 ------------ */
	#jpn20cen {
		width:100%;
		height:auto;
		padding-top: 74px;
		background:url(../info/images/jpn20cen_tlbg.png) no-repeat left 0 top 0;
		background-size: 100% auto;
	}
	#jpn20cen h2{margin: 65px auto 0 auto;}
	#jpn20cen h2 img {width:95%; height:auto;}
	.jpn20cen .explain{background:#FFF!important;padding: 5px 1%;}
	.jpn20cen #contents3{padding-top: 0!important;}
	.jpn20cen .left-box{width: 97%!important;margin:0 auto;}
	.jpn20cen .explain{height:350px; background:url(../info/images/explain_bg.png) no-repeat center center;border:red1px solid!important;}
	.jpn20cen p{margin: 30px 0;}
	.jpn20cen .lead-info{padding:0 20px!important;font-weight:bold;}
	.jpn20cen .right-box{width:100%;font-size:12px;}
	.jpn20cen .right-box ul{margin:30px 0;}
	.jpn20cen .right-box li{margin-bottom: 10px;padding-left: 0;text-indent: 0;}
	.jpn20cen .right-box li span{display:block;font-weight:bold;}
	/* footer */
	address{text-align:center!important;padding:0!important;}
	address span, address a{display: block;margin-right:0;text-align:center;}
	p.copyright{text-align:center;}
	#scrollUp {right:0!important;}
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }
  
  /**/
  .image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}