@charset "UTF-8";

/*!
* creseed-metromus v3.3.7-1
* Website (http://www.creseed.jp/)
* Copyright 2016 CRESEED Corp.
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under the MIT license
*/

@import url('https://fonts.googleapis.com/css?family=Istok+Web|Roboto|Roboto+Condensed');
body {}

.theme-dropdown .dropdown-menu {
 position: static;
 display: block;
 margin-bottom: 20px;
}

.theme-showcase>p>.btn {
 margin: 5px 0;
 outline: none;
}

.theme-showcase .navbar .container {
 width: auto;
}

.wrap {
 overflow: hidden !important;
}


/* print
------------------------------*/

@media print {
 /* URL delete */
 a[href]:after {
  content: "" !important;
 }
 abbr[title]:after {
  content: "" !important;
 }
 body {
  width: 100%;
 }
 .container {
  width: 100%;
 }
}

@media print {
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12 {
  float: left;
 }
 .col-sm-12 {
  width: 100%;
 }
 .col-sm-11 {
  width: 91.66666667%;
 }
 .col-sm-10 {
  width: 83.33333333%;
 }
 .col-sm-9 {
  width: 75%;
 }
 .col-sm-8 {
  width: 66.66666667%;
 }
 .col-sm-7 {
  width: 58.33333333%;
 }
 .col-sm-6 {
  width: 50%;
 }
 .col-sm-5 {
  width: 41.66666667%;
 }
 .col-sm-4 {
  width: 33.33333333%;
 }
 .col-sm-3 {
  width: 25%;
 }
 .col-sm-2 {
  width: 16.66666667%;
 }
 .col-sm-1 {
  width: 8.33333333%;
 }
 .col-sm-pull-12 {
  right: 100%;
 }
 .col-sm-pull-11 {
  right: 91.66666667%;
 }
 .col-sm-pull-10 {
  right: 83.33333333%;
 }
 .col-sm-pull-9 {
  right: 75%;
 }
 .col-sm-pull-8 {
  right: 66.66666667%;
 }
 .col-sm-pull-7 {
  right: 58.33333333%;
 }
 .col-sm-pull-6 {
  right: 50%;
 }
 .col-sm-pull-5 {
  right: 41.66666667%;
 }
 .col-sm-pull-4 {
  right: 33.33333333%;
 }
 .col-sm-pull-3 {
  right: 25%;
 }
 .col-sm-pull-2 {
  right: 16.66666667%;
 }
 .col-sm-pull-1 {
  right: 8.33333333%;
 }
 .col-sm-pull-0 {
  right: auto;
 }
 .col-sm-push-12 {
  left: 100%;
 }
 .col-sm-push-11 {
  left: 91.66666667%;
 }
 .col-sm-push-10 {
  left: 83.33333333%;
 }
 .col-sm-push-9 {
  left: 75%;
 }
 .col-sm-push-8 {
  left: 66.66666667%;
 }
 .col-sm-push-7 {
  left: 58.33333333%;
 }
 .col-sm-push-6 {
  left: 50%;
 }
 .col-sm-push-5 {
  left: 41.66666667%;
 }
 .col-sm-push-4 {
  left: 33.33333333%;
 }
 .col-sm-push-3 {
  left: 25%;
 }
 .col-sm-push-2 {
  left: 16.66666667%;
 }
 .col-sm-push-1 {
  left: 8.33333333%;
 }
 .col-sm-push-0 {
  left: auto;
 }
 .col-sm-offset-12 {
  margin-left: 100%;
 }
 .col-sm-offset-11 {
  margin-left: 91.66666667%;
 }
 .col-sm-offset-10 {
  margin-left: 83.33333333%;
 }
 .col-sm-offset-9 {
  margin-left: 75%;
 }
 .col-sm-offset-8 {
  margin-left: 66.66666667%;
 }
 .col-sm-offset-7 {
  margin-left: 58.33333333%;
 }
 .col-sm-offset-6 {
  margin-left: 50%;
 }
 .col-sm-offset-5 {
  margin-left: 41.66666667%;
 }
 .col-sm-offset-4 {
  margin-left: 33.33333333%;
 }
 .col-sm-offset-3 {
  margin-left: 25%;
 }
 .col-sm-offset-2 {
  margin-left: 16.66666667%;
 }
 .col-sm-offset-1 {
  margin-left: 8.33333333%;
 }
 .col-sm-offset-0 {
  margin-left: 0%;
 }
 .visible-xs {
  display: none !important;
 }
 .hidden-xs {
  display: block !important;
 }
 table.hidden-xs {
  display: table;
 }
 tr.hidden-xs {
  display: table-row !important;
 }
 th.hidden-xs,
 td.hidden-xs {
  display: table-cell !important;
 }
 .hidden-xs.hidden-print {
  display: none !important;
 }
 .hidden-sm {
  display: none !important;
 }
 .visible-sm {
  display: block !important;
 }
 table.visible-sm {
  display: table;
 }
 tr.visible-sm {
  display: table-row !important;
 }
 th.visible-sm,
 td.visible-sm {
  display: table-cell !important;
 }
}


/* font
------------------------------*/

html {
 font-size: 62.5%;
}

body {
 font-family: "Roboto", "sans-serif", "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 1.5;
 color: #111;
 background-color: #fff;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
 margin-top: 20px;
 margin-top: 2.0rem;
 margin-bottom: 10px;
 margin-bottom: 1.0rem;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
 margin-top: 10px;
 margin-top: 1.0rem;
 margin-bottom: 10px;
 margin-bottom: 1.0rem;
}

h1,
.h1 {
 font-size: 26px;
 font-size: 2.6rem !important;
}

h2,
.h2 {
 font-size: 24px;
 font-size: 2.4rem !important;
}

h3,
.h3 {
 font-size: 22px;
 font-size: 2.2rem !important;
}

h4,
.h4 {
 font-size: 20px;
 font-size: 2.0rem !important;
}

h5,
.h5 {
 font-size: 18px;
 font-size: 1.8rem !important;
}

h6,
.h6 {
 font-size: 16px;
 font-size: 1.6rem !important;
}

p,
dt,
dd,
li {
 font-weight: inherit;
 line-height: 1.5;
 letter-spacing: .08rem;
}

address {
 font-size: 14px;
 font-size: 1.4rem;
 font-weight: 500;
 margin-bottom: 0;
}

small {
 font-size: 13px;
 font-size: 1.3rem;
 font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-family: inherit;
 font-weight: 500;
 line-height: inherit;
 color: inherit;
 margin: 0;
}

p,
ul,
dl {
 margin: 0;
}

.fwb {
 font-weight: bold;
}

p {
 /* テキスト改行後、行間が詰まる際の調整*/
 margin-bottom: 12px;
 margin-bottom: 1.2rem;
 /* テキストの両端そろえ */
 text-align: justify;
 text-justify: inter-ideograph;
}

p.nonBtm {
 margin-bottom: 0;
 margin-bottom: 0;
}

p.endLine,
ul.endLine,
dl.endLine {
 /* テキスト終了後、行末が詰まる際の調整 */
 margin-bottom: 40px !important;
 margin-bottom: 4.0rem !important;
}

.endLine .table {
 margin-bottom: 50px !important;
 margin-bottom: 5.0rem !important;
}

p.indent {
 /* テキスト開始時に一文字インデント */
 text-indent: 1.0em;
}

.pcap {
 /* 単語の先頭文字だけ大文字に変換 */
 text-transform: capitalize;
}

.pup {
 /* すべての文字列を大文字に変換 */
 text-transform: uppercase;
}

.plow {
 /* すべての文字列を小文字に変換 */
 text-transform: lowercase;
}

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

*:focus {
 outline: none;
}


/* font google-webfont
------------------------------*/

#headerInner,
#sidr-right,
#contFrame .cmnFrame .cmnFrame-head {
 font-family: 'Roboto Condensed', sans-serif;
}

#footerInner {
 font-family: 'Roboto', sans-serif;
}


/* icon font
------------------------------*/

.fa-home {
 padding-right: 10px;
}

p a i {
 position: relative;
}

p a i.fa-angle-right {
 position: relative;
 /*left: -8px;*/
}

table.side-table tbody tr td,
a.link,
a.link-pdf,
a.link-excel,
a.link-blankBU,
a.link-blankWT {
 padding-left: 22px;
}

table.side-table tbody tr.link-pdf td {
 padding-left: 32px;
}

dl.ltr-navi dd a.link-pdf {
 padding-left: 28px;
}

table.side-table tbody tr td,
table.side-table tbody tr.link-pdf td,
dl.ltr-navi dd a,
a.link,
a.link-pdf,
a.link-excel,
ul.ltr-toc li,
.panelCMN .panel-tit a {
 position: relative;
}

table.side-table tbody tr td:before,
table.side-table tbody tr.link-pdf td:before,
dl.ltr-navi dd a:before,
a.link:before,
a.link-pdf:before,
a.link-excel:before,
ul.ltr-toc li:before,
.panelCMN .panel-tit a:before {
 font-family: 'FontAwesome';
 position: absolute;
 top: 50%;
 margin-top: -13px;
}

table.side-table tbody tr td:before {
 content: '\f105';
 left: 10px;
 color: #0166b6;
}

table.side-table.side-goukaku tbody tr td:before {
 color: #fff;
 text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
}

a.link:before {
 content: '\f105';
 left: 5px;
 color: #0166b6;
}

dl.ltr-navi dd a:before {
 content: '\f105';
 left: 7px;
 color: #0166b6;
 margin-top: -14px;
}

table.side-table tbody tr.link-pdf td:before {
 content: '\f1c1';
 left: 10px;
 color: #e90000;
}

a.link-pdf:before {
 content: '\f1c1';
 left: 0;
 color: #e90000;
}

dl.ltr-navi dd a.link-pdf:before {
 content: '\f1c1';
 color: #e90000;
}

a.link-excel:before {
 content: '\f1c3';
 left: 0;
 color: #328438;
}

ul.ltr-toc li:before {
 content: '\f192';
 left: 0;
 color: #246cc0;
}

.panelCMN .panel-tit a:before {
 content: '\f0fe';
 right: 15px;
 color: #246cc0;
}


/* link
------------------------------*/

a {
 font-size: inherit;
 font-weight: inherit;
 color: #204b7d;
 display: block;
}

a:hover {
 color: #00203A;
 text-decoration: underline;
 display: block;
}

a:active,
a:visited {
 text-decoration: none;
}

a.non-block {
 display: inline;
}

#headerInner a:hover,
#footerInner a:hover,
#contFrame a:hover {
 text-decoration: none;
}

#cntRW01 #brdcrmb a {
 color: #204b7d;
 font-weight: bold;
 opacity: 1.0;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
}

#cntRW01 .cntBX01 a {
 color: #337ab7;
 font-weight: bold;
 opacity: 1.0;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
}

#cntRW01 #brdcrmb a:hover,
#cntRW01 .cntBX01 a:hover {
 opacity: .5;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 transition: all .2s;
}


/* border-radius
------------------------------*/

.brs12 {
 border-radius: 12px;
 border-radius: 1.2rem;
}

.brs10 {
 border-radius: 10px;
 border-radius: 1.0rem;
}

.brs08 {
 border-radius: 8px;
 border-radius: .8rem;
}

.brs06 {
 border-radius: 6px;
 border-radius: .6rem;
}

.brs04 {
 border-radius: 4px;
 border-radius: .4rem;
}

.brsT10 {
 border-radius: 10px 10px 0 0 / 10px 10px 0 0 !important;
 border-radius: 1.0rem 1.0rem 0 0 / 1.0rem 1.0rem 0 0 !important;
}

.brsT12 {
 border-radius: 12px 12px 0 0 / 12px 12px 0 0 !important;
 border-radius: 1.2rem 1.2rem 0 0 / 1.2rem 1.2rem 0 0 !important;
}

.brsT06 {
 border-radius: 6px 6px 0 0 / 6px 6px 0 0 !important;
 border-radius: .6rem .6rem 0 0 / .6rem .6rem 0 0 !important;
}

.brsT04 {
 border-radius: 4px 4px 0 0 / 4px 4px 0 0 !important;
 border-radius: .4rem .4rem 0 0 / .4rem .4rem 0 0 !important;
}

.brsR04 {
 border-radius: 0 4px 4px 0 / 0 4px 4px 0 !important;
 border-radius: 0 .4rem .4rem 0 / 0 .4rem .4rem 0 !important;
}

.brsL04 {
 border-radius: 4px 0 0 4px / 4px 0 0 4px !important;
 border-radius: .4rem 0 0 .4rem / .4rem 0 0 .4rem !important;
}


/* box-shadow
------------------------------*/

.bxs {
 -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}

.bxsInset {
 -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2);
 box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2);
}

.bxs01 {
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
 box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}

.bxs01Inset {
 -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .7);
 box-shadow: inset 0 2px 5px rgba(0, 0, 0, .7);
}


/* box-shadow effect */

.bxsEF01 {
 -webkit-box-shadow: 0 10px 6px -8px rgba(0, 0, 0, .6);
 box-shadow: 0 10px 6px -8px rgba(0, 0, 0, .6);
}

.bxsEF06 {
 position: relative;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 0 40px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 1px 3px rgba(0, 0, 0, .5), 0 0 40px rgba(0, 0, 0, .1) inset;
}

.bxsEF06:before,
.bxsEF06:after {
 content: "";
 position: absolute;
 z-index: -1;
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 top: 50%;
 bottom: 0;
 left: 10px;
 right: 10px;
 border-radius: 100px / 10px;
}

.bxsEF07 {
 position: relative;
 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
}

.bxsEF07:before,
.bxsEF07:after {
 content: "";
 position: absolute;
 z-index: -1;
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 top: 0;
 bottom: 0;
 left: 10px;
 right: 10px;
 border-radius: 100px / 10px;
}

.bxsEF07:after {
 right: 10px;
 left: auto;
 transform: skew(8deg) rotate(3deg);
}

.bxsEF08 {
 position: relative;
 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
 box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
}

.bxsEF08:before,
.bxsEF08:after {
 content: "";
 position: absolute;
 z-index: -1;
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 box-shadow: 0 0 20px rgba(0, 0, 0, .8);
 top: 10px;
 bottom: 10px;
 left: 0;
 right: 0;
 border-radius: 100px / 10px;
}

.bxsEF08:after {
 right: 10px;
 left: auto;
 transform: skew(8deg) rotate(3deg);
}


/* box-shadow body */


/*body:before {
 position: fixed;
 top: -10px;
 left: 0;
 z-index: 1000;
 content: '';
 width: 100%;
 height: 10px;
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
 box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}*/


/* margin
------------------------------*/

.mg-none {
 margin: 0 !important;
}

.mgt60 {
 margin-top: 60px !important;
}

.mgt50 {
 margin-top: 50px !important;
}

.mgt40 {
 margin-top: 40px !important;
}

.mgt30 {
 margin-top: 30px !important;
}

.mgt25 {
 margin-top: 25px !important;
}

.mgt20 {
 margin-top: 20px !important;
}

.mgt15 {
 margin-top: 15px !important;
}

.mgt10 {
 margin-top: 10px !important;
}

.mgt05 {
 margin-top: 5px !important;
}

.mgt00 {
 margin-top: 0 !important;
}

.mgb60 {
 margin-bottom: 60px !important;
}

.mgb50 {
 margin-bottom: 50px !important;
}

.mgb40 {
 margin-bottom: 40px !important;
}

.mgb30 {
 margin-bottom: 30px !important;
}

.mgb25 {
 margin-bottom: 25px !important;
}

.mgb20 {
 margin-bottom: 20px !important;
}

.mgb15 {
 margin-bottom: 15px !important;
}

.mgb10 {
 margin-bottom: 10px !important;
}

.mgb05 {
 margin-bottom: 5px !important;
}

.mgb00 {
 margin-bottom: 0 !important;
}


/* padding
------------------------------*/

.pd20 {
 padding: 20px !important;
}

.pd15 {
 padding: 15px !important;
}

.pd10 {
 padding: 10px !important;
}

.pd05 {
 padding: 5px !important;
}

.pd00 {
 padding: 0 !important;
}

.pdt20 {
 padding-top: 20px !important;
}

.pdt15 {
 padding-top: 15px !important;
}

.pdt10 {
 padding-top: 10px !important;
}

.pdt05 {
 padding-top: 5px !important;
}

.pdb20 {
 padding-bottom: 20px !important;
}

.pdb15 {
 padding-bottom: 15px !important;
}

.pdb10 {
 padding-bottom: 10px !important;
}

.pdb05 {
 padding-bottom: 5px !important;
}


/* low
------------------------------*/

.row-40 {
 margin-left: -20px;
 margin-right: -20px;
}

.row-40>div {
 padding-right: 20px;
 padding-left: 20px;
}

.row-30 {
 margin-left: -15px;
 margin-right: -15px;
}

.row-30>div {
 padding-right: 15px;
 padding-left: 15px;
}

.row-20 {
 margin-left: -10px;
 margin-right: -10px;
}

.row-20>div {
 padding-right: 10px;
 padding-left: 10px;
}

.row-10 {
 margin-left: -5px;
 margin-right: -5px;
}

.row-10>div {
 padding-right: 5px;
 padding-left: 5px;
}

.row-0 {
 margin-left: 0px;
 margin-right: 0px;
}

.row-0>div {
 padding-right: 0px;
 padding-left: 0px;
}


/* color
------------------------------*/


/* text-color ground */

.c-BRN01 {}

.c-RED01 {
 color: #ff563a;
}

.c-RED01sh {
 color: #b32f0b;
}

.c-PNK01 {}

.c-ORN01 {
 color: #fe9700;
}

.c-YEL01 {
 color: #ffea00;
}

.bg-YEL01 {
 background-color: #ffea00;
}

.bg-YEL02 {
 background-color: #ffb820;
}

.bg-YEL03 {
 background-color: #fffbf5;
}

.c-YEL01sh {
 color: #a69101;
}

.c-GRN01 {
 color: #8ac249;
}

.c-BLU01 {
 color: #02a8f3;
}

.c-VIO01 {}

.c-TAN01 {}

.c-BLK01 {
 color: #333;
}

.c-WHT01 {
 color: #fff;
}

.c-OPC01 {
 color: rgba(0, 0, 0, .0);
}


/* background-color ground */

.bg-BLK01 {
 background-color: #333 !important;
}

.bg-GRY01 {
 background-color: #53606d !important;
}

.bg-GRYf8 {
 background-color: #f8f8f8 !important;
}

.bg-GRYcc {
 background-color: #ccc !important;
}

.bg-GRYdd {
 background-color: #ddd !important;
}

.bg-GRYee {
 background-color: #eee !important;
}

.bg-WHT01 {
 background-color: #fff !important;
}

.bg-OPC01 {
 background: rgba(0, 0, 0, .0) !important;
}

.bg-OPC02 {
 background: rgba(255, 255, 255, .8) !important;
}


/* border-color */

.bd-BLK01 {
 border: 1px solid #333;
}

.bd-GRYf8 {
 border: 1px solid #f8f8f8;
}

.bd-GRYdd {
 border: 1px solid #ddd;
}


/* button
------------------------------*/

.btn-mtomsmFrame {
 padding: 2px;
 border: 1px solid #012b5d;
 background-color: #fff;
}

.btn-mtomsm {
 /* general button style (reset) */
 font-family: 'Roboto Condensed', sans-serif;
 text-transform: uppercase;
 border: none;
 font-size: inherit;
 color: inherit;
 background: none;
 cursor: pointer;
 display: inline-block;
 padding: 0;
 width: 100%;
 text-transform: uppercase;
 letter-spacing: .1rem;
 font-weight: bold;
 outline: none;
 position: relative;
 -webkit-transition: all .3s;
 -moz-transition: all .3s;
 transition: all .3s;
 padding: 8px 0;
}

.btn-mtomsm:after {
 content: '';
 position: absolute;
 z-index: -1;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 transition: all .2s;
}

.btn-mtomsm img {
 width: 100%;
 height: auto;
}


/* style flat */

.btn-flat {
 -webkit-transition: none;
 -moz-transition: none;
 transition: none;
}

.btn-flat:hover {
 top: 2px;
}

.btn-flat:active {
 top: 6px;
}


/* style opacity 0.7 */

.btn-opc07 {
 opacity: 1.0;
 -webkit-transition: .2s ease-in-out;
 -o-transition: .2s ease-in-out;
 transition: .2s ease-in-out;
}

.btn-opc07:hover {
 opacity: .7;
}


/* style opacity 0.5 */

.btn-opc05 {
 opacity: 1.0;
 -webkit-transition: .2s ease-in-out;
 -o-transition: .2s ease-in-out;
 transition: .2s ease-in-out;
}

.btn-opc05:hover {
 opacity: .5;
}


/* button color
------------------------------*/

.btn-BLU01 {
 background-color: #0078d5;
 color: #fff;
}

.btn-BLU01:hover {
 background-color: #00477E;
}

.btn-WHT01 {
 background-color: #fff;
 color: #012b5d;
}

.btn-WHT01:hover {
 background-color: #3d8be3;
 color: #fff;
}

.btn-mtomsmFrame>.btn-WHT01 {
 border: 1px solid #012b5d;
}


/* input
------------------------------*/


/*input[type=text] {
 font-family: 'FontAwesome';
}*/

input[type="text"],
input[type="password"],
textarea,
select {
 outline: none;
}

input::-ms-clear {
 /* ms none text */
 visibility: hidden;
}

input::-ms-reveal {
 /* ms none password */
 visibility: hidden;
}

:focus::-webkit-input-placeholder {
 color: transparent;
}

:focus:-moz-placeholder {
 color: transparent;
}

:focus::-moz-placeholder {
 color: transparent;
}

::-webkit-input-placeholder {
 color: #ccc;
 opacity: 1;
}

:-moz-placeholder {
 color: #ccc;
}

::-moz-placeholder {
 color: #ccc;
 opacity: 1;
}

:-ms-input-placeholder {
 color: #ccc !important;
}


/* google map
------------------------------*/

.ggmap {
 position: relative;
 /*padding-bottom: 56.25%;
 padding-top: 30px;*/
 padding-bottom: 30%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}


/* label
------------------------------*/

.label {
 font-size: 14px;
 font-size: 1.4rem;
 color: #00477E;
 vertical-align: baseline;
 padding: 4px 16px;
 border-radius: 4px;
 border-radius: .4rem;
 background-color: #fff;
}


/* brdcrmb
------------------------------*/

#brdcrmb {
 padding: 2px 0 4px;
 border: 1px solid #ddd;
 border-left: 0;
 border-right: 0;
 margin-bottom: 14px;
}

#brdcrmb ul>li {
 letter-spacing: .15rem;
 color: #333;
 font-size: 12px;
 font-size: 1.2rem;
 text-transform: uppercase;
 font-weight: bold;
}

@media (max-width: 767px) {
 #brdcrmb {
  display: none;
 }
}


/*-----------------------
header
-----------------------*/

body>.wrap>header {
 margin-bottom: 108px;
}

@media screen and (max-width: 991px) {
 body>.wrap>header {
  margin-bottom: 80px;
 }
}

#headerInner {
 position: fixed;
 width: 100%;
 min-width: 320px;
 background: #fff;
 border-top: 3px solid #012b5d;
 border-bottom: 1px solid #ddd;
 z-index: 150;
}

#hdmBX01 {
 padding-top: 16px;
 padding-bottom: 22px;
}

#hdmBX01 #logo h1 {
 text-align: center;
}

#hdmBX01 #logo .hdmLogo {
 width: auto;
 height: 54px;
}

#hdmBX01 .hdmList {
 margin-top: 15px;
}

@media (max-width: 991px) {
 #hdmBX01 {
  padding-top: 8px;
  padding-bottom: 14px;
 }
 #hdmBX01 #logo .hdmLogo {
  width: auto;
  height: 36px;
 }
 #hdmBX01 .hdmList {
  display: none !important;
 }
}

#hdmBX01 .hdmList ul {
 padding-left: 0;
 list-style: none;
 letter-spacing: -0.4em;
}

#hdmBX01 .hdmList ul>li {
 text-transform: uppercase;
 line-height: .8;
 letter-spacing: .2rem;
 display: -moz-inline-box;
 display: inline-block;
 *display: inline;
 *zoom: 1;
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop,
 #hdmBX01 .hdmList ul>li {
  letter-spacing: .18rem;
 }
}

@media (min-width: 992px) {
 #hdmBX01 .hdmList ul>li:first-child {
  padding-left: 0;
  padding-right: 9px;
  border-right: 1px solid #b69e79;
 }
 #hdmBX01 .hdmList ul>li:nth-child(2) {
  padding-left: 10px;
  padding-right: 9px;
  border-right: 1px solid #b69e79;
 }
 #hdmBX01 .hdmList ul>li:last-child {
  padding-right: 0;
  padding-left: 10px;
 }
}

@media (min-width: 1200px) {
 #hdmBX01 .hdmList ul>li:first-child {
  padding-left: 0;
  padding-right: 13px;
  border-right: 1px solid #b69e79;
 }
 #hdmBX01 .hdmList ul>li:nth-child(2) {
  padding-left: 14px;
  padding-right: 13px;
  border-right: 1px solid #b69e79;
 }
 #hdmBX01 .hdmList ul>li:last-child {
  padding-right: 0;
  padding-left: 14px;
 }
}


/* text-link animation */

#hdmBX01 .hdmList ul>li.hdmLink a {
 opacity: 1.0;
 position: relative;
 display: inline-block;
 transition: .3s;
 font-weight: bold;
}

#hdmBX01 .hdmList ul>li.hdmLink a:hover {
 opacity: .5;
}

#hdmBX01 .hdmList ul>li.hdmLink a:after {
 position: absolute;
 bottom: -6px;
 left: 0;
 content: '';
 width: 0;
 height: 1px;
 background-color: #00203A;
 transition: .2s;
}

#hdmBX01 .hdmList ul>li.hdmLink a:hover:after {
 width: 100%;
}


/* text-link dropdown */

#hdmBX01 .dropdown>a,
#hdmBX01 .dropdown>.dropdown-menu>a {
 font-weight: bold;
}

#hdmBX01 .dropdown>a.icnCMN {
 padding-left: 10px;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 transition: all .2s;
}

#hdmBX01 .dropdown>a.icnCMN:before {
 font-weight: normal;
 font-family: 'FontAwesome';
 font-size: 20px;
 font-size: 2.0rem;
 position: relative;
 content: '\f0d7';
 top: 1px;
 right: 6px;
}

#hdmBX01 .dropdown>a.icnCMN:hover {
 opacity: .5;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 transition: all .2s;
}

#hdmBX01 .dropdown>a.icnCMN:hover,
#hdmBX01 .dropdown>a.icnCMN:visited,
#hdmBX01 .dropdown>a.icnCMN:focus,
#hdmBX01 .dropdown>a.icnCMN:active,
#hdmBX01 .dropdown>a.icnCMN:active:hover {
 text-decoration: none !important;
}

#hdmBX01 .dropdown>.dropdown-menu {
 border: 0;
 border-radius: 0;
 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
 box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
 width: 100%;
 padding: 0;
 position: absolute;
 left: auto;
 right: 0;
 top: 28px;
}

#hdmBX01 .dropdown>.dropdown-menu:after {
 content: "";
 border: 8px solid transparent;
 border-top-width: 0;
 border-bottom-color: #ccc;
 display: block;
 position: absolute;
 top: -8px;
 right: 42px;
 width: 0;
}

#hdmBX01 .dropdown>.dropdown-menu>a {
 padding: 12px 14px;
 clear: both;
 background-color: #eee;
 border-top: 1px solid #aaa;
 font-size: 14px;
 font-size: 1.4rem;
}

#hdmBX01 .dropdown>.dropdown-menu>a:before {
 font-weight: normal;
 font-family: 'FontAwesome';
 content: '\f105';
 margin-right: 6px;
}

#hdmBX01 .dropdown>.dropdown-menu>a:first-child {
 border-top: none;
}

#hdmBX01 .dropdown>.dropdown-menu>a:hover {
 background-color: #ccc;
}


/*-----------------------
header sp
-----------------------*/

#headerSP-btn>#right-menu {
 margin-top: 6px;
}

@media screen and (min-width: 992px) {
 #headerSP-btn {
  display: none !important;
 }
}

#sidr-right ul>li {
 font-size: 16px;
 font-size: 1.6rem;
 text-transform: uppercase;
 letter-spacing: .2rem;
 font-weight: bold;
}

#sidr-right ul>li.active {
 background-color: #003057 !important;
}

.menu-trigger {
 position: relative;
 width: 30px;
 height: 25px;
}

.menu-trigger span {
 position: absolute;
 left: 0;
 width: 100%;
 height: 4px;
 background: #012b5d;
}

.menu-trigger span:nth-of-type(1) {
 top: 0;
}

.menu-trigger span:nth-of-type(2) {
 top: 10px;
}

.menu-trigger span:nth-of-type(3) {
 bottom: 0;
}

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}


/* right-menu link-icon */

#sidr-right ul>li.spLNG>a {
 line-height: 1.0rem;
 padding: 16px 15px !important;
}

#sidr-right ul>li.spLNG>a>.icnCMN {
 padding: 4px 10px !important;
 color: #204b7d;
 background-color: #fff;
 border: 1px solid #fff;
 border-radius: 20px;
 border-radius: 2.0rem;
 display: inline-block;
}

#sidr-right ul>li.spLNG>a>.icnCMN:before {
 font-weight: normal;
 font-family: 'FontAwesome';
 content: '\f105';
 margin-right: 4px;
}

#sidr-right ul>li.spLNG>a>.icnCMN+.icnCMN {
 margin-top: 16px;
}


/* right-menu animation */

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(11px) rotate(-45deg);
 transform: translateY(11px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
 left: 50%;
 opacity: 0;
 -webkit-animation: active-menu-bar02 .8s forwards;
 animation: active-menu-bar02 .8s forwards;
}

@-webkit-keyframes active-menu-bar02 {
 100% {
  height: 0;
 }
}

@keyframes active-menu-bar02 {
 100% {
  height: 0;
 }
}

.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-11px) rotate(45deg);
 transform: translateY(-11px) rotate(45deg);
}


/*-----------------------
container
-----------------------*/

.container {
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}


/*!
* Custom-size : iPhone Retina display
@media (max-width: 320px) {
 .container {
  width: 320px;
 }
}

* S-size : Small Devices, Tablets
@media (min-width: 768px) {
 .container {
  width: 750px;
 }
}

* M-size : Medium Devices, Desktops
@media (min-width: 992px) {
 .container {
  width: 1000px;
 }
}
*/


/*!
* L-size : Large Devices, Wide Screens
*/

@media (min-width: 1200px) {
 .container {
  width: 1030px;
 }
}


/*-----------------------
footer
-----------------------*/

#footerInner {
 background: #fff2e2 url(../img/mm00_cmn_bg0001.png) repeat;
 background-size: 50px 50px;
 font-size: 14px;
 font-size: 1.4rem;
 color: #333;
}

#footerInner a,
#footerInner a:hover {
 color: inherit;
}

#footerInner #ftmBX01 {
 margin-top: 26px;
 margin-bottom: 24px;
}

#footerInner #ftmBXSmall {
 margin-top: 20px;
 margin-bottom: 20px;
}

@media (min-width: 768px) {
 #footerInner #ftmBXSmall {
  text-align: center;
 }
}

#ftmBX01 .BX02 {
 text-align: center;
}

#ftmBX01 .BX02 .ftmLogo {
 width: auto;
 height: 54px;
}

#ftmBX01 .BX01,
#ftmBX01 .BX03 {
 margin-top: 4px;
}

#ftmBX02 .tbFrame {
 border: 1px solid #7f7b74;
 border-right: 0;
 border-left: 0;
 margin-right: 0;
 margin-left: 0;
 padding-top: 2px;
 padding-bottom: 2px;
}

#ftmBX02 .cmnTable.table {
 border: 1px solid #7f7b74;
 border-right: 0;
 border-left: 0;
 margin-bottom: 0;
}

#ftmBX02 .tbFrame,
#ftmBX02 .cmnTable.table {
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 0 rgba(255, 255, 255, 1);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 0 rgba(255, 255, 255, 1);
}

#ftmBX02 .cmnTable.table>tbody>tr>th {
 padding-left: 0;
}

#ftmBX02 .cmnTable.table>tbody>tr>td {
 padding-right: 0;
}

#ftmBX02 .cmnTable.table>tbody>tr>td>dl {
 border-left: 1px solid #7f7b74;
 -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);
 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1);
}

#ftmBX02 .cmnTable.table>tbody>tr>th>dl>dd {
 padding-right: 10px;
}

#ftmBX02 .cmnTable.table>tbody>tr>td>dl>dd {
 padding-left: 10px;
}

#ftmBX02 .cmnTable.table>tbody>tr>th>dl>dd,
#ftmBX02 .cmnTable.table>tbody>tr>td>dl>dd {
 padding-bottom: 8px;
}

#ftmBX02 .cmnTable.table>tbody>tr>th>dl>dd:last-child,
#ftmBX02 .cmnTable.table>tbody>tr>td>dl>dd:last-child {
 padding-bottom: 0;
}

#ftmBX02 .cmnTable.table>tbody>tr>th,
#ftmBX02 .cmnTable.table>tbody>tr>td {
 border-top: 0;
 padding-bottom: 12px;
 padding-right: 0;
 padding-left: 0;
 font-weight: normal;
 letter-spacing: .1rem;
}

#ftmBXSmall small {
 font-size: inherit;
 font-weight: inherit;
 letter-spacing: .1rem;
}


/* text-link animation */

#ftmBX02 .cmnTable.table>tbody>tr>td a {
 opacity: 1.0;
 position: relative;
 display: inline-block;
 transition: .3s;
 text-transform: lowercase;
}

#ftmBX02 .cmnTable.table>tbody>tr>td a:hover {
 opacity: .5;
}

#ftmBX02 .cmnTable.table>tbody>tr>td a:after {
 position: absolute;
 bottom: -1px;
 left: 0;
 content: '';
 width: 0;
 height: 1px;
 background-color: #333;
 transition: .2s;
}

#ftmBX02 .cmnTable.table>tbody>tr>td a:hover:after {
 width: 100%;
}


/* footer #page-top
------------------------------*/

#page-top {
 position: fixed;
 right: 30px;
 z-index: 150;
}

#page-top button {
 background: none;
 border: none;
 padding: 0;
 margin: 0;
 outline: none;
}

@media (max-width: 767px) {
 #page-top {
  right: 15px;
 }
}

.gotop-btn span i,
.gotop-btn span i:hover {
 background: #003e71;
 color: #fff;
 padding: 10px 10px 14px;
 border-radius: 4px;
 border-radius: .4rem;
}


/*-----------------------
top-index
-----------------------*/


/* top rslides and rtimes
------------------------------*/

#top-rslides.container row {}

.rslides_container,
.rtimes_container {
 position: relative;
}

#top-rslides .rslides_container:before {
 content: "";
 bottom: 0;
 left: 0;
 border-top: 3em solid transparent;
 border-left: 3em solid #fff;
 position: absolute;
 z-index: 100;
}

#top-rslides .rtimes_container:before {
 content: "";
 top: 0;
 right: 0;
 border-bottom: 3em solid transparent;
 border-right: 3em solid #fff;
 position: absolute;
 z-index: 100;
}

.rslides_container>ul>li>img {
 width: 100%;
 height: auto;
}

@media (max-width: 767px) {
 #top-rslides.container {
  padding-right: 0;
  padding-left: 0;
 }
 #top-rslides .rslides_container:before,
 #top-rslides .rtimes_container:before {
  display: none !important;
 }
}

@media (min-width: 768px) {
 #top-rslides .rslides_container>ul>li>img {
  height: 267px !important;
 }
}

@media (min-width: 992px) {
 #top-rslides .rslides_container>ul>li>img {
  height: 349px !important;
 }
}

@media (min-width: 1200px) {
 #top-rslides .rslides_container>ul>li>img {
  height: 371px !important;
 }
}


/* top cntRW01
------------------------------*/

#top-cntRW01 {
 padding-top: 30px;
 padding-bottom: 30px;
}

.cmnFrame {
 border-radius: 6px;
 border-radius: .6rem;
 padding-bottom: 20px;
 margin-bottom: 30px;
 overflow: hidden;
}

.cmnFrame>.cmnFrame-body-tit {
 margin-right: 20px;
 margin-left: 20px;
}

#home .cmnFrame>.cmnFrame-body-tit>p {
 font-size: 18px;
 font-size: 1.8rem;
 text-transform: uppercase;
 text-align: left;
 font-weight: 700;
 letter-spacing: .2rem;
 line-height: 1.3;
 padding: 8px 0 8px 46px;
 margin-top: 10px;
 margin-bottom: 12px;
 background-size: 38px 38px;
 background-position: left center;
 background-repeat: no-repeat;
}

#home .cmnFrame>.cmnFrame-body-tit>p.icnEX01 {
 background-image: url(../img/mm00_cmn_icn0006a.png);
}

@media screen and (max-width: 1199px) {
 #home .cmnFrame>.cmnFrame-body-tit>p {
  padding: 10px 0 10px 46px;
  margin-top: 0;
  margin-bottom: 0;
 }
}

@media screen and (max-width: 767px) {
 #home .cmnFrame>.cmnFrame-body-tit>p {
  padding: 10px 0 10px 46px;
  margin-top: 2px;
  margin-bottom: 2px;
 }
}

.cmnFrame>.cmnFrame-body {
 border: 1px solid #012b5d;
 border-right: 0;
 border-left: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-right: 20px;
 margin-left: 20px;
}

.cmnFrame>.cmnFrame-body .frameInner {
 border: 1px solid #012b5d;
 border-right: 0;
 border-left: 0;
}

.cmnFrame>.cmnFrame-foot {
 margin-top: 18px;
 margin-right: 20px;
 margin-left: 20px;
}

.cmnFrame>.cmnFrame-head {
 color: #fff;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 text-shadow: 1px 2px 1px #333;
}

.cmnFrame>.cmnFrame-body,
.cmnFrame>.cmnFrame-body .frameInner {
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(255, 255, 255, .3);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(255, 255, 255, .3);
}

.cmnFrame>.cmnFrame-body dl {
 position: relative;
}

.cmnFrame>.cmnFrame-body dl dt {
 position: absolute;
 padding: 10px 0 14px;
 font-weight: bold;
 text-transform: uppercase;
}

.cmnFrame>.cmnFrame-body dl dd {
 position: relative;
 border-bottom: 1px solid;
 padding: 10px 0 14px;
 padding-left: 136px;
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
 box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

.cmnFrame>.cmnFrame-body dl dd:last-child {
 border-bottom: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}

.cmnFrame>.cmnFrame-body-tit>p,
.cmnFrame>.cmnFrame-body dl dt,
.cmnFrame>.cmnFrame-body dl dd {
 font-family: 'Roboto Condensed', sans-serif;
 letter-spacing: .14rem;
 line-height: 2.1rem;
}

.cmnFrame>.cmnFrame-body .ddLine {
 padding-left: 14px;
 border-left: 1px solid;
}

@media (max-width: 991px) {
 .cmnFrame>.cmnFrame-body dl dt {
  position: static;
  padding: 8px 0 0;
 }
 .cmnFrame>.cmnFrame-body dl dd {
  position: static;
  border-bottom: 1px solid;
  padding-left: 0;
  padding: 6px 0 14px;
 }
 .cmnFrame>.cmnFrame-body .ddLine {
  padding-left: 0;
  border-left: 0;
 }
}

#top-cntRW01 .cntBX01.cmnFrame {
 background-color: #ff563a;
 color: #fff;
}

#top-cntRW01 .cntBX02.cmnFrame {
 background-color: #fff71d;
 color: #012b5d;
}

#top-cntRW01 .cntBX01 .cmnFrame-head span {
 background-image: url(../img/mm00_cmn_icn0001a.png);
}

#top-cntRW01 .cntBX02 .cmnFrame-head span {
 background-image: url(../img/mm00_cmn_icn0001b.png);
 position: relative;
}

#top-cntRW01 .cntBX01 .cmnFrame-head span,
#top-cntRW01 .cntBX02 .cmnFrame-head span {
 background-size: contain;
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 42px;
}

#top-cntRW01 .cntBX02 .cmnFrame-head {
 border-bottom: 1px solid #a69101;
}

#top-cntRW01 .cntBX02 .cmnFrame-head span:after {
 content: "Access";
 position: absolute;
 right: 0;
 text-shadow: 0 1px 0 #333, 1px 0 0 #333, 0 -1px 0 #333, -1px 0 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

#top-cntRW01 .cntBX01 .cmnFrame-head,
#top-cntRW01 .cntBX02 .cmnFrame-head {
 letter-spacing: .2rem;
 font-size: 36px !important;
 font-size: 3.6rem !important;
 padding-top: 8px;
 padding-bottom: 8px;
}

#top-cntRW01 .cntBX01 .cmnFrame-body dl dd {
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
 box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}

#top-cntRW01 .cntBX02 .cmnFrame-body dl dd {
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .65);
 box-shadow: 0 1px 0 rgba(255, 255, 255, .65);
}

#top-cntRW01 .cntBX01 .cmnFrame-body dl dd:last-child,
#top-cntRW01 .cntBX02 .cmnFrame-body dl dd:last-child {
 border-bottom: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}

#top-cntRW01 .cntBX01 .cmnFrame-body,
#top-cntRW01 .cntBX01 .cmnFrame-body .frameInner {
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(255, 255, 255, .3);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 0 rgba(255, 255, 255, .3);
}

#top-cntRW01 .cntBX02 .cmnFrame-body,
#top-cntRW01 .cntBX02 .cmnFrame-body .frameInner {
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 0 rgba(255, 255, 255, .65);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 1px 0 rgba(255, 255, 255, .65);
}

#top-cntRW01 .cntBX01 .cmnFrame-body,
#top-cntRW01 .cntBX01 .cmnFrame-body .frameInner,
#top-cntRW01 .cntBX01 .cmnFrame-body dl dd {
 border-color: #b32f0b;
}

#top-cntRW01 .cntBX02 .cmnFrame-body,
#top-cntRW01 .cntBX02 .cmnFrame-body .frameInner,
#top-cntRW01 .cntBX02 .cmnFrame-body dl dd {
 border-color: #a69101;
}

#top-cntRW01 .cntBX01 .cmnFrame-body .ddLine {
 border-color: #b32f0b;
}

#top-cntRW01 .cntBX02 .cmnFrame-body .ddLine {
 border-color: #a69101;
}

@media (max-width: 991px) {
 #top-cntRW01 .cntBX01 .cmnFrame-head span,
 #top-cntRW01 .cntBX02 .cmnFrame-head span {
  padding-left: 32px;
 }
 #top-cntRW01 .cntBX01 .cmnFrame-head,
 #top-cntRW01 .cntBX02 .cmnFrame-head {
  letter-spacing: .2rem;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  padding-top: 8px;
  padding-bottom: 8px;
 }
}

@media screen and (min-width: 992px) {
 #top-cntRW01 .cntBX01 .cmnFrame-body dl dt,
 #top-cntRW01 .cntBX01 .cmnFrame-body dl dd {
  line-height: 3.6rem;
 }
}


/* top cntRW02
------------------------------*/

#top-cntRW02 {
 padding-bottom: 30px;
}

#top-cntRW02 .cntBX01 {
 background-color: #ffb820;
}

#top-cntRW02 .cntBX02 {
 background-color: #61cafa;
}

#top-cntRW02 .cntBX03 {
 background-color: #87e475;
}

#top-cntRW02 .cntBX01 .cmnFrame-head {
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0001.jpg);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0001.jpg);
}

#top-cntRW02 .cntBX02 .cmnFrame-head {
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0003.jpg);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0003.jpg);
}

#top-cntRW02 .cntBX03 .cmnFrame-head {
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0002.jpg);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%), url(../img/mm01_top_bximg0002.jpg);
}

#top-cntRW02 .cntBX01 .cmnFrame-head,
#top-cntRW02 .cntBX02 .cmnFrame-head,
#top-cntRW02 .cntBX03 .cmnFrame-head {
 line-height: 1.0;
 letter-spacing: .2rem;
 font-size: 28px !important;
 font-size: 2.8rem !important;
 padding-top: 20px;
 padding-bottom: 114px;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
}


/*-----------------------
page-common
-----------------------*/

#cntRW01 {
 padding-bottom: 60px
}

#cntRW01 .cntBX01 .cmnFrame {
 background: #fff2e2 url(../img/mm00_cmn_bg0001.png) repeat;
 background-size: 50px 50px;
 color: #333;
}

#cntRW01 .cntBX01 .cmnFrame-head {
 letter-spacing: .35rem;
 font-size: 32px !important;
 font-size: 3.2rem !important;
 padding-top: 2px;
 padding-bottom: 4px;
}

#cntRW01 .cntBX01 .cmnFrame-head span {
 position: relative;
}

#cntRW01 .cntBX01 .cmnFrame-head span:after {
 position: absolute;
 right: 0;
 text-shadow: 0 1px 0 #333, 1px 0 0 #333, 0 -1px 0 #333, -1px 0 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

#cntRW01 .cntBX01 .cmnFrame-body,
#cntRW01 .cntBX01 .cmnFrame-body .frameInner,
#cntRW01 .cntBX01 .cmnFrame-body dl dd {
 border-color: #7f7b74;
}

#cntRW01 .cntBX01 .cmnFrame-body,
#cntRW01 .cntBX01 .cmnFrame-body .frameInner {
 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 0 rgba(255, 255, 255, 1);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 1px 0 rgba(255, 255, 255, 1);
}

#cntRW01 .cntBX01 .cmnFrame-body dl dt,
#cntRW01 .cntBX01 .cmnFrame-body dl dd {
 font-family: 'Roboto', sans-serif;
 letter-spacing: .14rem;
}

#cntRW01 .cntBX01 .cmnFrame-body dl dt {
 font-weight: inherit;
}

#cntRW01 .cntBX01 .cmnFrame-body dl dd {
 padding-left: 230px;
 -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
 box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

#cntRW01 .cntBX01 .cmnFrame-body dl dd span {
 margin-right: 5px;
}

#cntRW01 .cntBX01 .cmnFrame-body dl dd:last-child {
 border-bottom: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}

@media (max-width: 991px) {
 #cntRW01 .cntBX01 .cmnFrame-body dl dd {
  padding: 8px 0 12px;
  padding-left: 0;
 }
}

.bxTitle {
 background-color: #333;
 padding-top: 4px;
 padding-bottom: 6px;
 border-radius: 6px;
 border-radius: .6rem;
}

#aboutus #contFrame .bxTitle {
 background-color: #ffb820;
}

#musguide #contFrame .bxTitle {
 background-color: #61cafa;
}

#exhibits #contFrame .bxTitle {
 background-color: #87e475;
}

#access #contFrame .bxTitle {
 background-color: #fff71d;
}

#sitemap #contFrame .bxTitle {
 background-color: #ff563a;
}

#sitepolicy #contFrame .bxTitle,
#smpolicy #contFrame .bxTitle {
 background-color: #3d8be3;
}

.bxTitle h2 {
 letter-spacing: .25rem;
 font-size: 36px !important;
 font-size: 3.4rem !important;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
 text-shadow: 1px 2px 1px #333;
 text-align: center;
 font-family: 'Roboto Condensed', sans-serif;
 padding-left: 15px;
}

.bxTitle h2 span {
 background-image: url(../img/mm00_cmn_icn0003a.png);
 background-size: contain;
 background-position: center left;
 background-repeat: no-repeat;
 padding-left: 40px;
 position: relative;
}

.bxTitle h2 span:after {
 position: absolute;
 right: 0;
 text-shadow: 0 1px 0 #333, 1px 0 0 #333, 0 -1px 0 #333, -1px 0 0 #333, -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
}

@media (max-width: 991px) {
 .bxTitle {
  padding: 8px 0;
 }
 .bxTitle h2 {
  letter-spacing: .2rem;
  font-size: 28px !important;
  font-size: 2.8rem !important;
  padding-left: 0;
 }
 .bxTitle h2 span {
  padding-left: 34px;
 }
}

.bxHead h3 {
 text-transform: uppercase;
 padding-top: 18px;
 letter-spacing: .3rem;
}

.bxBody {
 padding-top: 16px;
}


/* #musguide
------------------------------*/

#musguide .panelCMN .panel-body img {
 margin-bottom: 20px;
 -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
 box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}

#musguide .panelCMN .panel-body p {
 background: url(../img-cal/kyukan_icon.png) left top no-repeat;
 background-size: contain;
}

#musguide .panelCMN .panel-body p {
 padding: 4px 0;
 padding-left: 30px;
}

#musguide p.aster {
 padding-left: 20px;
 position: relative;
 text-align: left;
}

#musguide p.aster:before {
 content: '*';
 color: inherit;
 display: inline-block;
 top: 2px;
 left: 6px;
 position: absolute;
}


/* #exhibits
------------------------------*/

#exhibits .bxBodyInner2 {
 width: 100%;
 height: 410px;
 background: url(../img/mm00_cmn_img0001a.png) center no-repeat;
 background-size: contain;
}

@media (max-width: 320px) {
 #exhibits .bxBodyInner2 {
  height: 160px;
 }
}

@media (max-width: 767px) {
 #exhibits .bxBodyInner2 {
  height: 280px;
 }
}

#exhibits .bxBodyInner3 img {
 margin-bottom: 30px;
}

#exhibits .bxBodyInner3 img.img-thumbnail {
 background-color: #fff;
 border: 1px solid #fff;
 border-radius: 2px;
 border-radius: .2rem;
 padding: 12px 8px;
}

@media screen and (max-width: 767px) {
 #exhibits .bxBodyInner3 img {
  margin-bottom: 28px;
 }
 #exhibits .bxBodyInner3 p.icnEX07+img {
  margin-bottom: 0;
 }
}

#exhibits .bxBodyInner3 p {
 font-size: 18px;
 font-size: 1.8rem;
 text-transform: uppercase;
 text-align: left;
 font-weight: 700;
 letter-spacing: .2rem;
 line-height: 1.3;
 padding: 16px 0 16px 46px;
 margin-bottom: 6px;
 background-size: 38px 38px;
 background-position: left center;
 background-repeat: no-repeat;
}

#exhibits .bxBodyInner3 p.icnEX01 {
 background-image: url(../img/mm00_cmn_icn0004a.png);
}

#exhibits .bxBodyInner3 p.icnEX02 {
 background-image: url(../img/mm00_cmn_icn0004b.png);
}

#exhibits .bxBodyInner3 p.icnEX03 {
 background-image: url(../img/mm00_cmn_icn0004c.png);
}

#exhibits .bxBodyInner3 p.icnEX04 {
 background-image: url(../img/mm00_cmn_icn0004d.png);
}

#exhibits .bxBodyInner3 p.icnEX05 {
 background-image: url(../img/mm00_cmn_icn0004e.png);
}

#exhibits .bxBodyInner3 p.icnEX06 {
 background-image: url(../img/mm00_cmn_icn0004f.png);
}

#exhibits .bxBodyInner3 p.icnEX07 {
 background-image: url(../img/mm00_cmn_icn0004g.png);
}

@media (min-width: 768px) {
 #exhibits .bxBodyInner3 p.icnEX06 {
  padding: 4px 0 4px 46px;
 }
}

@media screen and (max-width: 767px) {
 #exhibits .bxBodyInner3 p {
  padding: 8px 0 8px 46px;
  margin-bottom: 10px;
 }
 #exhibits .bxBodyInner3 p.icnEX06 {
  margin-bottom: 5px;
 }
}


/* #access
------------------------------*/

#access .cntBX01 .ggmap {
 padding-bottom: 40%;
 padding-top: 30px;
}

#access #cntRW01 .cntBX01 .cmnFrame>.cmnFrame-body dl dd {
 padding-left: 0;
}

#access .bxTitle h2 span:after {
 content: "Access";
}

#access .bxBodyInner3>p {
 font-size: 18px;
 font-size: 1.8rem;
 text-transform: uppercase;
 text-align: left;
 font-weight: 700;
 letter-spacing: .2rem;
 line-height: 1.3;
 padding: 16px 0 16px 46px;
 margin-bottom: 6px;
 background-size: 38px 38px;
 background-position: left center;
 background-repeat: no-repeat;
}

#access .bxBodyInner3>p.icnEX01 {
 background-image: url(../img/mm00_cmn_icn0006a.png);
}

@media screen and (max-width: 767px) {
 #access .bxBodyInner3 p {
  padding: 8px 0 8px 46px;
  margin-bottom: 10px;
 }
 #access .bxBodyInner3 p.icnEX01 {
  margin-bottom: 5px;
 }
}

.bxFrame>.bxBody>.bxBodyInner3>.mapFrame {
 display: inline-block;
 position: relative;
}

.bxFrame>.bxBody>.bxBodyInner3>.mapFrame:before {
 content: "";
 border-right: 4em solid #fb2a39;
 top: 0;
 right: 0;
 border-bottom: 4em solid transparent;
 position: absolute;
 z-index: 100;
}

.bxFrame>.bxBody>.bxBodyInner3>.mapFrame:after {
 content: url(../img/mm00_cmn_icn0005a.png);
 top: 0;
 right: -2px;
 position: absolute;
 z-index: 101;
 color: #fff;
 -webkit-transform: scale(0.5);
 -ms-transform: scale(0.5);
 -o-transform: scale(0.5);
 transform: scale(0.5);
}

#access .bxBodyInner3>.cmnFrame .frameInner dl>dd {
 padding-left: 22px !important;
 position: relative;
}

#access .bxBodyInner3>.cmnFrame .frameInner dl>dd:before {
 content: '\002776';
 color: inherit;
 display: inline-block;
 left: 0;
 position: absolute;
}

#access .bxBodyInner3>.cmnFrame .frameInner dl>dd:nth-child(2):before {
 content: '\002777';
}

#access .bxBodyInner3>.cmnFrame .frameInner dl>dd:nth-child(3):before {
 content: '\002778';
}

@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop,
 .bxFrame>.bxBody>.bxBodyInner3>.mapFrame .img-responsive {
  width: 100%;
 }
}


/* common letter-area
------------------------------*/

#contFrame .bxFrame h4,
#contFrame .bxFrame h5,
#contFrame .bxFrame h6 {
 letter-spacing: .3rem;
 font-weight: bold;
 font-size: 18px !important;
 font-size: 1.8rem !important;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-right: 15px;
 margin-bottom: 16px;
 text-transform: uppercase;
}

#contFrame .bxFrame h4 {
 position: relative;
 background: #f0f5fb;
 border-radius: 4px;
 border-radius: .4rem;
 padding-left: 30px;
}

#contFrame .bxFrame h5 {
 position: relative;
 padding-left: 18px;
 border-bottom: 1px dotted #212121;
}

#contFrame .bxFrame h6 {
 position: relative;
 padding-left: 18px;
 border-bottom: 1px dashed #212121;
}

#contFrame .bxFrame h4:after,
#contFrame .bxFrame h5:after,
#contFrame .bxFrame h6:after {
 position: absolute;
 content: '';
 background-color: #246cc0;
}

#contFrame .bxFrame h4:after,
#contFrame .bxFrame h5:after {
 top: 0.45em;
 width: 8px;
 height: -webkit-calc(100% - 1em);
 height: calc(100% - 1em);
 border-radius: 4px;
 border-radius: 0.4rem;
}

#contFrame .bxFrame h4:after {
 left: 12px;
}

#contFrame .bxFrame h5:after {
 left: 1px;
}

#contFrame .bxFrame h6:after {
 left: 1px;
 top: 0.75em;
 width: 10px;
 height: -webkit-calc(100% - 1.6em);
 height: calc(100% - 1.6em);
 border-radius: 5px;
 border-radius: 0.5rem;
}

@media (max-width: 767px) {
 #contFrame .bxFrame h4,
 #contFrame .bxFrame h5,
 #contFrame .bxFrame h6 {
  margin-bottom: 12px;
 }
}


/* common letter-area navi
------------------------------*/

.ltr-body {
 border: 1px solid #333;
 border-left: 0;
 border-right: 0;
 padding: 2px 0 2px;
}

dl.ltr-navi {
 border: 1px solid #333;
 border-left: 0;
 border-right: 0;
}

dl.ltr-navi dd {
 border-bottom: 1px dotted #212121;
 transition: .3s;
 text-transform: uppercase;
}

dl.ltr-navi dd:last-child {
 border-bottom: none;
}

dl.ltr-navi dd:hover {
 background: #f0f5fb;
 transition: .2s;
}

dl.ltr-navi dd a {
 padding: 14px 8px 14px 18px;
 letter-spacing: .2rem;
}

dl.ltr-navi dd a:hover {
 text-decoration: none !important;
}


/* common letter-area TOC
------------------------------*/

ul.ltr-toc,
ol.ltr-toc {
 list-style: none;
}

ul.ltr-toc .list-group-item,
ol.ltr-toc .list-group-item {
 position: relative;
 display: block;
 margin-bottom: -1px;
 background-color: inherit;
 border-right: none;
 border-left: none;
 border-top: 1px dashed #a7b7c4;
 border-bottom: 1px dashed #a7b7c4;
}

ul.ltr-toc .list-group-item {
 padding: 10px 10px 10px 22px;
}

ol.ltr-toc .list-group-item {
 padding: 10px 10px 10px 0;
}

.list-group-item:first-child {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}

.list-group-item:last-child {
 border-bottom-right-radius: 0;
 border-bottom-left-radius: 0;
}

ol.ltr-toc li span {
 color: #00477E;
 font-weight: 700;
 margin-right: 8px;
}


/* common letter-area accordion
------------------------------*/

.panelCMN .ltr-panel {
 margin-bottom: 10px;
}

.panelCMN .panel-tit a {
 padding: 12px 45px 12px 15px;
 border: 1px solid #a7b7c4;
 background: #fff;
 color: #0166b6;
 text-decoration: none !important;
 letter-spacing: .3rem;
 text-transform: uppercase;
}

.panelCMN .panel-tit a:hover,
.panelCMN .panel-tit a:active,
.panelCMN .panel-tit a:visited {
 background-color: #f0f5fb;
 text-decoration: none !important;
}

.panelCMN .panel-body {
 background: #f8f8f8;
 border-top: none;
 border-radius: 0 0 6px 6px / 0 0 6px 6px;
 border-radius: 0 0 .6rem .6rem / 0 0 .6rem .6rem;
}


/* 2017.03.13 add
------------------------------*/

.panelCMN .panel-tit a {
 padding: 12px 45px 12px 15px;
 border: 3px solid #337AB7;
 background: #fff;
 color: #0166b6;
 text-decoration: none !important;
 letter-spacing: .3rem;
 text-transform: uppercase;
}