﻿@charset "UTF-8";
/* core	================================================	*/
html { width: 100%; height: 100%; }
body { padding: 0px; margin: 0px; color: #0079b6; font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #76d8ff; }
a { color: #0079b6; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrapper { width: 640px; margin: 0 auto; overflow: hidden; }
#wrapper header { width: 640px; height: 258px; position: relative; }
#wrapper footer { margin-top: 30px; padding-bottom: 50px; }
#wrapper footer .link { width: 382px; height: 60px; margin: 0 auto 18px auto; }
#wrapper footer .link li { display: inline; float: left; }
#wrapper footer .copy { text-align: center; line-height: 0; margin-bottom: 33px; }
#wrapper footer .pageTop { text-align: center; }
#wrapper .newsArticle { background: #ffffff; padding: 30px 0; }
#wrapper .newsArticle h2 {text-align: center;margin: 0px 0 40px;}
#wrapper .newsArticle .toTop { text-align: center; }
#wrapper .newsArticle article { width: 580px; margin: 0 auto; background: url(../img/news/line.png) no-repeat 0 bottom; padding-bottom: 50px; margin-bottom: 25px; }
#wrapper .newsArticle article:last-child { background: none; }
#wrapper .newsArticle article h4 { width: 580px; background: url(../img/news/line_news_title.png) no-repeat 0 bottom; display: table; text-align: left; margin-bottom: 25px; padding-bottom: 25px; }
#wrapper .newsArticle article h4 .date { width: 70px; padding-left: 0; display: table-cell; vertical-align: middle; background: url(../img/float/news/bg_date.png) no-repeat 0 0; font-family: nunito; }
#wrapper .newsArticle article h4 .date .year { font-size: 15px; line-height: 17px; font-family: nunito; }
#wrapper .newsArticle article h4 .date .md { font-size: 20px; font-family: nunito; }
#wrapper .newsArticle article h4 .title { width: 510px; display: table-cell; vertical-align: middle; padding: 0 10px; font-size: 22px; }
#wrapper .newsArticle article h4 .title span { font-size: 22px; }
#wrapper .newsArticle article .txt { font-size: 18px; text-align: left; }
#wrapper .newsArticle article .txt a { font-size: 18px; }
span.fontL {font-size:20px;}
span.fontM {font-size:18px;}
span.red {color:#ff0000;}

/* nav */
nav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../assets/img/float/bg_float_fil-1.png); z-index: 9999; }
.navWrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.gnav_contanin { width: 640px; margin: 0 auto; text-align: center; }
.close_btn { position: absolute; top: 0; right: 6px; }
.gnav-opener { position: fixed; top: 0; right: 6px; }
.gnav_logo { margin: 70px auto 36px }
.gnav-items li { display: inline-block }
.gnav-items li:nth-child(odd) { margin-right: 30px }
.current { opacity: .6; }

/* アコーディオン */

dl.accordion {
  width: 580px;
  margin:  30px auto 0;
  background: #e7fafe;
}

dl.accordion dt {
  cursor:pointer;
  position:relative;
  z-index:50;
  font-size:22px;
  font-weight:bold;
  height: 78px;
  line-height: 78px;
  padding: 0 29px;
}

dl.accordion dt:before {
  content:" ";
  position:relative;
  top: 3px;
  display:inline-block;
  width:22px;
  height:22px;
  margin: 0 8px 0 0;
  background:url(../img/common/icon_detail.png) no-repeat bottom center;
  background-size: 100% auto;
}
dl.accordion.acc01 dt:after {
  content:"みる";
}

dl.accordion dt.active:before {
  background:url(../img/common/icon_detail.png) no-repeat top center;
}
dl.accordion.acc01 dt.active:after {
  content:"とじる";
}

dl.accordion dd {
display:none;
position:relative;
padding:  30px 29px;
font-size:18px;
line-height:1.6;
text-align:left;
background: url(../img/common/line_dot_detail.png) no-repeat top left;
}

dl.accordion dd p {
font-size:18px;
}