@charset "UTF-8";

/* Base Theme ============================================================= */
/* Reset ------------------------------------------------------------------ */

html {-webkit-text-size-adjust: 100%; }
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h1, h2, h3, h4, h5{ font-size: 100%; font-weight: normal;}
ol, ul{ list-style-type: none; }
img{ vertical-align: top; border: 0;}

body{
background: #fff;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐ明朝",Arial,Helvetica,sans-serif;
color: #333;
}

a:hover{
filter:alpha(opacity=70);  /* IE7以下用 */
-ms-filter: "alpha(opacity=70)"; /* IE8用 */
-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */
-webkit-transition: all .3s;
transition: all .3s;
}

.red{ color: #ef1212; }
.pink{ color: #a40082; }
.kome{ font-size: .9em; text-indent: -1em; margin-left: 1em; }


/* Utilities ----------------------------------------------------------------- */

.pkg:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
*:first-child+html .pkg{
display: inline-table;
min-height: 1%;
}
.pkg{ display: block; }
/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */


.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }

.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb40{ margin-bottom: 40px !important; }


/* ============================================= */
/* WEB FONTS                                                                       */
/* ============================================= */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?tdtvv7');
src:url('../fonts/icomoon.eot?tdtvv7#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?tdtvv7') format('truetype'),
url('../fonts/icomoon.woff?tdtvv7') format('woff'),
url('../fonts/icomoon.svg?tdtvv7#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow5-down:before {
content: "\e904";
}
.icon-arrow5-up:before {
content: "\e905";
}
.icon-arrow:before {
content: "\e600";
}
.icon-blank:before {
content: "\e601";
}
.icon-pdf:before {
content: "\e602";
}
.icon-dot:before {
content: "\e603";
}
.icon-arrow2:before {
content: "\e900";
}
.icon-border:before {
content: "\e901";
}
.icon-arrow3:before {
content: "\e902";
}
.icon-border2:before {
content: "\e903";
}


/* ============================================= */
/* 色の変更                                                                              */
/* ============================================= */
/* -----------------------------------------------------------------------
全体のリンク色
----------------------------------------------------------------------- */
a{
color: #159c80;
}

/* -----------------------------------------------------------------------
トップページ ヘッダ背景色
トップページ スライドショー直下の会期等の画像の背景色
フッタの背景色
下層ページ ぱんくずナビの背景色
----------------------------------------------------------------------- */
header,
footer,
#mv,
#flow{
background: #182f59;
}

/* -----------------------------------------------------------------------
下層ページ ぱんくずナビのリンク色
----------------------------------------------------------------------- */
#flow ol li a{
color: #159c80;
}

/* -----------------------------------------------------------------------
下層ページ ぱんくず直上の見出しの色
----------------------------------------------------------------------- */
header#low h2{
color: #182f59;
}

/* -----------------------------------------------------------------------
トップページNEWS & TOPICSの日付と枠線の色
----------------------------------------------------------------------- */
#topics dl dt{
color: #182f59;
border-color: #182f59;
}

/* -----------------------------------------------------------------------
見出しの下線の色
----------------------------------------------------------------------- */
#topics h2,
main #contentBody h3{
border-bottom-color: #182f59;
}

/* -----------------------------------------------------------------------
フッタ ページトップの背景色
----------------------------------------------------------------------- */
#pageup{
background: #159c80;
}

/* -----------------------------------------------------------------------
フッタ ページトップの矢印の色
----------------------------------------------------------------------- */
#pageup a{
color: #fff;
}

/* -----------------------------------------------------------------------
フッタ 問合せ系リンク色
----------------------------------------------------------------------- */
footer section .footContact dl dt{
color: #159c80;
border-color: #159c80;
}
footer section .footContact a{
color: #159c80;
}

/* -----------------------------------------------------------------------
PC 左ナビゲーションのリンクホバー色
----------------------------------------------------------------------- */
#mainL li a:hover{
color: #159c80;
}

/* -----------------------------------------------------------------------
スマホ フッターナビゲーションのリンク色
----------------------------------------------------------------------- */
#mainL li a{
color: #159c80;
}

/* -----------------------------------------------------------------------
スマホ ドロワーメニュー ハンバーガーアイコンの背景色
----------------------------------------------------------------------- */
.drawer-hamburger{
background: #182f59;
}

/* -----------------------------------------------------------------------
スマホ ドロワーメニュー内の矢印とホバーの色
----------------------------------------------------------------------- */
.drawer-nav li ul li a:before,
.drawer-nav ul li a:hover{
color: #159c80;
}