@charset "UTF-8";
  #info {background-image: url(//www.soranoshita.net/kawaguchiko-jp/wp-content/themes/kawaguchiko/images/common/info_bg_img.jpg);background-attachment: fixed; max-width: 100%;}
#info .inner { display: block;margin: 0px auto; padding: 100px 0px; max-width: 1440px; text-align: center; color: #fff;}
#info .inner h1 { font-size: 36px; margin-bottom: 50px; letter-spacing: 7px; font-weight: 700;}
#info .inner h1 span {margin-left: 10px;}
#info .inner .tel { font-size: 30px; letter-spacing: 2px;}
#info .inner .tel a {color: #fff;}
#info .inner .tel span,
#info .inner .open span {margin-right: 15px; font-size: 18px;}
#info .inner .open .fa { font-size: 14px;}
#info .inner .open { font-size: 30px;margin-bottom: 25px; letter-spacing: 2px;}
#info .inner .infoadd { font-size: 16px; letter-spacing: 0.5px;margin-top: 25px;}
#info .inner .infoadd span { display: block;}
#info .inner .infoadd a { display: block;color: #FFF; text-decoration: underline;}
@media screen and (max-width: 767px) {
#info {background-image: url(//www.soranoshita.net/kawaguchiko-jp/wp-content/themes/kawaguchiko/images/common/info_bg_img_sp.jpg);background-attachment:inherit;}
#info {margin-bottom: 0px;}
#info .inner {min-width: auto; padding: 60px 0px; }
#info .inner h1 { font-size: 24px; margin-bottom: 25px; letter-spacing: 5px; line-height: 1.6em;}
#info .inner h1 span {margin-left: 0px; display: block;}
#info .inner .tel span,
#info .inner .open span {margin-right: 10px; font-size: 14px;}
#info .inner .tel { font-size: 21px;}
#info .inner .open { font-size: 21px;margin-bottom: 15px;}
#info .inner .infoadd { font-size: 12px; letter-spacing: 0px;margin-top: 25px; line-height: 1.4em;}
}
.footSns {display: block;margin: 25px 0px;}
.footSns ul { text-align: center;}
.footSns ul li {display: inline-block; margin: 0 20px;}
.footSns ul li a { font-size: 21px; color: #000;}
.footSns ul li a:hover {}
@media screen and (max-width: 767px) {
.footSns {display: block;margin: 50px 0px 0px;}
}
#footer { position: relative; height: 400px; display: block; width: 100%;}
#footer h1 { width: 250px; height: 250px;display: block; position: absolute; left: 50%;  bottom:50px;margin-left: -125px;}
#footer .footNav {margin-top: 25px;}
#footer .footNav ul { text-align: center;}
#footer .footNav ul li {display: inline-block;height: 50px;position: relative; line-height: 50px;}
#footer .footNav ul li:hover {}
#footer .footNav ul li::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);background-color: #A1914D;-webkit-transition: all .3s ease;transition: all .3s ease;}
#footer .footNav ul li:hover::after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
#footer .footNav ul li a {padding: 0px 20px;color: #000;letter-spacing: 2px; font-size: 14px;}
#footer .footNav ul li a:hover {}
#footer .copyright {width: 100%;position: absolute; bottom:0; left: 0;text-align: left;font-weight: 400;font-size: 11px;color:#000; letter-spacing: 2px;}
#footer .copyright .container { position: relative;line-height: 100px;}
#footer .copyright .container ul { text-align: right; position: absolute; top: 0; right: 10px; font-size: 10px;}
#footer .copyright .container ul li {display: inline-block;}
#footer .copyright .container ul li a {color: #000;padding-left: 20px;}
#footer .copyright .container ul li a .fa {margin-right: 10px; color:#A1914D; font-size: 12px;}
#footer .copyright .container ul li a:hover { text-decoration: none;color: #A1914D;}
@media screen and (max-width: 767px) {
#footer { position: relative; height: 275px; display: block; width: 100%;margin-bottom: 80px;}
#footer h1 { width: 200px; height: 200px;display: block; position: absolute; left: 50%;  bottom:50px;margin-left: -100px;}
#footer .footNav {display: none;}
#footer .copyright { text-align: center;}
#footer .copyright .container span {display:none;}
#footer .copyright .container { position: relative;line-height: 70px;height: 70px;margin: 0;padding: 0;}
#footer .copyright .container ul { display:none;}
}
#scrlTop { opacity: 0;text-align: center; line-height: 55px;z-index: 999;display:block;height: 50px; width: 50px; position: fixed; bottom: 75px; right: 50px; background-color: #A1914D; -webkit-transition: all .5s ease;transition: all .5s ease;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-ms-border-radius: 3px;}
#scrlTop .fa { color: #fff; font-size: 24px; cursor: pointer;}
#scrlTop.active {opacity: 1;-webkit-transition: all .5s ease;transition: all .5s ease;cursor: pointer;display:block;}
#scrlTop.active:hover { opacity: 0.8;}
@media screen and (max-width: 767px) {
#scrlTop {line-height: 45px;height: 40px; width: 40px; position: fixed; bottom: 100px; right: 15px;}
} @media screen and (min-width: 768px) {
body,html {width: 100%; height: 100%; min-height: 600px;min-width: 1100px;}
.container,
.row {max-width: 1440px; margin: 0 auto;padding: 0;}
.wrapper { overflow-x:hidden; }
.sp_dspl { display:none!important;}
.pc_dspl { display:block!important;}
#spNav,#topNav,#footBtn,#bottomNav,.hamburger {display: none;}
.parent {display: flex;flex-direction: row;}
#header {min-width: 1100px;height: 100px; width: 100%; display: block; position: absolute; top: 0; top: 0; z-index: 999; background-color: #fff;}
#header .inner { display: block; position:relative;height: 100px;margin: 0 auto;}
#header .inner .logo { position: absolute; top: 30px;left: 35px;width: 200px; height: 37px; display: block;}
#header .inner .logo a {width: 140px; height: 30px; display: block;}
#header .inner .logo img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;width: 100%; height: auto;display: block;}
#header .inner .gnav {height:100px; position: absolute; right: 180px; top: 0;}
#header .inner .gnav ul { height: 100px;}
#header .inner .gnav ul li {font-weight: 400;text-align: right;display: inline-block;height: 100px;position: relative;}
#header .inner .gnav ul li:hover {}
#header .inner .gnav ul li::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);background-color: #A1914D;-webkit-transition: all .3s ease;transition: all .3s ease;}
#header .inner .gnav ul li:hover::after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
#header .inner .gnav ul li.active::after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1); content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #A1914D;}
#header .inner .gnav ul li a {height: 100px;line-height: 100px;font-size: 14px;color: #000;text-align: center;letter-spacing: 2px;display: block;padding: 0 20px;}
#header .inner .gnav ul li a span {display: block; font-size: 12px; font-weight: normal;line-height: 1em;margin-top: 5px; letter-spacing: 0; opacity: 0.5;}
#header .inner .gnav ul li a:hover,
#header .inner .gnav ul li a:focus,
#header .inner .gnav ul li a:active { text-decoration: none;color: #A1914D;}
#header .inner .gnav ul li.subMenu {display: inline-block; position: relative;}
#header .inner .gnav ul li.subMenu > ul { padding: 15px;z-index: 999;display:none;position: absolute;left:0px; top:100px;width: 300px; height: auto;background: #FFF;box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-o-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);-ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);}
#header .inner .gnav ul li.subMenu > ul > li {display: block;margin: 0;padding: 0;height: 30px; line-height: 30px;}
#header .inner .gnav ul li.subMenu > ul > li:first-child { border-top: none;}
#header .inner .gnav ul li.subMenu > ul > li::after {display: none;}
#header .inner .gnav ul li.subMenu > ul > li > a { padding: 0;letter-spacing: 0px;position: relative;text-align: left;color: #FFF; font-size: 14px;font-weight: normal;padding-left: 15px;display: block; color: #000000; height: 30px; line-height: 30px;-webkit-transition: all .3s ease;transition: all .3s ease;}
#header .inner .gnav ul li.subMenu > ul > li > a > .fa {font-size: 18px; position: absolute; top: 50%; right: 15px; margin-top: -9px;-webkit-transition: all .3s ease;transition: all .3s ease;}
#header .inner .gnav ul li.subMenu > ul > li > a:hover {color: #A1914D;-webkit-transition: all .3s ease;transition: all .3s ease;}
#header .inner .gnav ul li.subMenu > ul > li > a:hover .fa { position: absolute; top: 50%; right: 10px;}
#header .inner .socialNav {height: 30px; width: 120px; display: block; position: absolute;; top: 35px; right: 20px;}
#header .inner .socialNav ul {}
#header .inner .socialNav ul li {height: 30px; width: 40px; display: block; float: left;}
#header .inner .socialNav ul li a {line-height: 30px; text-align: center;color: #000;font-size: 18px;}
#header .inner .socialNav ul li a:hover { text-decoration: none;color: #A1914D;}
#header.fixed {height: 0px; position: fixed; top: 0; left: 0;z-index: 9999;min-width: 1100px;}
#header.fixed .inner {min-width: 1100px;background-color:rgba(255,255,255,0.95);height: 100px; width: 100%; display: block; position: fixed;top:-100px; left: 0; z-index: 9;transition: .5s;transform: translateY(100px);}
} @media screen and (max-width: 767px) {
body,html {-webkit-overflow-scrolling: touch;overflow-x: hidden;display: block;position: relative;}
a:hover { text-decoration: none;}
.sp_dspl { display:block!important;}
.pc_dspl { display:none!important;}
.container { width:100%;margin:0; padding: 5px;}
#contents {padding: 0px 0px;min-width:auto;}
#contents .row {padding: 20px;}
#contents .text {font-weight: 400; font-size: 18px;line-height: 1.6em;}
#contents .text.min {font-weight: 400; font-size: 14px;line-height: 1.6em;}
.text-center { text-align: left;}
#header {width: 100%;height: 60px;background-color: #FFF; position: fixed; top: 0; left: 0; z-index: 9999;box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-moz-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);-ms-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);}
#header .inner .logo { position: absolute; top: 0px;left: 0px;width: 200px; height: 60px; display: block;z-index: 99;}
#header .inner .logo a {width: 200px; height: 60px; display: block; background-color:transparent;transition:none;-webkit-transition:none;}
#header .inner .logo img { position: absolute; top: 20px; left: 18px;display: block; width: 130px; height: 24px;}
#header .inner .gnav {display: none;}
#header .inner .socialNav {height: 30px; width: 70px; display: block; position: absolute;; top:16px; right: 60px;}
#header .inner .socialNav ul {}
#header .inner .socialNav ul li {height: 30px; width: 35px; display: block; float: left;}
#header .inner .socialNav ul li a {line-height: 30px; text-align: center;color: #000;font-size: 18px;}
#header .inner .socialNav ul li a:hover { text-decoration: none;color: #A1914D;}
#header .hamburger { display: block; position: absolute; top: 0; right: 0; height: 60px; width: 60px;transition: all .3s ease;-webkit-transition: all .3s ease;}
#header .hamburger figure {width: 20px; height: 15px;margin-left: 20px;margin-top: 17px;}
#header .hamburger:hover {background-color: #eee;}
#spNav {padding: 25px 0px 25px;display:none; background-color:#FFF;z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto;}
#spNav > ul.nav {padding: 25px 25px 0; text-align: center;}
#spNav > ul.nav li {display: block;line-height: 50px;margin-top: 1px;}
#spNav > ul.nav li ul {}
#spNav > ul.nav li ul li {}
#spNav > ul.nav li ul li a {border-top: 1px solid #eee;}
#spNav > ul.nav li ul li:first-child a {border-top: none;}
#spNav > ul.nav li {font-size: 18px;font-weight: bold;color: #000; text-align: left;display: block;padding: 0px; position: relative;}
#spNav > ul.nav li h2 {margin-top: 1px;font-size: 18px; color: #000;padding: 0px; font-weight: bold; background-color: #eee;letter-spacing: 2px;font-weight: 400;}
#spNav > ul.nav li h2 a {color:#000;font-size: 18px;padding: 0 20px;}
#spNav > ul.nav li h2 a:hover { background-color: #000; color: #fff;}
#spNav > ul.nav li a {color: #000; padding: 0 20px;display: block; font-size: 14px; font-weight: 400;}
#spNav > ul.nav li a:hover{;}
#spNav > ul.nav li a:hover,
#spNav > ul.nav li a:focus,
#spNav > ul.nav li a:active { text-decoration: none;}
#spNav > ul.nav li a .fa {margin-right: 20px; position: absolute; right: 0; font-size: 24px; top: 12px;}
#spNav > ul.sns  { text-align: center;margin: 25px 0px;}
#spNav > ul.sns li {display: inline-block; margin: 0 15px;}
#spNav > ul.sns li a { font-size: 30px; color: #000;}
#spNav > ul.sns li a:hover {}
#spNav .btn { text-align: center;margin: 0px auto;display: block;border: 1px solid #000; width: 150px;}
#spNav .btn a {display: block;width: 150px;font-size:14px;color: #000;font-weight: 400;letter-spacing: 2px;line-height: 30px;}
#topNav {margin: 0;padding: 0;}
#topNav ul { margin-left: -1px;}
#topNav ul li {width:16.66%;height: auto;float: left;border-left: 1px solid #222;}
#topNav ul li a {letter-spacing: 0px;padding: 15px 0px;line-height: 1em;font-weight: 400;text-align: center;background-color:#313131;display: block;font-size: 10px; color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
#topNav ul li a img {display: block; width: 35%; height: auto;margin:0px auto 10px;}
#topNav ul li a:hover { background-color:#000; text-decoration: none;}
#footBtn { position: fixed; bottom:0; left: 0;width: 100%;z-index: 9999;}
#footBtn ul { margin-left: -1px;}
#footBtn ul li {width:16.666%;height: auto;float: left;border-left: 1px solid #222;}
#footBtn ul li a {letter-spacing: 1px;padding: 15px 0px;line-height: 1em;font-weight: 400;text-align: center;background-color:#313131;display: block;font-size: 10px; color: #fff;transition: all .3s ease;-webkit-transition: all .3s ease;}
#footBtn ul li a img {display: block; width: 30%; height: auto;margin:0px auto 10px;}
#footBtn ul li a:hover { background-color:#000; text-decoration: none;}
}