@charset "utf-8";

/* -------------------------------------------
Auther: designstudio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 10/Dec/2013
------------------------------------------- */

/* -------------------------------------------
 Reset
------------------------------------------- */
html{font-size:62.5%;}body,a,address,header,html,iframe,nav{padding:0;margin:0}address,header,html,iframe,nav{border:0;outline:0}abbr,article,aside,audio,b,canvas,cite,code,del,details,dfn,em,fieldset,figcaption,figure,form,hgroup,i,img,ins,kbd,label,legend,mark,menu,object,pblockquote,pre,q,samp,span,strong,sub,summary,sup,time,var,video{background:0 0;margin:0;padding:0;border:0;outline:0}footer,h1,h2,h3,h4,h5,h6,p,section,small{border:0;outline:0}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a img,figure{vertical-align:top}abbr[title],dfn[title]{cursor:help}input,select{vertical-align:middle}noscript{margin:0}

/* Desktop Hide Items */
#ksmamatsuDesign { display: none !important; }

/* -------------------------------------------
 Fonts
------------------------------------------- */
body, .FDefault {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#main { text-shadow: rgba(255,255,255,0.75) 1px 1px 0; }

#main footer { text-shadow: rgba(0,0,0,0.15) -1px -1px 0; }

#main .fc-content { text-shadow: rgba(255,255,255,1) 1px 1px 0; }

#main .cottageNavi li a, #main .pageCopy ul li a { text-shadow: none; }

/* -------------------------------------------
 Common
------------------------------------------- */
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }

body {
 color: #474747; background-color: #eee; font-size: 16px; line-height: 1; width: 100%; min-width: 1024px; margin: 0; padding: 0; z-index: 1; }

#stage {
 background: url(../common_im/side.png) repeat 0 0; min-width: 1024px; height: 100%; position: relative; }

#global { float: left; width: 19.5%; margin: 0; }

.toppage { min-height: 2300px; }
.kasamatsu { min-height: 5330px; }
.muga { min-height: 5630px; }
.system { min-height: 2900px; }
.access { min-height: 2550px; }
.inquiry { min-height: 1800px; }
.completion { min-height: 1060px; }

#main {
 background-color: #fff; float: left; width: 80.4%; max-width: 1280px;
 margin: 0; border-left: 1px solid #e2e2e2; z-index: 1; position: relative; }

.fLeft { float: left; }
.fRight { float: right; }
.caution { color: #bb3e00; }
.padLm01 { padding-left: 1em; }
.padLm02 { padding-left: 2em; }
.padLm03 { padding-left: 3em; }

.ls10 { letter-spacing: .1em; }

/* Page Title
------------------------------------------- */
.pageCopy { position: relative; margin: 0; padding: 30px 6%; }

.pageCopy ul { position: absolute; top: 40px; right: 7%; width: 88%; margin: 0; padding: 0; }

.pageCopy ul li { float: right; margin-left: 1px; }

.pageCopy ul li a { background: url(../system/images/down.png) no-repeat center bottom; text-decoration: none; padding-bottom: 18px; }

.pageCopy li a span {
 color: #fff; background-color: #72a2bb; font-size: 14px; line-height: 30px; white-space: nowrap;
 height: 30px; padding: 0 1em; display: inline-block; }
.pageCopy li a:hover span { background: #bb574e}

/* Common Header
------------------------------------------- */
#globalHeader { width: 200px; margin: 35px auto 0; position: relative; }

#commonTelNum {
 background: url(../common_im/common.png) no-repeat 0 -380px;
 position: fixed; top: 0; right: 25px; width: 225px; height: 50px; margin: 0; text-indent: -9999px; z-index: 999; }

/* Global Navs
------------------------------------------- */
#homeLogo a, #globalNav a {
  background-image: url(../common_im/common.png); background-repeat: no-repeat;
  height: 0; display: block; cursor: pointer; text-indent: -9999px; position: relative; overflow: hidden; z-index: 1; }

#homeLogo a:after, #globalNav a:after {
  content: ''; position: absolute; top: 0; left: 0; background-image: url(../common_im/common.png);
  background-repeat: no-repeat; width: 170px; height: 30px; display: block; opacity: 0; z-index: 5; }

#homeLogo a:hover:after, #globalNav a:hover:after { opacity: 1; }

.headLogo { margin: 0 0 0 12px; }
#homeLogo a, #homeLogo a:after { width: 176px; height: 98px; }
#homeLogo a { background-position: 0 0; }
#homeLogo a:after { background-position: -200px 0; opacity: 0; }

#globalNav { width: 170px; margin: 53px 0 0 15px; }

#globalNav ul { margin: 0; padding: 0; }
#globalNav ul li { margin: 4px 0 0; }
#globalNav ul li a { width: 170px; height: 30px; }

#globalNav a { width: 170px; height: 30px; }

.GN01 a { background-position: 0 -120px; }
.GN02 a { background-position: 0 -154px; }
.GN03 a { background-position: 0 -188px; }
.GN04 a { background-position: 0 -222px; }
.GN05 a { background-position: 0 -256px; }
.GN06 a { background-position: 0 -290px; }
.GN07 a { background-position: 0 -324px; }

.GN01 a:after, .GNon01 a { background-position: -200px -120px; }
.GN02 a:after, .GNon02 a { background-position: -200px -154px; }
.GN03 a:after, .GNon03 a { background-position: -200px -188px; }
.GN04 a:after, .GNon04 a { background-position: -200px -222px; }
.GN05 a:after, .GNon05 a { background-position: -200px -256px; }
.GN06 a:after, .GNon06 a { background-position: -200px -290px; }
.GN07 a:after, .GNon07 a { background-position: -200px -324px; }

#globalNav .GNon01 a:after, #globalNav .GNon02 a:after, #globalNav .GNon03 a:after, #globalNav .GNon04 a:after,
#globalNav .GNon05 a:after, #globalNav .GNon06 a:after, #globalNav .GNon07 a:after { display: none}

/* Bottom Banner
------------------------------------------- */
#bottomBN {
  padding: 40px; position: relative; display: -webkit-flex; display: flex;
  -webkit-justify-content: space-between; justify-content: space-between; }

.topPage #bottomBN:before, .systemPage #bottomBN:before, .news #bottomBN:before,
.access #bottomBN:before, .blog #bottomBN:before {
  content: ''; position: absolute; top: 0; left: 40px;
  background:  #ccc; width: calc(100% - 80px); height: 1px; display: block; }

#DTFRental, #LocaRentalBN, .tabiiroBN { width: calc(50% - 20px); }

#centerTBN { margin: 0 auto}

#DTFRental img, #LocaRentalBN img, #tabiIMG img { width: 100%; height: auto; }

#bottomBN a { opacity: 1; } #bottomBN a:hover { opacity: .7; }

/* Location Banner
------------------------------------------- */
#locationBN { margin: 50px 10px; }

#locationBN a {
 background: #001722 url(../common_im/location_bn.svg) no-repeat 16px 16px; position: relative;
 background-size: 148px 69px; width: 148px; height: 69px; padding: 16px; display: block; }

#locationBN a:hover { background-color: #625642; }

#locationBN a:after {
 content: ''; position: absolute; top: 24px; right: 30px; width: 6px; height: 6px;
 border-top: 1px solid #fff; border-right: 1px solid #fff; display: block;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#locationBN a:hover:after { right: 26px; }

#locationBN a, #locationBN a:after { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* Return Scroll BT
------------------------------------------- */
#returnBT { background: url(../common_im/gray_bg.png) repeat 0 0; max-width: 1280px; margin: 0; padding: 5px 0; }

#rbt a { width: 90px; height: 80px; margin: 0 auto; position: relative;}
#rbt a:before, #rbt a:after {
  content: ''; background-image: url(../common_im/common.png); background-repeat: no-repeat;
  width: 90px; height: 80px; display: block; }
#rbt a:before { background-position: 0 -510px; position: relative; z-index: 1; }

#rbt a:after { position: absolute; top: 0; left: 0; background-position: -100px -510px; opacity: 0; z-index: 5; }
#rbt a:hover:after { opacity: 1} #rbt a:hover:before { opacity: 0}

#designed { position: absolute; bottom: 42px; left: 9%; width: 16px; margin: 0 auto; }

#toms1 a { background: url(../common_im/common.png) no-repeat -300px -400px; width: 16px; height: 16px; position: relative; }

#toms1 a:after {
  content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px;
  background: url(../common_im/common.png) no-repeat -320px -400px; opacity: 0; }
#toms1 a:hover:after { opacity: 1}

/* Footer
------------------------------------------- */
footer { background: url(../common_im/footer_bg.png) repeat-x 0 0; max-width: 1280px; height: 220px; margin: 0; position: relative; }

#BottomID { position: absolute; top: 36px; right: 6%; width: 230px; color: #f9f9f9; margin: 0; }

#ourName {
 background: url(../common_im/common.png) no-repeat 0 -450px; width: 208px; height: 40px; margin: 0 0 0 22px; text-indent: -9999px; }

#BottomID h2 { font-size: 16px; font-weight: bold; text-align: right; letter-spacing: .035em; margin: 0; padding: 20px 0 0 0; }

#BottomID address { font-size: 14px; font-style: normal; text-align: right; line-height: 1.33; letter-spacing: .05em; margin: 0; padding: 10px 0 0 0; }

#BottomID address span { margin-top: 6px; display: block; }

#botTElNum { color: #f9f9f9; text-decoration: none; }

footer nav { position: absolute; top: 28px; left: 6%; }

footer nav ul { font-size: 88%; padding: 0; }
#FTNav01 { float: left; margin: 0; }
#FTNav02 { margin: 0 0 0 11.5em; }

footer nav ul li { color: #fff; line-height: 2; }

footer nav a:link, footer nav a:visited { color: #f7f7f7; text-decoration: none; background-color: transparent; }
footer nav a:hover { color: #b5f9ff; }

footer small {
  position: absolute; top: 168px; left: 6%;
  color: #f0f0f0; font-size: 14px; font-style: normal; line-height: 1; margin: 0; display: block; }

/* -------------------------------------------
 Top Page
------------------------------------------- */
#topEyecatch, #TEImage, #topCopy, #topNews, #topKasamatsu, #topMuga { max-width: 1280px; }

#topEyecatch, #TEImage { height: 540px; margin: 0; }

#TEImage { text-align: center; }
#TEImage img { vertical-align: top; }

#topCopy {
 background: url(../top_im/topcopy_bg.png) no-repeat right 90px; margin: 0; position: relative; margin: 0; padding: 40px 6%; }

#topCopy h1 {
 background: url(../top_im/top.png) no-repeat -300px -380px;
 position: absolute; top: 25px; right: 6%; width: 56px; height: 170px; margin: 0; text-indent: -9999px; }

#topCopy h2 { background: url(../top_im/top.png) no-repeat 0 0; width: 430px; height: 142px; margin: 0; text-indent: -9999px; }

#topInfo { background: url(../common_im/beige_bg.png) repeat 0 0; padding: 25px 6% 15px; }

#topNews { margin: 0; }
#topBlog { margin: 15px 0 0; }

#topNews dt, #topBlog dt { float: left; width: 178px; height: 40px; margin: 0; text-indent: -9999px;}

#topNews dt { background: url(../top_im/top.png) no-repeat 0 -180px; }

#topBlog dt { background: url(../top_im/top.png) no-repeat -250px -180px; }

#topInfo dl dd { font-size: 88%; line-height: 1; margin: 0; padding: 0 0 .65em; }

#topInfo dl dd span {
 color: #998675; font: normal normal 100%/1 Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin-right: .5em; }

#topInfo dl dd a:link, #topInfo dl dd a:visited { color: #1e79a9; text-decoration: none; }
#topInfo dl dd a:hover { color: #00b2d2; }

#topKasamatsu, #topMuga { margin: 0; position: relative; }
#topKasamatsu { margin-top: 1px; }

#topKasamatsu header, #topMuga header { background: url(../common_im/gray_bg.png) repeat 0 0; margin: 0; padding: 60px 0 35px; }

#topKasamatsu h2, #topMuga h2 {
 background: url(../top_im/top.png) no-repeat 0 -250px; width: 250px; height: 25px; margin: 0 0 0 6%; text-indent: -9999px; }

#topMuga h2 { background-position: 0 -320px; }

#topKasamatsu div, #topMuga div { height: 300px; text-indent: -9999px; position: relative; padding-top: 80px; }

#topKasamatsu div { background: url(../top_im/kasamatsu_im.jpg) no-repeat center top; }
#topMuga div { background: url(../top_im/muga_im.jpg) no-repeat center top; }

#topKasamatsu h3, #topKasamatsu div p, #topMuga h3, #topMuga div p {
 background: url(../top_im/top.png) no-repeat 0 -560px; width: 160px; height: 16px; margin: 0 0 0 9.5%; }

#topMuga h3 { background-position: 0 -677px; height: 22px; }

#topKasamatsu div p, #topMuga div p { background-position: 0 -600px; width: 550px; height: 52px; margin: 69px 0 0 9.5%; }

#topMuga div p { background-position: 0 -720px; }

#topKasamatsu dl, #topMuga dl { line-height: 1; margin: 0; padding: 30px 0 30px 9.5%; }

#topKasamatsu dl dt, #topMuga dl dt { font-size: 94%; color: #555; font-weight: bold; margin: 0; }

#topKasamatsu dl dd, #topMuga dl dd { font-size: 88%; letter-spacing: .035em; margin: 0; padding-top: 1em; }

#topKasamatsu dl em, #topMuga dl em { color: #998675; font: normal normal 124%/1 Georgia, "Times New Roman", Times, serif; margin-right: .15em; }

#topKasamatsu dd span, #topMuga dd span { color: #c2c2c2; }

.detailBT { position: absolute; top: 470px; right: 6%; width: 200px; margin: 0; }

.Dbt a, .Dbt a:after { background-image: url(../top_im/top.png); background-repeat: no-repeat; width: 200px; height: 60px; }
.Dbt a { background-position: 0 -400px; position: relative; }

.Dbt a:after { content: ''; position: absolute; top: 0; left: 0; background-position: 0 -460px; display: block; opacity: 0; }
.Dbt a:hover:after { opacity: 1}

/* -------------------------------------------
 Cottage Common
------------------------------------------- */
.pageIM { text-indent: -9999px; }

#cottagePhoto, #lodgingCharge {
 background: url(../common_im/gray_bg.png) repeat 0 0;
}

#cottageData, #chargeCalender, #reserveCompletion {
 background: url(../common_im/beige_bg.png) repeat 0 0;
}

#cottageData { padding: 30px 3% 30px 6%; margin: 1px 0 0; }

#cottageCaution, #lodgingCharge, #chargeCalender, #CReserve, #reserveCompletion { padding: 30px 6%; margin: 0; }
#CReserve { padding-bottom: 0}

#chargeCalender { margin-top: 1px; }

/* --- Cottage Navi --- */
.cottageNavi {
 position: absolute; bottom: 1px; right: 6%; margin: 0; padding: 0; }

.cottageNavi li { float: right; margin-left: 1px; }

.cottageNavi a {
 color: #fff; background-color: #72a2bb; font-size: 14px; line-height: 30px; text-align: center; text-decoration: none;
 white-space: nowrap; width: 96px; height: 28px; display: inline-block; }
.cottageNavi li a:hover { background: #bb574e; }

/* --- Cottage Photo --- */
#cottagePhoto { margin: 0; padding: 15px 0 2.6% 3.15%; }

#cottagePhoto figure {
 float: left;
 width: 186px;
 margin: 1.3% 1.3% 0 0;
}

#cottagePhoto figure a { width: 186px; height: 160px; display: block; opacity: 1; }
#cottagePhoto figure a:hover { opacity: .7; }

/* --- Cottage Data --- */
#cottageData section {
 background: url(../common_im/v_line01.png) repeat-y 128px 0;
 position: relative;
}

#cottageData section h2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 130px;
 height: 55px;
 text-indent: -9999px;
 margin: 0;
}

#CInfo { margin: 0; }
#CFacility, #CEquipment { margin: 30px 0 0; }

#CInfo h2 { background: url(../common_im/cottage.png) no-repeat 0 0; }
#CFacility h2 { background: url(../common_im/cottage.png) no-repeat -200px 0; }
#CEquipment h2 { background: url(../common_im/cottage.png) no-repeat -400px 0; }

#CInfo h3, #cottageData ul, #cottageData dl { margin: 0; padding: 0 0 0 152px; }

#CInfo h3 {
 font-size: 82%;
 line-height: 1.6;
 font-weight: normal;
 padding-bottom: 1em;
}

#CInfo em {
 color: #907962;
 font: normal bold 134%/1 Georgia, "Times New Roman", Times, serif;
 margin-right: .15em;
}

#cottageData ul { font-size: 75%; line-height: 2; }
#cottageData dl { font-size: 75%; line-height: 1.5; }
#cottageData dl dt, #cottageData dl dd { padding: .25em 0; }
#cottageData dl dt { float: left; }
#cottageData #CFacility dl dd { padding-left: 4em; }
#cottageData #CEquipment dl dd { padding-left: 5em; }

#floorPlan { margin: 5px 0 0 24%; }
#floorPlan p { margin: 0; text-indent: -9999px; }

/* --- Caution To Customers --- */
#cottageCaution h3 {
 background: url(../common_im/cottage.png) no-repeat 0 -80px;
 width: 450px;
 height: 18px;
 text-indent: -9999px;
 margin: 0;
}

#cottageCaution p {
 font-size: 82%;
 line-height: 1.8;
 margin: 30px 0 0 128px;
}

#CCSystemLink {
 background: url(../common_im/cottage.png) no-repeat 0 -130px;
 width: 410px;
 height: 74px;
 margin: 30px auto 0;
 text-indent: -9999px;
 position: relative;
}

#CCSystemLink a {
 background: url(../common_im/cottage.png) no-repeat -450px -130px;
 position: absolute; top: 28px; left: 45px; width: 160px; height: 46px; margin: 0; opacity: 1; }
#CCSystemLink a:hover { opacity: .7}

/* --- Lodging Charge --- */
#lodgingCharge h2, #chargeCalender h3, #CReserve h2 {
 width: 450px;
 height: 18px;
 text-indent: -9999px;
 margin: 0;
}

#lodgingCharge table {
 color: #7e6239;
 width: 100%;
 margin: 30px 0 0;
 border: 2px solid #c7b299;
 border-collapse: separate;
 border-spacing: 1px;
}

#lodgingCharge th, #lodgingCharge td {
 text-align: center;
 vertical-align: middle;
}

#lodgingCharge td {
 font-family : Georgia, "Times New Roman", Times, serif;
 text-align: center;
 border-left: 2px solid #c7b299;
}

#lodgingCharge td div {
 margin-left: 1px;
 padding: .5em 0 .75em;
}

.man { width: 13%; }

.tth {
 font-size: 75%;
 font-weight: normal;
 text-align: center;
 border-left: 2px solid #c7b299;
}

.tth div { margin-left: 1px; padding: .85em 0 1em; }

.tth span {
 font-family : Georgia, "Times New Roman", Times, serif;
 color: #8e725e;
 font-size: 142%;
 padding-right: .25em;
}

.adult th, .child th, .baby th {
 font-size: 82%;
 padding-top: .33em;
 border-top: 2px solid #c7b299;
}

.child th, .baby th, .child td, .baby td { border-top: 2px solid #dcd5cc; }

.adult td { font-size: 113%; border-top: 2px solid #c7b299; }

.child td, .baby td { font-size: 100%; }

.sLankA { background-color: #f5f5f5; }
.sLankB { background-color: #c5ddbb; }
.sLankC { background-color: #b7d5e5; }
.sLankD { background-color: #f2e599; }
.sLankE { background-color: #eec3a3; }
.sLankF { background-color: #e2a9c7; }

#lodgingCharge ul {
 font-size: 75%;
 line-height: 1.5;
 margin: 0;
 padding: .75em 0 0;
}

#lodgingCharge ul li { margin-left: 1em; padding: .2em 0; }
#lodgingCharge ul li span { margin: 0 0 0 -1em; }

#lodgingCharge .tax { font-size: 128%; font-weight: bold; }

/* --- Charge Calender --- */
#chargeCalender h3 {
 background: url(../common_im/cottage.png) no-repeat 0 -250px;
 height: 20px;
}

#calendar01 { width: 100%; margin: 25px 0 0; }

.fc-header-title h2 {
 color: #1e7799;
 font-size: 100%;
 font-weight: bold;
 line-height: 1.8;
}

/* --- Reserve --- */
#CReserve h2 { height: 28px; }

.reserveContents { margin: 30px 6.8% 0; }

#reserveInfo {
 font-size: 82%;
 line-height: 1;
 margin: 0;
}

#RDial  {
 background: url(../common_im/cottage.png) no-repeat 0 -300px;
 width: 344px;
 height: 24px;
 margin: 36px 0 0;
 text-indent: -9999px;
}

#reserveForm {
 margin: 40px 0 0;
 position: relative;
}

#RFormTitle {
 background: url(../common_im/cottage.png) no-repeat 0 -350px;
 position: absolute;
 top: 0;
 left: 0;
 width: 134px;
 height: 20px;
 margin: 0;
 text-indent: -9999px;
}

#RFormST {
 background: url(../common_im/cottage.png) no-repeat 0 -400px;
 width: 192px;
 height: 30px;
 margin: 0 auto;
 text-indent: -9999px;
}

/* --- Form --- */
#mailform { background-color: #f2f0ee; padding: 30px 5% 12px; }

#mailform p, .RFFSet {
 font-size: 82%;
 line-height: 2;
 margin: 0;
 padding: 1em 0 .85em 1.5%;
 border-top: 1px solid #e0d6ce;
}

.RFFSet { padding-top: .5em; }
.RFFSet span { padding: .5em 0 .25em 1em; display: block; }

#mailform p.var, #mailform p.var02 {
 background: url(../common_im/option.png) no-repeat left 0.5em;
 color: #7e6239;
 font-size: 93%;
 margin: .5em 0 0 0;
 padding: 0 0 0 16px;
 border: none;
}

.var em { color: #bb3e00; }
.var .spSmall { padding: 0; display: inline}

#mailform label { padding-left: 16px; color: #7e6239; }
#mailform label#addAutoBT { padding-left: 0; }

#mailform label span { padding: .5em 0 0 16px; display: inline-block; }
#mailform label small, #mailform label .small, #mailform .caution { font-size: 93%; color: #cc2200; }
#mailform p.caution { font-size: 75%; text-align: center; color: #cc2200; }

.required { background: url(../common_im/required.png) no-repeat left 0.33em; }
.optional { background: url(../common_im/option.png) no-repeat left 0.33em; }

#mailform input, #mailform textarea {
 color: #079;
 font-size: 100%;
 background-color: #fff;
 vertical-align: top;
 border-radius: 5px;
 border: 1px solid #d2e5ea;
 margin: 0 0 0 10px;
 padding: 3px;
}

.inp01 { width: 220px; }
.inp02 { width: 65%; }
.inp03 { width: 150px; }
.numInput { width: 105px; }
.mail { width: 50%; }
#mailform textarea { width: 82%; }

#mailform select, #mailform input.cbx {
 color: #279;
 font-size: 100%;
 vertical-align: .1em;
 border: 1px solid #c5d2d7;
 margin: 0 0 0 10px;
 padding: 3px;
}

#mailform select.nonPad { margin-left: 3px; }
#mailform em { font-style: normal; }

#mailform input.rbt, #mailform input.cbx { vertical-align: .1em; margin: 0 5px; }
#mailform input.cbx { padding: 5px; }

.TFSend { text-align: center; }

#mailform input.autoBT, #mailform .TFSend input { color: #fff; text-transform: uppercase; border-radius: 4px; border: none; cursor: pointer; }

#mailform input.autoBT { line-height: 1.5; background-color: #3399bb; padding: .25em .6em; }

#mailform .TFSend input { font-size: 15px; line-height: 2; font-weight: bold; background-color: #3e921e; margin: 5px 0; padding: 2px 15px; }

#mailform input.autoBT:hover, #commentsForm input.submit:hover, #mailform .TFSend input:hover { background: #c94e1e}


/* --- Reserve Attention --- */
#reserveAttention { border-top: 3px solid #f2f0ee; margin: 30px 0 0; }

#reserveAttention h4 {
 background: url(../common_im/cottage.png) no-repeat 0 -450px;
 width: 475px; height: 20px; margin: 12px 0 0; text-indent: -9999px; }

#reserveAttention div,
#IAContents div { border-top: 3px solid #f2f0ee; margin: 12px 0 0; }

#reserveAttention p, #IAContents p { color: #cc2200; font-size: 82%; margin: 0; padding: 1.75em 5% 0; }

#reserveAttention dl, #IAContents dl { margin: 0; padding: 0 5% 1.5em; border-bottom: 3px solid #f2f0ee; }

#reserveAttention dl dt, #IAContents dl dt { color: #696969; font-size: 82%; font-weight: bold; margin: 0; padding-top: 1em; }

#reserveAttention dl dd, #IAContents dl dd { font-size: 75%; line-height: 1.5; margin: 0; padding: .5em 0 0 1em; }

#reserveAttention dl dd span, #IAContents dl dd span { margin-left: -1em; }

/* --- Reserve Completion --- */
#reserveCompletion { min-height: 580px; }

#reserveCompletion h1 { font-size: 150%; color: #1e7e00; margin: 0; padding: .75em 0; }

#reserveCompletion p { font-size: 88%; line-height: 1.6; margin: 0; padding: .75em 0; }

#reserveCompletion #RDial { margin-left: 6%; }

/* -------------------------------------------
 Kasamatsu-An
------------------------------------------- */
#KasamatsuEyecatch {
 background: url(../kasamatsu/images/title_sample.jpg) no-repeat center top;
 height: 540px;
 margin: 0;
}

#kasamatsuCopy, #kasamatsuCompTit {
 position: relative;
 margin: 0;
 padding: 40px 6%;
}

#kasamatsuCopy h1, #kasamatsuCompTit #cotName {
 background: url(../kasamatsu/images/kasamatsu.png) no-repeat 0 0;
 width: 143px;
 height: 90px;
 margin: 0;
 text-indent: -9999px;
}

#kasamatsuCopy h2 {
 background: url(../kasamatsu/images/kasamatsu.png) no-repeat -200px 0;
 position: absolute;
 top: 40px;
 left: 36%;
 width: 313px;
 height: 90px;
 margin: 0;
 text-indent: -9999px;
}

#kasamatsuSketch {
 background: url(../kasamatsu/images/kasamatsu.png) no-repeat 0 -200px;
 width: 530px;
 height: 252px;
}

#kasamatsuCharge { background: url(../kasamatsu/images/kasamatsu.png) no-repeat 0 -120px; }

#kasamatsuReserve {
 background: url(../kasamatsu/images/kasamatsu.png) no-repeat 0 -160px;
 height: 28px;
}

/* -------------------------------------------
 Muga-Tei
------------------------------------------- */
#mugaEyecatch {
 background: url(../muga/images/title.jpg) no-repeat center top;
 height: 540px;
 margin: 0;
}

#mugaCopy, #mugaCompTit {
 position: relative;
 margin: 0;
 padding: 40px 6%;
}

#mugaCopy h1, #mugaCompTit #cotName {
 background: url(../muga/images/muga.png) no-repeat 0 0;
 width: 148px;
 height: 90px;
 margin: 0;
 text-indent: -9999px;
}

#mugaCopy h2 {
 background: url(../muga/images/muga.png) no-repeat -200px 0;
 position: absolute;
 top: 40px;
 left: 36%;
 width: 342px;
 height: 90px;
 margin: 0;
 text-indent: -9999px;
}

#mugaSketch {
 background: url(../muga/images/muga.png) no-repeat 0 -195px;
 width: 582px;
 height: 510px;
}

#mugaCharge { background: url(../muga/images/muga.png) no-repeat 0 -120px; }

#mugaReserve {
 background: url(../muga/images/muga.png) no-repeat 0 -160px;
 height: 28px;
}

/* -------------------------------------------
 System
------------------------------------------- */
#systemEyecatch {
 background: url(../system/images/new-title.jpg) no-repeat center top;
 height: 430px;
 margin: 0;
}

#systemCopy h1 {
 background: url(../system/images/system.png) no-repeat 0 0;
 width: 158px;
 height: 54px;
 margin: 0;
 text-indent: -9999px;
}

#about, #mealsAttention, #systemDetail, #procurementEating { padding: 30px 6%; margin: 0; }

#about { background: url(../common_im/gray_bg.png) repeat 0 0; }
#systemDetail { background: url(../common_im/beige_bg.png) repeat 0 0; }

#about h2, #mealsAttention h2, #systemDetail h2, #procurementEating h2 {
 background: url(../system/images/system.png) no-repeat 0 -100px;
 height: 28px;
 text-indent: -9999px;
 margin: 0;
}
#mealsAttention h2 { background-position: 0 -150px; }
#systemDetail h2 { background-position: 0 -200px; }
#procurementEating h2 { background-position: 0 -250px; }

#about p, #mealsAttention p, #systemDetail dl, #procurementEating h3, #procurementEating p {
 font-size: 82%;
 line-height: 1.8;
 margin: 0;
 padding: 1em 0 0 50px;
}

#systemDetail dl {
 background: url(../common_im/v_line01.png) repeat-y 10.4em 0;
 padding-top: 0;
 margin-top: 20px;
}

#systemDetail dt {
 float: left;
 font-weight: bold;
 letter-spacing: 1px;
 width: 6em;
 margin: 0;
}

#systemDetail dd { padding-left: 8em; margin: 0; }

#systemDetail dd h3, #systemDetail dd p { margin: 0; }
#systemDetail dd p { padding: .25em 0 1em 1em; }

#systemDetail dd figure {
 float: left;
 background-color: #fcf9f5;
 margin: 0 3% 1em 0;
 padding: 2px;
}

#systemDetail dd figcaption {
 float: right;
 text-align: center;
 line-height: 1.5;
 width: 5em;
 margin: 0;
 padding: 3.5em .5em 3em;
}

#systemDetail dd figure a {
 color: #333;
 background-color: transparent;
 text-decoration: none;
}

#procurementEating h3 { font-size: 88%; letter-spacing: 1px; }
#procurementEating p { padding-top: .5em; }

#PEMap {
 position: relative;
 margin: 20px 0 0;
 padding: 0 0 10px 50px;
}

#mapMatsuzaki, #mapSimoda { float: left; width: 320px; margin: 0; }
#mapSimoda { margin-left: 5%; }

#mapMatsuzaki h3, #mapSimoda h3 {
 background: url(../system/images/system.png) no-repeat 0 -300px;
 height: 24px;
 text-indent: -9999px;
 margin: 0;
 padding: 0;
}
 #mapSimoda h3 { background-position: 0 -340px; }

 /* PE Google Map */
#GMap01, #GMap02 {
 width: 320px;
 height: 240px;
 margin: 0;
 padding: 1px;
 border: 1px solid #cac3ba;
}

#GMCanvas01, #GMCanvas02 { width: 320px; height: 240px; }

#GMCanvas01 h4, #GMCanvas02 h4 {
 color: #0071bc;
 font-size: 88%;
 line-height: 1;
 margin: 0 0 .25em 0;
}

#PEMap .w6 { width: 6em; }
#PEMap .w8 { width: 8em; }
#PEMap .w12 { width: 12.5em; }

/* -------------------------------------------
 Access
------------------------------------------- */
#accessMap { max-width: 1280px; height: 580px; margin: 0; }

 /* AM Google Map */
#AMCanvas { width: 100%; height: 580px; }

.AMPointName { width: 18em; padding: .5em 0 1em .5em; }
.AMPointName h4 { color: #256292; margin: 0; }
.AMPointName p { line-height: 1.25; margin: .75em 0; }
 /* - */

#accessCopy h1 {
 background: url(../access/images/access.png) no-repeat 0 0;
 width: 158px;
 height: 54px;
 margin: 0;
 text-indent: -9999px;
}

#accessCopy ul li { letter-spacing: 4px; }

#accessGuide, #byTrain, #trafficSite {
 background: url(../common_im/beige_bg.png) repeat 0 0;
 padding: 36px 6%;
 margin: 0;
}

#trafficSite { background: none; }

#accessGuide h2, #GMCaution h3, #trafficSite h2 {
 background: url(../access/images/access.png) no-repeat 0 -100px;
 height: 18px;
 text-indent: -9999px;
 margin: 0;
}

#byCar, #byTrain section, #byTrain p, #trafficSite ul { width: 690px; margin: 0 auto; }

#fromWest, #fromEast, #guideMap {
 background: url(../access/images/access.png) no-repeat 0 -250px;
 height: 166px;
 margin: 32px 0 0;
 text-indent: -9999px;
}

#fromEast { background-position: 0 -450px; }

#guideMap { background-position: 0 -920px; height: 360px; }

#GMCaution h3 { background-position: 0 -150px; margin-top: 30px; }
#GMCaution p {
 font-size: 82%;
 line-height: 1.6;
 margin: 0;
 padding: 1em 0 0;
}

#byTrain { background: url(../common_im/gray_bg.png) repeat 0 0; margin-top: 1px; }
#byTrain section {
 background: url(../access/images/access.png) no-repeat 0 -650px;
 width: 690px;
 height: 225px;
}

#byTrain section h3, #byTrain section ul { margin: 0; text-indent: -9999px; }

#byTrain p {
 font-size: 82%;
 line-height: 2;
 padding: 2em 0 0;
}

#trafficSite h2 { background-position: 0 -200px; }
#trafficSite ul { padding: 17px 0 0; font-size: 82%; }
#trafficSite ul li { margin: 0; padding: 1em 0 0; }

/* -------------------------------------------
 BLOG
------------------------------------------- */
#blogEyecatch {
 background: url(../blog/images/title.jpg) no-repeat 0 0;
 height: 480px;
 margin: 0;
}

#blogEyecatch h1 {
 background: url(../blog/images/blog.png) no-repeat 0 0;
 position: absolute;
 top: 83px;
 left: 6%;
 width: 316px;
 height: 62px;
}

#blogEyecatch h1, #blogEyecatch p { text-indent: -9999px; margin: 0; }

#blogContents {
 float: right;
 width: 74.6%;
 margin: 0;
 padding-bottom: 30px;
}

.gallery, #preview { background: url(../common_im/beige_bg.png) repeat 0 0; }
.other { background: url(../common_im/gray_bg.png) repeat 0 0; }

.blogArticle { margin: 10px 10px 0 0; padding: 30px; }

.blogArticle header, #blogSide nav { margin: 0; }

.gallery header { background: url(../blog/images/guests.png) no-repeat 0 0; }
.other header { background: url(../blog/images/other.png) no-repeat 0 0; }

.blogArticle header h1, .blogArticle header h2 {
 font-size: 1.5em;
 line-height: 1.25;
 margin: 0;
 padding-left: 40px;
}

.blogArticle header p {
 color: #797979;
 font-size: 69%;
 letter-spacing: 1px;
 margin: 0;
 padding: .15em 0 0 40px;
}

.blogArticle header p span {
 font-family : Georgia, "Times New Roman", Times, serif;
 font-size: 109%;
}

.blogBody { max-width: 814px; padding: .75em 0 0 40px; }

.blogBody p {
 font-size: 82%;
 line-height: 1.5;
 margin: 0;
 padding-top: 1em;
}

/* Blog Side
------------------------------------------- */
#blogSide {
 float: left;
 width: 20.6%;
 padding: 0 0 0 2.4%;
}

#blogSide dl { margin: 0; padding-bottom: 1.5em; }
#blogSide h2, #blogSide dt {
 background-image: url(../blog/images/blog.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 margin: 0 0 3px 0;
 padding-bottom: 5px;
 border-bottom: 2px solid #ccc;
}

#blogSide h2 { background-position: 0 -100px; height: 15px; margin-top: 20px; }
#recent dt { background-position: 0 -150px; height: 15px; }
#categoly dt { background-position: 0 -200px; height: 14px; }
#archives dt { background-position: 0 -250px; height: 14px; }
#feed dt { background-position: 0 -300px; height: 11px; }

#blogSide p, #blogSide dd {
 font-size: 75%;
 line-height: 1.33;
 margin: 0;
 padding-top: .375em;
}

#blogSide p { line-height: 1.5; padding: .5em 0 1.5em; }

#blogSide dd a {
 background: url(../blog/images/b_sign.png) no-repeat 0 .25em;
 padding-left: 10px;
 display: block;
}

.blogArticle header a:link, .blogArticle header a:visited,
#blogSide dd a:link, #blogSide dd a:visited,
#BLBotNavi li a:link, #BLBotNavi li a:visited,
#comments-content a:link, #comments-content a:visited,
.commentParent a:link, .commentParent a:visited {
 color: #0088af; background-color: transparent; text-decoration: none; }

.blogArticle header a:hover, #blogSide dd a:hover, #comments-content a:hover {
 background-position: 1px .25em;
 text-decoration: underline;
}

/* Comment
------------------------------------------- */
#comments { min-height: 420px; }
.comments-open-content { padding-top: 1em; }

#comments h2 {
 font-size: 100%;
 background-color: #f7f7f7;
 margin: 30px 0 0;
 padding: .5em 40px;
}

#comments h2 span { font-size: 82%; font-weight: normal; }

.log, #comments-open {
 font-size: 82%;
 line-height: 1.5;
 margin: 1.25em 40px 0;
}

.log dd, #comments-content, .commentParent, #comment-greeting,
#commentsForm dl, #commentsForm dl dt, #commentsForm dl dd { margin: 0; }

.commentParent, #comment-greeting { padding-bottom: 1em; }

.comment { margin-top: 1em; }
.comment-content { padding-bottom: .25em; border-bottom: 1px solid #fff; }
#comments-content p { margin: .75em 0; }

.byline, .commentParent, .confirmMessage { font-weight: bold; }

#commentsForm legend { font-size: 116%; font-weight: bold; }

#commentsForm dl dt { padding-top: 1em; }

#comments-open-text span { font-size: 85%; }

#commentsForm input, #commentsForm textarea {
 color: #079;
 font-size: 100%;
 background-color: #fff;
 vertical-align: top;
 border-radius: 5px;
 border: 1px solid #d2e5ea;
 margin: .25em 0 0;
 padding: 3px;
}

#commentsForm input { width: 60%; }
#commentsForm textarea { width: 100%; }

#commentsForm input.submit {
 color: #fff;
 background-color: #3399bb;
 font-size: 14px;
 line-height: 2;
 font-weight: bold;
 text-transform: uppercase;
 width: auto;
 margin: .5em .75em 0 0;
 padding: .25em 1em;
 border-radius: 4px;
 border: none;
 cursor: pointer;
}

#preview #comments-open { border-top: 1px solid #fff; }
#preview .comments-open-content { border-top: 1px solid #dcd2c9; }
#preview header h1 { color: #0087a7; }

/* Blog List
------------------------------------------- */
#BLListTitle {
 color: #7e4927;
 font-size: 1.5em;
 margin: 0;
 padding: 32px 0 20px;
}

#BLListTitle small { font-size: .75em; }
#BLListTitle em {
 color: #898989;
 font-size: .5em;
 font-weight: normal;
 font-style: normal;
}

#BLListTitle span, #BLArchives dt span {
 font-family : Georgia, "Times New Roman", Times, serif;
 margin: 0 .1em;
}

/* Blog Archives
------------------------------------------- */
#BLArchives { margin: 0 3% 0 0; border-bottom: 1px solid #bbb; }

#BLArchives dt {
 font-size: 82%;
 margin: 0;
 padding: .75em .5em 0;
 border-top: 1px solid #bbb;
}

#BLArchives dt a:link { color: #0088af; text-decoration: underline; }
#BLArchives dt a:visited { color: #888; text-decoration: none; }
#BLArchives dt a:hover { text-decoration: none; }
#BLArchives dd { font-size: 75%; margin: 0; padding: .75em .5em; }
#BLArchives dt time { color: #888; font-size: 93%; margin-left: 1em; }

/* Page Navi
------------------------------------------- */
#BLpageNavi { margin: 30px 0 0; text-shadow: none; }

#BLpageNavi ul { font-size: 82%; margin: 0; padding: 0; }

#BLpageNavi ul li { float: left; margin-right: 3px; display: inline; }

#BLpageNavi ul li span, #BLpageNavi ul li a { padding: .3em .5em .15em; }

#BLpageNavi ul li span { background-color: #bbb; color: #f2f2f2; }

#BLpageNavi ul li a { background-color: #66b2cc; color: #fff; text-decoration: none; }

#BLBotNavi {
 font-size: 82%;
 line-height: 1;
 text-align: center;
 margin: 30px auto 0;
}

#BLBotNavi li { display: inline; }
#BLBotNavi .previous { padding: 0 24px 0 13px; }
#BLBotNavi .next { padding: 0 13px 0 24px; }

#BLBotNavi li a:hover { text-decoration: underline; }

/* -------------------------------------------
 News
------------------------------------------- */
#newsTitle { position: relative; margin: 0; padding: 90px 6%; }

#newsTitle h1 {
 background: url(../news/images/title.png) no-repeat 0 0;
 width: 168px; height: 54px; margin: 0; text-indent: -9999px; }

#newsTitle p { position: absolute; top: 160px; left: 35%; font-size: 82%; line-height: 1.8; margin: 0; }

#newsContents {
 background: url(../common_im/beige_bg.png) repeat 0 0; min-height: 360px; margin: 0; padding: 20px 6%; }

.newsArticle {
 background: url(../news/images/article_bg.png) repeat 0 0;
 margin: 20px 0 0; position: relative; border: 1px solid #fff; }

.newsArticle header { margin: 0; padding: 45px 6% 0; }

.newsArticle header h2 { font-size: 1.5em; line-height: 1.25; letter-spacing: .05em; margin: 0; }

.newsArticle header h2 a:link { color: #623709; text-decoration: none; }
.newsArticle header h2 a:visited { color: #666; text-decoration: none; }
.newsArticle header h2 a:hover { text-decoration: underline; }

.newsArticle header p { color: #898989; font-size: 69%; letter-spacing: 1px; margin: 0; padding-top: .5em; }

.newsArticle header p span { font-family : Georgia, "Times New Roman", Times, serif; font-size: 109%; }

.newEntry {
 background: url(../news/images/new.png) repeat 0 0; position: absolute; left: 0; top: 98px;
 width: 50px; height: 20px; margin: 0; text-indent: -9999px; }

.newsBody { margin: 0; padding: .5em 11% 30px; }

.newsBody p {
 font-size: 88%; line-height: 1.8; letter-spacing: .06em; margin: 0; padding-top: 1em; }

.newsBody h3 { color: #555; font-size: 113%; letter-spacing: .075em; margin: 40px 0 0; }

.newsBody img { max-width: 100%; height: auto; margin: 20px 0 0; }

.newsBody a { display: inline-block; }

#newsPNavi { padding: 0 6% 30px; }

/* -------------------------------------------
 Inquiry
------------------------------------------- */
#inquiryTitle {
 position: relative;
 margin: 0;
 padding: 90px 6%;
}

#inquiryTitle h1 {
 background: url(../inquiry/images/inquiry.png) no-repeat 0 0;
 width: 210px;
 height: 54px;
 margin: 0;
 text-indent: -9999px;
}

#inquiryTitle p {
 position: absolute;
 top: 160px;
 left: 35%;
 font-size: 82%;
 line-height: 1.8;
 margin: 0;
}

#byTelephone {
 background: url(../common_im/gray_bg.png) repeat 0 0;
 margin: 0;
 padding: 36px 6%;
}

#byTelephone h2, #byForm h2 {
 background: url(../inquiry/images/inquiry.png) no-repeat 0 -100px;
 height: 22px;
 margin: 0;
 text-indent: -9999px;
}

#byTelephone p {
 background: url(../inquiry/images/inquiry.png) no-repeat 0 -300px;
 width: 344px;
 height: 24px;
 margin: 30px auto 0;
 text-indent: -9999px;
}

#byForm {
 background: url(../common_im/beige_bg.png) repeat 0 0;
 margin: 1px 0 0;
 padding: 36px 6%;
}

#byForm h2 { background-position: 0 -150px; }

#inqForm { margin: 20px auto 0; }

#IFormST {
 background: url(../inquiry/images/inquiry.png) no-repeat 0 -200px;
 width: 160px;
 height: 30px;
 margin: 0 auto;
 text-indent: -9999px;
}

#mailform textarea.inqTex { width: 76%; }

#inqAttention { margin: 0; padding: 36px 6% 0; }

#IAContents { border-top: 3px solid #f2f0ee; margin: 0; }

#IAContents h4 {
 background: url(../inquiry/images/inquiry.png) no-repeat 0 -250px;
 width: 557px;
 height: 20px;
 margin: 12px 0 0 12px;
 text-indent: -9999px;
}

/* -------------------------------------------
 Location
------------------------------------------- */
#locationEyecatch { background: url(../location/images/title.jpg) no-repeat center top; height: 480px; margin: 0; }

#locationCopy h1, #locationInfo h2, #locaGallery h2, #locaContact h2, #LCTelNum {
 background-image: url(../location/images/location.svg); background-repeat: no-repeat;
 background-size: 455px 188px; text-indent: -9999px; }

#locationCopy { padding: 45px 6%; }

#locationCopy ul { top: 57px; }
#locationCopy li { letter-spacing: .06em; }

#locationCopy h1 { background-position: 0 0; width: 452px; height: 54px; margin: 0; }

#locationInfo, #locaGallery, #locaContact { margin: 0; padding: 50px 6%; }
#locaGallery, #locaContact { border-top: 1px solid #fff; }

#locationInfo, #locaContact { background: url(../common_im/beige_bg.png) repeat 0 0; }

#locationInfo h2 { background-position: 0 -80px; width: 318px; height: 25px; margin: 0; }

#locationInfo p, #locaContact p {
 color: #333; font-size: 94%; line-height: 1.8; letter-spacing: .06em; max-width: 1000px; margin: .75em auto 0; }
#locationInfo p:first-of-type, #locaContact p:first-of-type { margin-top: 20px; }

#locaGallery { background: url(../common_im/gray_bg.png) repeat 0 0; padding-top: 40px; }

#locaGallery h2 { background-position: -340px -80px; width: 94px; height: 24px; margin: 0 auto; }

#LGList { max-width: 1000px; margin: 20px auto 0; overflow: hidden; }

.LGItem { width: calc(50% - 20px); margin-top: 25px; }

#LGList img { width: 100%; height: auto; }

#LGList figcaption {
 color: #333; font-size: 88%; letter-spacing: .075em;
 width: 100%; height: 1em; margin-top: 10px; display: block; overflow: hidden; }

#locaDetail { font-size: 94%; letter-spacing: .06em; text-align: center; margin: 40px 0 0; }

#locaContact { border-bottom: 1px solid #fff; }

#locaContact h2 { background-position: 0 -120px; width: 455px; height: 23px; margin: 0; }

.LCKind { background: #fff; max-width: 1000px; margin: 30px auto 0; padding: 30px 0; }

#LCTelNum { background-position: 0 -160px; width: 408px; height: 27px; margin: 0 auto !important; }

#LCFormBT { text-align: center; line-height: 1 !important; margin: 0 !important; overflow: hidden; }

#LCFormBT a {
 color: #fff; background: #3e7299; text-decoration: none; text-shadow: none;
 padding: 12px 30px 10px; display: inline-block; cursor: pointer; overflow: hidden;
 -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }

#LCFormBT a:hover { background: #cc4922; }

/* -------------------------------------------
 JS Plug-in
------------------------------------------- */
/*! Lity - v2.0.0 - 2016-09-09 http://sorgalla.com/lity/ Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */.lity,.lity-wrap{z-index:99990;position:fixed;top:0;outline:0!important}.lity,.lity-content:after,.lity-wrap{bottom:0;right:0;left:0}.lity-container,.lity-wrap:before{vertical-align:middle;display:inline-block}.lity,.lity-container,.lity-wrap{outline:0!important}.lity-content:after,.lity-wrap:before{content:''}.lity{white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{text-align:center}.lity-wrap:before{height:100%;margin-right:-.25em}.lity-loader{z-index:99991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:99992;position:relative;text-align:left;white-space:normal;max-width:100%;max-height:100%}.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);background:0 0;outline:0;border:0}.lity-content{z-index:99993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{position:absolute;top:0;display:block;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:99994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:992px}.lity-iframe-container{width:100%;height:0;padding-top:57%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}

/* Tool Tip
------------------------------------------- */
.tooltip-message {
 background-color: #b5e5ee;
 border: 1px solid #fff;
 color: #222;
 font-family: Arial, sans-serif;
 font-size: 12px;
 line-height: 12px;
 text-shadow: rgba(255,255,255,0.6) 1px 1px 0;
 position: absolute;
 padding: 10px;
 border-radius: 4px;
 text-align: center;
 z-index: 9999;
 width: auto;
 overflow: visible;
}

.tooltip-message img { border-radius: 2px; }

.tooltip-arrow {
 display: block;
 text-align: center;
 font-size: 12px;
 line-height: 12px;
 text-shadow: none;
 width: 100%;
 height: 5px;
 position: absolute;
 left: 0;
 z-index: -1;
}

.tooltip-arrow-top { bottom: -3px; margin: 0 auto; text-align: center; }
.tooltip-arrow-top-right { bottom: -3px; margin-left: -10px; text-align: right; }
.tooltip-arrow-top-left { bottom: -3px; margin-left: 10px; text-align: left; }
.tooltip-arrow-bottom { top: -10px; margin: 0 auto; text-align: center; }
.tooltip-arrow-bottom-right { top: -10px; margin-left: -10px; text-align: right; }
.tooltip-arrow-bottom-left { top: -10px; margin-left: 10px; text-align: left; }
.tooltip-arrow-left { top: 0; right: -18px; margin: 0 auto; text-align: right; }
.tooltip-arrow-right { top: 0; left: -9px; margin: 0 auto; text-align: left; }

/* Full Calendar
------------------------------------------- */
.fc { direction: ltr; text-align: left; }
.fc table { border-collapse: collapse; border-spacing: 0; }
html .fc, .fc table { font-size: 100%; }
.fc td, .fc th { padding: 0; vertical-align: top; }

/* Header */
.fc-header td { white-space: nowrap; }
.fc-header-left { width: 25%; text-align: left; }
.fc-header-center { text-align: center; }
.fc-header-right { width: 25%; text-align: right; }
.fc-header-title { display: inline-block; vertical-align: top; }

.fc-header-title h2 {
 letter-spacing: .1em;
 line-height: 1;
 margin-top: 0;
 padding: .44em 0 0 .66em;
 white-space: nowrap;
}

.fc .fc-header-space { padding-left: 1em; }
.fc-header .fc-button { margin-bottom: 1em; vertical-align: top; }

/* buttons edges butting together */
.fc-header .fc-button { margin-right: -1px; }
.fc-header .fc-corner-right { margin-right: 1px; }
.fc-header .ui-corner-right { margin-right: 0; }

/* button layering (for border precedence) */
.fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; }
.fc-header .fc-state-down { z-index: 3; }
.fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; }

/* Content */
.fc-content { border: 3px solid #c7b299; width: 100%; clear: both; }
.fc-view { width: 100%; overflow: hidden; }

/* Cell Styles */
.fc-view table {
 color: #7e5222;
 font-size: 82%;
 border: none;
 border-spacing: 1px;
}
.fc-view table th {
 margin: 0;
 padding: 7px 0 6px;
 border-bottom: 2px solid #c7b299;
 border-right: 1px solid #c7b299;
}
.fc-view table td {
 padding: 2px 5px 0 5px;
 border-top: 1px solid #c7b299;
 border-right: 1px solid #c7b299;
}
.fc-view table th.fc-sat, .fc-view table td.fc-sat { border-right: none; }

 /* <td> today cell */ /* TODO: add .fc-today to <th> */
.fc-state-highlight { background: #ffe; }

/* Buttons */
.fc-button {
 position: relative;
 display: inline-block;
 cursor: pointer;
}

.fc-state-default { border-style: solid; border-width: 1px 0; }
.fc-button-inner { position: relative; float: left; overflow: hidden; }
.fc-state-default .fc-button-inner { border-style: solid; border-width: 0 1px; }

.fc-button-content {
 position: relative;
 float: left;
 height: 1.5em;
 line-height: 1.5em;
 padding: 0 .2em;
 white-space: nowrap;
}

/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
 position: relative;
 float: left;
 top: 50%;
}

.fc-button-content .ui-icon {
 position: relative;
 float: left;
 margin-top: -50%;
}

/* gloss effect */
.fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; }

.fc-state-default .fc-button-effect span {
 position: absolute;
 top: -100px;
 left: 0;
 width: 500px;
 height: 100px;
 border-width: 100px 0 0 1px;
 border-style: solid;
 border-color: #fff;
 background: #444;
 opacity: .09;
 -ms-filter: "alpha(opacity=9)";
}

/* button states (determines colors)  */
.fc-state-default, .fc-state-default .fc-button-inner {
 border-style: solid;
 border-color: #ccc #bbb #aaa;
 background: #F3F3F3;
 color: #000;
}

.fc-state-hover, .fc-state-hover .fc-button-inner { border-color: #999; }

.fc-state-down, .fc-state-down .fc-button-inner {
 border-color: #555;
 background: #777;
}

.fc-state-active, .fc-state-active .fc-button-inner {
 border-color: #555;
 background: #777;
 color: #fff;
}

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
 color: #999;
 border-color: #ddd;
}

.fc-state-disabled { cursor: default; }
.fc-state-disabled .fc-button-effect { display: none; }

/* Global Event Styles */
.fc-event {
 text-align: center;
 border-style: solid;
 border-width: 0;
 font-size: .85em;
 line-height: 1.75;
}

.fc-event-skin {
 border-color: #36c;     /* default BORDER color */
 background-color: #39c; /* default BACKGROUND color */
 color: #693e00;            /* default TEXT color */
}

.fc-event-inner {
 position: relative;
 width: 100%;
 height: 100%;
 border-style: solid;
 border-width: 0;
 overflow: hidden;
}

.fc-event-title { padding: 0 5px; }

/* Horizontal Events */
.fc-event-hori { border-width: 1px 0; margin-bottom: 5px; }

/* resizable */
.fc-event-hori .ui-resizable-e {
 top: 0 !important; /* importants override pre jquery ui 1.7 styles */
 right: -3px !important;
 width: 7px !important;
 height: 100% !important;
 cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
 top: 0 !important;
 left: -3px !important;
 width: 7px !important;
 height: 100% !important;
 cursor: w-resize;
}

/* Fake Rounded Corners (for buttons and events) */

.fc-corner-left { margin-left: 1px; }
.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner { margin-left: -1px; }
.fc-corner-right { margin-right: 1px; }
.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner { margin-right: -1px; }
.fc-corner-top { margin-top: 1px; }
.fc-corner-top .fc-event-inner { margin-top: -1px; }
.fc-corner-bottom { margin-bottom: 1px; }
.fc-corner-bottom .fc-event-inner { margin-bottom: -1px; }

/* Fake Rounded Corners SPECIFICALLY FOR EVENTS */

.fc-corner-left .fc-event-inner { border-left-width: 1px; }
.fc-corner-right .fc-event-inner { border-right-width: 1px; }
.fc-corner-top .fc-event-inner { border-top-width: 1px;  }
.fc-corner-bottom .fc-event-inner { border-bottom-width: 1px; }

/* Reusable Separate-border Table */

table.fc-border-separate { border-collapse: separate; }

.fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; }
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; }
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; }
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
 border-top-width: 0;
 }

/* Month View, Basic Week View, Basic Day View */
.fc-grid th { text-align: center; }
.fc-grid .fc-day-number { float: left; padding: 3px 2px; }
.fc-grid .fc-other-month .fc-day-number {
 opacity: 0.4;
 -ms-filter: "alpha(opacity=4)";
}

.fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; }

/* event styles */
.fc-grid .fc-event-time { font-weight: bold; }

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number { float: left; }
.fc-rtl .fc-grid .fc-event-time { float: right; }

/* Agenda Week View, Agenda Day View */
.fc-agenda table { border-collapse: separate; }
.fc-agenda-days th { text-align: center; }

.fc-agenda .fc-agenda-axis {
 width: 50px;
 padding: 0 4px;
 vertical-align: middle;
 text-align: right;
 white-space: nowrap;
 font-weight: normal;
}

.fc-agenda .fc-day-content { padding: 2px 2px 1px; }

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis { border-right-width: 1px; }
.fc-agenda-days .fc-col0 { border-left-width: 0; }

/* all-day area */
.fc-agenda-allday th { border-width: 0 1px; }

.fc-agenda-allday .fc-day-content { }

/* divider (between all-day and slots) */
.fc-agenda-divider-inner { height: 2px; overflow: hidden; }
.fc-widget-header .fc-agenda-divider-inner { background: #eee; }

/* slot rows */
.fc-agenda-slots th { border-width: 1px 1px 0; }
.fc-agenda-slots td { border-width: 1px 0 0; background: none; }
.fc-agenda-slots td div { height: 20px; }

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; }
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; }

/* Vertical Events */
.fc-event-vert { border-width: 0 1px; }

.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
 position: relative;
 z-index: 2;
 width: 100%;
 overflow: hidden;
}

.fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; }

.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #fff;
 opacity: .3;
 -ms-filter: "alpha(opacity=3)";
}

.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
 display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */
.fc-event-vert .ui-resizable-s {
 bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
 width: 100% !important;
 height: 8px !important;
 overflow: hidden !important;
 line-height: 8px !important;
 font-size: 11px !important;
 font-family: monospace;
 text-align: center;
 cursor: s-resize;
}

.fc-sun { color: #f23900; }
.fc-sat { color: #3eaec5; }

/* -------------------------------------------
 Animation
------------------------------------------- */
/* Common Animation */
#homeLogo. #cottagePhoto figure a { -webkit-transition: all .15s ease-in-out .1s; transition: all .2s ease-in-out .1s; }

/* Custom Animation
------------------------------------------- */
/* Common */
@-webkit-keyframes HLogo {
 0%,25%{ -webkit-transform: translate3d(0,-100px,0); opacity: 0} 100%{ -webkit-transform:none; opacity: 1} }
@keyframes HLogo { 0%,25%{ transform: translate3d(0,-100px,0); opacity: 0} 100%{ transform:none; opacity: 1} }
.headLogo { -webkit-animation: HLogo .9s cubic-bezier(.075, .82, .165, 1); animation: HLogo .9s cubic-bezier(.075, .82, .165, 1)}
#commonTelNum { -webkit-animation: HLogo 1.2s cubic-bezier(.075, .82, .165, 1); animation: HLogo 1.2s cubic-bezier(.075, .82, .165, 1)}

@-webkit-keyframes fadeIn { 0%{ opacity: 0} 100%{ opacity: 1} }
@keyframes fadeIn { 0%{ opacity: 0} 100%{ opacity: 1} }
.fadeIn, .pageIM, #blogEyecatch { -webkit-animation: fadeIn .6s ease-in-out; animation: fadeIn .6s ease-in-out;
  -webkit-animation-fill-mode:both; animation-fill-mode:both}
.fadeIn02 { -webkit-animation: fadeIn .75s ease-in-out; animation: fadeIn .75s ease-in-out;
  -webkit-animation-fill-mode:both; animation-fill-mode:both}

@-webkit-keyframes fadeDown {
 0%,25%{ -webkit-transform: translate3d(0,-30px,0); opacity: 0} 100%{ -webkit-transform:none; opacity: 1} }
@keyframes fadeDown { 0%,25%{ transform: translate3d(0,-30px,0); opacity: 0} 100%{ transform:none; opacity: 1} }
.fadeDown {
  -webkit-animation: fadeDown .8s ease-in-out; animation: fadeDown .8s ease-in-out}

@-webkit-keyframes fadeUp {
 0%,25%{ -webkit-transform: translate3d(0,15px,0); opacity: 0} 100%{ -webkit-transform:none; opacity: 1} }
@keyframes fadeUp { 0%,25%{ transform: translate3d(0,15px,0); opacity: 0} 100%{ transform:none; opacity: 1} }
.fadeUp01 { -webkit-animation: fadeUp .75s ease-in-out; animation: fadeUp .75s ease-in-out}
.fadeUp02 { -webkit-animation: fadeUp .9s ease-in-out; animation: fadeUp .9s ease-in-out}
.fadeUp03 { -webkit-animation: fadeUp 1.1s ease-in-out; animation: fadeUp 1.1s ease-in-out}

.thumbUp01 { -webkit-animation: fadeUp .4s ease-in-out; animation: fadeUp .4s ease-in-out}
.thumbUp02 { -webkit-animation: fadeUp .45s ease-in-out; animation: fadeUp .45s ease-in-out}
.thumbUp03 { -webkit-animation: fadeUp .5s ease-in-out; animation: fadeUp .5s ease-in-out}
.thumbUp04 { -webkit-animation: fadeUp .55s ease-in-out; animation: fadeUp .55s ease-in-out}
.thumbUp05 { -webkit-animation: fadeUp .6s ease-in-out; animation: fadeUp .6s ease-in-out}
.thumbUp06 { -webkit-animation: fadeUp .65s ease-in-out; animation: fadeUp .65s ease-in-out}
.thumbUp07 { -webkit-animation: fadeUp .7s ease-in-out; animation: fadeUp .7s ease-in-out}
.thumbUp08 { -webkit-animation: fadeUp .75s ease-in-out; animation: fadeUp .75s ease-in-out}
.thumbUp09 { -webkit-animation: fadeUp .8s ease-in-out; animation: fadeUp .8s ease-in-out}
.thumbUp10 { -webkit-animation: fadeUp .85s ease-in-out; animation: fadeUp .85s ease-in-out}
.thumbUp11 { -webkit-animation: fadeUp .9s ease-in-out; animation: fadeUp .9s ease-in-out}
.thumbUp12 { -webkit-animation: fadeUp .95s ease-in-out; animation: fadeUp .95s ease-in-out}

@-webkit-keyframes leftIn {
 0%,25%{ -webkit-transform: translate3d(-30px,0,0); opacity: 0} 100%{ -webkit-transform:none; opacity: 1} }
@keyframes leftIn { 0%,25%{ transform: translate3d(-30px,0,0); opacity: 0} 100%{ transform:none; opacity: 1} }
.leftIn01 { -webkit-animation: leftIn .75s ease-in-out; animation: leftIn .75s ease-in-out}
.leftIn02 { -webkit-animation: leftIn 1s ease-in-out; animation: leftIn 1s ease-in-out}

@-webkit-keyframes rightIn {
 0%,25%{ -webkit-transform: translate3d(30px,0,0); opacity: 0} 100%{ -webkit-transform:none; opacity: 1} }
@keyframes rightIn { 0%,25%{ transform: translate3d(30px,0,0); opacity: 0} 100%{ transform:none; opacity: 1} }
.rightIn01 { -webkit-animation: rightIn .65s ease-in-out; animation: rightIn .65s ease-in-out}
.rightIn02 { -webkit-animation: rightIn .75s ease-in-out; animation: rightIn .75s ease-in-out}
.rightIn03 { -webkit-animation: rightIn .85s ease-in-out; animation: rightIn .85s ease-in-out}
.rightIn04 { -webkit-animation: rightIn .95s ease-in-out; animation: rightIn .95s ease-in-out}

@-webkit-keyframes circleIn {0%,20%{-webkit-transform:scale(0);opacity:0} 100%{-webkit-transform: scale(1);opacity:1}}
@keyframes circleIn {0%,20%{transform:scale(0);opacity:0} 100%{transform: scale(1);opacity:1}}
.scaleUp01 {
  -webkit-animation: circleIn 1s cubic-bezier(.075,.82,.165,1); animation: circleIn 1s cubic-bezier(.075,.82,.165,1);
  -webkit-transform-origin:center; transform-origin:center}
.scaleUp02 {
  -webkit-animation: circleIn 1.2s cubic-bezier(.075,.82,.165,1); animation: circleIn 1.2s cubic-bezier(.075,.82,.165,1);
  -webkit-transform-origin:center; transform-origin:center}

/* -------------------------------------------
 Displey Sets
------------------------------------------- */
#returnBT a, #locationBN a, #toms1 a, .detailBT a { display: block; cursor: pointer; text-indent: -9999px; overflow: hidden; }

.topInfo a, #systemDetail dd figure a { cursor: pointer; overflow: hidden; }

/* -------------------------------------------
 Text Link
------------------------------------------- */
.link01 a:link, .link01 a:visited, .blogBody p a:link, .blogBody p a:visited, .newsBody p a:link, .newsBody p a:visited {
  color: #0090ae; text-decoration: underline; background-color: transparent; }

.link01 a:hover, .blogBody p a:hover, .newsBody p a:hover { color: #09b9d9; text-decoration: none; }

.link02 a:link, .link03 a:link, .link03 a:visited { color: #0088af; text-decoration: none; }
.link02 a:visited { color: #777; text-decoration: none; }
.link02 a:hover, .link03 a:hover { color: #00aecc; text-decoration: underline; }

/* -------------------------------------------
 Link Hover
------------------------------------------- */
#topInfo dl dd a, footer Nav a { position: relative; }

#topInfo dl dd a, footer Nav a {  text-decoration: none; display: inline-block; }

#topInfo dl dd a:after, footer Nav a:after {
  content: ''; position: absolute; bottom: -2px; left: -1px;
  background: #f57e33; width: 0; height: 1px; display: block; -webkit-transform-origin: top left; transform-origin: top left;
  -webkit-transition: all .35s cubic-bezier(.075, .82, .165, 1) .05s; transition: all .35s cubic-bezier(.075, .82, .165, 1) .05s; }

footer Nav a:after { bottom: 3px; background: #ccf2fa; }

#topInfo dl dd a:hover:after, footer Nav a:hover:after { width: 100%; }

/* -------------------------------------------
 Common Animation
------------------------------------------- */
#homeLogo a:after, #globalNav a:after, #rbt a:before, #rbt a:after, .Dbt a:after, #toms1 a:after, #bottomBN a {
 -webkit-transition: opacity .15s ease-in-out .05s; transition: opacity .15s ease-in-out .05s; }

footer Nav a:after, .cottageNavi a, #CCSystemLink a, .link01 a, .blogBody p a, .newsBody p a,
#mailform input.autoBT, #commentsForm input.submit, .TFSend input, .pageCopy li a span {
 -webkit-transition: all .15s ease-in-out .05s; transition: all .15s ease-in-out .05s;
}
#topInfo dl dd a {
 -webkit-transition: all .15s ease-in-out .1s; transition: all .15s ease-in-out .1s; }

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #stage:after, #topNews:after, #topBlog:after, #cottagePhoto:after, #cottageData section:after,
#PEMap:after, #blogWrapp:after, #BLpageNavi ul:after, .blogBody p:after {
 content: ''; display: block; clear: both; height: 0; }