@charset "UTF-8";
@import url('swiper.min.css');
@import url('slidebars.css');
@import url('jquery.fs.boxer.min.css');
#boxer {z-index: 10001;}

.sp, .brSp {
display: none;
}
.pc, .brPc {
display: inline-block;
}
body {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
vertical-align: baseline;
text-rendering : optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
line-height: 1.7;
color: #000;
background: #e9eaea;/*-webkit-font-feature-settings: 'pkna' 1;
font-feature-settings: 'pkna' 1;*/
}
body {
font-feature-settings: "palt";
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, body {
font-feature-settings: "pkna";
}
}
.fontset {
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
a {
text-decoration: none;
color: #000;
outline: none;
}
img {
border: 0px;
vertical-align: top;
}
button, input:not([type=checkbox]):not([type=radio]), select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
outline: none;
}

:placeholder-shown {
color:#999999;
}
::-webkit-input-placeholder {
color:#999999;
}
::-moz-placeholder {
color:#999999;
}
:-ms-input-placeholder {
color:#999999;
}
.clear {
clear: both;
}
.textImg {
text-indent: -9999px;
}
.smallText {
font-weight: normal;
}
.biggerText {
font-weight: bold;
}
.boldText {
font-weight: bold;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.leftSet {
float: left;
}
.rightSet {
float: right;
}
.centerSet {
text-align: center;
}
.alert {
color: #FF0000;
}
strong {
font-weight: bold;
}
em {
font-style: normal;
}
.imgMax {
max-width: 100%;
height: auto;
}
.imgover {
cursor: pointer;
}
.alpha {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.ellip {
display: block;
height: 100%;
}
.ellip-line {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
max-width: 100%;
}
.ellip, .ellip-line {
position: relative;
overflow: hidden;
}
/* -----------------------------------------------
base
----------------------------------------------- */
.inner {
width: 1000px;
margin: 0 auto;
}
html, body {
height: 100%;
}
#page {
position: relative;
width: 100%;
min-width: 1000px;
overflow-x: hidden;
}
.anchor{
margin-top:-95px;
padding-top:95px;
display: block;
}

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


/* -----------------------------------------------
transition
----------------------------------------------- */
@media only screen and (min-width: 768px) {
a, a img, .list li a h3, #mainNav li a span::before, #mv .messageLink a::after, div.name {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.textBt a {
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: #eff3f6;
}
}
/* -----------------------------------------------
clearfix
----------------------------------------------- */
.clearfix:before, .clearfix:after {
content: "";
display: block;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* -----------------------------------------------
textBt
----------------------------------------------- */

.textBt {
font-size: 14px;
}
.textBt a {
display: block;
line-height: 1;
position: relative;
color: #fff;
background: #ef8f7a;
border-radius: 6px;
text-align: center;
}
.textBt a {
padding: 18px 0;
}
.textBt a i {
margin-left: 1em;
}
/* -----------------------------------------------
header
----------------------------------------------- */
#globalHeader {
text-align: center;
position: relative;
background: #FFF;
width: 100%;
z-index: 10000;
}
#subNav {
background: #939494 url(../images/stripe.svg) center center repeat;
}
#subNav ul {
text-align: right;
}
#subNav li {
display: inline-block;
line-height: 25px;
padding: 5px 3px;
}
#subNav li.about {
padding-right: 1em;
}
#subNav li.about a {
color: #FFF;
font-size: 11px;
font-weight: bold;
}
#subNav li.about a:hover {
text-decoration: underline;
}
#subNav li.about a i {
font-size: 14px;
padding-right: 5px;
font-weight: normal;
line-height: 25px;
display: inline-block;
}
#subNav li.sns a {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
background: #FFF;
font-size: 14px;
text-align: center;
color: #939494;
}
#subNav li.sns a i{
display: inline-block;
line-height: 25px;
height: 25px;
}

#subNav li.sns a:hover {
background: #939494;
color: #FFF;
}
#subNav li.contact {
border-right: #FFF solid 1px;
padding-right: 10px;
}
#subNav li.twitter {
border-left: #FFF solid 1px;
padding-left: 10px;
}
#mainNav {
height: 95px;
background: #FFF url(../images/bar.png) left bottom repeat-x;
text-align: left;
}
#mainNav nav {
display: table;
}
#mainNav nav h1, #mainNav nav ul {
display: table-cell;
height: 90px;
vertical-align: middle;
}
#mainNav nav h1 a:hover img {
opacity: 0.7;
}
#mainNav nav ul {
text-align: right;
font-size: 0;
}
#mainNav li {
display: inline-block;
line-height: 1;
font-size: 14px;
font-weight: bold;
}
#mainNav li i{
display: inline-block;
width: 20px;
}
#mainNav li img {
vertical-align: middle;
height: 44px;
width: auto;
padding: 3px 0;
}
#mainNav li span {
vertical-align: middle;
display: inline-block;
margin-left: 5px;
margin-right: 10px;
position: relative;
}
#mainNav li a span::before {
content: "";
display: block;
position: absolute;
bottom: -5px;
left: 0;
height: 2px;
width: 0;
transform-origin: left top;
}
#mainNav li.active a span::before, #mainNav li a:hover span::before {
width: 100%;
}
#mainNav li:nth-child(1) a span::before {
background: #939494;
}
#mainNav li:nth-child(2) a span::before {
background: #fac83e;
}
#mainNav li:nth-child(3) a span::before {
background: #66c0ac;
}
#mainNav li:nth-child(4) a span::before {
background: #ef8f7a;
}
#mainNav li:nth-child(5) a span::before {
background: #77c9dd;
}
#mainNav li:nth-child(6) a span::before {
background: #939494;
}
#mainNav li:nth-child(7) a span::before {
background: #ef8f7a; /* Old browsers */
background: -moz-linear-gradient(left,  #ef8f7a 0%, #77c9dd 50%, #66c0ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ef8f7a 0%,#77c9dd 50%,#66c0ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ef8f7a 0%,#77c9dd 50%,#66c0ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8f7a', endColorstr='#66c0ac',GradientType=1 ); /* IE6-9 */
}
/* -----------------------------------------------
footer
----------------------------------------------- */

#globalFooter {
border-top: #949494 solid 1px;
overflow: hidden;
}
#globalFooter li {
position: relative;
font-size: 13px;
line-height: 23px;
padding-left: 1.5em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#globalFooter .inner .foot-main-nav li:nth-child(2), #globalFooter .inner .foot-main-nav li:nth-child(5) {
margin-bottom: 1em;
}
#globalFooter .inner li a:before {
content: "";
position: absolute;
width: 10px;
height: 1px;
left: 0;
top: 50%;
margin-top: -1px;
display: block;
background: #aeaeae;
}
#globalFooter .inner {
border-left: #949494 solid 1px;
border-right: #949494 solid 1px;
overflow: hidden;
position: relative;
}
#globalFooter .inner:before, #globalFooter .inner:after {
content: "";
height: 100%;
width: 1px;
background: #949494;
position: absolute;
top: 0;
}
#globalFooter .inner:before {
left: 450px;
}
#globalFooter .inner:after {
right: 315px;
}
#globalFooter .inner ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 15px 20px;
}
#globalFooter .inner li span {
display: block;
height: 23px;
}
#globalFooter .inner .foot-main-nav {
width: 450px;
}
#globalFooter .inner .foot-category-nav {
width: 210px;
}
#globalFooter .inner .foot-info-nav {
width: 315px;
float: right;
}
#globalFooter .inner .foot-info-nav i {
font-size: 11px;
color: #949494;
margin-left: 0.5em;
}
#globalFooter .copyBox {
position: absolute;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 315px;
padding: 15px 15px;
bottom: 0;
right: 0;
}
#globalFooter .note {
font-size: 10px;
line-height: 16px;
margin: 0;
}
#copyright {
font-size: 9px;
padding-top: 10px;
}
#globalFooter a:hover {
text-decoration: underline;
}
/* -----------------------------------------------
#mv
----------------------------------------------- */
#mv {
background: #FFF;
position: relative;
padding-bottom: 25px;
}
#mv .inner {
position: relative;
}
#mv h2 {
font-size: 21px;
line-height: 1;
font-weight: bold;
padding: 25px 0;
letter-spacing: 3px;
}
#message-mv {
position: relative;
}
#mv .image img {
width: 780px;
border-radius: 6px;
}
#mv .messageLink {
position: absolute;
bottom: 0;
left: 0;
font-size: 15px;
background: #FFF;
padding: 5px 20px 0 3px;
border-radius: 0 6px 0 0;
font-weight: bold;
letter-spacing: 3px;
}
#mv .messageLink a {
color: #ef8f7a;
display: inline-block;
position: relative;
}
#mv .messageLink a::after {
position: absolute;
content: "";
bottom: -5px;
left: -3px;
width: 100%;
height: 2px;
background: #ef8f7a;
-webkit-transform: scaleX(1);
transform: scaleX(1);
transform-origin: left top;
}
#mv .messageLink a:hover::after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
#about-mv {
position: absolute;
width: 200px;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 220px;
}
#about-mv img {
width: 100%;
height: auto;
}
#about-mv .textBt {
margin-top: 20px;
}
#about-mv .textBt a {
font-size: 11px;
font-weight: bold;
padding: 15px 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: #ef8f7a solid 1px;
}
#about-mv .textBt a:hover {
background: #FFF;
color: #ef8f7a
}
/* -----------------------------------------------
whatsnews
----------------------------------------------- */
#whatsNew {
background: url(../images/whatsnew-bg.png) center top no-repeat, url(../images/stripe.svg) center center repeat;
background-color: #66c0ac;
padding-bottom: 15px;
}
#sideBar #whatsNew {
background: url(../images/stripe.svg) center center repeat;
background-color: #939494;
padding-bottom: 10px;
}
#sideBar #whatsNew ul {
background: none;
border-radius: 0;
padding: 0 20px;
}
#whatsNew h2 {
height: 35px;
padding-top: 5px;
margin-bottom: 15px;
font-weight: bold;
color: #FFF;
font-size: 18px;
letter-spacing: 5px;
text-align: center;
text-indent: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
#sideBar #whatsNew h2 {
padding-top: 10px;
margin-bottom: 15px;
}
#whatsNew ul {
background: #FFF;
border-radius: 6px;
overflow: hidden;
}
#whatsNew li {
width: 33.33333%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
}
#sideBar #whatsNew li {
width: 100%;
float: none;
background: #FFF;
border-radius: 6px;
margin-bottom: 2px;
padding: 10px 0;
}
#sideBar #whatsNew li:last-child {
margin-bottom: 0;
}
#whatsNew li a {
overflow: hidden;
display: block;
padding: 0 15px;
border-right: #66c0ac solid 1px;
}
#sideBar #whatsNew li a {
padding: 0 10px;
}
#whatsNew li:last-child a {
border-right: none;
}
#whatsNew li .date {
color: #66c0ac;
overflow: hidden;
width: 30%;
float: left;
}
#sideBar #whatsNew li{
line-height: 21px;
}
#sideBar #whatsNew li .date {
color: #939494;
font-size: 11px;
}
#whatsNew li .text {
width: 70%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}
#whatsNew li a:hover .text {
text-decoration: underline;
}
#sideBar #whatsNew li a {
border: none;
}
/* -----------------------------------------------
contents
----------------------------------------------- */
#contents {
}
#main {
width: 660px;
float: left;
padding-top: 25px;
}
#main.full {
width: auto;
float: none;
padding: 0;
}
.fullPage {
background: #FFF;
padding: 50px 500%;
margin: 0 -500%;
}
#sideBar {
width: 315px;
float: right;
background: #FFF;
}
.subFix{
position: relative;
z-index: 0;
}
/* fit-sidebar */
.colArea {
position: relative;
}
.fit-sidebar-fixed {
margin-top: 0!important;
margin-bottom: 0!important;
position: fixed;
width: 315px !important;
background: #FFF;
}
#main .fit-sidebar-fixed {
width: 660px !important;
}
.fit-sidebar-blank {
z-index: 0;
background-color: transparent;
visibility: hidden;
}

@media only screen and (min-width: 768px) {
[off-canvas] {
display: none !important;
}
}
/* -----------------------------------------------
sideBar
----------------------------------------------- */
#sideBar .moreBox {
/*display: none;*/
padding: 0 20px 25px 20px;
}
#sideBar .moreBox h3 {
font-size: 15px;
line-height: 23px;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}
#sideBar .moreBox dl {
overflow: hidden;
}
#sideBar .moreBox dt {
float: left;
}
#sideBar .moreBox dd {
margin-left: 135px;
}
#sideBar .moreBox dd p {
font-size: 11px;
line-height: 15px;
text-align: justify;
text-justify: inter-ideograph;
}
#sideBar .moreBox dd h4 {
font-size: 18px;
line-height: 21px;
margin-bottom: 15px;
}
#sideBar .moreBox dd h4 span {
display: block;
font-size: 10px;
line-height: 13px;
}
section#sideSpecial > ul > li {
background: #FFF url(../images/bar.png) center bottom repeat-x;
-webkit-background-size: 239px 3px;
background-size: 239px 3px;
padding-bottom: 3px;
}
aside#partner h2, section#sideSpecial > ul > li h2 {
color: #939494;
font-size: 17px;
line-height: 1;
padding: 20px;
font-weight: bold;
position: relative;
}
section#sideSpecial > ul > li:last-child h2 {
font-size: 15px;
line-height: 19px;
padding: 10px 20px;
}
section#sideSpecial > ul > li h2::before {
font-family: FontAwesome;
content: "\f107";
position: absolute;
display: inline-block;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
height: 27px;
width: 27px;
line-height: 27px;
text-align: center;
border: #c9c9c9 solid 1px;
border-radius: 6px;
font-size: 17px;
}
section#sideSpecial > ul > li h2.open::before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
section#sideSpecial .image {
text-align: center;
}
section#facebook {
margin: 45px 20px;
text-align: center;
}
section#pickUp li {
background: #ef8f7a url(../images/stripe.svg) center center repeat;
margin-bottom: 20px;
padding: 10px 20px;
text-align: center;
font-size: 20px;
line-height: 24px;
font-weight: bold;
}
section#pickUp li:last-child {
margin-bottom: 25px;
}
section#pickUp li a {
display: block;
background: #FFF;
border-radius: 3px;
color: #ef8f7a;
padding: 12px 0;
}
section#pickUp li a:hover {
opacity: 0.7;
}
section#pickUp li a span.small {
font-size: 14px;
font-weight: normal;
}
section#pickUp li a span.bl {
color: #000;
font-weight: normal;
}
aside#partner h2 {
text-align: center;
}
aside#partner ul {
padding-bottom: 30px;
}
aside#partner li {
text-align: center;
padding-bottom: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
aside#partner li img {
width: 180px;
height: auto;
}
aside#partner li a:hover img {
opacity: 0.7;
}
.swiper-container {
margin-top: 5px;
width: 100%;
}
.swiper-slide a {
position: relative;
display: block;
}
.swiper-slide {
text-align: center;
}
.swiper-slide img {
border-radius: 50%;
width: 163px;
height: 163px;
}
div.name {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,.80);
height: 163px;
width: 163px;
border-radius: 50%;
color: #ef8f7a;
font-size: 12px;
opacity: 0;
}
.job {
display: none;
}
.swiper-slide a:hover div.name {
opacity: 1;
}
div.name p {
width: 163px;
text-align: center;
position: absolute;
top: 0;
height: 163px;
line-height: 163px;
left: 0;
letter-spacing: 0;
font-size: 14px;
}
div.name p span {
display: none;
}
.swiper-button-prev, .swiper-button-next {
display: block;
text-align: center;
padding: 0 1px;
border-radius: 6px;
position: absolute;
top: 0;
height: 163px;
line-height: 163px;
color: #FFF;
margin: 0;
background: #ef8f7a;
}
.swiper-button-prev {
left: 0;
}
.swiper-button-next {
right: 0;
}
section#sideSpecial .textBt {
margin-top: 15px;
}
section#sideSpecial .textBt a {
color: #ef8f7a;
border: #ef8f7a solid 1px;
background: #FFF;
}
section#sideSpecial .textBt a:hover {
color: #FFF;
background: #ef8f7a;
}
section#sideSpecial .textBt a {
padding: 13px 0;
}
/* -----------------------------------------------
list
----------------------------------------------- */
.list {
font-size: 0;
margin-right: -12px;
}
#pageList .list {
margin-right: -10px;
}
.list li {
width: 212px;
background: #FFF;
display: inline-block;
font-size: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin-right: 12px;
margin-bottom: 15px;
vertical-align: top;
}
#pageList .list li {
width: 325px;
margin-right: 10px;
}
.list li .icon {
position: absolute;
background: #939494;
z-index: 1;
width: 34px;
height: 62px;
line-height: 60px;
text-align: center;
padding-left: 2px;
}
.list li .icon img {
vertical-align: middle;
}
.list li dl {
padding: 12px;
}
.list li dt {
overflow: hidden;
}
.list li dt img {
width: 100%;
}
.list li a dt img {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.list li a:hover dt img {
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
opacity: 0.3;
}
.list li .date {
font-size: 12px;
line-height: 1;
padding: 10px 0;
color: #939494
}
.list li h3 {
font-size: 15px;
line-height: 23px;
font-weight: bold;
height: 46px;
width: 100%;
display: flex;
display: -webkit-flex;
flex-flow: wrap;
-webkit-flex-flow: wrap;
align-items: center;
-webkit-align-items: center;
overflow: hidden;
}
.list li .text {
font-size: 14px;
line-height: 21px;
padding-top: 5px;
height: 84px;
overflow: hidden;
}
/*グレー*/
.list li.color-news a:hover h3, .list li.color-news .date, .list li.color-column a:hover h3, .list li.color-column .date,#detail.entry.column p.date,#detail.entry.news p.date,
#detail.entry.news h4,
#detail.entry.column h4,
#detail.news p.lead,
#detail.column p.lead{
color: #939494;
}
.list li.color-news dt, .list li.color-news .icon, .list li.color-column dt, .list li.color-column .icon {
background: #939494;
}
/*ピンク*/
.list li.color-symposium a:hover h3, .list li.color-symposium .date,
#detail.entry.symposium p.date,
#detail.entry.symposium h4,
#detail.symposium p.lead{
color: #ef8f7a;
}
.list li.color-symposium dt, .list li.color-symposium .icon {
background: #ef8f7a;
}
/*グリーン*/
.list li.color-report a:hover h3, .list li.color-report .date,
#detail.entry.report p.date,
#detail.entry.report h4,
#detail.report p.lead{
color: #66c0ac;
}
#detail.report .icon, .list li.color-report dt, .list li.color-report .icon {
background: #66c0ac;
}
/*イエロー*/
.list li.color-intv a:hover h3, .list li.color-intv .date,
#detail.entry.intv p.date,
#detail.entry.intv h4,
#detail.intv p.lead{
color: #fac83e;
}
.list li.color-intv dt, .list li.color-intv .icon {
background: #fac83e;
}
/*ブルー*/
.list li.color-event a:hover h3, .list li.color-event .date,
#detail.entry.event p.date,
#detail.entry.event h4,
#detail.event p.lead{
color: #77c9dd;
}
.list li.color-event dt, .list li.color-event .icon {
background: #77c9dd;
}

/*パラスポーツ*/
.list li.color-para a:hover h3, .list li.color-para .date,
#detail.entry.para p.date,
#detail.entry.para h4,
#detail.para p.lead{
color: #8b7771;
}
.list li.color-para dt, .list li.color-para .icon {
background: #ef8f7a; /* Old browsers */
background: -moz-linear-gradient(top,  #ef8f7a 0%, #77c9dd 50%, #66c0ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ef8f7a 0%,#77c9dd 50%,#66c0ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ef8f7a 0%,#77c9dd 50%,#66c0ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8f7a', endColorstr='#66c0ac',GradientType=0 ); /* IE6-9 */
}
/* -----------------------------------------------
designConcept
----------------------------------------------- */
#designConcept {
background: #FFF;
padding: 30px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#designConcept h2 {
font-size: 24px;
font-weight: bold;
line-height: 1;
margin-bottom: 1em;
margin-left: 155px;
}
#designConcept h2 span {
color: #939494;
font-weight: normal;
}
#designConcept p {
font-size: 12px;
line-height: 19px;
margin-bottom: 1em;
margin-left: 155px;
}
#designConcept p.logo {
position: absolute;
margin: 0;
top: 81px;
}
#designConcept p:last-child {
margin-bottom: 0;
}
/* -----------------------------------------------
pdfList
----------------------------------------------- */

.pdfList li{
padding: 12px;
background: #939494 url(../images/stripe.svg) center center repeat;
margin-bottom: 15px;
}
.pdfList li a{
display: table;
padding: 12px 0;
background: #FFF;
border-radius: 3px;
width: 100%;
}
.pdfList li a:hover {
opacity: 0.7;
}
.pdfList li a > div{
display: table-cell;
vertical-align: middle;
padding: 12px;
}
.pdfList li a > div:first-child{
padding-left: 0;
}
.pdfList li a > div:last-child{
border-left: #939494 solid 1px;
}
.pdfList li a .icon{
background: #939494;
color: #FFF;
padding: 3px 12px;
text-align: center;
}
.pdfList li a .pdf{
font-size: 20px;
}

.pdfList li h3 {
font-size: 18px;
line-height: 23px;
font-weight: bold;
padding-bottom: 5px;
}
.pdfList li p{
font-size: 14px;
line-height: 21px;
}
/* -----------------------------------------------
topicPath
----------------------------------------------- */
#topicPath {
background: #FFF;
height: 30px;
position: relative;
z-index: 1;
border-bottom: #949494 solid 2px;
border-top: #FFF solid 3px;
}
#topicPath strong {
font-weight: 300;
}
#topicPath li {
display: inline-block;
float: left;
}
#topicPath li a, #topicPath li > span {
display: block;
position: relative;
height: 30px;
background: #FFF;
font-size: 11px;
line-height: 30px;
padding: 0 50px 0 50px;
border-right: #949494 solid 2px;
}
#topicPath li:first-child a {
background: #FFF;
}
#topicPath li:last-child > span {
background: #FFF;
color: #949494;
}
#topicPath li a:after, #topicPath li > span:after {
content: "";
display: block;
position: absolute;
top: 50%;
margin-top: -6px;
right: -7px;
z-index: 1;
width: 8px;
height: 8px;
background: #949494;
border-radius: 50%;
border: #FFF solid 2px;
}
#topicPath li:first-child a:after {
}
#topicPath li:last-child > span:after {
height: 0;
width: 0;
border: none;
}
/* -----------------------------------------------
catTitle
----------------------------------------------- */
h1#catTitle {
position: relative;
padding: 10px 500% 0 500%;
font-size: 38px;
letter-spacing: 0.5em;
background: url(../images/stripe2.svg) center center repeat;
font-weight: bold;
margin: -25px -500% 25px -500%;
}
.full h1#catTitle {
margin-top: 0;
margin-bottom: 0;
text-align: center;
text-indent: 0.5em;
}
.full h1#catTitle.small {
letter-spacing: 0.1em;
text-indent: 0.1em;
}
/* -----------------------------------------------
pagination
----------------------------------------------- */
.pagination ul {
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-align-items: stretch;
align-items: stretch;
margin: 15px 0 25px 0;
border: #939494 solid 1px;
}
.pagination li {
-webkit-flex-grow: 1;
flex-grow: 1;
text-align: center;
}
.pagination li span, .pagination li a {
border-left: #939494 solid 1px;
display: block;
padding: 15px 10px;
line-height: 1;
color: #939494;
}
.pagination li:first-child a, .pagination li:first-child span {
border: none;
}
.pagination li span, .pagination li a:hover {
background: #FFF;
color: #000;
}
/* -----------------------------------------------
detail
----------------------------------------------- */
#detail {
background: #FFF;
margin-bottom: 15px;
padding: 30px;
position: relative;
}
/* -----------------------------------------------
message
----------------------------------------------- */
#message p {
font-size: 20px;
line-height: 45px;
text-align: center;
padding-bottom: 1em;
}
.fullPage .imageFull img {
width: 100%;
height: auto;
}
/* -----------------------------------------------
about
----------------------------------------------- */
#about p {
font-size: 20px;
line-height: 45px;
text-align: center;
padding-bottom: 1em;
}
.fullPage .imageHalf img {
width: 50%;
height: auto;
}
/* -----------------------------------------------
people100
----------------------------------------------- */
#people100{
text-align: center;
}
#people100 h2{
font-size: 28px;
padding-bottom: 1em;
}
#people100 h2 span{
background: rgba(250,200,62,0.30);
}
#people100 h2 span em{
color: #FF0004;
}
#people100 p{
font-size: 20px;
line-height: 45px;
text-align: center;
padding-bottom: 1em;
}
.if-list{
font-weight:bold;
position:relative;
display: -webkit-flex;
display: flex;
margin: 0 -4px;
}
.if-list dl{
-webkit-flex-grow: 1;
flex-grow:        1;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
margin: 4px;
border-radius: 6px;
padding:10px;
}
.if-list.first dl{
width: 33.33333%;
}
.if-list.second dl{
width: 14.2857142%;
}

.if-list dt{
font-size: 12px;
text-align: left;
}
.if-list dt small{
font-size: 10px;
}
.if-list dd{
font-size: 80px;
color: rgba(0,0,0,0.50);
line-height: 1;
padding-top: 120px;
}
.if-list dd span{
font-size: 20px;
color: #000;
}
.if-list .if1 dt{
text-align: center;
font-size: 24px;
padding-bottom: 15px;
}
.if-list .if1 dd{
font-size: 15px;
color: #000;
text-align: left;
font-weight: normal;
line-height: 1.8;
padding: 0;
}
.if-list dl.if1 dd small{
display: block;
font-size: 10px;
padding-top: 15px;
}

.if-list .if7 dd,
.if-list .if3 dd{
color: #0070ba;
}
.if-list .if2 dd,
.if-list .if10 dd{
color: #22ac7b;
}
.if-list .if6 dd,
.if-list .if4 dd,
.if-list .if8 dd{
color: #f29f11;
}
.if-list .if5 dd,
.if-list .if9 dd{
color: #ea601f;
}

.if-list .if2{
background:url(../images/if-list2.png) no-repeat center 35px #C2D94E;
}
.if-list .if3{
background:url(../images/if-list3.png) no-repeat center 35px #BBE3F8;
}
.if-list .if4{
background:url(../images/if-list4.png) no-repeat center 35px #FFFAC9;
}
.if-list .if5{
background:url(../images/if-list5.png) no-repeat center 35px #F6C7CE;
}
.if-list .if6{
background:url(../images/if-list6.png) no-repeat center 35px #FFFAC9;
}
.if-list .if7{
background:url(../images/if-list7.png) no-repeat center 35px #BBE3F8;
}
.if-list .if8{
background:url(../images/if-list8.png) no-repeat center 35px #FFFAC9;
}
.if-list .if9{
background:url(../images/if-list9.png) no-repeat center 35px #F6C7CE;
}
.if-list .if10{
background:url(../images/if-list11.png) no-repeat center 35px #C2D759;
}
/* -----------------------------------------------
vocie
----------------------------------------------- */
/*----------voiceList----------*/
.voiceList {
list-style: none;
text-align: center;
}
.voiceList li {
width: 173px;
display: inline-block;
vertical-align: top;
padding: 10px;
}
.voiceList li a figure {
width: 163px;
height: 163px;
border-radius: 50%;
border: #efefef solid 5px;
margin-bottom: 5px;
}
.voiceList li a.active figure, .voiceList li a:hover figure {
border: #fac83e solid 5px;
}
.voiceList li img {
border-radius: 50%;
}
.voiceList .name span, .voiceList .note {
display: none;
}
.voiceList .date {
font-size: 12px;
color: #fac83e;
text-indent: 1px;
}
.voiceList .name {
font-size: 14px;
text-indent: 1px;
}
#modal-content {
width: 70%;
margin: 0;
padding: 20px;
background: #fac83e;
position: fixed;
display: none;
z-index: 10002;
}
#modal-content figure {
width: 163px;
float: left;
}
#modal-content figure img {
border-radius: 50%;
}
#modal-content .textBox {
margin-left: 193px;
position: relative;
}
#modal-content .textBox .date {
position: absolute;
top: 0;
right: 50px;
color: #FFF;
}
#modal-content .textBox .name {
font-size: 21px;
font-weight: bold;
padding-bottom: 10px;
border-bottom: #000 dashed 1px;
margin-bottom: 10px;
}
#modal-content .textBox .name span {
display: block;
font-weight: normal;
font-size: 16px;
}
#modal-content .textBox .note {
font-size: 16px;
line-height: 2;
}
#modal-overlay {
z-index: 10001;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background-color: rgba( 0,0,0, 0.75 );
}
#modal-close {
position: absolute;
right: 20px;
top: 5px;
z-index: 10003;
font-size: 30px;
}

.slidebarBg {
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: 100%;
z-index: 1002;
overflow: hidden;
position: fixed;
background-color: rgba( 255,255,255, 0.75 );
display: none;
}
.closeBt{
display: block;
position: absolute;
z-index: 10010;
height: 100%;
width: 100%;
cursor: pointer;
display: none;
}