@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700');

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px 2em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

html { 
  font-size: 62.5%; /*10px;*/
  height: 100%;
}
html.isSP{font-size: 110%;}
body {
  color: #333;
  background: #fff;
  font-size: 16px;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'Segoe UI', Arial, sans-serif;
  line-height:1;
  word-wrap: break-word;
  min-width: 900px;
}

/* !clearfix */
.clear { clear:both; margin: 0 0 -1px 0; font-size: 1px; line-height: 1px; height: 1px; }
.cfix:after { content : ''; display : block; clear : both; }

/* !Links */
a{color:#1a73e8; text-decoration:none;}
a:not([class]):link { color:#1a73e8;}
a:not([class]):visited { color:#1a73e8;}
a:not([class]):hover { color:#23418e;}
a:not([class]):active { color:#23418e;}

/* general */
img{vertical-align: middle;}
main img{max-width: 100%; vertical-align: middle;}
main a[target="_blank"]:not(.no-ico):after{content:''; display: inline-block; width: 16px; height: 16px; background: url(../images/ico_external.png) no-repeat; margin-left: 10px; vertical-align: middle;}
hr { display: none; }
dd{margin-left: 0;}
ul{list-style: none; padding: 0;}
ul.circle{list-style: none;}
ul.circle > li{position: relative; padding-left: 25px;}
ul.circle > li:before{content:''; display: inline-block; background: #999; width: 10px; height: 10px; border-radius: 100%; position: absolute; top: 0.5em; left: 0px;}
ul.circle.hasTitle > li{margin-bottom: 0.8em;}
ul.circle.hasTitle > li:before{top: 1rem;}
ul.circle .title{font-size: 20px;}
ul.divided + ul.divided{border-top: 1px solid #ddd; margin-top: 20px; padding-top: 20px;}
ul.nostyle{list-style: none;}
ul.circle-small{font-size: 100%;}
ul.circle-small > li{position: relative; margin-bottom: 0.25em; padding-left: 16px;}
ul.circle-small > li:before{content:''; display: inline-block; background: #666; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 0.6em; left: 0px;}
ul ul{font-size: 86%; margin: 0.5em;}
li{margin-bottom: 0.5em;}
table p{margin-top: 0;}
.flex{display: flex;}
.flex.type-alc{align-items: center;;}
.bg-e{background-color: #D6E4F1;}
.bg-g{background-color: #FAFAFA;}
.bg-w{background-color: #fff;}
.bg-g + .bg-g{background-color: #fff;}
.pageTitleArea{background: #5369B2; position: relative; box-shadow: 0 .5rem .25rem -.25rem rgba(0,0,0,.125);}
.pageTitle { font-size: 3.2rem; color: #fff; padding: 2.5rem 0; margin: 0; line-height: 1.3;}
main section ._inner{padding-top: 40px; padding-bottom: 40px;}
.box{padding: 30px; background: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
.box + .box{margin-top: 30px;}
.sectionTitle{font-size: 3rem; margin: 0 0 1em; padding-left: 25px; border-left: 5px solid #24418F; line-height: 1;}
.sectionTitle.notice{border-color: #FE7002;}
.sectionTitle.safe{border-color: #00A688;}
.sectionTitle.sub{border-color: #00b2ec;}
* + .sectionTitle{margin-top: 2em;}
main .sectionTitle ~ p,
main .sectionTitle ~ ul,
main .sectionTitle ~ dl,
main .sectionTitle ~ h3:not(.sectionTitle),
main .sectionTitle ~ table,
main .sectionTitle ~ div:not(.noindent){margin-left: 30px;}
main .sectionTitle ~ .noindent{margin-left: 0;}
main .sectionTitle ~ table.basicTB{margin-left: 30px; width: calc(100% - 30px);}
main #summary .sectionTitle ~ table,
main #summary .sectionTitle ~ div{margin-left: 0;}
main h3:not(:first-child){margin-top: 2em;}
main h3{color:#24418F; border-bottom: 3px solid #24418F; margin-bottom: 0.5em; padding-bottom: 3px; font-size: 2rem;}
.sectionBody{margin-left: 30px;}
.new{color: #fff; font-weight: bold; font-size: 1.2rem; font-family:'Roboto Condensed'; background: #fcbe00; display: inline-block; padding: 4px 1.4em 3px 1.5em; border-radius: 1em; letter-spacing: 0.1em; line-height: 1; margin-left: 10px; vertical-align: top;}
a.pdf{display: inline-block; padding-left: 30px; min-height: 25px; background: url(../images/ico_pdf.png) 0 50% no-repeat;}
.cols{display: flex;}
.cols:not(.wrap) > .col{flex: 1; margin-top: 30px;}
.cols:not(.wrap) > .col + .col{margin-left: 30px;}
.cols > .col > *:first-child{margin-top: 0;}
.cols > .col > *:last-child{margin-bottom: 0;}
.isSP .cols{display: block;}
.isSP .cols > .col{flex: 0; /*margin-top:0;*/}
.isSP .cols > .col + .col{margin-left: 0;}
.cols.wrap{flex-wrap: wrap;}
html:not(.isSP) .cols.has2cols > .col:nth-child(odd){width: 47.5%;margin-right: 2.5%;}
html:not(.isSP) .cols.has2cols > .col:nth-child(even){width: 47.5%;margin-left: 2.5%;}
.isSP .cols.has2cols > .col:nth-child(n + 2) { margin-top: 25px;}
html:not(.isSP) .cols.has2cols > .col:nth-child(n + 3) { margin-top: 25px;}
.box > .cols{margin-right: 30px;}
.box-round{background: #fff;border-radius: 10px;padding: 30px;}
.qrcode{display: flex; align-items: center;}
.qrcode .img:first-child{margin-right: 15px;}
.qrcode .img:last-child{margin-left: 15px;}

/* button */
.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:1rem 1.5rem;font-size:1.6rem;line-height:1.5;border-radius:.6rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: 0px 2px 0 #0956ba;}
.btn:focus,.btn:hover{text-decoration:none; box-shadow: none;}
.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}
.btn-general{background-color: #1a73e8; color: #fff;}
.btn-general:hover{background-color: #0956ba;}
.btn-arrow:after{content:'>';}
.btn-block{display: block;}
.btn-rss{color: #fff; background: #FE7002; box-shadow: 0px 2px 0 #c65600; font-size: 18px; font-family:'Roboto Condensed';line-height: 1; padding: 6px 20px 4px;}
.btn-rss:hover{background: #c65600;}
.btn-rss:before{content:''; background: url(../images/ico_feed.svg) no-repeat; display: inline-block;width: 16px; height: 16px; margin-right: 3px; vertical-align: top;}

/* layout */
._inner{max-width: 1280px; margin: auto;}
/*main ._inner{width: 900px;}*/

.wrapper { width: auto; margin: 0 auto;}
#header { padding: 20px 0 16px; margin: 0; position: relative; border-bottom: 15px solid #24418F;}
#header #siteID { float: left; width: calc(100% - 300px); min-height: 70px; margin: 0; overflow: hidden; padding: 10px 0 8px 80px; box-sizing: border-box; background: url(../images/symbol.png) no-repeat; background-size: 70px;}
#header .tagline { color:#999; display: block; font-weight: normal; font-size: 13px; margin: 7px 2px 0;}
#header #subMenues { list-style: none; float: right; font-size: 1.3rem; width: auto; margin: 0 0 22px; }
#header #subMenues li { float: left; margin: 0; padding: 0 10px; border-left: 1px solid #ddd; line-height: 1.2; }
#header #subMenues li.first { border: none; padding-left: 15px; background: url(../images/header_icon.gif) 0 50% no-repeat; }
#header #subMenues li img { margin: 0 3px 0 0; }
#header #subLogo { text-align: right; clear: right; margin: 0;}
#header a:link { color:#333;}
#header a:visited { color:#333;}
#header a:hover { color:#999;}
#header a:active { color:#999;}
.isSP #header #subMenues { display: none; }
.subnav{transition: -webkit-transform .2s;transition: transform .2s;}
.subnavTtl{font-size: 1.8rem; font-weight: bold; display: block; padding-left: 1.1em;text-indent: -1.1em;line-height: 1.3;}
.subnavTtl:before{content:''; display: inline-block; width: 0.8em; height: 0.8em; background: #999; border-radius:100%; margin: 0.2em 0.3em 0 0; vertical-align: top;}
.subCnavList{margin: 1em 0 0 1.5em;}
.subCnavList li{font-size: 1.5rem;}
ul.subCnavList > li:before{top: 0.3em;}
html:not(.isSP) .gnav{background: #3453a2; position: relative;}
html:not(.isSP) #goctop{display: none;}
html:not(.isSP) .gnavList{margin: 0; display: flex;}
html:not(.isSP) .gnavList > li {flex: 1; font-size: 18px; margin: 0;}
html:not(.isSP) .gnavList > li> a{color: #fff; font-weight: bold; padding: 16px 10px 30px; display: block; text-align: center; position: relative; }
html:not(.isSP) .gnavList > li > a:before{content:''; display: inline-block; width: 1px ; height: 20px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -10px; opacity: .1;}
html:not(.isSP) .gnavList > li > a:not(.dLink):after{content:''; display: inline-block; width: 5px ; height: 5px; border: 1px solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg); position: absolute; left: 50%; bottom: 12px; margin-left: -3px; opacity: .5;}
html:not(.isSP) .gnavList > li > a.dLink:after{content:'・'; display: inline-block; width: 5px ; height: 10px; position: absolute; left: 50%; bottom: 12px; margin-left: -10px; opacity: .3;}
html:not(.isSP) .gnavList > li > a:hover{background: #24418F;}
html:not(.isSP) .gnavList > li.isActive > a{color:#333; background: #FAFAFA;}
html:not(.isSP) .gnavList > li.isActive > a:before{content:none;}
html:not(.isSP) .gnavList > li.isActive > a:after{border-color: #333; opacity: .4;}
html:not(.isSP) .gnavList > li.isActive > .subnav{display: block;}
html:not(.isSP) .gnav .subnav{display: none; background: #FAFAFA; padding: 30px 0; width: 100%; z-index: +1; box-shadow: 0 0.5rem 0.25rem -0.25rem rgba(0,0,0,.125); position: absolute; left: 0;}
html:not(.isSP) .subnavList {margin: 0; display: flex; flex-wrap: wrap;}
html:not(.isSP) .subnavList > li{width: 20%; margin-bottom: 20px; padding: 0 15px;  box-sizing: border-box;}
.isSP :not(.isOpen) .gnav{display: none;}
.isSP .isOpen .gnav{display: block;}
.isSP .gnav{position: fixed; top: 0; width: 100%; height: 100%; background: #fafafa; z-index: 99;}
.isSP .gnav > ._inner{padding: 0 90px; height: 100%; overflow-y: scroll;}
.isSP #goctop{margin: 170px 0 30px;display: block;font-size: 2rem; font-weight: bold; color: #333; padding: 0.5em 0; background: url(../images/icn_arrow.png) 100% 50% no-repeat; background-size: 0.6em;}
.isSP .gnavList > li> a{color: #333; background: #fff; display: block; font-size: 2rem; font-weight: bold; border:1px solid #24418F; border-width: 1px 0; padding: 0.8em 1em;}
.isSP .gnavList > li> a:before, .isSP .gnavList > li> a:after{content:none;}
.isSP .gnav .subnav{padding: 2.5em;}
.isSP .subnavList > li{margin-bottom: 1em;}
.isSP .subCnavList{margin: 1em 0 3em 3em;}
.isSP #header #subLogo{padding: 30px 90px 0 0}
.isSP #spBtn {display: block;}
.isSP .isOpen  #spBtn {position: fixed;}
.isSP .isOpen  div#pagetop {position: fixed; width: 100%;}
#spBtn {position: absolute; top: 30px; right: 40px; z-index: 9999; display: none;}
#spBtn div {width: 60px;height: 70px;position: relative;}
#spBtn span {display: block;position: absolute;left: 0;height: 5px;width: 60px;background: #24418F;-webkit-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#spBtn span:nth-child(1) {top: 0px;}
#spBtn span:nth-child(2) {top: 18px;}
#spBtn span:nth-child(3) {top: 36px;}
.isOpen #spBtn span:nth-child(1) {top: 24px; transform: rotate(315deg);}
.isOpen #spBtn span:nth-child(2) {width: 0;left: 50%;}
.isOpen #spBtn span:nth-child(3) {top: 24px; transform: rotate(-315deg);}
body:not(.isOpen) #spBtn div:after {content:'MENU'; color: #24418F; position: absolute; bottom: 0; display: block;width: 100%;text-align: center;}
.isOpen #header #subMenues{display: block; font-size: 2rem; font-weight: bold; z-index: 998; position: absolute; top:0; left: 0; width: 100%; height: 140px; box-sizing: border-box; padding: 30px 40px 20px; background: #fff;  border-bottom: 15px solid #24418F;}
.isOpen #header #subMenues li { padding: 10px 25px; box-sizing: border-box; display: inline-block;}
.isOpen #header #subMenues li.first { background: none; border-right: 1px solid #ddd;padding-left: 0;}
.isOpen #header #subMenues .first a{background: url(../images/icn_return.png) 0 50% no-repeat; padding-left: 50px;}
.isOpen #header #subMenues .first a:after{ content:'へ戻る'; display: inline-block; }

#container { position: relative;}
main{font-size: 1.6rem; line-height: 1.6; padding-bottom: 1px;}
aside.sub{background:#fff; line-height: 1.6;}
.sub ._inner{max-width: 900px;}
.sub .about{color: #fff; background: #24418F; padding: 40px 25px 35px;}
.sub .about p{margin-bottom: 3rem;}
.sub .about .btn{font-size: 1.4rem;}
.sub .item{margin: 50px 25px;}
.sub ul{padding-left: 20px;}
.sub .kankuZenkokuTitle{font-size: 1.6rem;  font-weight: bold;}
.sub .kankuOtherTitle{font-size: 1.4rem;margin-bottom: 0;}
.sub .kankuList{display: inline-block; margin: 0.5em 0; padding: 0;}
.sub .kankuList li{display: inline-block; margin-right: 0.5em; padding-right: 0.5em; border-right: 1px solid #ddd;line-height: 1.3;}
.btn-wsg{display: block;background: #fff; border: 1px solid #23418e; border-radius: 8px; padding: 25px 15px; color: #23418e; text-align: center;}
.wsg-title{display: block; font-family:'Roboto Condensed';font-size: 36px; font-weight: 300; line-height: 1;}
.wsg-title strong{display: block; font-size: 110%;}
.wsg-sub{display: block; font-size: 1.2rem; font-weight: bold; margin: 10px 0;}
.wsg-copy{display: block; font-size: 1.4rem; color: #333;}
.btn-twitter{ display: block;background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 20px 30px 20px 90px; color: #333; font-weight: bold; font-size: 20px; position: relative;}
.btn-twitter:before{ content:'';display: inline-block; background: url(../images/ico_twitter.svg) no-repeat; background-size: 100% auto; width: 42px; height: 42px; position: absolute;left: 30px;top: 50%; margin-top:-20px;}
.btn-twitter strong{color: #00aced;}
body.single ._inner{ max-width: 900px; padding-left: 10px; padding-right: 10px;}
@media only screen and (min-width: 1300px) {
    /*main ._inner{ width: 1280px; padding-right: 380px; box-sizing: border-box;}
    aside.sub{width: 320px; position: absolute; top: 0; left: 50%; margin-left: 320px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
    .sub p{font-size: 1.4rem;}
    .sub .sectionTitle{font-size: 2.3rem; padding-left: 12px; line-height: 1.3;}
    .sub .about .btn{display: block;}
    .sub .about p:before{content:'';width: 100px; height: 100px; background: url(/common/images/symbol.png) no-repeat; background-size: contain; display:table; margin: 15px auto;}*/
}
@media only screen and (max-width: 1299px) {
    .wide-only{display: none;}
    ._inner{ max-width: 900px; padding-left: 10px; padding-right: 10px;}
    aside.sub {background: #FAFAFA;;}
    aside.sub .items {padding: 30px 0; }
    aside.sub .items .item{margin: 30px 0; }
  /*
    aside.sub .items {display: flex;flex-wrap: wrap; padding: 30px 0;}
    aside.sub .items .item{margin: 15px 0; width: calc((100% - 30px)/2); box-sizing: border-box; }
    aside.sub .items .item:nth-child(even){margin-left: 30px }
*/
    aside.sub .items .item:not([href]){ padding: 30px; background: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.1); border-radius: 10px;}
    .sub .about ._inner{box-sizing: border-box; padding-left: 30px;  padding-right: 350px; background: url(/common/images/symbol.png) 85% 50% no-repeat;}
    .sub .about .btn{width: 230px;}
    .wsg-title{font-size: 50px; }
    .wsg-title strong{display: inline-block; font-size: 105%; margin-left: 0.2em; }
}

dl.news {overflow: hidden; font-size: 1.5rem; margin-bottom: 0; }
dl.news dt{width: 11em; font-size: 1.3rem; margin-right: 1em; padding-top: 1px; float: left; clear: left;}
dl.news dt .time{color: #24418F; display: inline-block; margin: 0 0 0 10px;}
dl.news dd{margin: 0 0 0.25em; overflow: hidden;}

.news-more{color: #24418F; margin: 0.5em -30px -30px !important; padding: 1em;  font-size: 1.5rem; text-align: center; cursor: pointer;}
.news-more span:before{content:'';display: inline-block; width: 8px; height: 8px; margin-right: 5px; margin-top: -8px; vertical-align: middle; border:2px solid #24418F; border-width: 0 0 2px 2px; transform: rotate(-45deg);}
.news-count{font-size: 1.3rem; text-align: center; margin: 0;}

#safety .sectionTitle strong{ color: #004a89;}
.safetyBox{background: #5369B2; margin: 0 0 20px; display: flex;}
.safetyBox a:link,.safetyBox a:visited{color: #fff;}
.safetyBoxMenu{width: 45%; display: flex; align-items: center;}
.safetyBoxMenu ul.circle{ /*margin: 30px 40px;*/}
.safetyBoxMenu ul.circle > li{font-size: 2.4rem; margin-bottom: 0;}
.safetyBoxMenu ul.circle > li:before{background: #24418D;}
.safetyBoxMenu ul.circle ul li{font-size: 1.6rem;  margin-bottom: 1rem;}
.safetyBoxMap{width: 55%;}
.safetyBoxMap img{max-width: 100%;}
#safety .circle{margin-left: 40px;}
#safety .kankuZenkokuTitle{font-weight: bold;}
#safety .kankuList{font-size: inherit; margin: 0;}
#safety .kankuList li { display: inline-block; margin-right: 1em; padding-right: 1em; border-right: 1px solid #ddd; line-height: 1.3;}
#safety .kankuList li.current a { color: #999;}

/*
#infomations{background-color: #FAFAFA;}
#infomations ._inner{padding: 0 0 5px;}
*/

#kinkyu {}
#kinkyu h3 { margin: 0 0 10px; }
#kinkyu #rss { float: right; margin: -60px 0 0 0;}
#kinkyu .kinkyu { padding: 15px 0 25px 120px; position: relative; font-size: 108%; line-height: 20px; min-height: 20px; height:auto !important; height: 20px;}
#kinkyu .kinkyu + .kinkyu {border-top: 1px solid #ccc;}
#kinkyu .kinkyu .icn { position: absolute; top: 15px; left: 0; display: inline-block; margin: 0; padding: 5px; font-weight: bold; width: 90px; box-sizing: border-box; text-align: center;}
.icn_zenkoku { background: #D0D7F1; letter-spacing: 0.5em; padding: 5px 0 5px 0.5em; }
.icn_kanku {background: #DCE6F0; letter-spacing: 0.5em; padding: 5px 0 5px 0.5em; }
.icn_hoanbu {background: #CFEFE0; letter-spacing:0; padding: 5px;}
#kinkyu .kinkyu dl { position: relative; margin: 0;}
#kinkyu .kinkyu dl dt { position: absolute; top: 0; left: 0; padding: 4px 0;}
#kinkyu .kinkyu dl dd { margin-left: 0; padding: 4px 0 4px 11em;}
#kinkyu .kinkyu p { margin: 0; }
#kinkyu .kinkyu p.noRelease { padding: 4px 0; }
#kinkyu .kinkyu .numList { margin: 0; padding: 0; }
#kinkyu .tsunami { border: 2px solid red; margin: 0.7em 0; padding: 5px; text-align: center; background: #ffdbdb; font-weight: bold; color: red; font-size: 18px; line-height:1.3; margin-left: 30px;}
#kinkyu .tsunami a { color: red; text-decoration: underline; }
#kinkyu .kinkyu_noscript span { color: red; line-height: 20px; }
#kinkyu #kinkyuBtn{background:#F5F5F5; margin: 0 -30px -30px;}
#kinkyu #kinkyuBtn a{color: #999; display:block; padding:15px; text-align:center;}
#kinkyu #kinkyuBtn a span{background:url(../images/kinkyu_btn.gif) 100% 50% no-repeat; display:inline-block; padding-right: 18px; line-height:1.2; white-space: nowrap; }
#kinkyu #kinkyuBtn a.active span{background-image:url(../images/kinkyu_btn_on.gif);}
#kinkyu #kinkyuBtn a:hover {color:#5267e7;}
#kinkyu #kinkyuContent{} 
#kinkyu .box .cols{margin-right: 0;}
#kinkyu .box .col{margin-top: 0;}

.tab { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0;}
.tab li { flex: 1; display: block; font-size: 1.8rem; text-align: center; margin: 0; line-height: 1; max-width: 50%;}
.tab li + li{ margin-left: 15px;}
.tab li a { display: block; padding: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #dfdfdf; border-bottom:0;}
.tab li.active { font-weight: bold; background: #fff; margin-bottom: -1px; /* padding-top: 15px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #dfdfdf; border-bottom:0;*/}
.tab li.active a{ color:#333; padding-bottom: 0;}
.tab li.active span { display: inline-block; padding-bottom: 13px; border-bottom: 2px solid #23418e;}
.tab-body{box-sizing: border-box; padding: 30px 49px;background: #fff;border: 1px solid #dfdfdf;}
.tab-body.hide{visibility: hidden; height: 0; padding: 0px 50px; border: none; z-index: -1;}
.tab-body.hide .bb-pointer{display: none;}
.tab-body .tab-footer{background-color: #FAFAFA; margin: 0 -49px -30px; padding: 20px 10px; text-align: center;    border-top: 1px solid #dfdfdf;}
.tab-sub{background: #fff; margin: 0; padding: 30px 49px 0;list-style: none; border: 1px solid #dfdfdf;border-bottom: 0; text-align: center;}
.tab-sub li{display: inline-block; margin: 0;}
.tab-sub li + li{border-left: 1px solid #dfdfdf; padding-left: 20px; margin-left: 20px;}
.tab-sub li.active a{color: #333; font-weight: bold;}
.tab-sub + .tab-body{border-top: none; padding-top: 10px;}

#map {}
#map #lastupdate { font-size: 1.2rem; margin: 0 0 1em; text-align: right;}
#map #mapAPI {}
#map #exp { margin-top: -52px; position: relative; }
#map .tab, #map .tab-body{margin-left: 0;}
#map .tab-body p:first-child{margin-top: 0;}
.mapArea{position: relative; height: 800px;}

#arrowNav { font-size: 1.6rem;  margin: 20px 0;}
#arrowNav .btnPrev { float: left;}
#arrowNav .btnPrev a { padding-left: 45px; position: relative;  }
#arrowNav .btnNext { float: right;}
#arrowNav .btnNext a { padding-right: 45px; position: relative; }
#arrowNav .btnPrev a:before { content:''; display: inline-block; width: 30px; height: 30px; background: #f0f0f0; border-radius: 100%; vertical-align: middle; position: absolute; left: 0; top: 50%; margin-top: -15px;}
#arrowNav .btnNext a:before { content:''; display: inline-block; width: 30px; height: 30px; background: #f0f0f0; border-radius: 100%; vertical-align: middle; position: absolute; right: 0; top: 50%; margin-top: -15px;}
#arrowNav .btnPrev a:after { content:''; display: inline-block; width: 8px; height: 8px; border-top: solid 3px #666; border-right: solid 3px #666; vertical-align: middle; transform: rotate(225deg); position: absolute; left: 12px; top: 50%; margin-top: -6px;}
#arrowNav .btnNext a:after { content:''; display: inline-block; width: 8px; height: 8px; border-top: solid 3px #666; border-right: solid 3px #666; vertical-align: middle; transform: rotate(45deg); position: absolute; right: 12px; top: 50%; margin-top: -6px;}
.btnUpper { font-weight: bold; margin:0; text-align: center; }

html[lang="ja"] #kinkyu h2::before{ content:'Emergency Information'; color:#D6E4F1; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:34px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #infomations h2::before{ content:'Information'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #provided h2::before{ content:'Provided Information'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #others h2::before{ content:'Others'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #safety h2::before{ content:'Safety Information'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #summary h2::before{ content:'Summary'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="ja"] #map h2::before{ content:'Map Information'; color:#004a89; font-family:'Roboto Condensed'; float:right; font-weight:normal; font-size:30px; text-align: right; line-height: 1; display: block;}
html[lang="en"] .sectionTitle{font-family:'Roboto Condensed'; }

#links { padding: 0 20px; }
#links li { background: url(../images/bg_links.png) no-repeat; padding: 10px 9px 10px 10px; height: 78px; width: 237px; }
#links li { float: left; }

.btnBack { margin: 30px 0; position: relative;text-align: center; }
.btnBack a { background: url(../images/bg_icn_upper.gif) no-repeat left center; padding: 4px 0 4px 25px; font-weight: bold; margin: 0 0 0 15px; }

.section { padding: 0 20px 30px; }
.section h3 { margin: 0 0 10px; line-height: 1.2; }
.section .innerTtl { font-size: 133%; font-weight: bold; padding: 0 0 0 10px; border-left: solid 4px #647cb8; color: #1e3670; }
/*.indent { padding: 0 10px; }*/
#upper .section { padding: 0 0 30px; }
#upper .section h3 { margin: 0 0 10px; }
.indent p.notion {
    line-height: 1.3;
    margin: 0.3em 0;
}
.fix { table-layout: fixed; }


.generalTB {width: 100%; border-collapse: collapse; background: #fff; margin-top: 1em; margin-bottom: 1em;}
.generalTB th,
.generalTB td{ padding: 0.4em 15px; text-align: center; border: solid 1px #caced7; font-size: 1.5rem;}
.generalTB th{ padding: 0.3em 15px; background-color: #EAF5FB; font-weight: normal; }
.generalTB caption, .caption {padding: 0.5em 15px; background-color: #24418F; color: #fff; font-size: 1.8rem; font-weight: bold; border-color: #4662A3; text-align: center;}
.generalTB .parent th {background-color: #24418F; color: #fff; font-size: 1.8rem; font-weight: bold; border-color: #4662A3;}
.generalTB .parent th.light {background-color: #4662A3; }
.generalTB .parent th.lighter {background-color: #6B82B6; }
.generalTB td { font-weight: bold; font-size: 1.4rem; }
.generalTB tbody tr:nth-child(even) td { background-color: #F4F4F4; }
.generalTB + .generalTB, .sum + .generalTB{margin-top: 30px;}
.generalTB + #sum-choryu-choseki {margin-top: 30px;}
.generalTB + #sum-choryu-choseki .col{margin-top: 0;}
.generalTB.kisho{margin-top: 30px;}
.generalTB.choseki caption{background-color: #2DAEC1;}
.generalTB.choseki tbody td{font-size: 1.3rem; padding-left: 5px;padding-right: 5px;}
.generalTB.choseki tbody tr:nth-child(even) td{color: #23418e; background-repeat: no-repeat; background-size: 100% 100%;}
.generalTB.choseki tr.low-high td:nth-child(odd),
.generalTB.choseki tr.low-high-r td:nth-child(odd),
.generalTB.choseki tr.high-low td:nth-child(even),
.generalTB.choseki tr.high-low-r td:nth-child(even),
.generalTB.choseki tbody tr.low-high-r td:nth-child(6),
.generalTB.choseki tbody tr.low-high-r td:nth-child(8),
.generalTB.choseki tbody tr.high-low-r td:nth-child(5),
.generalTB.choseki tbody tr.high-low-r td:nth-child(7){background-image: url(../images/bg_tide_low.png); width: 56px;}
.generalTB.choseki tr.low-high td:nth-child(even),
.generalTB.choseki tr.low-high-r td:nth-child(even),
.generalTB.choseki tr.high-low td:nth-child(odd),
.generalTB.choseki tr.high-low-r td:nth-child(odd),
.generalTB.choseki tbody tr.low-high-r td:nth-child(5),
.generalTB.choseki tbody tr.low-high-r td:nth-child(7),
.generalTB.choseki tbody tr.high-low-r td:nth-child(6),
.generalTB.choseki tbody tr.high-low-r td:nth-child(8){background-image: url(../images/bg_tide_high.png); width: 56px;}
.generalTB.choseki tbody tr[class] td.nodata{background: #EAF9FF; width: 56px;}
.generalTB.keihou_chuihou caption{background-color: #FE7002;}
.generalTB.keihou_chuihou th{ background-color: #FCF3EE;}
.generalTB.keihou_chuihou td{ text-align: left; padding: 0.7em 20px; font-weight: normal;}
.generalTB.keihou_chuihou td:first-child{font-weight: bold;}
.isPC .generalTB.keihou_chuihou td:first-child{ width: 18%;}
.keihou_special, .keihou, .chuihou{display: inline-block; padding: 5px 12px; margin-right: 10px; color: #fff; background:#FE7002; line-height: 1; font-size: 1.3rem;}
.notyet{text-align: center;margin: 2em 0;}


.basicTB { width: 100%; border-collapse: collapse; background: #fff; margin-top: 1em; margin-bottom: 1em;}
.basicTB th,
.basicTB td { padding: 8px 15px; text-align: center; font-weight: bold; /*font-size: 117%;*/ border: solid 1px #caced7; }
.basicTB th { font-size: 100%; white-space: nowrap;  background: #fafafa;}
.basicTB .gray { background: #fafafa; }
.basicTB .normal { font-weight: normal; color: #000!important; }
.basicTB .color01 th,
.basicTB .color01 td { background: #fffbee; color: #7f4024; }
.basicTB .color02 th,
.basicTB .color02 td { background: #f3fbff; color: #24557f; }
.basicTB .area { font-size: 133%; font-weight: bold; text-align: left;  }
.basicTB .blue { background: #f4fafd; }
.basicTB .green { background: #f7fcf0; }
.basicTB .yellow { background: #fefded; }
.basicTB .orange { background: #fffbed; }
.basicTB .blueGray { background: #e6eff1; }
.basicTB .greenGray { background: #e4ebdc; }
.basicTB .yellowGray { background: #ecebd7; }
.basicTB .orangeGray { background: #ede8d7; }
.basicTB span.keihou_special { display: block; background: #c800ff; color: #fff; padding: 5px 10px 4px; margin: 0 10px 0 0; float: left; }
.basicTB span.keihou { display: block; background: #e60012; color: #fff; padding: 5px 10px 4px; margin: 0 10px 0 0; float: left; }
.basicTB span.chuihou { display: block; background: #e6bd00; color: #fff; padding: 5px 10px 4px; margin: 0 10px 0 0; float: left; }
.basicTB span.addition{ color: #333; font-weight: bold; margin-left: 5px;}
.basicTB span.none { display: block; background: none;  padding: 5px 10px; float: left; height: 1em; }
.basicTB .text { font-weight: normal; text-align: left; line-height: 1.4; }
.basicTB .text p { margin: 0 0 1em; }
.basicTB span.ext { font-weight: normal; font-size: 83%; }

/* detailpage */
#upper.detail { background: url(../images/bg_detail.gif) repeat-x left bottom; }
#genkyoDetail .sectionTitle { position: relative; }
#genkyoDetail .sectionTitle span { position: absolute; top: 11px; right: 0; font-size: 1.6rem; font-weight: normal; }
#genkyoDetail #graph { background: #fff; border: solid 1px #caced7; margin: 0 0 30px; padding: 15px; text-align: center;}
#genkyoDetail #graph img { width: 350px; margin: 15px;}
#genkyoDetail .basicTB { margin: 0 0 20px; }
#genkyoDetail .basicTB td { color: #1e3670; }
#toLiveCamera { position: relative; }
#toLiveCamera h3 { margin: 0; min-height: 70px;}
#toLiveCamera table { margin: -45px auto 45px; position: relative; }
#toLiveCamera td { padding: 0 20px;}
#toLiveCamera td a { background: url(../images/bg_icn_arrow.png) no-repeat left center; line-height: 14px; padding: 0 0 0 18px; }

.borderBox { border: solid 4px #caced7; background: #fefaec; padding: 20px 30px 15px; }
.borderBox li { margin: 0 0 5px; }
.borderBox li a { background: url(../images/bg_arrow_bullet.gif) no-repeat 0 0px; padding: 0 0 0 18px; display: block; min-height: 14px; _height: 14px; line-height: 1.4; }
.borderBox li img { margin: 5px 0; }

#liveCam { margin: 0 auto 30px; text-align: center; }
#liveCam #liveNote { margin: 20px 50px; border: 2px solid #caced7; text-align: left; padding: 15px 15px 0px 15px; line-height: 1.6; }
#liveCam #liveNote p { margin: 0 0 1em; }

#ajax .ttl { margin: 0 -3px 20px; width: 776px; zoom: 1; }
#ajax h4 { clear: both; background: #f2f7fd; border: 1px solid #bcc2ce; padding: 6px 20px 4px 10px; margin: 0 0 15px; line-height: 1.2; }
#ajax ol,
#ajax .list { padding: 0 0 20px 2.5em; }
#ajax ol li { list-style: decimal; zoom: normal; }
#ajax .list li { list-style: disc; vertical-align: top; }
#ajax ul { padding: 0 0 20px 12px; }
#ajax .link li { background: url(../images/bg_arrow_bullet.gif) no-repeat left center; padding: 2px 0 2px 20px; }
#ajax .file li { background: url(../images/file.png) no-repeat left center; padding: 2px 0 2px 20px; }
#ajax li { margin: 0 0 10px; line-height: 1.2; }
#ajax li a {}
#ajax p { margin: 0 0 20px; line-height: 1.6; clear: both; }
#ajax p img { border: 2px solid #eee; }
#ajax .zoom { float: left; display: block; position: relative; }
#ajax .zoom .icon { position: absolute; right: 0; bottom: 0;}
/* #ajax h4 { border-left: 4px solid #1e3670; padding: 4px 5px 2px; margin: 0 32px 10px;} */
#ajax p { /zoom : 1; }
#ajax p:after { content : ''; display : block; clear : both; }
#ajax p.cap { margin: -15px 30px 20px; }
#ajax .basicTB { width: 100%; border-collapse: collapse; background: #fff; margin: 0 auto 20px; }
#ajax .basicTB th,
#ajax .basicTB td { padding: 8px 15px; text-align: left; border: solid 1px #caced7; font-size: 1em; font-weight: normal; }
#ajax .basicTB th { text-align: center; white-space: nowrap; font-weight: bold; background: #fafafa;}

/* #container p { margin: 0 0 1em;} */
#footer { margin: 0; padding: 25px 0; text-align: right; border-top: 1px solid #23418e; /*position: relative;*/}
#footer address { font-style: normal; font-size: 1.3rem; padding: 10px 80px 10px 10px; background: url(../images/logo_jcg.png) 100% 50% no-repeat;}

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


.pendding { border: 1px solid #efefef; background: #f9f8f3; padding: 10px; }

.basicTable { border: 1px solid #ccc; table-layout: fixed; width: 100%; border-collapse: collapse; }
.basicTable th,
.basicTable td { border: 1px solid #ccc; padding: 5px;}

#anzen { margin: 0 0 40px; padding: 0 30px;}
#anzen h3 { margin: 0 0 10px; }
/*
#anzen .anzen { padding: 5px 0 5px 80px; position: relative;}
#anzen .anzen .icn { position: absolute; top: 9px; left: 0; }
#anzen .anzen dl { position: relative;}
#anzen .anzen dl dt { position: absolute; top: 0; left: 0; padding: 4px 0;}
#anzen .anzen dl dd { padding: 4px 0 4px 10em;}
#anzen .anzen p.noRelease { padding: 4px 0; }
*/
#anzen .anzen { padding: 15px 0 25px 120px; position: relative; font-size: 108%; line-height: 20px; min-height: 20px; height:auto !important; height: 20px;}
#anzen .anzen + .anzen {border-top: 1px solid #ccc;}
#anzen .anzen .icn { position: absolute; top: 15px; left: 0; display: inline-block; margin: 0; padding: 5px; font-weight: bold; width: 90px; box-sizing: border-box; text-align: center;}
#anzen .anzen dl { position: relative; margin: 0;}
#anzen .anzen dl dt { position: absolute; top: 0; left: 0; padding: 4px 0;}
#anzen .anzen dl dd { margin-left: 0; padding: 4px 0 4px 11em;}
#anzen .anzen p { margin: 0; }
#anzen .anzen p.noRelease { padding: 4px 0; }
#anzen .anzen p.noRelease2 { padding: 4px 0; }
#anzen .anzen .numList { margin: 0; padding: 0; }
#anzen #zenkoku {}
#anzen #kanku_anzen { border-top: 1px dotted #ccc; }
#anzen #hoanbu_anzen {border-top: 1px dotted #ccc;}


/* Bubble Popup */
.bTitle { font-size: 14px; text-align: center; margin: 0 0 2px; line-height:1.3; }
.bTB { min-width: 180px !important; margin: 0; background: #46529f; overflow: hidden;}
.bTB-solo { width: calc((100% - 5px)/2) !important; box-sizing: border-box; background: #46529f; clear: both; margin: 0;}
.bDate{font-size: 12px; font-weight: normal; margin: 5px;}
.bTB dt,.bTB-solo dt { padding: 4px; background: #d7d7d7; font-size: 10px; text-align: center; color: #000; margin: 3px 0 3px; }
.bTB dt.bub-en,.bTB-solo dt.bub-en { height: 2em; }
.bTB dd,.bTB-solo dd { background: #fff !important; padding: 4px !important; font-size: 12px; font-weight: bold; text-align: center; color: #000; }
.bTB .left { width: calc((100% - 5px)/2); box-sizing: border-box;float: left; }
.bTB .right { width: calc((100% - 5px)/2); box-sizing: border-box; float: right; }
.bTB-solo .left{float: none;}
.bTB-triplex {margin: 0; width: calc((100% - 10px)/3); float: left;}
.bTB-triplex + .bTB-triplex{margin-left: 5px;}
.bContent { width: 180px; background: #fff; color: #000; padding: 4px; text-align:left; line-height:1.3;}
.jquerybubblepopup-innerHtml { background: #46529f !important; }
.jquerybubblepopup-innerHtml a:link,
.jquerybubblepopup-innerHtml a:visited {
	display: block;
	padding: 3px 0;
	color: #ffffff;
	text-decoration: underline;
	}
	.jquerybubblepopup-innerHtml a:hover {
	text-decoration: none;
	}
.jquerybubblepopup-innerHtml ul{ margin: 0; font-size: 1.2rem;}
.jquerybubblepopup-innerHtml ul li{ margin: 0; }
.jquerybubblepopup-innerHtml .bContent a{
	color: #354AC7;
	text-decoration:none;
	display: inline;
		vertical-align:middle\9; /* IE8 and below */
		margin-top:-2px\9; /* IE8 and below */
	}
	.jquerybubblepopup-innerHtml .bContent a:link, 
	.jquerybubblepopup-innerHtml .bContent a:visited { color: #354AC7;}
	.jquerybubblepopup-innerHtml .bContent a:hover,
	.jquerybubblepopup-innerHtml .bContent a:active { color: #5267e7;}

/* Bubble Popup SP-menu hide  */
.isSP .isOpen .jquerybubblepopup{display: none !important;}

.tatsumaki-popup-head{
	font-size: 14px;
	margin: 5px;
	line-height: 1.3;
}
.tatsumaki-popup-ul{
	margin: 5px;
	list-style: default;
	list-style-type: disc;
}
.tatsumaki-popup-ul li{
	list-style: default;
	list-style-type: disc;
	margin-left: 20px;
}
.tatsumaki-chuijoho{
	margin: 0 30px 30px;
	padding: 15px 20px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 3px solid #FF6E01;
}
.tatsumaki-chuijoho-title{
	color: #FF6E01;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
}
.tatsumaki-chuijoho-title{
	color: #FF6E01;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 10px;
}
.tatsumaki-chuijoho-item{
	display: list-item;
	margin-left: 20px;
}

#mapAPI ul{ display: none; }
	
#mapAPI .mapPrepareMessage {
	position: absolute;
	z-index: 10000;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border: 3px solid #f00;
	padding: 10px;
	display: inline-table;
	line-height: 1.4;
}
#mapAPI div a {
	cursor:pointer;
}
.seeother {
	border: 2px solid #ddd;
	padding: 10px;
	background: #f9f9f9;
	line-height: 1.5;
	font-size: 12px;
	color: #666;
}



ul.numList li{
	margin: 4px 1em 4px 0;
	display:inline-block;
}
/*
.twocolumn{
	overflow:hidden;
	margin-bottom:20px;
}
.twocolumn .section{
	width: 370px;
	float:left;
	padding-right: 10px;
}
*/

#kisyouGenkyo{
	position: relative;
}
#kisyouDate{
	margin-top: -1em;
	text-align:right;
	line-height:1.3;
}

#kisyouGenkyo a{line-height:1.3;}

table#kishoInfo              {border-right:1px solid #CACED7;}

.nodata{
	color : #f00;
	font-size: 1.6em;
	margin: 15px 0;
	padding: 80px 15px;
	text-align: center;
	border: solid 1px #CACED7;
	background: #f6f6f6;
	line-height:1.2;
}


/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;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{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.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:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;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-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;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,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.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,0.6);border:0;background:none;outline:none;-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-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;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,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}

.lity{background: rgba(0,0,0,0.5)}
.lity-close{transition: opacity .3s ease; opacity: 0;}
.lity-opened .lity-close{position: absolute;background:#24418F; opacity: 1;}
#aboutText{background: #fff;padding: 50px;max-width: 600px;}
#aboutText p{line-height: 1.6;}

/*footable*/
.footable-toggle{
	font-weight: bold;
	padding-right: 5px;
/*	font-family: 'footable';*/
}
.footable-toggle:before{
	content: "\e000";
	content: "＋";
}
.footable-detail-show .footable-toggle:before{
	content: "－";
}
.footable-row-detail-inner{
	padding: 10px;
	display: table;
	margin: 0 auto;
}
.footable-row-detail-row{
	display: table-row;

}
.footable-row-detail-name{
	font-weight: normal;
		display: table-cell;
	text-align: left;
	padding: 2px 5px;
}
.footable-row-detail-value{
		display: table-cell;
		text-align: left;
	padding: 2px 5px;
}

/* Add Martis style - 2023-01-31 */
.martisguide {
	background-color: #ffffff;
	border: solid thin #e4e4e4;
	border-radius: 6px;
	position: relative;
	float: right;
	margin-left: 15px;
	margin-top: 15px;
	right: 0;
	padding: 0.5em 0.5em 0 1.0em;
	font-size: 1.3rem;
}
.martisguide div {
	margin-left: -1em;
}

.martisguide ul {
	margin-top: 0em;
	margin-bottom:0em;
}

.martisguide ul li:before{
    width: 7px;
    height: 7px;
}

.martisguide ul li {
	margin-top:0em;
	margin-bottom:0em;
	padding-left: 20px;
}

.martisSectionTitle {
    margin-top: 0.5em;
    margin: 0 0 0.5em;
}

/* G-Navi Japanese-English Parallel Text - 2024-03-12 */
html:not(.isSP) .gnavList > li > a > span {
  display: block;
}

html:not(.isSP) .gnavList > li > a > span:nth-child(2) {
  margin-top: 0.5em;
  color: #ccc;
  font-size: 0.8em;
}

html:not(.isSP) .gnavList > li.isActive > a > span:nth-child(2) {
  color: #999;
}

.subnavTtl > span:nth-child(2),
.subnavTtl > a > span:nth-child(2) {
  display: block;
  padding-left: 1.1em;
  color: #999;
  font-size: 0.8em;
  padding-left: 0;
  text-indent: 0;
}

.subCnavList {
  text-indent: 0;
  margin-left: 0;
}

.subCnavList > li > a > span {
  display: block;
}

.subCnavList > li > a > span:nth-child(2) {
  color: #999;
  font-size: 0.8em;
}

/* Smartphone */
.isSP .subCnavList {
  margin-left: 0;
}

.isSP .gnavList > li> a span:nth-child(2) {
  display: block;
  margin-top: 0.5em;
  color: #999;
  font-size: 0.8em;
}


ul.subCnavList > li:before {
  top: 0.6em;
}