@charset "utf-8";

/* -------------------------------------------
Auther: design studio tom'sOne
        Tommy Tsutsui
        https://toms1.net/
Last modefied: 10/May/2020
------------------------------------------- */

/* -------------------------------------------
 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 */
.spFalse, #commonTelNum, #topCatch, .detailBT, #locationBN { 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; }

.homeLink:after, #globalNav, footer nav, #BottomID h2, #TFRCopy, #LCBCopy, .cottageNavi, #floorPlan p, #lodgingCharge table,
#RDial, #BLBotNavi, #BLBotNavi.archivesBBN li {
  font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-feature-settings : "palt"; } /* 源ノ角ゴシック */

.fc-header-title h2, #reserveAttention h4, #reserveAttention p, #IAContents p, #reserveCompletion h1, #accessGuide h3, #IAContents h4,
.blogArticle header h2, .blogArticle header h1, #blogSide dt, #comments h2, #commentsForm legend, #commentsForm input.submit {
  font-family: source-han-sans-japanese, sans-serif; font-weight: 500; } /* 源ノ角ゴシック */

#topKasamatsu h2, #topMuga h2, #TFRST, .pageCotName, #kasamatsuCopy h2, #mugaCopy h2, .cotDataST, .pageName, #LCBST {
  font-family: source-han-serif-japanese; font-weight: 400; } /* 源ノ明朝 */

#spTopCopy, #cottageCaution h3, #kasamatsuCharge, #mugaCharge, #chargeCalender h3, #kasamatsuReserve, #mugaReserve, .tth span,
#RFormTitle, .pageST, #resCompST {
  font-family: source-han-serif-japanese; font-weight: 500; } /* 源ノ明朝 */

.ms300, #globalNav li, footer small, #topNews dt, #topBlog dt, .topCottaType, #topKasamatsu h3, #topMuga h3, .STEn,
.pageCotCategory, .cotNameEn, .CDSTEn, .cotSTEn, #RFormST, .pageNameEn, .blogArticle header p span,
.newsArticle header p span, .spNewsTop, .spBlogTop {
  font-family: museo-slab; font-weight: 300; }

.ms500, #topKasamatsu dl em, #topMuga dl em, .newEntry, #locaGallery h2, #blogSide h2 {
  font-family: museo-slab; font-weight: 500; }

#topNews dt, #topBlog dt, #cottageData, #chargeCalender, #commentsForm legend, #commentsForm dt {
  text-shadow: 1px 1px rgba(255,255,255,1); }

#topKasamatsu h2, #topMuga h2, .TCDescription p, #lodgingCharge, #about, #systemDetail, #accessGuide, #byTrain,
.blogArticle, .NAIndividual {
  text-shadow: 1px 1px rgba(255,255,255,.7); }

#topKasamatsu h3, #topMuga h3 { text-shadow: 0 0 4px rgba(0,0,0,.5); }

.TCDescription .spDetailBT { 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 {
  position: relative; color: #333; background: #fff; -webkit-text-size-adjust: 100%; font-size: 1em; line-height: 1; width: 100%; z-index: 1; }

#stage, #globalHeader, footer { width: 100%; margin: 0; position: relative; }

#cottagePhoto, #lodgingCharge, #about, #byTrain, .other { background: #e9e9e9; }
#cottageData, #chargeCalender, #systemDetail, #accessGuide, #byTelephone, #locationInfo, #locaContact,
#newsContents, #newsPNavi, .gallery, #preview { background: #fcf7f0; }

figure img { width: 100%; height: auto}

.spBlock { display: block !important}
.InBlock { display: inline-block}

.spPad01 { padding-top: 1em}

.ls0 { letter-spacing: 0; } .ls05 { letter-spacing: .05em; } .ls10 { letter-spacing: .1em; }
.ls15 { letter-spacing: .15em; } .ls20, .win .ieLs20 { letter-spacing: .2em; } .ls30 { letter-spacing: .3em; }
.ls50 { letter-spacing: .5em; } .ls100 { letter-spacing: 1em; }

.lsM05 { letter-spacing: -.05em; } .lsM10 { letter-spacing: -.1em; } .lsM15 { letter-spacing: -.15em; }
.lsM20 { letter-spacing: -.2em; } .lsM25 { letter-spacing: -.25em; } .lsM30 { letter-spacing: -.3em; }
.lsM50 { letter-spacing: -.5em; } .lsM75 { letter-spacing: -.75em; }

.lsN01 { margin: 0 -1px; } .lsN02 { margin: 0 -2px; } .lsN03 { margin: 0 -3px; } .lsEM02 { margin: 0 -.2em; }

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

.rota15 {
  margin-left: -.15em; display: inline-block; vertical-align: -.05em; -webkit-transform: rotate(20deg); transform: rotate(20deg); }

/* Main Container */
#main { padding-top: 60px; position: relative; overflow: hidden}

footer { overflow: hidden; }

@media (max-width: 330px) { #main { padding-top: 50px}}
@media (min-width: 560px) and (max-width: 639px) and ( orientation: landscape) { #main { padding-top: 50px}}

/* Page Title */
.pageCopy { text-align: center; margin: 0; }

.pageCopy h1 { margin: -25px 0 0; padding-bottom: 25px; position: relative; z-index: 1; }
.pageCopy h1:before, #blogEyecatch h1:before {
  content: ''; position: absolute; top: -25px; left: 50%; z-index: 0;
  background: #fff; width: 240px; height: 26px; margin-left: -120px; display: block; }

#inquiryTitle h1, #newsTitle h1 { top: 0; padding: 40px 0 35px} #newsTitle h1 { padding-bottom: 30px}

#inquiryTitle h1:before, .pageCopy #inqCompTit:before, #newsTitle h1:before { display: none}

.pageName {
  color: #494949; font-size: 3.2rem; text-align: center; letter-spacing: .08em; text-indent: .06em;
  margin-top: 25px; display: block; position: relative; z-index: 5; }

#locationCopy .pageName { font-size: 2.8rem}
#locationCopy.pageCopy h1:before { width: 280px; margin-left: -140px}

#inqCompTit .pageName { margin-top: 0}

#blogEyecatch h1:before { top: 255px; width: 280px; margin-left: -140px}
#blogEyecatch .pageName { font-size: 2.8rem; letter-spacing: 0; margin: 0}

.pageNameEn {
  color: #c7b299; font-size: 1.3rem; font-style: normal; text-align: center;
  letter-spacing: .3em; text-indent: .15em; margin-top: 5px; display: block; }

.pageST { color: #69391e; font-size: 2rem; letter-spacing: .04em; margin: 0 auto; }

.pageSTEn { font-size: 1.4rem; color: #888; font-style: normal; letter-spacing: .05em; margin-top: 5px; display: block; }
.pageSTEn:before { content: '-'; margin-right: 2px; } .pageSTEn:after { content: '-'; margin-left: 2px; }

/* Flex Box */
.flexContainer, footer, footer nav, .cottageNavi, #CPInner, #pageNavi, #BLBotNavi {
 display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;
 -webkit-flex-flow: row wrap; flex-flow: row wrap; }

/* Page Navi */
#pageNavi { width: 241px; margin: 5px auto 0; padding: 0; }

#pageNavi li:first-of-type { order: 2; margin-left: 1px}
#pageNavi li:nth-of-type(2) { order: 1}

#pageNavi a {
 color: #fff; background-color: #72a2bb; font-size: 14px; text-align: center; text-decoration: none;
 white-space: nowrap; width: 120px; padding: 8px 0 15px; display: block; position: relative; }
#pageNavi a:after {
  content: ''; position: absolute; bottom: 8px; left: 50%; cursor: pointer;
  width: 4px; height: 4px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; margin-left: -3.5px;
  -webkit-transform: rotate(135deg); transform: rotate(135deg); }

#locationCopy #pageNavi { width: 321px}
#locationCopy #pageNavi a { width: 160px}

@media (max-width: 330px) { #locationCopy #pageNavi { width: 301px} #locationCopy #pageNavi a { width: 150px}}

/* Link Sign */
#topInfo a > i, .spDetailBT a > i, #BLBotNavi i {
  position: absolute; width: 26px; height: 1px; transition: inherit; pointer-events: none; }

#topInfo a > i { top: 22px; right: 10px; background: #666}
.spDetailBT a > i { top: calc(50% - 1px); right: 20px; background: #fff}
#BLBotNavi .next i { top: calc(50% + 1px); right: 10px; background: #fff; width: 15px}
#BLBotNavi .previous i { top: calc(50% + 1px); left: 10px; background: #fff; width: 15px}

#topInfo a > i:before, .spDetailBT a > i:before, #BLBotNavi i:before {
  content: ''; position: absolute; right: 0; bottom: 0; transition: inherit;
  border-top: 2px solid transparent; border-right: 4px solid transparent; }

#topInfo a > i:before { border-left: 3px solid #666; border-bottom: 3px solid #666}
.spDetailBT a > i:before, #BLBotNavi .next i:before { border-left: 3px solid #fff; border-bottom: 3px solid #fff}
#BLBotNavi .previous i:before { right: inherit; left: 0;
  border-left: 4px solid transparent; border-right: 4px solid #fff;  border-bottom: 3px solid #fff}

@media (max-width:340px) { #BLBotNavi .next i { right: 5px} #BLBotNavi .previous i { left: 5px}}
@media (min-width: 480px) { #BLBotNavi .next i { right: 20px; width: 18px} #BLBotNavi .previous i { left: 20px; width: 18px}}
@media (min-width: 600px) {
  #topInfo a > i { top: 50%; right: 20px} #BLBotNavi .next i { right: 25px} #BLBotNavi .previous i { left: 25px}}

/* Common Header
------------------------------------------- */
#globalHeader, #globalHeader.fixed { position: fixed; top: 0; left: 0; z-index: 9997; }
#globalHeader { background: rgba(21,62,89,.98); height: 60px; }
#globalHeader.fixed { background: rgba(21,62,89,.95); height: 50px; }

#globalHeader:before {
  content: '';  position: absolute; top: 0; right: 0;
  background: rgba(14,51,78,.95); width: 60px; height: 60px; display: block; }
#globalHeader.fixed:before { width: 50px; height: 50px}

#GHead { overflow: visible; position: relative; z-index: 9997; }

.headLogo {
  position: absolute; top: 16px; left: 15px; width: 174px; height: 28px; margin: 0;
  -webkit-transform: scale(1); transform: scale(1); z-index: 9999; }
.fixed .headLogo { top: 11px; }

#homeLogo a { background: url(../common_im/sp-common.svg) no-repeat 0 0 / 228px 86px; text-indent: -999px; width: 174px; height: 28px; }

@media (max-width: 330px) {
  #globalHeader { height: 50px} #globalHeader:before { width: 50px; height: 50px} .headLogo { top: 11px; left: 10px}}
@media (min-width: 560px) { #globalHeader.fixed { height: 0; position: relative}}

@media (min-width: 560px) and ( orientation: portrait) { #globalHeader.fixed { height: 50px; position: fixed}}
@media (min-width: 560px) and (max-width: 639px) and ( orientation: landscape) {
  #globalHeader { height: 50px; position: fixed} #globalHeader:before { width: 50px; height: 50px} .headLogo { top: 11px}}

/* Overlay Navi */
#trigger-overlay { z-index: 9999; }

.menu-trigger, .menu-trigger span { display: inline-block; box-sizing: border-box; }
.menu-trigger { position: absolute; top: 18px; right: 18px; width: 22px; height: 19px; }
.fixed .menu-trigger { top: 13px; right: 13px}

.menu-trigger:after {
  content: 'menu'; position: absolute; bottom: -13px; left: -6px; color: #eee; font-size: 11px; letter-spacing: .075em; }

.menu-trigger.active:after { color: #c0eeff; }

.menu-trigger, .menu-trigger .HMBar, .menu-trigger:after { -webkit-transition: all .4s; transition: all .4s; }

.menu-trigger .HMBar {
 background: #f0f0f0; width: 22px; height: 2px; display: block;  position: relative;
 -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1); transition: all .7s cubic-bezier(.19, 1, .22, 1);
 -webkit-transform-origin: right bottom; transform-origin: right bottom}

.menu-trigger .HMBar:nth-child(1) { -webkit-transition-delay: 150ms; transition-delay: 150ms}
.menu-trigger .HMBar:nth-child(2) { width: 12px; top: 6px; -webkit-transition-delay: .08s; transition-delay: .08s}
.menu-trigger .HMBar:nth-child(3) { width: 18px; top: 12px; -webkit-transition-delay: 0; transition-delay: 0}

.menu-trigger.active .HMBar { background: #fff53e}

.menu-trigger.active .HMBar:nth-child(1) {
 left: -3px; width: 22px; -webkit-transform: rotate(315deg); transform: rotate(315deg)}

.menu-trigger.active .HMBar:nth-child(2) {
 -webkit-transform: translate(-30px, 0); transform: translate(-30px, 0); opacity: 0}

.menu-trigger.active .HMBar:nth-child(3) {
 top: 12px; left: -4px; width: 22px; -webkit-transform: rotate(-315deg); transform: rotate(-315deg)}

@media (max-width: 330px) { .menu-trigger { top: 13px; right: 13px}}
@media (min-width: 480px) { .menu-trigger.active { position: fixed}}
@media (min-width: 560px) and (max-width: 639px) and ( orientation: landscape) { .menu-trigger { top: 13px; right: 13px}}

/* Overlay */
.overlay {
  position: fixed; top: 60px; right: 0; background: rgba(21,62,89,.95);
  width: 100%; height: calc(96vh - 60px); overflow: auto; z-index: 9990;
  -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); }
.fixed .overlay { top: 50px}

@media (max-width: 330px) { .overlay { top: 50px}}
@media (min-width: 560px) and (max-width: 639px) { .overlay { top: 50px; height: 100vh}}

/* Overlay Effects */
.overlay-slidedown {
 visibility: hidden;
 -webkit-transform: translateX(110%) skewX(10deg); transform: translateX(110%) skewX(10deg);
 -webkit-transition: -webkit-transform .4s ease-in-out, visibility 0s .4s;
 transition: transform .4s ease-in-out, visibility 0s .4s; }

.overlay-slidedown.open {
 visibility: visible;
 -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg);
 -webkit-transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; }

/* Overlay Menu */
#globalNav { margin: 0 auto; padding: 20px 0 30px 48px; position: relative; }

#GNav { margin: 0; padding: 0; }

#globalNav li {
 font-size: 1.8rem; line-height: 1; letter-spacing: .1em; width: 100%; margin: 0 auto;
 -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.GNJap { color: #a2b7cc; font-size: 1.3rem; margin-top: 5px; display: block; }

#globalNav a { color: #fff; text-decoration: none; padding: .65em 0; display: block; position: relative; }

#globalNav a:after, #globalNav .current:before {
  content: ''; position: absolute; top: 50%; margin-top: -2px; }

#globalNav a:after {
  left: 220px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#globalNav .current, #globalNav .current .GNEN { color: #cca985}
#globalNav .current:after { display: none; }
#globalNav .current:before {
  left: -18px; width: 6px; height: 3px; border-top: 2px solid #fff77e; border-right: 2px solid #fff77e;
  -webkit-transform: rotate(35deg); transform: rotate(135deg); }

@media (max-width: 330px) { #globalNav { padding-left: 43px}}
@media (min-width: 560px) and (max-width: 639px) { #globalNav { padding-top: 15px}}
@media (min-width: 560px) { #globalNav li { float: left; width: 46%; padding-right: 4%} #globalNav a:after { left: 190px}}

/* Head Telepone */
#SP-SNTelephone {
  position: absolute; top: 0; right: 0; width: 60px; height: 60px; margin-right: 60px;
  -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1); transition: all .6s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform-origin: right bottom; transform-origin: right bottom}
.fixed #SP-SNTelephone { width: 50px; height: 50px; margin-right: 50px}

#spSNTBT { background: rgba(39,114,162,.95); width: 100%; height: 100%; display: block; position: relative; }

#SNTMark {
  position: absolute; top: 20px; left: 20px; background: url(../common_im/sp-common.svg) no-repeat -200px 0 / 228px 86px; width: 20px; height: 20px; display: block; }
.fixed #SNTMark { top: 15px; left: 15px}

@media (max-width: 330px) { #SP-SNTelephone { width: 50px; height: 50px; margin-right: 50px} #SNTMark { top: 15px; left: 15px}}
@media (min-width: 560px) and (max-width: 639px) and ( orientation: landscape) {
  #SP-SNTelephone { width: 50px; height: 50px; margin-right: 50px} #SNTMark { top: 15px; left: 15px}}

/* Footer
------------------------------------------- */
footer { background: #888; padding-top: 20px; }

footer nav { order: 1; width: calc(100% - 14%); padding: 0 7% 20px; position: relative; }
footer nav:after {
  content: ''; position: absolute; bottom: 0; left: 0;
  background: #bbb; width: calc(100% - 14%); height: 1px; margin-left: 7%; display: block }

#FTNav01, #FTNav02 { width: 49%; margin: 0; padding: 0; }
#FTNav02 { text-align: right; }

#FTNav01 li, #FTNav02 li { font-size: 1.5rem; letter-spacing: .08em; }

#FTNav01 a, #FTNav02 a { color: #fff; text-decoration: none; padding: .6em 0; display: block; }

#BottomID { order: 2; width: 100%; padding-top: 35px; padding-bottom: 40px; }

#ourName {
  background: url(../common_im/sp-common.svg) no-repeat 0 -50px / 228px 86px; width: 228px; height: 36px; margin: 0 auto; }

#BottomID h2 { color: #fff; font-size: 1.8rem; text-align: center;letter-spacing: .08em; margin: 25px 0 0; }

#BottomID address { margin-top: 15px; }

#botTElNum {
  background: url(../common_im/sp-telnum.svg) no-repeat 0 0 / 246px 24px; width: 246px; height: 24px;
  margin: 16px auto 0; display: block; cursor: pointer; overflow: hidden; }

#BottomID address { color: #f5f5f5; font-size: 1.5rem; font-style: normal; text-align: center; letter-spacing: .08em; }
#BottomID address span { margin: 16px 0 6px; display: block; }

@media (max-width: 330px) { #FTNav01 li, #FTNav02 li { font-size: 1.4rem}}

@media (min-width: 560px) {
  footer {
    padding-top: 25px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between}
  footer nav { width: 45%; padding: 0 0 25px 5%; display: block} footer nav:after { display: none}
  #FTNav01, #FTNav02 { width: 100%} #FTNav02 { text-align: left} #FTNav01 li, #FTNav02 li { font-size: 1.4rem}
  #BottomID { width: 45%; padding: 45px 5% 0 0} #ourName { float: right; margin: 0 0 50px}
  #BottomID h2 { text-align: right; content: ""; clear: both; display: block} #botTElNum { margin: 2px 0 0; display: inline-block}
  #BottomID address { text-align: right} #BottomID address span { margin-top: 12px}}

@media (min-width: 640px) { footer { padding-top: 30px} footer nav { padding-bottom: 30px}}

/* Bottom copyright */
footer small { order: 3;
  background: #555; color: #ccc; font-size: 1.2rem; text-align: center; letter-spacing: .06em;
  width: 100%; padding: 20px 0 50px; display: block; }
@media (max-width: 349px) { footer small { letter-spacing: .02em}}
@media (max-width: 330px) { footer small { font-size: 1.1rem; letter-spacing: .05em}}

/* Bottom toms'one */
#designed { position: absolute; bottom: 16px; left: 0; width: 100%; margin: 0; }

#toms1 a {
  background: url(../common_im/sp-common.svg) no-repeat -200px -28px / 228px 86px;
  width: 16px; height: 16px; margin: 0 auto; position: relative; }

@media (min-width: 560px) { footer small { padding-bottom: 20px} #designed { left: 5%; width: calc(100% - 5%); bottom: 20px} #toms1 a { margin: 0}}
@media (min-width: 640px) { footer small { padding: 25px 0} #designed { bottom: 25px}}

/* Return Button
------------------------------------------- */
#returnBT { position: fixed; bottom: -5px; right: 10px; margin: 0; z-index: 999; }

#returnBT p { margin: 0; position: relative; }

#returnBT a {
  color: #fff; background: rgba(21,62,89,0.85); width: 50px; height: 50px; margin: 0;
  text-indent: -9999px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; }

#returnBT a:after {
  content: ''; position: absolute; top: 22px; left: 50%; cursor: pointer;
  width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-left: -5px;
  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* Page Filming & Location Rental BN
-------------------------------------------*/
#LocaRentalBN { background: #397295; margin: 0; }

#LCBInner { max-width: 420px; margin: 0 auto; padding: 15px 25px 18px; }

#LCBST { color: #fff; font-size: 1.9rem; margin: 0; }

#LCBSEn { color: #d7f0fa; font-size: 1.3rem; font-style: normal; letter-spacing: .268em; padding-bottom: 3px; display: block; }
#LCBSEn small { font-size: 1.2rem; }

#LCBIM { width: 100%; max-width: 540px; margin-top: 12px; }

#LCBCopy { color: #fff; font-size: 1.3rem; text-align: center; letter-spacing: .1em; margin: 10px 0 0; }

@media (max-width: 359px) { #LCBCopy { letter-spacing: .035em}}
@media (max-width: 340px) { #LCBCopy { font-size: 1.2rem; letter-spacing: .05em}}

/* Tabiiro Banner
------------------------------------------- */
.tabiiroBN { margin: 0; padding: 20px 0; }
#tabiIMG { width: calc(100% - 40px); max-width: 420px; margin: 0 auto; }

@media (min-width: 400px) { .tabiiroBN { padding: 25px 0} #tabiIMG { width: calc(100% - 50px)}}
@media (min-width: 560px) { .tabiiroBN { padding: 30px 0}}

/* -------------------------------------------
 Top page
------------------------------------------- */
/* Top Head Area */
#topEyecatch, #TEImage { height: 500px; margin: 0; position: relative; }

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

#spTopCatch {
  position: absolute; top: 50%; left: 50%; z-index: 10;
  color: #fff; background: rgba(0,0,0,.45); width: 210px; height: 90px; margin: -45px 0 0 -105px; }

#SPTCName {
  position: absolute; top: 24px; left: 18px; background: url(../top_im/sp-top-catch.svg) no-repeat 0 0 / 174px 46px;
  width: 174px; height: 46px; display: block; }

#topCopy { margin: 0; position: relative; margin: 0; padding: 15px 7% 30px; position: relative; }
#breezeIM {
  content: ''; position: absolute; bottom: 15px; right: 0; width: calc(100% - 7%); max-width: 400px; opacity: .3; }

.STCLine { color: #4e4e4e; font-size: 1.8rem; line-height: 1.5; letter-spacing: .06em; margin: .5em 0 0; }

#spTopCopy b { font-size: 2.2rem; letter-spacing: .1em; }
#STCB01 { color: #338e3e} #STCB02 { color: #d05933} #STCB03 { color: #d5668e} #STCB04 { color: #5097b5}

@media (max-width: 360px) { #topEyecatch, #TEImage { height: 460px}}
@media (max-width: 330px) { #topEyecatch, #TEImage { height: 420px}}
@media (min-width: 560px) { #topEyecatch, #TEImage { height: 270px} .STCLine .spBlock { display: inline !important}}
@media (min-width: 560px) and ( orientation: portrait) { #topEyecatch, #TEImage { height: 380px}}
@media (min-width: 640px) { #topEyecatch, #TEImage { height: calc(100vh - 60px)}}

/* Top Info Area */
#topInfo { background: #fcf7f0; padding: 30px 16px; }

#topNews, #topBlog { max-width: 560px; margin: 0 auto; }
#topBlog { margin: 25px auto 0; }

#topNews dt, #topBlog dt { color: #7e6959; font-size: 2.4rem; text-align: center;letter-spacing: .05em; margin: 0; }

#topNews dd, #topBlog dd { font-size: 1.5rem; line-height: 1.4; letter-spacing: .035em; margin: 0; z-index: 1; position: relative; }
#topNews dd:nth-of-type(2), #topBlog dd:nth-of-type(2) { margin-top: 10px; }
#topNews dd > a, #topBlog dd > a { color: #444; background: #fff; margin: 16px 0 0; padding: 12px 15px 12px 18px; position: relative; }

#topNews dd:before, #topBlog dd:before {
  content: ''; position: absolute; top: 0; left: 0; z-index: 5;
  width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0;
  border-color: #69aed5 transparent transparent transparent; display: block; }

#topInfo dl dd span { color: #8ecce0; font-size: 1.4rem; padding-bottom: 2px; display: block; }

#topInfo a:link, #topInfo a:visited { color: #444; text-decoration: none; }

@media (max-width: 534px) { .STCL04 { margin-top: .75em}}
@media (max-width: 330px) { .STCL03 { margin-top: .75em}}
@media (min-width: 600px) { #topCopy { padding-left: 12%}}
@media (min-width: 700px) { #topCopy { padding-left: 15%}}

/* Top kasamatsu Area */
#topKasamatsu, #topMuga { background: #e9e9e9; margin: 0; position: relative; }
#topKasamatsu { margin-top: 5px; }

#topKasamatsu header, #topMuga header { margin: 0; padding: 40px 0 35px; }

#topKasamatsu h2, #topMuga h2 { font-size: 3rem; text-align: center; letter-spacing: .2em; margin: 0; }

.topCottaType { color: #777; font-size: 1.8rem; font-style: normal; letter-spacing: .05em; text-indent: -.2em; padding-bottom: 9px; display: block; }

.TCDescription { position: relative; }

.TCDescription h3 {
  color: #fff; font-size: 1.8rem; text-align: center; letter-spacing: .05em;
  width: 100%; margin: 0; padding: 302px 0 20px; }

#topKasamatsu h3 { background: url(../top_im/kasamatsu_im.jpg) no-repeat 55% top / auto 340px; }
#topMuga h3 { background: url(../top_im/muga_im.jpg) no-repeat 14% top / auto 340px; }

.TCDescription p {
  color: #555;  font-size: 1.6rem; font-weight: bold; line-height: 1.8; letter-spacing: .06em; margin: 0; padding: 20px 20px 35px; }

#topKasamatsu dl, #topMuga dl { background: #fff; margin: 0; padding: 40px 20px 35px; }

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

#topKasamatsu dl dd, #topMuga dl dd { font-size: 1.5rem; line-height: 1.6; letter-spacing: .05em; margin: 0; padding-top: .8em; }

#topKasamatsu dl em, #topMuga dl em { color: #998675; font-style: normal; margin-right: .15em; }

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

.TCDescription .spDetailBT { position: absolute; bottom: -21px; left: 50%; font-size: 1.8rem; text-align: center; margin: 0 0 0 -120px; padding: 0; }

.spDetailBT a, .spDetailBT a:after { background: #c77e99; color: #fff; font-style: normal; width: 240px; }

.spDetailBT a { line-height: 1; padding: 12px 0; position: relative; z-index: 1; }

.spDetailBT:before {
  content: ''; position: absolute; top: -4px; left: -4px; z-index: 0; background: #fff; width: 248px; height: 30px; display: block; }

.lsDBT { margin: 0 -.2em 0 -.15em}

@media (min-width: 560px) {
  .TCDescription h3 { padding-top: 242px} #topKasamatsu h3, #topMuga h3 { background-size: auto 280px}
  .TCDescription, #topKasamatsu dl, #topMuga dl { text-align: center}
  .TCDescription p { text-align: left; display: inline-block} .TCDescription .spWBlock { display: block}}

/* Top Filming & Location Rental */
#topFLRental { background: #397295; padding: 35px 0; }

#TFRST { color: #fff; font-size: 2.8rem; text-align: center; margin: 0; }

#TFRSEn { font-size: 1.7rem; font-style: normal; letter-spacing: .08em; padding-bottom: 10px; display: block; }
#TFRSEn small { font-size: 1.5rem; }

#TFRIM { width: 100%; max-width: 540px; margin: 25px auto 0; }

#TFRCopy { color: #fff; font-size: 1.5rem; text-align: center; letter-spacing: .1em; margin: 25px 0 0; }

@media (max-width: 352px) { #TFRCopy { font-size: 1.4rem}}
@media (max-width: 334px) { #TFRCopy { letter-spacing: .05em}}
@media (min-width: 560px) { #TFRIM { max-width: inherit}}

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

#cottageData { padding: 30px 20px; margin: 5px 0 0; }

#cottageCaution, #lodgingCharge, #chargeCalender, #CReserve, #reserveCompletion { padding: 30px 16px; margin: 0 auto; }

#cottageCaution h3, #kasamatsuCharge, #chargeCalender h3, #kasamatsuReserve, #mugaCharge {
  color: #69391e; font-size: 2.2rem; letter-spacing: .04em; margin: 0 auto; }

#reserveST { font-size: 2.6rem; vertical-align: .015em; }

.cotSTEn, #RFormST { font-size: 1.4rem; color: #888; font-style: normal; letter-spacing: .05em; margin-top: 6px; display: block; }
.cotSTEn:before { content: '-'; margin-right: 2px; }.cotSTEn:after { content: '-'; margin-left: 2px; }

#chargeCalender { margin-top: 1px; }

@media (max-width:330px) { #cottageCaution h3 { font-size: 2.1rem; letter-spacing: .025em}}
@media (max-width:359px) { #cottageData { padding: 30px 15px}}
@media (min-width:560px) {
  #cottageCaution h3, #kasamatsuCharge, #chargeCalender h3, #kasamatsuReserve { max-width: 600px}
  .cotSTEn { margin: 0 0 0 10px; vertical-align: .1em; display: inline}
  #chargeCalender h3 { padding-bottom: 10px}}
@media (min-width:600px) {
  #cottageData { padding-left: 30px; padding-right: 30px}
  #cottageCaution, #lodgingCharge, #chargeCalender, #CReserve, #reserveCompletion { padding: 25px}}

/* Cottage Navi */
.cottageNavi { width: 302px; margin: 25px auto 0; padding: 0; }

.cottageNavi li { margin-left: 1px; }
.cottageNavi li:first-of-type { order: 3} .cottageNavi li:nth-of-type(2) { order: 2}
.cottageNavi li:nth-of-type(3) { order: 1; margin: 0}

.cottageNavi a {
 color: #fff; background-color: #72a2bb; font-size: 14px; text-align: center; text-decoration: none;
 white-space: nowrap; width: 100px; padding: 7px 0 8px; display: block; }

/* Cottage Photo */
#cottagePhoto { margin: 0; padding: 20px 16px 35px; }

#CPInner { max-width: 388px; margin: 0 auto; }

#cottagePhoto figure { width: 48%; max-width: 186px; margin: 4% 0 0; }

#cottagePhoto figure a { width: 100%; display: block; }

@media (max-width:340px) { #cottagePhoto { padding: 20px 12px 35px}}
@media (min-width:560px) {
  #cottagePhoto { padding: 15px 25px 35px} #CPInner { max-width: 590px} #cottagePhoto figure { width: 31.25%; margin-top: 16px}}
@media (min-width:620px) { #cottagePhoto figure { width: 31.75%}}

/* Cottage Data */
#cottageData section { margin-left: auto; margin-right: auto; padding-bottom: 30px; border-bottom: 1px solid #d9c9b5; position: relative; }
#cottageData section:last-of-type { padding-bottom: 0; border: none; }

#cottageData section h2 { margin: 0; }

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

.cotDataST { color: #4e4e4e; font-size: 1.5rem; letter-spacing: .15em; }

.CDSTEn { color: #907962; font-size: 1.8rem; font-style: normal; letter-spacing: .05em; padding-bottom: .25em; display: block; }

@media (min-width:560px) { #cottageData section { max-width: 600px} .CDSTEn { margin-right: 12px; padding: 0; display: inline}}

#cottageData ul { margin: 16px 0 0; padding: 16px 0 0; position: relative; }
#cottageData ul:before {
  content: '...'; position: absolute; top: -.7em; left: 0; color: #d9c9b5;
  font-size: 6rem; text-align: center; letter-spacing: .15em; text-indent: .1em; width: 100%; }

#CInfo h3 { font-size: 1.5rem; line-height: 1.8; font-weight: normal; margin: 25px 0 0; }

#cottageData ul em { color: #907962; font-style: normal; margin-right: .15em; }
#cottageData li { font-size: 1.5rem; line-height: 2; }

#cottageData dl { margin: 0; padding: 25px 0 0; position: relative; }
#cottageData dt, #cottageData dd { padding: .25em 0; }
#cottageData dt { color: #907962; font-size: 1.5rem; font-weight: bold; margin: 12px 0 0; }
#cottageData dt:first-of-type { margin: 0; }
#cottageData dd { font-size: 1.4rem; line-height: 1.6; margin: 0 0 0 1em; }
#cottageData .spNormal { font-weight: normal; }

#floorPlan { margin: 25px 0 0; }
#floorPlan p { color: #907962; font-size: 1.5rem; font-weight: bold; letter-spacing: .1em; margin: 0; }
#floorPlan p:before { content: '- '; letter-spacing: 0} #floorPlan p:after { content: ' -'; letter-spacing: 0}

/* Caution To Customers */
#cottageCaution p { font-size: 1.5rem; line-height: 1.8; margin: 30px 0 0; }
#cottageCaution p br { display: none; }

#CCSystemLink {
  color: #77330e; font-size: 1.7rem; font-weight: bold; line-height: 1.6; letter-spacing: .06em; margin: 1em 0 0; position: relative; }

#CCSystemLink a {
  color: #fff; background: #d26262; text-decoration: none; margin: 0 3px; padding: 4px 22px 1px 6px; display: inline-block; position: relative; }
#CCSystemLink a:before {
  content: ''; position: absolute; top: 13px; right: 10px; display: block; cursor: pointer;
  width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin-left: -5px;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width:560px) {
  #cottageCaution h3, #cottageCaution p, #CCSystemLink { max-width: 600px; margin-left: auto; margin-right: auto}}

/* Lodging Charge */
#lodgingCharge h2, #chargeCalender h3, #CReserve h2 { margin: 0 auto; }

#kasamatsuCharge small { font-size: 1.8rem; font-weight: bold; }

#LCWrapp { margin: 30px 0 0; overflow: scroll; }

@media (min-width:560px) { #lodgingCharge ul { max-width: 600px}}

#lodgingCharge table {
  color: #704912; width: auto; margin: 0 auto; border: 2px solid #c7b299; border-collapse: separate; border-spacing: 1px; }

#lodgingCharge th, #lodgingCharge td { min-width: 4.6em; text-align: center; letter-spacing: .06em; vertical-align: middle; }

#lodgingCharge td { font-size: 1.5rem; text-align: center; border-left: 2px solid #c7b299; }

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

.tth { font-size: 1.3rem; font-weight: normal; text-align: center; border-left: 2px solid #c7b299; }
.tth div { margin-left: 1px; padding: .6em 0; }
.tth span { color: #8e725e; font-size: 1.8rem; margin-bottom: 5px; display: block; }

.adult th, .child th, .baby th { font-size: 1.5rem; padding-top: .33em; border-top: 2px solid #c7b299; }
.child th, .baby th, .child td, .baby td { border-top: 2px solid #dcd5cc; }
.adult td { border-top: 2px solid #c7b299; }

.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: 1.4rem; line-height: 1.8; margin: 0 auto; padding: 8px 0 0; }

#lodgingCharge li { margin-left: 1em; padding: .35em 0; }
#lodgingCharge li span { display: none; }
#lodgingCharge li:before { content: '●'; color: #c7b299; font-size: 1rem; vertical-align: .18em; margin: 0 .35em 0 -1.2em; }
#lodgingCharge .tax:before { display: none; }

#lodgingCharge .tax { color: #7e604e; font-size: 1.5rem; font-weight: bold; margin-left: .125em; padding: 0 0 10px; }
#lodgingCharge .tax span { color: #c30; font-size: 1.2rem; vertical-align: .2em; margin-right: 1px; display: inline;}

/* Charge Calender */
#calendar01 { width: 100%; margin: 15px 0 0; }

.fc-header-title h2 { color: #1e7799; font-size: 2.2rem; }

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

.reserveContents { max-width: 600px; margin: 40px auto 15px; }

#reserveInfo { font-size: 1.5rem; line-height: 1.6; margin: 0; }

#RDial, #contactTel { color: #666; font-size: 1.4rem; text-align: center; letter-spacing: .1em; margin: 20px 0 0; }

#RDTelNum, #contactTelNum {
  background: url(../common_im/tel_num.svg) no-repeat 0 0 / 268px 26px;
  width: 268px; height: 26px; margin: 0 auto; padding-bottom: 8px; }

#reserveForm { max-width: 500px; margin: 30px auto 0; position: relative; }

#RFormTitle { color: #7e694e; font-size: 2rem; margin: 0; }

#RFormST { font-size: 1.3rem; margin: 6px 0 0; }

@media (min-width:560px) {
  .reserveContents { margin-top: 25px} #reserveInfo { text-align: center} #RFormTitle, #RFormST { text-align: center}
  #reserveForm { margin-top: 30px; padding-top: 12px; border-top: 1px solid #e6dcd1}}

/* Mail Form
------------------------------------------- */
#formNotice {
  font-size: 1.4rem; letter-spacing: .02em;
  max-width: 506px; margin: 0 auto; padding: 28px 0 25px 32px; position: relative; }

#mailform { width: 100%; position: relative; }

#mfp_hidden { display: none; }

#MFCaution { font-size: 1.4rem; letter-spacing: .05em; margin: 0; padding: 25px 0 22px 25px; position: relative; }

#MFContainer { background: #fff; max-width: 500px; margin: 0 auto; padding: 18px 0; }

@media (min-width:560px) { #MFContainer { padding-top: 12px}}

#MFContainer p, .RFFSet label {
  font-size: 1.5rem; letter-spacing: .075em; margin: 0; padding: 18px 0;
  border-bottom: 1px solid #e6dcd1; position: relative; }

#MFContainer p:first-of-type { border-top: 1px solid #e6dcd1; }

#MFContainer #IFormCaution { font-size: 1.4rem; letter-spacing: .03em; padding: 8px 0 16px 16px; border-top: none}

.RFFSet label:first-of-type { border: none; }

#MFContainer p.var, #MFContainer p.var02 { line-height: 1.4; padding-bottom: 0; }
#MFContainer p.var { border: none; }

.RFFSet label:nth-of-type(2) { padding-top: 0}
.RFFSet .padNone { padding-top: 0; }
.varLabel label { padding-left: 20px; display: block}
.var02 .varLabel label { padding-top: 0px}

#MFContainer .spSub { vertical-align: -.5em; padding-left: 3px}
#MFContainer .spSub02 { vertical-align: -.5em; padding-right: 5px}
#MFContainer .spSmall { font-size: 1.2rem; letter-spacing: .035em; margin-left: -3px; display: inline-block}
#MFContainer .spSmall em { font-style: normal}
#MFContainer .spNBlock { margin-top: 8px; display: block}
.arrivalTime { padding-left: 12px; margin-right: -10px}
.arrivalCall { margin-left: 4px}

.RFFSet label { display: block; }

#MFContainer #texArea { min-height: 12em; }

#MFContainer p.MFCaution { padding-bottom: 0; }

.selectLabel { padding-left: 16px; display: block; }

#formNotice:before, #MFCaution:after, #MFContainer .required:after, .optional:after, #IFormCaution:before {
  content: '';  position: absolute; top: 21px; left: 0; display: block;
  -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
#formNotice:before { top: 30px; left: 16px; }
#IFormCaution:before { top: 10px}

#MFConsent .required:after { top: 32px}

#formNotice:before, #MFCaution:after, #MFContainer .required:after, #MFConsent:after, #IFormCaution:before {
  width: 9px; height: 4px; border-left: 2px solid #f02e00; border-bottom: 2px solid #f02e00; }

.optional:after { width: 7px; height: 7px; background-color: #44b73e; }

.inp01, .inp02, .inp03, .mail, .numInput,  textarea {
  color: #0082c2; background: #f4f4f4; font-size: 1.6rem; letter-spacing: .1em;
  margin: 10px 0 0; padding: 9px 10px 8px; border: none; outline: none; -webkit-appearance: none;
  border: 1px solid #ddd; -webkit-border-radius: 5px; border-radius: 5px; }

.inp01, .inp02, .mail { width: 93% !important; } .inp03 { width: 200px} .numInput { width: 90px}

#mailform input.autoBT {
  color: #fff; font-size: 1.4rem; text-transform: uppercase; line-height: 1.5; background-color: #3399bb;
  margin-left: 4px; padding: .5em .6em; vertical-align: -.5em; border-radius: 4px; border: none; -webkit-appearance: none; cursor: pointer; }

#MFContainer textarea  { width: 93% !important; height: 12em !important; margin: 15px 0 5px; overflow: hidden; }

@media (max-width: 359px) { #mailform input.autoBT { margin: 16px 0 0}}
@media (max-width: 340px) { .inp01, #MFContainer textarea { width: 92% !important} }

#datepicker, #MFContainer select {
  color: #27a; background: #eef7fb; font-size: 100%; letter-spacing: .1em;
  margin: 10px 0 0 16px; padding-left: 1em; -webkit-appearance: none; min-width: 8em; height: 2.4em;
  border: 1px solid #c2e0e9; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; }

#MFContainer .RFFSet select { margin-left: 0}

#MFContainer small {
  color: #7e694e; font-size: 1.3rem; line-height:1.4; letter-spacing: .02em;
  margin-bottom: -.35em; padding: .75em 0 0; display: block; }

#mailformpro small span {
  color: #f02e00; font-size: 1.6rem; font-weight: bold; margin: 0 3px 0 -15px; vertical-align: -.15em; }

#MFConsent {
  font-size: 1.5rem; letter-spacing: .035em;
  max-width: 506px; margin: 30px auto 0; padding: 0 0 35px 34px; position: relative; }

#MFContainer #MFConsent { line-height: 1.5; padding: 25px 0 50px 15px; }

#Consent { display: block; }

#consentLabel { cursor: pointer; }

#MFBTArea { max-width: 540px; margin: 0 auto; }

.caution { font-size: 1.5rem; font-style: normal; line-height: 1.6; letter-spacing: .05em; margin: 0; }
#MFBTArea .caution { padding-left: 10px}
.MFCautSign { color: #d52; font-size: 1.2rem; vertical-align: .15em; margin: 0 -3px 0 -9px; }

.TFSend { text-align: center; margin-top: 15px}

#MFBTArea .send, .mfp_element_button {
  color: #fff; font-size: 1.8rem; line-height: 2; font-weight: bold; letter-spacing: .1em;
  width: 70%; max-width: 300px; text-transform: uppercase; padding: .5em 0 .4em .1em;
  position: relative; border: none; outline: none; cursor: pointer;
  -webkit-appearance: none; -webkit-border-radius: 4px; border-radius: 4px; }

.android #MFBTArea .send { padding: .6em 0 .35em .1em; }

#MFBTArea #send { max-width: 320px; margin: 0 auto; display: block; }

#MFBTArea .send, #mfp_button_send { background-color: #33a222; }
#mfp_button_cancel { background-color: #777; }

@media (max-width:340px) { #MFContainer #IFormCaution { letter-spacing: 0} #MFContainer #MFConsent { letter-spacing: .01em}}
@media (min-width:560px) { #MFConsent .spSmall { text-align: center; width: 100%} .TFSend { margin-top: 20px}}

/* Checkbox */
.repItem { display: none; }

.repItem[type='checkbox'] { position: absolute; visibility: hidden !important; }

.repItem[type='checkbox'] + label:before, .repItem[type='checkbox'] + label:after,
.repItem[type='checkbox'] + .mfp_element_hidden[type='hidden'] + label:before,
.repItem[type='checkbox'] + .mfp_element_hidden[type='hidden'] + label:after {
  content: ''; position: absolute; left: 50%;
  -webkit-box-sizing: border-box; box-sizing: border-box; }

.repItem[type='checkbox'] + label:before,
.repItem[type='checkbox'] + .mfp_element_hidden[type='hidden'] + label:before {
  bottom: 20px; background: #fff; width: 40px; height: 20px; margin-left: -20px;
  border: 1px solid #92a2b2; -webkit-border-radius: 15px; border-radius: 15px; }

.repItem[type='checkbox'] + label:after,
.repItem[type='checkbox'] + .mfp_element_hidden[type='hidden'] + label:after {
  bottom: 21px !important; background: #92a2b2; width: 18px; height: 18px; margin-left: -19px;
  -webkit-transition: all .2s ease-out; transition: all .2s ease-out;
  -webkit-border-radius: 50%; border-radius: 50%; }

.repItem[type='checkbox']:checked + label:after,
.repItem[type='checkbox']:checked + .mfp_element_hidden[type='hidden'] + label:after {
  background: #00bb0e !important; margin-left: 1px; }

/* Reserve Attention */
#CReserve { padding-bottom: 15px}

#reserveAttention { border-top: 3px solid #eee5dd; margin: 30px 0 0; }

#reserveAttention h4 { color: #69391e; font-size: 1.8rem; letter-spacing: .06em; margin: 12px 0 0; }

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

#reserveAttention p, #IAContents p {
  color: #cc2200; font-size: 1.6rem; line-height: 1.2; letter-spacing: .06em; margin: 0; padding: 20px 0 0; }
#reserveAttention p { padding-left: .8em; position: relative; }
#reserveAttention p:before {
  content: '*'; color: #09b; font-size: 2rem; vertical-align: -.25em; margin: 0 .1em 0 -.65em; }

#reserveAttention dl, #IAContents dl { letter-spacing: .05em; margin: 0; padding: 0 0 20px; border-bottom: 3px solid #f2f0ee; }

#reserveAttention dt, #IAContents dt { color: #907962; font-size: 1.6rem; font-weight: bold; margin: 0; margin-top: 20px; }

#reserveAttention dd, #IAContents dd { font-size: 1.4rem; line-height: 1.8; margin: 0; padding: 10px 0 0 1em; }
#reserveAttention dd:before, #IAContents dd:before {
  content: '●'; color: #dda989; font-size: 1rem; margin: 0 3.5px 0 -12px; vertical-align: .12em; }

#reserveAttention dl dd span, #IAContents dl dd span { display: none}

/* Reserve Completion */
#reserveCompletion { margin-bottom: 40px; }

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

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

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

@media (min-width:560px) { #KasamatsuEyecatch { height: calc(100vh - 50px)}}
@media (min-width:640px) { #KasamatsuEyecatch { height: calc(100vh - 60px); max-height: 320px}}
@media (min-width: 560px) and ( orientation: portrait) { #KasamatsuEyecatch { max-height: 340px}}

#kasamatsuCopy, #mugaCopy { margin: 0; }

#cotName { text-align: center; margin: 0; position: relative; }

.pageCotCategory {
  color: #fff; background: #888; font-size: 2rem; letter-spacing: .05em;
  width: 160px; margin: -17px auto 0; padding: 6px 0; display: block; }

#mugaCopy .pageCotCategory, #mugaCompTit .pageCotCategory { width: 190px}

.pageCotName { color: #494949; font-size: 4rem; text-align: center; letter-spacing: .2em; text-indent: .1em; margin-top: 25px; display: block; }

.cotNameEn { color: #c7b299; font-size: 1.3rem; font-style: normal; letter-spacing: .3em; text-indent: .15em; margin-top: 5px; display: block; }

#kasamatsuCopy h2, #mugaCopy h2 {
  color: #444; font-size: 1.8rem; text-align: center; letter-spacing: .08em; line-height: 2; margin: 18px 0 0; }

#ksmamatsuDesign {
  background: url(../kasamatsu/images/design-drawing.png) no-repeat 0 0 / 320px 476px;
  width: 320px; height: 476px; margin: 10px auto 0; }

@media (max-width:359px) { #ksmamatsuDesign { background-size: 290px 432px; width: 290px; height: 432px;}}
@media (min-width:560px) {
  #ksmamatsuDesign { background: url(../kasamatsu/images/design-drawing-land.png) no-repeat 0 0 / 518px 248px;
  width: 518px; height: 248px; }}

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

@media (min-width:560px) { #mugaEyecatch { height: calc(100vh - 50px)}}
@media (min-width:640px) { #mugaEyecatch { height: calc(100vh - 60px); max-height: 320px}}
@media (min-width: 560px) and ( orientation: portrait) { #mugaEyecatch { max-height: 340px}}

@media (max-width:399px) { #mugaCopy h2 { font-size: 1.7rem}}
@media (max-width:339px) { #mugaCopy h2 { font-size: 1.6rem; letter-spacing: .05em}}

#mugaSketch { text-align: center}
#mugaDesign {
  background: url(../muga/images/muga-design.png) no-repeat 0 0 / 320px 228px;
  width: 320px; height: 228px; margin: 25px auto 0; }

@media (max-width:359px) { #mugaDesign { background-size: 290px 432px; margin-top: 10px; width: 290px; height: 432px;}}
@media (min-width:560px) {
  #mugaDesign { background: url(../muga/images/muga-design.png) no-repeat 0 0 / 518px 450px;
  width: 518px; height: 450px; }}

/* -------------------------------------------
 Cottage Completion
------------------------------------------- */
#kasamatsuCompTit, #mugaCompTit { margin: 0; padding: 30px 0; }

#kasamatsuCompTit .pageCotCategory, #mugaCompTit .pageCotCategory { margin: 0 auto; }
#kasamatsuCompTit .pageCotName, #mugaCompTit .pageCotName { margin-top: 20px}

#reserveCompletion { max-width: 590px; margin-bottom: 5px; }

#reserveCompletion h1 { font-size: 2.2rem; color: #1e7e00; text-align: center; letter-spacing: .05em; margin: 0; padding: 0 0 10px; }

#reserveCompletion p { font-size: 1.6rem; line-height: 1.8; margin: 0; padding: 1em 0 0; }
#reserveCompletion br { display: none}
#reserveCompletion .caution { color: #d42; }
#reserveCompletion .caution:before { content: "*"; color: #39a; font-size: 2rem; padding: 0 3px 0 2px; vertical-align: -.2em; }

@media (max-width:359px) { #reserveCompletion h1 { font-size: 2rem}}
@media (max-width:330px) { #reserveCompletion h1 { letter-spacing: 0}}

/* -------------------------------------------
 System
------------------------------------------- */
#systemEyecatch { background: url(../system/images/new-title.jpg) no-repeat 65% top / cover; height: 280px; }

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

#about h2 { letter-spacing: 0; }

#about p, #mealsAttention p { font-size: 1.5rem; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }

#about p:first-of-type, #mealsAttention p:first-of-type { margin-top: 20px}
#about p br, #mealsAttention p br { display: none}

#systemDetail dl { margin: 20px 0 0; padding: 0; }

#systemDetail dt { color: #69391e; font-size: 1.6rem; font-weight: bold; margin: 0; padding-top: 20px; border-top: 1px solid #e6dcd1; }

#systemDetail dd, #procurementEating p { font-size: 1.5rem; line-height: 1.8; margin: 10px 0 0; }

#systemDetail dd h3, #systemDetail dd p { margin: 0; }
#systemDetail dd h3 { font-size: 1.5rem; } #systemDetail dd h3:after { content: '：'; color: #999; }

#systemDetail .flexContainer { max-width: 388px; margin: 0 auto; padding-bottom: 15px; }

#systemDetail figure { text-align: center; width: 47.5%; max-width: 184px; margin: 5px 0 0; }

#systemDetail figcaption { font-size: 1.5rem; margin-top: 5px; display: inline-block; }
#systemDetail figcaption br { display: none}

#procurementEating h3 { color: #62391e; font-size: 1.6rem; margin: 20px 0 0; }
#procurementEating h3:first-of-type { margin-top: 30px}

#PEMap { padding-bottom: 5px; }
#mapMatsuzaki, #mapSimoda { max-width: 480px; margin: 0 auto; } #mapSimoda { margin-top: 25px}

#procurementEating #PEMap h3 { margin-top: 20px}

@media (max-width: 354px) { #about .spNSM { font-size: 1.5rem; letter-spacing: 0} #procurementEating .pageSTEn { font-size: 1.2rem}}
@media (min-width: 560px) {
  #systemDetail .flexContainer { max-width: 460px} #systemDetail figure { width: calc(47.5% - 30px); background: #fff; padding: 10px 15px}}
@media (min-width: 600px) { #about, #mealsAttention, #systemDetail, #procurementEating { padding: 30px 4.167%}}
@media (min-width: 660px) { #about, #mealsAttention, #systemDetail, #procurementEating { padding: 30px 5%}}

 /* PE Google Map */
#GMap01, #GMap02 { width: calc(100% - 4px); height: 260px; margin: 12px auto 5px; padding: 1px; border: 1px solid #cac3ba; }

#GMCanvas01, #GMCanvas02 { width: 100%; height: 100%; }

#GMCanvas01 h4, #GMCanvas02 h4 { color: #0071bc; font-size: 1.4rem; line-height: 1; margin: 0; }

#PEMap .gm-style .gm-style-iw-c { width: auto !important; max-width: 270px !important; height: 2.5em; padding: 10px 0 0 10px !important; }
#PEMap .AMPointName p { margin-bottom: 0 !important; }

/* -------------------------------------------
 Access
------------------------------------------- */
#accessMap, #AMCanvas { width: 100%; height: 480px; margin: 0; }

#accessMap .gm-style .gm-style-iw-c { width: auto !important; max-width: 270px !important; }
#accessMap .AMPointName p { margin-bottom: 5px !important; }
.AMPointName { width: ; padding: .5em 0 0 .35em; }
.AMPointName h4 { color: #256292; font-size: 1.4rem; margin: 0; }
.AMPointName p { line-height: 1.5; letter-spacing: .05em; white-space: nowrap; margin: .5em 0; }

#accessGuide, #byTrain, #trafficSite { margin: 5px 0 0; padding: 30px 16px; }
#accessGuide { margin: 0}

#byCar { margin-top: 30px; }

#accessGuide h3 { font-size: 1.8rem; text-align: center; letter-spacing: .06em; margin: 0; position: relative; }

#fromWest h3:before, #fromEast h3:before {
  content: ''; position: absolute; top: 1px; left: 50%; margin-left: -7.6em;
  background: url(../access/images/ac-type.svg) no-repeat 0 0 / 33px 40px; width: 33px; height: 18px; }

#fromEast { margin-top: 35px; }
#fromWest p, #fromEast p, #byTrain ul {
  background-image: url(../access/images/guide-portrait.png); background-repeat: no-repeat;
  background-size: 740px 440px; width: 240px; margin: 20px auto 0; padding: 0; text-indent: -9999px; }

#fromWest p { background-position: 0 0; height: 440px; }
#fromEast p { background-position: -250px 0; height: 420px; }
#byTrain ul { background-position: -500px 0; height: 440px; }

#guideMap, #GMCaution { margin-top: 35px; }

#guideMap p {
  background: url(../access/images/map-portrait.png) no-repeat 0 0 / 328px auto;
  width: 328px; height: 292px; margin: 20px auto 0; text-indent: -9999px; }

#guideMap .pageSTEn { margin-left: 8px; vertical-align: .1em; display: inline-block; }

#GMCaution p, #byTrain p, #trafficSite li { font-size: 1.5rem; line-height: 1.8; letter-spacing: .05em; margin: 1em 0 0; }

#trafficSite ul { margin: 25px 0 0; padding: 0; }

#byTrain p { margin-top: 30px; }
#byTrain a { line-height: 1.5; margin: 12px 0 0 1em; display: inline-block}

#trafficSite li { margin-bottom: 8px}
#trafficSite .spBlock { font-size: 1.4rem; margin-top: 2px}

@media (max-width: 359px) { #guideMap p { background-size: 288px auto; width: 288px; height: 256px}}
@media (min-width: 400px) { #guideMap p { background-size: 360px auto; width: 360px; height: 320px}}
@media (min-width: 560px) {
  #fromWest p, #fromEast p, #byTrain ul {
    background-image: url(../access/images/guide-landscape.png); background-size: 528px auto; width: 528px; height: 138px}
  #fromEast p { background-position: 0 -163px} #byTrain { padding-bottom: 35px}
  #byTrain ul { background-position: 0 -327px; height: 174px} #trafficSite .spBlock { display: inline !important}
  #guideMap p { background: url(../access/images/map-landscape.png) no-repeat 0 0 / 528px auto; width: 528px; height: 282px}}

@media (min-width: 600px) {
  #accessGuide .pageST, #byTrain .pageST, #GMCaution, #byTrain p, #trafficSite .pageST, #trafficSite ul { padding: 0 14px}}
@media (min-width: 612px) {
  #byCar { margin-top: 0} #fromWest p, #fromEast p, #byTrain ul { background-size: 580px 550px; width: 580px; height: 150px}
  #fromEast p { background-position: 0 -180px} #byTrain ul { background-position: 0 -360px; height: 190px}}
@media (min-width: 640px) {
  #accessGuide .pageST, #byTrain .pageST, #GMCaution, #byTrain p, #trafficSite .pageST, #trafficSite ul { padding: 0 3%}}
@media (min-width: 700px) { #guideMap p { background-size: 600px auto; width: 600px; height: 320px}}

@media (min-width: 560px) and ( orientation: landscape) { #accessMap, #AMCanvas { height: 100vh}}
@media (min-width: 560px) and ( orientation: portrait) { #accessMap, #AMCanvas { height: 420px}}

/* -------------------------------------------
 Inquiry
------------------------------------------- */
#inquiryTitle p, #newsTitle p {
  font-size: 1.5rem; line-height: 1.8; text-align: left; letter-spacing: .06em;
  max-width: 548px; margin: 0 auto; padding: 25px 16px; position: relative; }
#newsTitle p { padding: 16px}

#inquiryTitle p:before, #inqCompTit:after, #newsTitle p:before {
  content: ''; position: absolute; left: 16px; background: #e6dcd1; width: calc(100% - 32px); height: 1px; }
#inquiryTitle p:before, #newsTitle p:before { top: 0}
#inqCompTit:after { bottom: 0}

#inquiryTitle p br { display: none}

#byTelephone, #byForm, #inqAttention { margin: 0 auto; padding: 30px 16px; }
#byForm, #inqAttention, #byTelephone .pageST { max-width: 548px; }

#contactTel { text-align: center; margin: 20px 0 0; }

#IFormST { display: none}

#inqAttention { padding-top: 0}

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

#inqAttention #IAContents div { margin-top: 10px}

#inqAttention #IAContents h4 { color: #69391e; font-size: 1.6rem; letter-spacing: .035em; margin: 0; padding-top: 10px; }

#inqAttention #IAContents p { line-height: 1.5}

@media (max-width: 330px) {
  #byTelephone, #byForm, #inqAttention { padding-left: 12px; padding-right: 12px} #inqForm .spSub { font-size: 1.3rem}}

/* Inquiry Completion */
#inqCompTit { max-width: 548px; margin: 0 auto; position: relative}

#resCompST { font-size: 2.5rem; color: #1e7e00; text-align: center; letter-spacing: .08em; margin: 0; padding-bottom: 5px; }

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

#locationCopy .spBlock { text-indent: -.05em; margin-top: 3px; }
#locationCopy .pageNameEn { letter-spacing: .18em; text-indent: .3em}

#locationInfo, #locaContact { padding: 30px 16px; }

#locationInfo p, #locaContact p { font-size: 1.5rem; line-height: 1.8; letter-spacing: .06em; margin: 12px 0 0; }

#locationInfo p:first-of-type, #locaContact p:first-of-type { margin-top: 20px; }

#locaGallery { background: #828282; margin-top: 5px; padding-top: 30px; }

#locaGallery h2 { color: #fff; font-size: 2.2rem; text-align: center; letter-spacing: .1em; margin: 0 auto; }

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

.LGItem { margin: 20px auto 0; } .LGItem img { width: 100%; height: auto; }

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

#locaDetail {
  background: #fff; font-size: 1.5rem; line-height: 1.6; letter-spacing: .06em; margin: 32px 0 0; padding: 20px 16px 16px; }

#locaContact { margin: 5px 0; padding-bottom: 40px}

.LCKind { background: rgba(255,255,255,.8); max-width: 500px; margin: 22px auto 0; padding: 5px 0 16px; }
.LCKind:nth-of-type(2) { margin-top: 20px; padding: 25px 0 23px; }

#LCTelNum { text-align: center; margin: 0; }
.LCKind #RDTelNum { padding-bottom: 2px}

#LCFormBT { font-size: 1.6rem; 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 11px; display: inline-block; cursor: pointer; overflow: hidden; }

@media (max-width: 359px) { #LCFormBT a { padding: 12px 20px 11px}}
@media (max-width: 340px) { #LCFormBT a { padding: 12px 12px 11px}}
@media (max-width: 330px) { #LGList figcaption { letter-spacing: .035em}}

@media (min-width: 400px) { #locationInfo, #locaContact, #LGList, #locaDetail { padding-left: 20px; padding-right: 20px}}
@media (min-width: 500px) { .LGItem { width: calc(50% - 10px); margin-top: 25px}}
@media (min-width: 560px) {
  #locationCopy .spFalse, #locationCopy .spBlock { display: inline !important; }
  #locationCopy .spFalse { margin: 0 -8px 0 -5px}
  #locationCopy.pageCopy h1:before { width: 400px; margin-left: -200px}
  #locationInfo, #locaContact, #locaDetail { padding-left: 6%; padding-right: 6%}}
@media (min-width: 600px) { #locaDetail { text-align: center}}

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

#blogEyecatch h1 { margin: 0; padding-top: 280px; }

#blogContents { padding: 0 10px; }

.blogArticle { margin: 10px auto 0; padding: 15px 15px 25px; }

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

.blogArticle header h1, .blogArticle header h2 {
  font-size: 1.6rem; line-height: 1.3; letter-spacing: .06em; margin: 0; min-height: 28px; position: relative; }
.blogArticle header h1 { padding-top: 30px; }
.blogArticle header h2 { padding: 8px 0 0 35px; }

@media (max-width: 340px) { .blogArticle { padding: 15px 12px 25px}}
@media (min-width: 560px) { #blogContents { padding: 0 16px} .blogArticle { max-width: 540px; padding: 20px 30px 30px}}

.gallery header h1:before, .other header h1:before, .gallery header h2:before, .other header h2:before {
  content: ''; position: absolute; background-image: url(../blog/images/sp-cat.svg);
  background-repeat: no-repeat; background-size: 58px 33px; height: 33px; display: block; }
.gallery header h1:before, .gallery header h2:before { top: 0; left: 3px; background-position: 0 0; width: 24px; }
.gallery header h1:before { top: -10px; left: 50%; margin-left: -12px; }
.other header h1:before, .other header h2:before { top: -1px; left: 0; background-position: -30px 0; width: 28px; }
.other header h1:before { top: -12px; left: 50%; margin-left: -14px; }

.blogArticle header a { color: #007eb2; text-decoration: none; }

.blogArticle header p { color: #666; font-size: 1.3rem; letter-spacing: .025em; ; margin: 0; padding-top: 4px; }

.blogArticle header time { padding-bottom: 8px; display: block}

.blogBody { margin-top: 10px;}

.blogBody p { font-size: 1.4rem; line-height: 1.8; letter-spacing: .05em; margin: 0; padding-top: 10px; }

.NAIndividual .blogBody p { font-size: 1.5rem; line-height: 2; letter-spacing: .06em; }

.blogBody h3 { color: #555; font-size: 1.6rem; line-height: 1.4; letter-spacing: .06em; margin: 30px 0 0; }

.blogBody a { display: inline-block !important; }

.blogBody img { float: none !important; width: 100%; max-width: 480px; height: auto; margin: 15px auto 5px !important; display: block; }

.blogBody a:first-of-type img { margin-top: 10px !important; }

/* Blog Side
-------------------------------------------*/
#blogSide { max-width: 600px; margin: 0 auto; padding: 25px 12px 35px; position: relative; }
.blogIndWrapp #blogSide { padding: 25px 16px 35px}

#blogSide:before {
  content: ''; position: absolute; top: 0; left: 12px; background: #ccc; width: calc(100% - 24px); height: 1px; display: block; }
.blogIndWrapp #blogSide:before { left: 16px; width: calc(100% - 32px); }

#blogSide h2, #blogSide dt { font-size: 1.5rem; letter-spacing: .06em; margin: 0; padding-left: 5px; border-bottom: 2px solid #ddd; }

#blogSide h2 { color: #444; font-size: 1.6rem; letter-spacing: .1em; padding-bottom: 5px; }

#blogSide p { font-size: 1.5rem; line-height: 1.6; letter-spacing: .05em; margin: 12px 0 0; padding: 0 5px; }

#blogSide dl { margin: 25px 0 0; }

#blogSide dt { padding-bottom: 8px; }
#blogSide dd { font-size: 1.5rem; line-height: 1.2; margin: 15px 0 0 5px; padding-left: 14px; position: relative; }
#blogSide dd:first-of-type { margin-top: 20px; }

#blogSide dd:before {
  content: ''; position: absolute; top: 6px; left: 0; display: block; cursor: pointer;
  width: 4px; height: 4px; border-top: 2px solid #9ebece; border-right: 2px solid #92bed2;
 -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (min-width: 560px) {
  #blogSide { padding: 25px 22px 35px} #blogSide:before { left: 22px; width: calc(100% - 44px)}
  #blogSide h2, #blogSide dt { padding-left: 20px} #blogSide p { padding: 0 20px} #blogSide dd { margin-left: 20px}}

/* Blog Individual
-------------------------------------------*/
.blogIndividual.blogArticle { background: none; max-width: 600px; margin: 0 auto; padding: 0 6px 35px; }

.blogIndividual .blogBody { padding-bottom: 30px}

/* Blog List
------------------------------------------- */
#BLListTitle { color: #7e4927; font-size: 2rem; text-align: center; margin: 0; padding-bottom: 15px;　}

#BLListTitle strong { letter-spacing: .05em; margin: 5px 0 1px; display: block}
#BLListTitle small { font-size: 1.4rem; }
#BLListTitle em { color: #898989; font-size: 1.3rem; font-weight: normal; font-style: normal; }

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

/* Blog Archives
------------------------------------------- */
#BLArchives { max-width: 600px; margin: 0 auto; border-bottom: 1px solid #bbb; }

#BLArchives dt { font-size: 1.4rem; letter-spacing: .05em; margin: 0; padding: 12px 0 0; border-top: 1px solid #bbb; }

#BLArchives time { color: #888; font-size: 1.2rem; letter-spacing: .08em; margin-top: 4px; display: block; }

#BLArchives dt a { color: #0088af; text-decoration: none; }

#BLArchives dd { font-size: 1.3rem; line-height: 1.35; margin: 0; padding: 6px 0 9px; }

@media (min-width: 560px) { #BLArchives { padding: 0 6px; } #BLArchives dt, #BLArchives dd { padding-left: 20px; padding-right: 10px}}

/* Comment
-------------------------------------------*/
#comments { overflow: hidden}

#comments h2 {
  font-size: 1.5rem; letter-spacing: .05em; margin: 0; padding: 12px 8px;
  border-top: 1px solid #ddd; }

#comments h2 span { font-size: 1.3rem; font-weight: normal; vertical-align: .1em; }

.log, #comments-open { font-size: 1.4rem; line-height: 1.5; margin: 0; }

.log { padding-bottom: 10px}

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

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

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

#comments-content a { color: #08b; text-decoration: none; border-bottom: 1px dotted #a7c9d7; display: inline-block; }

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

#comments-open { background: #f2f2f2; margin: 0; padding: 0 15px 30px; }

.comments-open-content { padding-top: 12px; }

#commentsForm legend { font-size: 1.5rem; letter-spacing: .06em; font-weight: bold; }

#commentsForm dl { font-size: 1.5rem; }

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

#comments-open-text span { font-size: 1.2rem; letter-spacing: 0; display: block; }
#commentsForm input, #commentsForm textarea {
  color: #079; background-color: #fff; font-size: 1.6rem; letter-spacing: .075em; vertical-align: top;
  margin: 5px 0 0; padding: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #d2e5ea; }

#commentsForm input { width: 75%; }
#commentsForm textarea { width: calc(100% - 15px); }

#comments-open-footer { text-align: center; }
#commentsForm input.submit {
  color: #fff; background-color: #3399bb; font-size: 1.5rem; font-weight: bold;
  text-transform: uppercase; width: auto; margin: 8px 0 0; padding: 6px 1em;
  -webkit-border-radius: 5px; border-radius: 5px; border: none; -webkit-appearance: none; cursor: pointer; }
#commentsForm input.submit:first-of-type { margin-right: 20px}

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

@media (min-width: 560px) {
  .comment, .comment-content { padding-left: 20px} #comments-open { padding: 5px 20px 30px}
  #comments-open-text span { font-size: 1.3rem; letter-spacing: .035em; vertical-align: .05em; display: inline}}

/* -------------------------------------------
 News
------------------------------------------- */
#newsTitle p { text-align: center; letter-spacing: .035em; text-indent: -.6em; }

#newsContents { padding: 10px 12px 30px; }

.NAIndividual { margin: 0 auto; padding: 10px 4px 0; }

.newsArticle { background: rgba(255,255,255,.8); margin: 20px auto 0; padding: 20px 12px 0; position: relative; border: 1px solid #fff; }
.NAIndividual.newsArticle { background: none; margin: 0 auto; padding-top: 15px; border: none; }

.newsArticle header { margin: 0; }

.newsArticle header h2 { font-size: 2rem; line-height: 1.35; letter-spacing: .05em; margin: 0; }
.newsArticle header h2 a { color: #694a2e; text-decoration: none; }

.newsArticle header p { color: #898989; font-size: 1.2rem; letter-spacing: 1px; margin: 0; padding: 2px 0 0 1px; }

.newEntry {
  position: absolute; left: 50%; top: -10px; color: #fff; background: #e93; font-size: 1.5rem;
  text-align: center; letter-spacing: .06em; text-indent: -1px; width: 64px; margin: 0 0 0 -32px; padding: 4px 0 2px; }
.exclamation { margin-left: 2px; -webkit-transform: rotate(20deg); display: inline-block; }

.newsBody { margin: 0; padding: 5px 0 20px; }
.NAIndividual .newsBody { padding-bottom: 0}

.newsBody p { font-size: 1.4rem; line-height: 1.8; letter-spacing: .05em; margin: 0; padding-top: 8px; }

.NAIndividual .newsBody p { font-size: 1.5rem; line-height: 2; letter-spacing: .06em; }

.newsBody h3 { color: #555; font-size: 1.6rem; line-height: 1.4; letter-spacing: .06em; margin: 30px 0 0; }

.newsBody img { width: 100%; max-width: 480px; height: auto; margin: 15px auto 0; display: block; }

#newsPNavi { margin-bottom: 5px; padding: 0 12px; }

@media (min-width: 560px) {
  .newsArticle { max-width: 558px; padding: 20px 20px 0} .NAIndividual { max-width: 552px; padding-top: 15px}}

/* -------------------------------------------
 CMS Navi
------------------------------------------- */
/* Blog List Navigation */
#BLpageNavi { text-align: center;max-width: 600px; margin: 0 auto; padding-bottom: 30px; }

#blogContents #BLpageNavi { padding: 30px 12px}

#BLpageNavi ul { width: 100%; margin: 0; padding: 0; }

#BLpageNavi li { font-size: 1.5rem; margin: 2px 0 0 7px; display: inline-block; position: relative; }
#BLpageNavi li:first-of-type { margin-left: 0}

.link_page, .current_page { margin-top: 5px; display: block; position: relative; }

.link_page, .current_page {
  color: #fff; background: #54bae6; text-decoration: none; min-width: 22px; min-height: 22px; padding: 8px 5px 2px 5px;
  cursor: pointer; display: block; position: relative; -webkit-border-radius: 50%; border-radius: 50%; }

.current_page { background: #bbb; }

.link_before, .link_next { color: #0088af; padding-top: 7px; display: inline-block; }

/* Individual Pagination */
#BLBotNavi { max-width: 600px; margin: 0 auto; padding: 0 6px 35px; position: relative; }
#newsPNavi #BLBotNavi { padding: 0 4px 35px}
#BLBotNavi.archivesBBN { margin-top: 25px}

#BLBotNavi li {
  font-size: 1.5rem; line-height: 1; text-align: center; text-decoration: none;
  width: 33%; margin: 0; display: block; position: relative; z-index: 1; }
#BLBotNavi.archivesBBN li { letter-spacing: .1em; margin: 0 auto; width: auto}

#BLBotNavi a { color: #fff; background: #958977; text-decoration: none; padding: 7px 0 9px; position: relative; }

#BLBotNavi .previous, #BLBotNavi .next { letter-spacing: .075em; width: calc(33.5% - 1px); }

#BLBotNavi .spNewsTop a, #BLBotNavi .spBlogTop a { letter-spacing: .025em; padding: 8px 0 8px; }
.previous a { text-indent: .75em; -webkit-border-radius: 6px 0 0 6x; border-radius: 6px 0 0 6px; }
.next a { text-indent: -.75em; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; }

#BLBotNavi.archivesBBN li a { padding: 8px 15px 9px; }

@media (min-width: 480px) { .previous a, .next a { text-indent: 0}}

/* -------------------------------------------
 JS Plug-in
------------------------------------------- */
/* Date Picker
------------------------------------------- */
/*! 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}

/* Date Picker
------------------------------------------- */
.ui-datepicker { font-size: 16px !important}
@media (max-width:340px) { .ui-datepicker { font-size: 15px !important}}

/* 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: 2px 0 0 5px; white-space: nowrap; }

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

/* buttons edges butting together */
.fc-header .fc-corner-right { margin-left: 3px }

/* 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 { width: auto; clear: both; }
.fc-view { width: 100%; overflow: hidden; }
.fc-view.fc-view-month { overflow: scroll}

/* Cell Styles */
.fc-view table { color: #7e5222; font-size: 1.4rem; 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 4px 0 4px; 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 .5em; 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: 100px; height: 100px;
  border-width: 100px 0 0 1px; border-style: solid; border-color: #fff; background: #444; opacity: .09; }

/* button states (determines colors)  */
.fc-state-default, .fc-state-default .fc-button-inner { font-size: 1.8rem; border-style: solid; border-color: #bcd #abc #9ab; background: #F0F3F7; color: #00527e;}
.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: 1.4rem; line-height: 1.25;}
.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%; min-height: 2.5em; border-style: solid; border-width: 0; overflow: hidden; }
.fc-event-title { letter-spacing: .035em; min-height: 2.5em; padding: 5px 3px; vertical-align: middle; display: inline-block; }

/* 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: 3px solid #c7b299; 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 { min-width: 72px; 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.5}
.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; }

/* 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;}

/* 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 { -webkit-transition: all .15s ease-in-out .1s; transition: all .2s ease-in-out .1s; }

/* Custom Animation
------------------------------------------- */
/* globalNav Anim */
@-webkit-keyframes navUp {
 0%,30% { -webkit-transform: translate3d(0,30px,0); opacity: 0} 100% { -webkit-transform:none; opacity: 1} }
@keyframes navUp { 0%,30% { transform: translate3d(0,30px,0); opacity: 0} 100% { transform:none; opacity: 1} }
.overlay.open #globalNav li:nth-of-type(1) { -webkit-animation: navUp .4s ease-in-out; animation: navUp .4s ease-in-out}
.overlay.open #globalNav li:nth-of-type(2) { -webkit-animation: navUp .5s ease-in-out; animation: navUp .5s ease-in-out}
.overlay.open #globalNav li:nth-of-type(3) { -webkit-animation: navUp .6s ease-in-out; animation: navUp .6s ease-in-out}
.overlay.open #globalNav li:nth-of-type(4) { -webkit-animation: navUp .7s ease-in-out; animation: navUp .7s ease-in-out}
.overlay.open #globalNav li:nth-of-type(5) { -webkit-animation: navUp .8s ease-in-out; animation: navUp .8s ease-in-out}
.overlay.open #globalNav li:nth-of-type(6) { -webkit-animation: navUp .85s ease-in-out; animation: navUp .85s ease-in-out}
.overlay.open #globalNav li:nth-of-type(7) { -webkit-animation: navUp .9s ease-in-out; animation: navUp .9s ease-in-out}
.overlay.open #SNHome { -webkit-animation: navUp .95s ease-in-out; animation: navUp .95s ease-in-out}

/* 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 .8s cubic-bezier(.075, .82, .165, 1); animation: HLogo .8s cubic-bezier(.075, .82, .165, 1)}

@-webkit-keyframes fadeIn { 0%{ opacity: 0} 100%{ opacity: 1} }
@keyframes fadeIn { 0%{ opacity: 0} 100%{ opacity: 1} }
.fadeIn, #TEImage, .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, #spTopCatch { -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}

@-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, #flowInner:before { -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, #returnBT {
  -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, #trigger-overlay {
  -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}

/* -------------------------------------------
 Link Hover
------------------------------------------- */
.link01 a:link, .link01 a:visited, #systemDetail a:link, #systemDetail a:visited, .newsBody p a, #blogSide a {
  color: #08b; text-decoration: none; }

.link01 a, .newsBody p a { padding-bottom: 2px; border-bottom: 1px dotted #6cd}

#systemDetail figcaption { border-bottom: 1px dotted #6cd; }

/* -------------------------------------------
 Displey Setting
------------------------------------------- */
#bottomLogo, #ourName, #botTElNum, #toms1 a, #spTopCatch, #RDTelNum, #byTrain ul, #contactTelNum {
  text-indent: 400%; white-space: nowrap; overflow: hidden; }

#homeLogo a, #globalNav a, #toms1 a, #returnBT a, #topInfo a, .spDetailBT a, #RDTelNum, #contactTelNum, #BLBotNavi a {
 text-decoration: none; display: block; cursor: pointer; overflow: hidden; }

#globalNav a { overflow: visible; }

#globalNav .current { cursor: default; }

/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after {
  content: ""; clear: both; display: block; height: 0; }