/*
Theme Name: THE SAISON FOUNDATION
*/

html, body { height: 100%; }

html{
scroll-behavior: smooth;
}

body {
margin: 0 auto;
text-align: center;
font-family:  helvetica,  sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN", MS Gothic, futura, myriad pro, arial, movement, sans-serif;
color: #231815;
font-size: 0.8rem;
line-height: 160%; 
padding:0px;
margin:0px;
word-wrap: break-word ; 
-webkit-text-size-adjust: 100%;
font-feature-settings: "palt";
overflow-x: hidden;
}

input[type="search"],input[type="image"],input[type="button"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
margin:0px;
padding: 0px;
}

img {
border: 0px;
vertical-align:bottom;
}

a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

ul,ol {
margin-top:0px
padding-top: 0px;
}

li {
margin:0px;
padding: 0px;
}

dl,dt,dd {
margin:0px;
padding: 0px;
}

table {
border: 0px;
border-collapse: separate;
border-spacing: 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
font-size: 100%;
}

table.kyosai{
width:50%;
font-size: 80%;
margin:auto;
}

table.kyosai td:first-child {
padding: 0px 5px 0px 0;
}

td {
text-align:left;
margin:0px;
vertical-align: top; 
}

td:first-child {
padding: 0px 15px 0px 0;
white-space: nowrap
}

table.colon td:first-child {
padding: 0px 15px 0px 0;
white-space: nowrap;
position: relative;
}

table.colon td:first-child:after{ 
content:"：";
display: inline-block;
position: absolute;
top: 0;
right: 5px;
}

@media only screen and (max-width: 767px) {
th,td {
display: block;
width: 100%;
  }
td:first-child {
padding: 0px;
}
td:last-child {
padding: 0 0 15px 0;
}
table.colon td:first-child {
display: block !important;
width: 100% !important;
padding: 0px;
}
table.colon td:first-child:after{ 
content:"：";
display: inline-block;
position: relative;
top: 0;
left: 0;
}
table.colon td:last-child {
padding: 0 0 15px 0;
}
}

/* Texts */

a {
color: #333;
text-decoration: none;
padding:0;
margin:0;
}

a:hover {
color: #999;
text-decoration: none;
padding:0;
margin:0;
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

h2{
font-size: 350%; 
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: bold;
}

h2.page-title{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

h3{
font-size: 130%; 
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: bold;
}

h4{
font-size: 120%; 
font-weight: bold;
text-align:center;
}

h5{
font-size: 100%; 
font-weight: bold;
text-align:left;
padding: 0px;
margin: 0px;
}

.font110{
font-size: 110%;
}

.font120{
font-size: 120%;
}

.font130{
font-size: 130%;
}

.font140{
font-size: 140%;
}

.font150{
font-size: 150%;
}

.font200{
font-size: 200%;
}

.font300{
font-size: 300%;
}

.blue,#about .color,#normal .color{
color:#005ead; 
font-weight: bold;
}

.sky,#application .color, #download .color{
color:#0098CB; 
font-weight: bold;
}

.orage,#library .color,#archive .color{
color: #f5a200;
font-weight: bold;
}

#support .color{
color:#005ead; 
font-weight: bold;
}

.green,#studio .color{
color: #13ae67;
font-weight: bold;
}

.pink,#air .color{
color:#f0908a;
font-weight: bold;
}

.red{
color: #e60012;
font-weight: bold;
}

.purple,#database .color{
color:#9070af;
font-weight: bold;
}

.brown{
color:#b29a84; 
font-weight: bold;
}

.magenta{
color: #D52558;
font-weight: bold;
}

.gray{
color: #555555;
font-weight: bold;
}

big{
font-size: 120%;
line-height:160%;
font-weight: bold;
}

/* Contents */

.contents {
width: 100%;
margin: 0px auto 0px auto
}

.contents-box {
width: 90%;
margin: 35px auto 35px auto;
text-align: justify;
text-justify: inter-ideograph;
}

.contents-top {
width: 100%;
padding: 0px 0px 0px 0px;
position: relative;
text-align: justify;
text-justify: inter-ideograph;
}

.contents-left {
width: 48%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 10px 0px 0px 0px;
margin: 0px 1% 0px 0px;
float:left;
}

.contents-right {
width: 48%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 10px 0px 0px 0px;
margin: 0px 0 0px 1%;
float:right;
}

@media only screen and (max-width: 767px) {
.contents {
width: 100%;
margin: 40px auto 0px auto
}

.contents-left,.contents-right {
width: 100%;
margin: 0;
float:none;
}
}

.contents-bottom {
clear: both;
width: 100%;
padding: 10px 0px 0px 0px;
position: relative;
text-align: justify;
text-justify: inter-ideograph;
}

.contents-top:before,.contents-bottom:before,.contents-top:after,.contents-bottom:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.contents-top img,.contents-left img,.contents-right img,.contents-bottom img{
max-width: 100%;
height:auto;
}

.contents-menu {
text-align: center;
padding: 0px 0px 10px 0px;
}

.contents-img {
width: 100%;
text-align: center;
padding-bottom: 20px;
}

.contents-img img{
max-width: 100%;
height:auto;
text-align: center;
margin: auto;
}

.contents-img-txt {
text-align: right;
font-size: 80%; 
line-height: 140%;
}

.links{
margin-top:-105px;
padding-top:105px;
}

#download .links{
margin-top:-125px;
padding-top:125px;
}

@media only screen and (max-width: 767px) {
.links{
margin-top:-55px;
padding-top:55px;
}
#download .links{
margin-top:-75px;
padding-top:75px;
}
}

.box {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box50{
width:50% !important;
margin:auto !important;  
text-align: left;
}

.box60 {
width: 60%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.box {
width: 85%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box50{
width:80% !important;
margin:auto !important;  
padding: 20px 0 20px 0px;
text-align: left;
}

.box60 {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}
}

@media only screen and (max-width: 767px) {	
.box {
width: 95%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box50{
width:90% !important;
margin:auto !important;  
padding: 20px 0 20px 0px;
text-align: left;
}

.box60 {
width: 90%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}
}

.menu-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #231815;
}

.menu-txt {
width: 40%;
position: absolute;
top: 350px;
right: 0px;
text-align: left;
}

.menu-img {
width: 40%;
text-align: left;
}

.menu-img img{
width: 100%;
height:auto;
padding: 0 0 10px 0;
}

#gallery-1 {
margin: auto;
border: 0px !important;
}
#gallery-1 .gallery-item {
float: left;
padding-top: 4%;
text-align: center !important;
width: 25% !important;
border: 0px !important;
}
#gallery-1 img {
width: 98% !important;
height:auto !important;
border: 0px !important;
}
#gallery-1 .gallery-caption {
margin-left: 0 !important;
}

#gallery-1 dt {
font-weight: bold;
white-space: nowrap;
padding-bottom: 0px;
border-bottom:0px;
}

.wp-caption-text {
font-size: 80%;
line-height: 130%; 
padding-bottom: 0;
margin-bottom: 0;
}

.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

.line {
width: 100%;
margin: 15px 0px 15px 0px;
border-bottom: 1px solid #595757;
clear: both;
}

.triangle {
padding: 0 0 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 6.0px 0 6.0px 10.0px;
border-color: transparent transparent transparent #924898;
display: inline-block;
}

.indent{
margin-left: 0.8rem; 
}

.space{
height: 1rem; 
}

mark {
background: linear-gradient(transparent 40%, yellow 0%)
}

#caption{
position: relative;
}

#caption:after{
content:attr(title);
display:block;
text-align:center;
position: absolute;
bottom:-20px;
}

.img-left{
float:left;
margin-right: 15px;
}

.img-right{
float:right;
margin-left: 15px;
}

.btn-left{
float:left;
margin: 15px 15px 0 0;
}

.btn-right{
float:right;
margin: 15px 0 15px 0;
}

@media only screen and (max-width: 767px) {
.img-left{
float: none;
margin: 10px 0px 10px 0px;
}

.img-right{
float: none;
margin: 10px 0px 10px 0px;
}
.btn-left{
float: none;
margin: 10px 0px 10px 0px;
}

.btn-right{
float: none;
margin: 10px 0px 10px 0px;
}
}

.time {
color: #666;
font-size: 90%;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

button.c-btn{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
color: #1d7faa;
}

.c-btn:hover,
.c-btn.is-active {
color: #31b6a3;
}

img.mail{
zoom: 0.5;
}

@media only screen and (max-width: 767px) {
img.mail{
zoom: 0.5;
padding: 2px 0 2px 0;
}
}

.navigation {
margin-top: 15px;
margin-bottom: 15px;
}

.navigation a{
text-decoration: none;
margin: 0px;
padding: 0px;
border-bottom-width: 0px
}

.alignright {
float: right;
padding: 0px 0px 15px 15px;
}

.alignleft {
float: left;
padding: 0px 15px 15px 0px;
}

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

@media only screen and (max-width: 767px) {
.alignright,.alignleft {
float: none;
padding: 0px 0px 15px 0px;
}
}

@media only screen and (max-width: 767px) {
.alignright,.alignleft {
float: none;
padding: 0px 0px 15px 0px;
}
.alignright img,.alignleft img{
width: 100%;
height: auto;
}
}

dl.flow{
width:50%;
margin:auto;
text-align:center;
}

.contents-left dl.flow,.contents-right dl.flow{
width:100%;
}

.flow dt{
color:#fff;
background: #595757;
padding:5px;
text-align:center;
display:block;
font-weight: normal;
}

.flow dd{
border: 2px solid #595757;
margin-bottom:30px;
padding:10px 10px 10px 10px;
text-align:center;
position: relative;
display:block;
}
.flow dd{
text-align:left;
}

.flow dd:after{
content:"";
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #595757;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin:auto;
}

.flow dd:last-of-type:after{
content:"";
display: none;
}

.flow dd ul{
text-align:left;
}

@media only screen and (max-width: 480px) {
dl.flow{
width:100%;
margin:auto;
text-align:center;
}
}

.border-box {
border: 1px solid #005ead;
padding:10px;
margin: 10px auto 10px auto
}

.border-box-b{
border: solid 1px #333;
padding:10px;
margin: 10px auto 10px auto
}

.color-box {
color:#fff;
background: #005ead;
padding:10px;
margin: 10px auto 10px auto
}

a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #595757;
text-align:center;
text-decoration: none;
}

a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #595757;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #595757;
text-align:center;
text-decoration: none;
}

ul.disc {
list-style: none;
padding: 0;
margin:0;
}
ul.disc li {
position: relative;
padding: 0 0 0 10px;
}
ul.disc li:before {
content: '';
position: absolute;
top: 10px;
left: 0;
transform: translateY(-50%);
width: 0.5em;
height: 0.5em;
background: #333;
border-radius: 50%;
}

ul.point{
list-style: none;
padding: 0;
margin:0;
}
ul.point li {
position: relative;
padding: 0 0 0 10px;
}
ul.point li:before {
content: '・';
position: absolute;
top: 0;
left: 0;
width: 0.5em;
height: 0.5em;
background: none;
}

ul.kome{
list-style: none;
padding: 0;
margin:0;
}
ul.kome li {
position: relative;
padding: 0 0 0 10px;
}
ul.kome li:before {
content: '※';
position: absolute;
top: 0;
left: 0;
width: 0.5em;
height: 0.5em;
background: none;
}

ul.circle {
list-style: none;
padding: 0;
margin:0;
}
ul.circle li {
position: relative;
padding: 0 0 0 10px;
}
ul.circle li:before {
content: '';
position: absolute;
top: 10px;
left: 0;
transform: translateY(-50%);
width: 0.5em;
height: 0.5em;
border: 1px solid #333;
border-radius: 50%;
}

ul.number {
list-style-type: decimal;
padding: 0;
margin:0;
}

ul.number li {
margin-left: 19px;
}

ul.number-b {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.number-b li {
position: relative;
padding-left: 17px;
}
ul.number-b li:before {
content: '';
position: absolute;
display: block;
top: 2px;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
 background:#333;
}
ul.number-b li:after{
position: absolute;
top: 0px;
left: 4px;
  content: counter(my-counter);
counter-increment: my-counter;
color:#fff;
}

ul.number-w {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.number-w li {
position: relative;
padding-left: 17px;
}
ul.number-w li:before {
content: '';
position: absolute;
display: block;
top: 2px;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
}
ul.number-w li:after{
position: absolute;
top: 0px;
left: 4px;
  content: counter(my-counter);
counter-increment: my-counter;
color:#333;
}

ul.number-r {
list-style-type: upper-roman;
padding: 0;
margin:0;
}

ul.number-r li {
margin-left: 21px;
}

ul.number-r-s {
list-style-type: lower-roman;
padding: 0;
margin:0;
}

ul.number-r-s li {
margin-left: 21px;
}

ul.alpha {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.alpha li {
position: relative;
padding-left: 17px;
}
ul.alpha li:before {
content: '';
position: absolute;
display: block;
top: 0.8em;
left: 0;
transform: translateY(-50%);
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
}
ul.alpha li:after{
position: absolute;
top: 0;
left: 0;
content:counter(my-counter, upper-alpha) ".";
counter-increment: my-counter;
color:#333;
}

ul.alpha-s {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.alpha-s li {
position: relative;
padding-left: 17px;
}
ul.alpha-s li:before {
content: '';
position: absolute;
display: block;
top: 0.8em;
left: 0;
transform: translateY(-50%);
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
}
ul.alpha-s li:after{
position: absolute;
top: 0;
left: 0;
content:counter(my-counter, lower-alpha) ".";
counter-increment: my-counter;
color:#333;
}

ul.number li ul,ul.number-w li ul,ul.number-b li ul,ul.number-r li ul,ul.number-r-s li ul{
margin-left:-18px!important;
}

ul.alpha li ul,ul.alpha-s li ul{
margin-left:-18px!important;
}

.explain dt{
display:block;
float:left;
font-weight: bold;
white-space: nowrap;
width:40px;
vertical-align:top;
}

.explain dd {
display:block;
float:left;
padding: 0 0 0 10px;
width: calc(100% - 55px);
width:-webkit-calc(100% - 55px);
vertical-align:top;
}

.explain:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.icon dt{
display:block;
float:left;
font-weight: bold;
white-space: nowrap;
width:10px;
vertical-align:top;
}

.icon dd {
display:block;
float:left;
padding: 0 0 0 5px;
width: calc(100% - 20px);
width:-webkit-calc(100% - 20px);
vertical-align:top;
}

.icon:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

/* Header */

header ul, header li {
padding:0;
margin:0;
list-style: none;
}

#header {
position: relative;
width: 90%;
margin:auto;
padding: 10px 0px 0px 0px;
z-index: 9999; 
font-weight: bold;
height:110px;
}

#sp-header {
display: none;
}

.ac-menu{
display: none;
}

.sticky {
position: -webkit-sticky; 
position: sticky;
top: 0px;　
transform: translate3d(0px,0px,0px)!important;
-webkit-transform: translate3d(0px, 0px, 0px)!important;
padding: 0 5% 0 5%;
margin:auto;
z-index: 9999; 
font-weight: bold;
background-color: #fff;
}

#home .sticky,#mailnews .sticky,#normal .sticky,#topics .sticky,#fellows .sticky,#download.a-download .sticky {
padding: 0 5% 20px 5%;
}

#header img{
height: 53px;
}

#header .sns-img img{
padding-top: 10px;
height: 30px;
}

#header h1{
position: absolute;
width: 288px;
height: 26px;
background: url(/wordpress/images/logo.png) no-repeat;
background-size: 288px 26px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 35px;
left: 0;
right: 0;
padding:0;
margin:auto;
}

#header h1.logo-en{
position: absolute;
width: 375px;
height: 22px;
background: url(/wordpress/images/logo-en.png) no-repeat;
background-size: 375px 22px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
top: 35px;
left: 0;
right: 0;
padding:0;
margin:auto;
}

#header h2{
position: absolute;
top: 100px;
left: 0;
right: 0;
padding:0;
margin:auto;
text-align:center;
font-size: 100%; 
line-height: 130%;
color: #005ead;
font-weight: normal;
}

#sns-menu{
position: absolute;
top: 30px;
right: 0;
padding:0;
margin:auto;
}

#sns-menu img{
width:auto;
height: 30px;
padding:0 10px 0 10px;
}

.luxbar-default {
width: 100%;
position: relative; }

.luxbar-static {
width: 100%;
position: absolute;
top: 0;
left: 0; }
.luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
position: absolute; }

.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
display: block;
height: 2px;
width: 26px;
transition: 0.6s ease; }

.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
background-color: transparent; }
.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
margin-top: 0; }

.luxbar-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;}

.luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {
justify-content: flex-start; }

.luxbar-menu-right .luxbar-hamburger {
margin: 0px auto 0px auto; }

.luxbar-brand {
padding: 0px 24px 0px 24px; }

.luxbar-menu {
min-height: 38px;
transition: 0.6s ease;
width: 100%; }

.luxbar-navigation {
display: flex;
flex-direction: column;
list-style: none;
margin: 0 0 0 0; }

.luxbar-item {
flex-basis: 100%;
}

.luxbar-menu a,
.luxbar-item a {
cursor: pointer;
letter-spacing: 2px;}

@media screen and (min-width:768px) and ( max-width:1024px) {
.luxbar-menu a,
.luxbar-item a {
cursor: pointer;
letter-spacing: 0px;
}
}

#luxbar #luxbar-footer{
max-width: 400px;
}

#luxbar-footer{	
display: block;
padding:7px 5% 5% 5%;
font-weight: normal;
font-size: 80%;
width: 90%;
margin: 0px auto 0 auto;
background:#e6e6e6;
}

#luxbar-footer.recruit-footer{	
padding-bottom:70px;
}

#luxbar-footer h3{
letter-spacing: 5px;
text-align: left;
}

#luxbar-footer div{
text-align: left;
}

#luxbar-footer img{
width:auto !important;
height: 30px !important;
padding:0 15px 15px 15px !important;
}

#luxbar-footer img.footer-mail{
width:auto !important;
height: 13px !important;
padding:2px 0 2px 0!important;
}

.luxbar-hamburger {
color: #000;
padding: 24px 20px 18px 20px;
margin-bottom:10px;
position: relative;
cursor: pointer; }
.luxbar-hamburger span::before, .luxbar-hamburger span::after {
content: '';
position: absolute; }
.luxbar-hamburger span::before {
margin-top: -8px; }
.luxbar-hamburger span::after {
margin-top: 8px; }

.luxbar-checkbox {
display: none; }
.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
overflow: hidden;
height: 53px; }
.luxbar-checkbox:checked ~ .luxbar-menu {
background: linear-gradient(180deg,#fff 0%,#fff 56px,#e6e6e6 56px,#e6e6e6 100%);
transition: height 0.6s ease;
height: 100vh;
overflow: scroll; }

.dropdown {
position: relative;
height: auto;
cursor: pointer;
}
.dropdown:hover > ul {
position: relative;
display: block;
min-width: 100%;
}
.dropdown > a::after {
position: absolute;
content: '';
right: 10px;
top: 25px; }
.dropdown > ul {
font-weight: normal;
display: block;
overflow-x: hidden;
list-style: none;
padding: 0; }
.dropdown > ul .luxbar-item {
min-width: 100%;
height: 19px;
padding: 5px 10px 5px 40px; }
.dropdown > ul .luxbar-item a {
min-height: 29px;
line-height: 29px;
padding: 0; }

.bd {
display: none; }


img#m_m1,img#m_m2,img#m_m3{
width: 100%;
height: auto;
}

.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
transform: rotate(225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
transform: rotate(-225deg); }

.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
transform: rotate(45deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
transform: rotate(-45deg); }

.luxbar-menu-light,
.luxbar-menu-light .dropdown ul {}

.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover {}
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after {
background-color: #000; }

.sub-menu{
display:none;
text-align: left;
margin:0px;
padding: 0px;
}

@media print, screen and (min-width: 768px) {
.luxbar-item {
color: #000;
line-height: 160%; 
padding:  0;
-webkit-flex-grow: 1;
flex-grow: 1;
}

#menu01 {
margin: 30px 15px 30px 0px; 
}

#menu02,#menu03 {
margin: 30px 15px 30px 15px; 
}

#menu04 {
margin: 30px 0 30px 15px; 
}

#luxbar-footer{
display: none;
}

#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,#menu07 a,#menu08 a{
display:block;
text-decoration:none;
overflow:hidden;
padding:5px 0 5px 0;
}

#menu01 a{
border-top:5px solid #005ead;
}	

#menu01 a:hover{
background: #005ead;
color:#fff;
}	

#menu01.dropdown:hover .cat-title{
background: rgba(0,92,175,1);
color:#fff;
}

#menu01.dropdown:hover > ul {
background: rgba(0,92,175,0.8);
color:#fff;
}

#about #menu01.dropdown .cat-title {
background: #005ead;
color:#fff;
}

#about #menu01.dropdown:hover > ul {
display:none;
}

#about .sub-menu#sub-menu01 {
margin-top: 12px;
display:block;
border:2px solid #005ead;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#about .sub-menu#sub-menu01 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#about .sub-menu#sub-menu01 li a{
color: #231815;
}

#about .sub-menu#sub-menu01 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#about .sub-menu#sub-menu01 li a:before {
content: '▶';
color: #005ead;
padding-right:2px;
}

#menu02 a{
border-top:5px solid #0098CB;
}	

#menu02 a:hover{
background: #0098CB;
color:#fff;
}	

#menu02.dropdown:hover .cat-title {
background: rgba(0,152,203,1);
color:#fff;
}

#menu02.dropdown:hover > ul {
background: rgba(0,152,203,0.8);
color:#fff;
}

#application #menu02.dropdown .cat-title {
background: #0098CB;
color:#fff;
}

#application #menu02.dropdown:hover > ul {
display:none;
}

#application .sub-menu#sub-menu02 {
margin-top: 12px;
display: table;
border:2px solid #0098CB;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#application .sub-menu#sub-menu02 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#application .sub-menu#sub-menu02 li a{
color: #231815;
}

#application .sub-menu#sub-menu02 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#application .sub-menu#sub-menu02 li a:before {
content: '▶︎';
color: #0098CB;
padding-right:2px;
}

#application .sub-menu#sub-menu02 li ul li{
display: block;
padding: 2px 2px 2px 5px;
font-size: 90%;
font-weight: normal;
}

#application .sub-menu#sub-menu02 li ul li a:before {
content: '・';
color: #231815;
padding-right:2px;
}

#application .sub-menu#sub-menu02 li.sub-ac-menu{
width: auto;
margin: 0px;
overflow: visible; 
}

#application .sub-menu#sub-menu02 label::before{
content: '▼';
color: #0098CB;
padding-right:2px;
}

#application .sub-menu#sub-menu02 input:checked ~ label::before{
content: '▶';
color: #0098CB;
padding-right:2px;
}

.sub-ac-menu label{
display: inline-block;
position: relative;
cursor:pointer;
}
.sub-ac-menu label:hover{
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.sub-ac-menu label:after{
content:"";
position: absolute;
top: 5px;
right: 5px;
}

.sub-ac-menu input:checked ~ label::after {	
content:"";
 position: absolute;
top: 5px;
right: 5px;
}
.sub-ac-menu input{
display: none;
margin: 0px;
padding: 0px;
}
.sub-ac-menu div.ac-small{
transition: height 0.5s ease-in-out;
height: auto;
}
.sub-ac-menu input:checked ~ div{
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
text-align: left;
}
.sub-ac-menu div.ac-small div{
padding: 20px 50px 20px 50px;
}

#menu03 a{
border-top:5px solid #13ae67;
}	

#menu03 a:hover{
background: #13ae67;
color:#fff;
}	

#menu03.dropdown:hover .cat-title{
background: rgba(52,163,108,1);
color:#fff;
}

#menu03.dropdown:hover > ul {
background: rgba(52,163,108,0.8);
color:#fff;
}

#studio #menu03.dropdown .cat-title {
background: #13ae67;
color:#fff;
}

#studio #menu03.dropdown:hover > ul {
display:none;
}

#studio.studio-download .sub-menu#sub-menu03 {
display:none;
}

#studio .sub-menu#sub-menu03, #studio.studio-download .sub-menu#sub-menu03d {
margin-top: 12px;
display:block;
border:2px solid #13ae67;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#studio .sub-menu#sub-menu03 li, #studio.studio-download .sub-menu#sub-menu03d li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#studio .sub-menu#sub-menu03 li a, #studio.studio-download .sub-menu#sub-menu03d li a{
color: #231815;
}

#studio .sub-menu#sub-menu03 li a:hover, #studio.studio-download .sub-menu#sub-menu03d li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#studio .sub-menu#sub-menu03 li a:before, #studio.studio-download .sub-menu#sub-menu03d li:before{
content: '▶';
color: #13ae67;
padding-right:2px;
}

#menu04 a{
border-top:5px solid #f5a200;
}	

#menu04 a:hover{
background:#f5a200;
color:#fff;
}	

#menu04.dropdown:hover .cat-title {
background: rgba(245,162,0,1);
color:#fff;
}

#menu04.dropdown:hover > ul {
background: rgba(245,162,0,0.8);
color:#fff;
}

#library #menu04.dropdown .cat-title {
background: #f5a200;
color:#fff;
}

#library #menu04.dropdown:hover > ul {
display:none;
}

#library .sub-menu#sub-menu04 {
margin-top: 12px;
display:block;
border:2px solid #f5a200;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#library .sub-menu#sub-menu04 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#library .sub-menu#sub-menu04 li a{
color: #231815;
}

#library .sub-menu#sub-menu04 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#library .sub-menu#sub-menu04 li a:before {
content: '▶';
color: #f5a200;
padding-right:2px;
}

#air .sub-menu#sub-menu05 {
margin-top: 12px;
display:block;
border:2px solid #f0908a;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#air .sub-menu#sub-menu05 div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #f0908a;
}

#air .sub-menu#sub-menu05 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#air .sub-menu#sub-menu05 li a{
color: #231815;
}

#air .sub-menu#sub-menu05 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#air .sub-menu#sub-menu05 li a:before {
content: '▶';
color:#f0908a;
padding-right:2px;
}

#air.single .sub-menu#sub-menu05 {
display:none;
}

#air.single .sub-menu#sub-menu05d {
margin-top: 12px;
display:block;
border:2px solid #f0908a;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#air.single .sub-menu#sub-menu05d div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #f0908a;
}

#air.single .sub-menu#sub-menu05d li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#air.single .sub-menu#sub-menu05d li a{
color: #231815;
}

#air.single .sub-menu#sub-menu05d li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#air.single .sub-menu#sub-menu05d li a:before {
content: '▶';
color:#f0908a;
padding-right:2px;
}

#archive .sub-menu#sub-menu06 {
margin-top: 12px;
display:block;
border:2px solid #f5a200;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#archive .sub-menu#sub-menu06 div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #f5a200;
}

#archive .sub-menu#sub-menu06 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#archive .sub-menu#sub-menu06 li a{
color: #231815;
}

#archive .sub-menu#sub-menu06 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#archive .sub-menu#sub-menu06 li a:before {
content: '▶';
color:#f5a200;
padding-right:2px;
}

#support .sub-menu#sub-menu07 {
margin-top: 12px;
display:block;
border:2px solid #005ead;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#support .sub-menu#sub-menu07 div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #005ead;
}

#support .sub-menu#sub-menu07 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#support .sub-menu#sub-menu07 li a{
color: #231815;
}

#support .sub-menu#sub-menu07 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#support .sub-menu#sub-menu07 li a:before {
content: '▶';
color:#005ead;
padding-right:2px;
}

#download .sub-menu#sub-menu08 {
margin-top: 12px;
display: table;
border:2px solid #0098CB;
width: 100%;
background: #fff;
box-sizing: border-box;
}

#download .sub-menu#sub-menu08 div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #0098CB;
}

#download .sub-menu#sub-menu08 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#download .sub-menu#sub-menu08 li a{
color: #231815;
}

#download .sub-menu#sub-menu08 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#download .sub-menu#sub-menu08 li a:before {
content: '▶︎';
color: #0098CB;
padding-right:2px;
}

#download.a-download .sub-menu#sub-menu08 {
display: none;
}

#recruit .sub-menu#sub-menu09{
font-size:90%;
margin-top: 12px;
display: table;
width: 100%;
}

#recruit .sub-menu#sub-menu09:after {
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}


#recruit .sub-menu#sub-menu09 div{
display: block;
padding: 3px 10px 3px 10px;
color: #fff;
background: #c9000c;
}

#recruit .sub-menu#sub-menu09 li{
display: inline-block;
padding: 10px 10px 10px 10px;
}

#recruit .sub-menu#sub-menu09 li a{
color: #231815;
}

#recruit .sub-menu#sub-menu09 li a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: none;
}

#recruit .sub-menu#sub-menu09 li a:before {
content: '▶︎';
color: #c9000c;
padding-right:2px;
}

#menu01 li a,#menu02 li a,#menu03 li a,#menu04 li a{
border:0px;
padding: 5px;
margin:0px;
color:#fff;
letter-spacing: 0px;
}	

#menu01 li a:hover,#menu02 li a:hover,#menu03 li a:hover,#menu04 li a:hover{
border:0px;
padding: 5px;
margin:0px;
color:#000;
letter-spacing: 0px;
}

.bd {
display: inline; }

.luxbar-navigation {
flex-flow: row;
-webkit-justify-content: space-around;
justify-content: space-around;
margin:0px;
padding: 0px;
}

.luxbar-hamburger {
display: none; }

.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
overflow: visible; }
.luxbar-checkbox:checked ~ .luxbar-menu {
height: 58px; }

.luxbar-menu .luxbar-item {
border-top: 0; }

.dropdown {
height: 1px; }
.dropdown:hover > ul {
position: absolute;
left: 0;
top: 35px;
padding: 0 0 0 0;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
visibility: visible;
}

.dropdown > ul {
-webkit-transition: all 0.15s;
transition: all 0.15s;
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
visibility: hidden;
}
.dropdown > ul .luxbar-item {
padding: 5px 10px; }
.dropdown > ul .luxbar-item a {
white-space: nowrap; }
}

@media only screen and (max-width: 767px) {
.dropdown ul, .dropdown:hover > ul{
display: none;
}

#header {
display: none;
}

.luxbar-checkbox:checked ~ .luxbar-menu {
overflow: scroll; }

.sticky,#home .sticky,#mailnews .sticky,#normal .sticky,#topics .sticky,#fellows .sticky,.header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
margin: 0px;
padding: 0px;
height: 55px;
 overflow: visible; 
}

#sp-header {
position: fixed;
top: 0;
left: 0;
height: 55px;
display: block;
z-index: 1000;
}


#sp-header h1{
position: fixed;
width: 222px;
height: 20px;
background: url(/wordpress/images/logo.png) no-repeat;
background-size: 222px 20px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 1000;
top: 15px;
left: 20px;
right: 0;
padding:0;
margin:auto;
}

#sp-header h1.logo-en{
position: fixed;
width: 280px;
height: 16px;
background: url(/wordpress/images/logo-en.png) no-repeat;
background-size: 280px 16px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 1000;
top: 15px;
left: 20px;
right: 0;
padding:0;
margin:auto;
}

@media only screen and (max-width: 320px) {
#sp-header h1.logo-en{
width: 250px;
height: 15px;
background: url(/wordpress/images/logo-en.png) no-repeat;
background-size: 250px 15px;
top: 17px;
left: 30px;
}
}

#menu01 a{
color:  #fff;
display:block;
background: #005ead;
padding:5px;
border-bottom: 1px solid #fff;
}	

#menu02 a{
color:  #fff;
display:block;
background: #0098CB;
padding:5px;
border-bottom: 1px solid #fff;
}	

#menu03 a{
color:  #fff;
display:block;
background: #13ae67;
padding:5px;
border-bottom: 1px solid #fff;
}	

#menu04 a{
color:  #fff;
display:block;
background: #f5a200;
padding:5px;
border-bottom: 1px solid #fff;
}	

#menu01 a:hover, #menu02 a:hover, #menu03 a:hover, #menu04 a:hover{
color:  #000;
}

#menu01, #menu02, #menu03, #menu04{
display:none;
}

.ac-menu{
width: auto;
margin: 0px;
text-align: center;
display:block;
overflow: visible; 
}

.ac-menu label{
display: inline-block;
text-align: center;
position: relative;
color: #000;
}
.ac-menu label:hover{
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.ac-menu label:after{
content:"";
position: absolute;
top: 5px;
right: 5px;
}

.ac-menu input:checked ~ label::after {	
content:"";
 position: absolute;
top: 5px;
right: 5px;
}

.ac-menu input{
display: none;
margin: 0px;
padding: 0px;
}
.ac-menu div.ac-small{
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
text-align: left;
}

.ac-menu input:checked ~ div.ac-small{
height: auto;
transition: height 0.5s ease-in-out, 
}

.ac-menu input:checked ~ div.ac-small ul li{	
padding: 5px 5px 5px 10px;
color: #000;
}

.ac-menu input:checked ~ div.ac-small ul li a{	
color: #000;
}

.ac-menu input:checked ~ div.ac-small ul li a:hover{	
color: #fff;
}

.ac-menu input:checked ~ div.ac-medium{
height: 200px;
transition: height 0.5s ease-in-out,  
}
.ac-menu input:checked ~ div.ac-large{
height: 300px;
transition: height 0.5s ease-in-out, 
}

.ac-menu .acc-menu{
width: auto;
margin: 0px;
text-align: left;
display:block;
overflow: visible; 
}

.ac-menu .acc-menu label{
display: inline-block;
text-align: left;
position: relative;
border:none;
color:  #000;
margin: 0px;
 padding: 0px;
}
.ac-menu .acc-menu label:hover{
-webkit-transition: all 0.15s;
transition: all 0.15s;
color:  #fff;
}

.ac-menu .acc-menu label:before{
display: inline-block;
content: '▶';
color: #fff;
padding-right:2px;
text-decoration: none;
}

.ac-menu .acc-menu input:checked ~ label:before {
display: inline-block;
content: '▼';
color: #fff;
padding-right:2px;
text-decoration: none;
}

.ac-menu .acc-menu label:after{
content:"";
position: absolute;
top: 5px;
right: 5px;
}

.ac-menu .acc-menu input:checked ~ label::after {	
content:"";
 position: absolute;
top: 5px;
right: 5px;
}
.ac-menu .acc-menu input{
display: none;
margin: 0px;
padding: 0px;
}

.ac-menu .acc-menu div.acc-small{
margin: 0 0 0 0;
padding: 0px 0px 0px 15px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
text-align: left;
}

.ac-menu .acc-menu input:checked ~ div.acc-small ul li{	
padding: 0px;
}
.ac-menu .acc-menu div.acc-small a{
color: #000;
}

.ac-menu .acc-menu input:checked ~ div{
height: auto;
transition: height 0.5s ease-in-out, 
}
.ac-menu .acc-menu div.acc-small div{
padding: 0px;
}

.acc-menu0201 label,.acc-menu0202 label,.acc-menu0203 label,.acc-menu0204 label{
color:  #000;
display:block;
background: #0098CB;
padding:5px;
border-bottom: 0px;
}	

.acc-menu0201 div.acc-small,.acc-menu0202 div.acc-small.acc-menu0203 div.acc-small,.acc-menu0204 div.acc-small{
color:  #000;
background: #0098CB;
padding:0px 5px 0px 5px;
}	

.acc-menu0201 label,.acc-menu0202 label,.acc-menu0203 label,.acc-menu0204 label{
color:  #fff;
display:block;
background: #0098CB;
padding:5px;
border-bottom: 1px solid #fff;
}	

.acc-menu0201 div.acc-small,.acc-menu0202 div.acc-small,.acc-menu0203 div.acc-small,.acc-menu0204 div.acc-small{
color:  #fff;
background: #0098CB;
padding:0px 5px 0px 5px;
}

.ac-menu01 label{
color:  #fff;
display:block;
background: #005ead;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu01 div.ac-small{
color:  #fff;
background: #005ead;
padding:0px 5px 0px 5px;
}	

.ac-menu02 label{
color:  #fff;
display:block;
background: #0098CB;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu02 div.ac-small{
color:  #fff;
background: #0098CB;
padding:0px 5px 0px 5px;
}	

.ac-menu03 label{
color:  #fff;
display:block;
background: #13ae67;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu03 div.ac-small{
color:  #fff;
background: #13ae67;
padding:0px 5px 0px 5px;
}

.ac-menu04 label{
color:  #fff;
display:block;
background: #f5a200;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu04 div.ac-small{
color:  #fff;
background: #f5a200;
padding:0px 5px 0px 5px;
}

.ac-menu05 label{
color:  #fff;
display:block;
background: #f0908a;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu05 div.ac-small{
color:  #fff;
background: #f0908a;
padding:0px 5px 0px 5px;
}

.ac-menu06 label{
color:  #fff;
display:block;
background: #f5a200;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu06 div.ac-small{
color:  #fff;
background: #f5a200;
padding:0px 5px 0px 5px;
}

.ac-menu07 label{
color:  #fff;
display:block;
background: #005ead;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu07 div.ac-small{
color:  #fff;
background: #005ead;
padding:0px 5px 0px 5px;
}

.ac-menu08 {
padding:2px;
}

.ac-menu08 a{
display:block;
padding:2px;
color:  #000;
}

.ac-menu08 a:hover{
padding:2px;
color:  #fff;
}		

.ac-menu09 label{
color:  #fff;
display:block;
background: #c9000c;
padding:5px;
border-bottom: 1px solid #fff;
}	

.ac-menu09 div.ac-small{
color:  #fff;
background: #c9000c;
padding:0px 5px 0px 5px;
}	
		
.ac-menu01 label:hover,.ac-menu02 label:hover, .ac-menu03 label:hover, .ac-menu04 label:hover, .ac-menu09 label:hover{
color:  #000;
}

#header .sns-img img{
padding: 5px 0px 5px 0px;
height: 30px;
}
}

.menu-line {
display: flex;
align-items: center;
}

.menu-line:before,
.menu-line:after {
content: "";
flex-grow: 1;
height: 1px; 
background: #fff; 
margin:0 0.5em; 
}

/* Top */

#top-hero {
width: calc(100% - 20px);
width:-webkit-calc(100% - 20px);
margin:30px 20px 30px auto;
display: table;
table-layout:fixed;
}

.top-img {
width: 50%;
display: table-cell;
vertical-align:top;
}

.top-img img, .top-img img.attachment-large, .top-img img.size-large{
height: auto;
width: 100%;
}

.top-news {
width: 50%;
display: table-cell;
vertical-align:top;
border-top:5px solid #727171;
position: relative;
}

.top-news:before {
content:"";
display: block;
padding-top: 50%; 
}

.scroll{
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 90%;
overflow-y: scroll;
overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
width: 5px;
}

.scroll::-webkit-scrollbar-track {
background: #e6e6e6;
}

.scroll::-webkit-scrollbar-thumb {
background:#ffdb3f;
}

.top-news-title {
text-align: center;
color:#727171;
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 0.8rem;
letter-spacing: 1px;
display: block;
}

.top-news-title a {
display: block;
text-align: center;
color:#fff;
position:absolute;
top: 0;
right: 0;
background:#727171;
padding: 0px 5px 0px 5px;
font-size: 0.7rem;
}

.top-news .top-news-list {
padding: 10px 0px 10px 0px;
margin:0 20px 0 20px;
border-bottom:1px solid #727171;
font-size: 0.7rem;
text-align: left;
}

.top-news .top-news-list:last-child {
border-bottom:0px;
}

.top-news-list h3 {
padding:  1px 0px 1px 0px;
margin:  0px;
font-size: 0.8rem;
text-align: left;
}

.top-news-list a{
color: #e60012;
text-decoration: underline;
}

.top-news-list a:hover{
color: #ccc;
text-decoration: underline;
}

.top-news-time {
display: inline-block;
padding:  1px 20px 1px 0px;
letter-spacing: 1px;
font-size: 0.8rem;
}

.top-news-cat {
display: inline-block;
padding:  1px 5px 1px 5px; 
color:#fff;
letter-spacing: 1px;
line-height: 140%; 
font-size: 0.7rem;
}

.top-news-list .top-news-cat {
margin: 2px;
}

.top-news-list p {
margin: 2px 0 2px 0;
}

.cat-sky {
background:#0098CB; 
}

.cat-orange {
background:#f5a200; 
}

.cat-blue {
background:#005ead; 
}

.cat-red {
background:#13ae67; 
}

.top-topics-box {
width: 90%;
padding: 0px 5% 0px 5%;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}

.top-topics-title {
text-align: center;
color:#727171;
font-weight: bold;
font-size: 0.8rem;
letter-spacing: 1px;
padding:20px 0 20px 0;
}

.top-topics-list {
text-align: left;
margin:0 8px 30px 8px;
border:1.5px solid #9fa0a0; 
border-radius: 8px;
-moz-border-image: border-radius: 8px;
-webkit-border-image: border-radius: 8px;
}

.top-topics-list a{
display: block;
height:100% !important;
}

.top-topics-list a:hover{
-moz-transition:0.15s ease-out;
-webkit-transition:0.15s ease-out;
-o-transition:0.15s ease-out;
-ms-transition:0.15s ease-out;
background:#C8C9CA; 
color:#fff; 
}

.list-sky a{
border:2.5px solid #0098CB; 
}

.list-sky a:hover{
background:#0098CB; 
}

.list-orange a{
border:2.5px solid #f5a200; 
}

.list-orange a:hover{
background:#f5a200; 
}

.list-blue a{
border:2.5px solid #005ead; 
}

.list-blue a:hover{
background:#005ead; 
}

.list-red a{
border:2.5px solid #13ae67; 
}

.list-red a:hover{
background:#13ae67; 
}

.top-topics-list img{
width: 100%;
height: auto;
}

.top-topics-listb img{
width: calc(100% + 5.5px);
width:-webkit-calc(100% + 5.5px);
height: auto;
margin-top: -2.75px;
margin-left: -2.75px;
border-radius: 8px 8px 0 0;
-moz-border-image: border-radius:  8px 8px 0 0;
-webkit-border-image: border-radius: 8px 8px 0 0;
}

.top-topics-img {
position: relative;
width: 100%;
text-align: center;
overflow: hidden;
border-radius: 8px 8px 0 0;
-moz-border-image: border-radius:  8px 8px 0 0;
-webkit-border-image: border-radius: 8px 8px 0 0;
background: #C8C9CA;
}

.top-topics-img:before {
content: "";
display: block;
padding-top: 65%;
}

.top-topics-img img{
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
max-width: 100%;
height:auto;
}

.top-topics-cat {
padding:  5px 10px 0px 10px;
float:left;
}

.top-topics-cat span{
margin: 2px;
}

.top-topics-time {
padding:  5px 10px 0px 0px;
font-size: 0.8rem;
float:right;
}

.top-topics-comment {
padding:  0px 10px 0px 10px;
font-weight: bold;
font-size: 0.7rem;
color:#e60012;
}

.top-topics-txt {
font-size: 0.7rem;
padding: 0px 10px 10px 10px;
}

.top-topics-txt p{
margin: 0px;
}

.top-topics-button {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #9fa0a0;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;       
-webkit-border-radius: 5px;    
-moz-border-radius: 5px;   
padding:10px 20px 10px 20px;
white-space: nowrap;
}

.top-topics-button:hover {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
background-color: #9fa0a0;
border: 1px solid #9fa0a0;
color: #fff;
padding:10px 20px 10px 20px;
clear: both;
text-align: center;
white-space: nowrap;
}


.top-ban-list01, .top-ban-list02,.top-ban-list03,.top-ban-list04 {
width:23%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}

.top-ban-list01 a, .top-ban-list02 .ban,.top-ban-list03 a,.top-ban-list04 a{
display: table;
border-radius: 8px;
-moz-border-image: border-radius: 8px;
-webkit-border-image: border-radius: 8px;
text-align: center;
vertical-align: middle;
width:100%;
height:100%;
line-height: 150%;
color: #595757;
}

.top-ban-list01 a:hover, .top-ban-list02 .ban:hover,.top-ban-list03 a:hover,.top-ban-list04 a:hover{
color: #fff;
-moz-transition:0.15s ease-out;
-webkit-transition:0.15s ease-out;
-o-transition:0.15s ease-out;
-ms-transition:0.15s ease-out;
}

.top-ban-list01 h3 {
font-size: 150%;
}

.top-ban-list02 h3 {
font-size: 130%;
text-align: left;
}

.top-ban-list03 h3,.top-ban-list04 h3 {
font-size: 150%;
}

.top-ban-list01 {
text-align: center;
font-size: 0.7rem;
}

.top-ban-list01 a{
border:1.5px solid #F0908A;
background:#fff;
}

.top-ban-list01 a:hover{
background:#F0908A; 
}

.top-ban-list02 {
text-align: left;
font-size: 0.6rem;
}

.top-ban-list02 .ban{
border:1.5px solid #F5A200;
background:#fff;
color: #595757;
cursor: pointer;
}

.top-ban-list02 .ban:hover{
background:#F5A200; 
color: #fff;
}

.top-ban-list03 {
text-align: center;
font-size: 0.8rem;
}

.top-ban-list03 a{
border:1.5px solid #F5A200;
background:#fff;
}

.top-ban-list03 a:hover{
background:#F5A200;
}

.top-ban-list04 {
text-align: center;
font-size: 0.7rem;
}

.top-ban-list04 a{
border:1.5px solid #005EAD;
background:#fff;
}

.top-ban-list04 a:hover{
background:#005EAD;
}

.top-ban-txt {
padding: 10px 10px 10px 10px;
display: table-cell;
vertical-align: middle;
}

.top-ban-list02 .top-ban-img {
width: 120px;
padding: 10px 5px 10px 10px;
display: table-cell;
vertical-align: middle;
}

.top-ban-list02 .top-ban-img a{
pointer-events:none;
}

.top-ban-list02 .top-ban-img img{
width:100%;
height: auto;
vertical-align: middle;
border:1px solid #999;
}

.top-ban-list02 .top-ban-txt {
width: calc(100% - 110px);
width:-webkit-calc(100% - 110px);
padding: 10px 10px 10px 5px;
display: table-cell;
vertical-align: middle;
text-align: left;
}

.en-top-topics {
width:69%;
float: left;
text-align: left;
margin:0 1% 0px 1%;
color:#595757:
}

.en-top-ban-list01{
width:23%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}

.en-top-ban-list01 a{
display: table;
border-radius: 8px;
-moz-border-image: border-radius: 8px;
-webkit-border-image: border-radius: 8px;
text-align: center;
vertical-align: middle;
width:100%;
height:100%;
line-height: 150%;
color: #595757;
}

.en-top-ban-list01 a:hover{
color: #fff;
-moz-transition:0.15s ease-out;
-webkit-transition:0.15s ease-out;
-o-transition:0.15s ease-out;
-ms-transition:0.15s ease-out;
}

.en-top-ban-list01 h3 {
font-size: 150%;
}

.en-top-ban-list01 {
text-align: center;
font-size: 0.7rem;
}

.en-top-ban-list01 a{
border:1.5px solid #F0908A;
background:#fff;
}

.en-top-ban-list01 a:hover{
background:#F0908A; 
}

@media screen and ( max-width:1024px) {
#top-hero {
width: 100%;
margin:50px auto 30px auto;
display: block;
}

.top-img {
width: 100%;
display: block;
vertical-align:top;
}
.top-img img, .top-img img.attachment-large, .top-img img.size-large{
height: auto;
width: 100%;
}
.top-news {
width: 90%;
margin:auto;	
display: block;
vertical-align:top;
border-top:5px solid #727171;
position: relative;
}

.top-ban-list01, .top-ban-list02,.top-ban-list03,.top-ban-list04 {
width:31%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}

.en-top-topics {
width:98%;
float: none;
text-align: left;
margin:0 1% 0px 1%;
color:#595757:
}

.en-top-ban-list01{
width:98%;
float: none;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.top-ban-list01, .top-ban-list02,.top-ban-list03,.top-ban-list04 {
width:31%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}
}

@media only screen and (max-width: 767px) {
#top-hero {
width: 100%;
margin:16px auto 30px auto;
display: block;
}

#top-hero-backup {
width: 100%;
margin:56px auto 30px auto;
display: block;
}

.top-ban-list01, .top-ban-list02,.top-ban-list03,.top-ban-list04 {
width:48%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
color:#595757:
}

.top-ban-list02 .top-ban-img {
width: 100px;
margin:auto;
padding: 5px 5px 5px 5px;
display: block;
vertical-align: top;
}

.top-ban-list02 .top-ban-txt {
width: auto;
padding: 5px 5px 5px 5px;
display: block;
vertical-align: top;
text-align: left;
}
}


/* Topics */

#topics .contents {
width: 100%;
margin: 30px auto 0px auto;
}

@media only screen and (max-width: 767px) {
#topics .contents {
width: 100%;
margin: 90px auto 0px auto
}
}

#topics .contents h3{
margin: 10px auto 10px auto;
padding: 3px;
font-size: 120%; 
line-height: 140%;
text-align:left;
font-weight: normal;
}

#topics .border-box {
border: 1px solid #005ead;
padding:10px;
margin: 10px auto 10px auto
}

#topics .color-box {
color:#fff;
background: #005ead;
padding:10px;
margin: 10px auto 10px auto
}

.topics-left {
width: 74%;
text-align: justify;
text-justify: inter-ideograph;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 0px;
float:left;
}

.topics-left a{
color: #e60012;
text-decoration: underline;
}

.topics-left a:hover{
color: #ccc;
text-decoration: underline;
}

.topics-left .sen {
width: 100%;
margin: 50px 0px 0px 0px;
border-bottom: 1px solid #b5b5b6;
clear: both;
}

.topics-left .sen:last-of-type {
border-bottom: 0px;
}

.topics-left h2{
margin: 0px auto 0px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: bold;
letter-spacing: 2px;
display:block;
}

.topics-right {
width: 23%;
text-align: justify;
text-justify: inter-ideograph;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 0;
float:right;
}

.topics-right h2{
margin: 0px auto 0px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
display:block;
}

.topics-right-list {
padding: 20px 0px 0px 0px;
}

.topics-right-list span{
margin: 2px;
}

.topics-right-list p{
margin: 0px;
}

.topics-cat {
text-align: center;
color:#fff;
font-weight: bold;
padding: 5px 15px 5px 15px;
font-size: 0.8rem;
display:inline-block;
width: 150px;
}

.topics-time {
padding:  5px 5px 0px 5px;
letter-spacing: 1px;
font-size: 0.8rem;
float:right;
}

.topics-time:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.topics-right .topics-cat {
text-align: center;
color:#fff;
font-weight: bold;
padding: 3px 15px 3px 15px;
font-size: 0.8rem;
display:inline-block;
width: auto;
}

.topics-right .topics-cat a{
color:#fff;
}

.topics-right .topics-cat-list {
text-align: left;
margin-bottom: 30px;
}

.topics-right .topics-cat-list .topics-cat {
text-align: center;
color:#fff;
font-weight: bold;
padding: 3px 15px 3px 15px;
margin: 10px auto 0 0;
font-size: 0.8rem;
display:block;
width: 50%;
}

.topics-right .topics-time {
padding:  5px 0 0 0;
margin:0;
letter-spacing: 0px;
font-size: 0.8rem;
 float:none;
}

.topics-archives {
padding:  10px 0 0 0;
letter-spacing: 0px;
list-style-type:none;
}

@media only screen and (max-width: 767px) {
.topics-left {
width: 100%;
text-align: justify;
text-justify: inter-ideograph;
padding: 0px 0px 0px 0px;
margin: 0px 0 30px 0px;
float:none;
}

.topics-right {
width: 100%;
text-align: justify;
text-justify: inter-ideograph;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 0;
float:none;
}
.topics-right .topics-cat-list .topics-cat {
padding: 3px 5% 3px 5%;
display:block;
width: 90%;
}
}

.pickup{
background: url(/wordpress/images/pickup.png) no-repeat left center;
background-size: 50px 50px;
position: absolute;
width: 50px;
height: 50px;
top: 5px;
left: 5px;
}

/* About */

#about .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#about .contents h2.title{
margin: 30px auto 30px auto;
padding: 3px;
background: #005ead;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#about .contents h3{
font-size: 100%; 
text-align:left;
padding: 0px;
margin: 0px;
font-weight: bold;
display:inline-block;
color: #005ead;
}

#about .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #005ead;
color: #005ead;
}

#about .border-box {
border: 1px solid #005ead;
padding:10px;
margin: 10px auto 10px auto
}

#about .color-box {
color:#fff;
background: #005ead;
padding:10px;
margin: 10px auto 10px auto
}

#about .contents a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #595757;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-decoration: none;
text-align:center;
}

#about .contents a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #005ead;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-decoration: none;
text-align:center;
}

.financial-list{
display: inline-block;
width: 24%;
margin: 0px 0px 5px 0px;
vertical-align:top;
text-align:left;
}

.financial-list a{
color: #005ead;
text-decoration: underline;
}

.financial-list a:hover{
color: #ccc;
}

.financial-list label{
color: #005ead;
text-decoration: underline;
padding-bottom:5px;
cursor: pointer;
}

.financial-list label:before {
display: inline-block;
content: '▶';
color: #005ead;
padding-right:2px;
text-decoration: none;
}

.financial-list label:hover{
color: #ccc;
-webkit-transition: all .3s;
transition: all .3s;
}

.financial-list label:before{
display: inline-block;
content: '▶';
color: #005ead;
padding-right:2px;
text-decoration: none;
}

.financial-list input:checked ~ label:before {
display: inline-block;
content: '▼';
color: #005ead;
padding-right:2px;
text-decoration: none;
}
.financial-list input{
display: none;
margin: 0px;
padding: 0px;
}
.financial-list div.ac-small{
margin: 0;
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
}
.financial-list input:checked ~ div{
transition: 
height 0.5s ease-in-out, 
}

.financial-list input:checked ~ div.ac-small{
height:auto;
}

@media only screen and (max-width: 767px) {
.financial-list{
display: inline-block;
width: 48%;
margin: 0px 0px 5px 0px;
vertical-align:top;
text-align:left;
}
}

.ayumi-box {
width: 100%;
height: 620px;
overflow-x: scroll;
white-space: nowrap;
z-index: 100;
position: relative;
}

.ayumi-box img{
width: auto;
height: 600px;
}

.ayumi-box::-webkit-scrollbar {
height: 5px;
}

.ayumi-box::-webkit-scrollbar-track {
background: #e6e6e6;
}

.ayumi-box::-webkit-scrollbar-thumb {
background:#FF7F2C;
}

.map-box {
min-height: 300px;
}

@media only screen and (max-width: 767px) {
.map-box {
min-height: auto;
}
}
	

/* Application */

#application .contents {
width: 100%;
margin: 30px auto 0px auto
}

@media only screen and (max-width: 767px) {
#application .contents {
width: 100%;
margin: 70px auto 0px auto
}
}

#application .contents a{
color: #0098CB;
text-decoration: underline;
}

#application .contents a:hover{
color: #ccc;
text-decoration: underline;
}

#application .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#application .contents h2.title{
margin: 30px auto 30px auto;
padding: 3px;
background: #0098CB;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#application .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #0098CB;
}

#application .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #0098CB;
color: #0098CB;
}

#application .border-box {
border: 1px solid #0098CB;
padding:10px;
margin: 10px auto 10px auto
}

#application .color-box {
color:#fff;
background: #0098CB;
padding:10px;
margin: 10px auto 10px auto
}

.application-list h3{
padding-top: 30px!important;
margin-top: 30px!important;
border-top:1px dotted #595757;
}

.application-list h3:first-of-type {
padding-top: 0px!important;
margin-top: 0px!important;
border-top:0px;
}

.application-title{
display: table;
padding: 0px!important;
margin: 0px!important;
}

.application-icon{
width: 80px;
display: table-cell;
vertical-align:top;
text-align:left;
}

.application-txt{
display: table-cell;
vertical-align:top;
}

.application-icon img{
height: auto;
width: 65px;
}

.application-icon01{
text-align:left;
background: url(/wordpress/images/icon01.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon02{
text-align:left;
background: url(/wordpress/images/icon02.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon03{
text-align:left;
background: url(/wordpress/images/icon03.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon04{
text-align:left;
background: url(/wordpress/images/icon04.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon05{
text-align:left;
background: url(/wordpress/images/icon05.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon06{
text-align:left;
background: url(/wordpress/images/icon06.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

.application-icon07{
text-align:left;
background: url(/wordpress/images/icon07.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}


.application-icon08{
text-align:left;
background: url(/wordpress/images/icon08.png) no-repeat left center;
background-size: auto 65px;
padding: 15px 0 15px 70px;
min-height: 35px;
}

#application .flow dt{
color:#fff;
background: #0098CB;
padding:5px;
text-align:center;
}

#application .flow dd{
border: 2px solid #0098CB;
margin-bottom:30px;
padding:10px 10px 10px 10px;
text-align:center;
position: relative;
}

#application .flow dd ul{
text-align:left;
}

.red-fuki{
position: relative;
padding: 0px 4px 0px 4px;
margin-left:8px;
background-color: #e60012;
display: inline-block;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
font-size: 90%; 
}
.red-fuki::before{
content: '';
position: absolute;
display: inline-block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border-right: 8px solid #e60012;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
}

.sky-fuki{
position: relative;
padding: 0px 4px 0px 4px;
margin-left:8px;
background-color: #fff;
display: inline-block;
color:#0098CB;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
font-size: 90%; 
border: 1px solid #0098CB;
}
.sky-fuki::before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -11px;
top: 8px;
border-right: 10px solid #0098CB;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
}
.sky-fuki::after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border-right: 10px solid #fff;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
}

#application a.air-btn{
display:inline-block;
padding: 9px 4px 9px 4px;
margin:0;
background-color: #fff;
color:#231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #f0908a;
white-space: nowrap;
text-decoration: none;
text-align:center;
}

#application a.air-btn:hover{
display:inline-block;
padding: 9px 4px 9px 4px;
margin:0;
background-color: #f0908a;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #f0908a;
white-space: nowrap;
text-decoration: none;
text-align:center;
}


#application a{
text-decoration: none;
}

#application a{
text-decoration: none;
}

#application .contents a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #0098CB;
text-decoration: none;
text-align:center;
}

#application .contents a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #0098CB;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #0098CB;
text-decoration: none;
text-align:center;
}

/* Studio */

#studio .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#studio.studio-download .contents h2{
margin: 30px auto 15px auto;
padding: 3px 9px 3px 9px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:left;
font-weight: normal;
letter-spacing: 2px;
}

#studio.studio-download .contents h2.title{
margin: 30px auto 5px auto;
padding: 3px 9px 3px 9px;
background: #13ae67;
color: #fff;
font-size: 120%; 
line-height: 140%;
font-weight: no
font-weight: normal;
letter-spacing: 2px;
text-align:left;
}

#studio .border-box {
border: 1px solid #13ae67;
padding:10px;
margin: 10px auto 10px auto
}

#studio .color-box {
color:#fff;
background: #13ae67;
padding:10px;
margin: 10px auto 10px auto
}

#studio.studio-download .contents ul{
display:table;
margin:0 !important;
padding:5px 0 5px 0 !important;
text-align: left;
}

#studio.studio-download .contents ul li{
display:table-cell;
vertical-align: middle;
margin:0:
padding:0:
}

#studio.studio-download .contents ul li:nth-child(1){
width:230px;
}

#studio.studio-download .contents ul li:nth-child(2){
width:180px;
margin:0px 1% 0px 1%;
}

#studio.studio-download.guest-download .contents ul li:nth-child(1){
width:190px;
}

#studio.studio-download.guest-download .contents ul li:nth-child(2){
width:180px;
margin:0px 1% 0px 1%;
}

#studio.studio-download .contents ul li:nth-child(3){
width:auto;
}

@media only screen and (max-width: 767px) {
#studio.studio-download .contents ul{
display:block;
}

#studio.studio-download .contents ul li{
display:block;
vertical-align: top;
}

#studio.studio-download .contents ul li:nth-child(1){
width:100%;
padding-bottom:15px;
}

#studio.studio-download .contents ul li:nth-child(1) br{
display:none;
}

#studio.studio-download .contents ul li:nth-child(2){
width:100%;
padding-bottom:15px;
}

#studio.studio-download .contents ul li:nth-child(3){
width:100%;
}
}

#studio .contents a.btn{
display:block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #595757;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #13ae67;
text-align:center;
text-decoration: none;
}

#studio .contents a.btn:hover{
display:block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #13ae67;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border:1px solid #0098CB;
text-align:center;
text-decoration: none;
}

#studio a.btn{
color:#13ae67;
text-decoration: none;
}

#studio a.btn:hover{
color:#fff;
text-decoration: none;
}

.studio-emergency{
margin: 15px auto 15px auto;
padding:10px 15px 10px 15px ;
background: #e94816;
color: #fff;
font-size: 90%; 
line-height: 160%;
text-align:left;
}

.studio-emergency p{
margin: 5px auto 5px auto;
}

#studio-hero {
width: 100%;
min-height: 380px;
margin:30px auto 30px auto;
display: table;
table-layout:fixed;
border-collapse: separate;
}

.studio-img {
width: 50%;
display: table-cell;
vertical-align:top;
text-align: left;
}


.studio-img img, .studio-img img.attachment-large, .studio-img img.size-large{
height: auto;
width: 100%;
}

#studio .contents .studio-img h2{
width: 98%;
margin: 30px 2% 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

.studio-topics-box {
width: 95%;
padding: 0px 5% 0px 0;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.studio-news {
display: table-cell;
vertical-align:top;
position: relative;
text-align: left;
}

#studio .contents .studio-news h2{
width: 98%;
margin: 30px auto 30px 2%;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

.studio-newss:before {
content:"";
display: block;
padding-top: 50%; 
}

.studio-news .scroll{
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 65%;
overflow-y: scroll;
overflow-x: hidden;
}


.studio-news .scroll::-webkit-scrollbar {
width: 5px;
}

.studio-news .scroll::-webkit-scrollbar-track {
background: #e6e6e6;
}

.studio-news .scroll::-webkit-scrollbar-thumb {
background:#13ae67;
}

.studio-news-title {
text-align: left;
font-weight: bold;
font-size: 0.8rem;
letter-spacing: 1px;
display: inline-block;
position:absolute;
top: 0;
left: 20px;
}

a.studio-news-btn {
display: block;
text-align: center;
color:#fff;
font-weight: bold;
position:absolute;
top: 0;
right: 0;
background:#727171;
padding: 1px 15px 1px 15px;
font-size: 0.7rem;
}

.studio-news .studio-news-list {
padding: 10px 0px 10px 0px;
margin:0 20px 0 20px;
border-top:1px solid #727171;
font-size: 0.7rem;
text-align: left;
}

.studio-news .studio-news-list:last-child {
border-bottom:0px;
}

.studio-news-list h3 {
padding:  0px;
margin:  0px;
font-size: 0.8rem;
text-align: left;
}

.studio-news-list a{
color: #13ae67;
text-decoration: underline;
}

.studio-news-list a:hover{
color: #ccc;
text-decoration: underline;
}

.studio-news-list .top-news-cat {
margin: 2px;
}

.studio-news-time {
display: inline-block;
padding:  1px 20px 1px 0px;
letter-spacing: 1px;
font-size: 0.8rem;
}

@media screen and ( max-width:1024px) {
.studio-img {
width: 100%;
display: block;
margin:0px auto 30px auto;
}

.studio-topics-box {
width: 95%;
padding: 0px;
}

.studio-news {
width: 100%;
display: block;
height: 380px;
}
.studio-news .scroll{
position: relative;
top: 0px;
left: 0;
width: 100%;
margin:0px auto 30px auto;
}
#studio .contents .studio-news h2{
width: 98%;
margin: 30px auto 30px auto;
}

#studio .contents .studio-img h2{
width: 98%;
margin: 30px auto 30px auto;
}
}

.studio-topics-list {
width:47%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
}

.studio-topics-list a{
display: table;
border-radius: 8px;
-moz-border-image: border-radius: 8px;
-webkit-border-image: border-radius: 8px;
width:100%;
height:100%;
border:1.5px solid #9fa0a0; 
}

.studio-topics-list a:hover{
-moz-transition:0.65s ease-out;
-webkit-transition:0.65s ease-out;
-o-transition:0.65s ease-out;
-ms-transition:0.65s ease-out;
background:#dcdddd; 
}

.studio-topics-list img{
width: 100%;
height: auto;
border-radius: 8px 8px 0 0;
-moz-border-image: border-radius:  8px 8px 0 0;
-webkit-border-image: border-radius: 8px 8px 0 0;
}

.studio-topics-cat {
padding:  5px 10px 0px 10px;
}

.studio-topics-catt span{
margin: 2px;
}

.studio-topics-time {
padding:  5px 5px 0px 5px;
letter-spacing: 1px;
font-size: 0.8rem;
}

.studio-topics-txt {
font-weight: bold;
font-size: 0.7rem;
padding: 0px 5px 5px 5px;
}

#studio .wpsbc-container h2{
font-size: 120%;   
padding: 0 0 0 0;
margin: 0 0 5px 0;
text-align: left;
background: none;
color: #231815;
}

.studio-button {
display: block;
width: 40%;
min-width: 200px;
margin:auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #9fa0a0;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
white-space: nowrap;
}

.studio-button:hover {
display: block;
width: 40%;
min-width: 200px;
background-color: #9fa0a0;
border: 1px solid #9fa0a0;
color: #fff;
padding:10px 20px 10px 20px;
margin:auto;
clear: both;
text-align: center;
white-space: nowrap;
}

.studio-news .studio-button {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin:auto;
clear: both;
text-align: center;
}

.studio-news .studio-button:hover {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin:auto;
clear: both;
text-align: center;
}

#studio a.back-button {
float:right;
display: block;
width:50px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #13ae67;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#studio a.back-button:hover {
background-color: #13ae67;
border: 1px solid #13ae67;
color: #fff;
padding:10px 20px 10px 20px;
text-decoration: none;
}

.chart01{
width: 100%;
border-collapse:collapse;
border-spacing: 0px;
}

.chart01 tr{
border-top:solid 1px #231815 ;
}

.chart01 tr:last-of-type  {
border-bottom:solid 1px #231815 ;
}

.chart01 th{
font-weight: normal;
vertical-align:middle;   
}

.chart01 th{
vertical-align:middle;   
text-align: left;
padding:10px 0px 10px 0px;
}

.chart01 td{
vertical-align:middle;   
text-align: justify;
text-justify: inter-ideograph;
padding:10px 0px 10px 0px;
}

.chart02{
width: 100%;
border-collapse:collapse;
border-spacing: 0px;
}

.chart02 tr{
border-top:solid 1px #231815 ;
}

.chart02 tr.noborder{
border-top:0px;
}

.chart02 tr:last-of-type  {
border-bottom:solid 1px #231815 ;
}

.chart02 tr.noborder th{
font-weight: normal;
vertical-align:middle;   
text-align: left;
padding:0px 0px 10px 20px;
}

.chart02 th{
font-weight: normal;
vertical-align:middle;   
text-align: left;
padding:10px 20px 10px 0px;
}

.chart02 tr.noborder td{
vertical-align:middle;   
text-align: right;
padding:0px 0px 10px 0px;
}

.chart02 td{
vertical-align:middle;   
text-align: right;
padding:10px 0px 10px 0px;
}

.chart03{
width: 100%;
border-collapse:collapse;
border-spacing: 0px;
}

.chart03 tr{
border-top:solid 1px #231815 ;
}

.chart03 tr:last-of-type  {
border-bottom:solid 1px #231815 ;
}

.chart03 th{
font-weight: bold;
vertical-align:middle;   
text-align: center;
padding:10px 0px 10px 0px;
}

.chart03 td{
vertical-align:middle;   
text-align: center;
padding:10px 0px 10px 0px;
}

.chart04{
width: 100%;
border-collapse:collapse;
border-spacing: 0px;
}

.chart04 tr{
border-top:solid 1px #231815 ;
}

.chart04 tr:last-of-type  {
border-bottom:solid 1px #231815 ;
}

.chart04 th{
font-weight: normal;
white-space: nowrap;
}

.chart04 th{
vertical-align:top;   
text-align: left;
padding:10px 0px 10px 0px;	  
}

.chart04 td{
vertical-align:top;   
text-align: justify;
text-justify: inter-ideograph;;
padding:10px 0px 10px 0px;	  
}

.chart04 td{
white-space: normal!important;
}

.chart05{
width: 100%;
border: 0px;
border-collapse:collapse;
border-spacing: 0px;
}

.chart05 th{
border-top:solid 1px #231815 ;
font-weight: normal;
white-space: nowrap;
margin:20px 0px 10px 0px;
}

.chart05 td{
vertical-align:middle;   
text-align: justify;
text-justify: inter-ideograph;
padding:10px 0px 10px 0px;	  
white-space: nowrap!important;
}

.chart05 td img{
width: 75%;
height: auto; 
margin:0px 4% 0px 0 ; 
}

.chart06{
width: 100%;
border-collapse:collapse;
border-spacing: 0px;
}

.chart06 tr{
border-top:solid 1px #231815 ;
}

.chart06 tr.noborder{
border-top:0px;
}

.chart06 th{
font-weight: normal;
vertical-align:middle;   
text-align: left;
padding:10px 20px 10px 0px;
}

.chart06 td{
vertical-align:middle;   
text-align: right;
padding:10px 0px 10px 0px;
}

.chart06 tr.border,.chart06 th.border,.chart06 td.border{
border-bottom:solid 1px #231815 ;
}

@media only screen and (max-width: 767px) {
.chart02 th{
width: 50%;
display:table-cell;
}

.chart02 td{
width: 50%;
display: table-cell;
}

.chart03 th,.chart03 td{
white-space: nowrap;
display: table-cell;
width: 100%;
}

.chart01 th,.chart01 td,.chart04 th,.chart04 td,.chart05 th,.chart05 td{
display: table-cell;
width: auto;
}

.chart05 td:nth-child(odd){
width: 13%;
}

.chart05 td:nth-child(even){
width: 20%;
}

.chart-scroll {
overflow-x: auto;
}

.chart-scroll::-webkit-scrollbar {
height: 5px;
}

.chart-scroll::-webkit-scrollbar-track {
background: #e6e6e6;
}

.chart-scroll::-webkit-scrollbar-thumb {
background:#13ae67;
}

.chart-scroll::before{
display:block;
content: '※横スクロールでご覧いただけます。';
}

.chart-scroll.en-chart::before{
display:block;
content: '*Scroll horizontally to view the whole table';
}
.chart06 th{
width: 30%;
display:table-cell;
}

.chart02 td{
width: auto;
display: table-cell;
}
}

#studio .contents-top a,#studio .contents-left a,#studio .contents-right a, #studio .contents-bottom a{
color: #13ae67;
text-decoration: underline;
}

#studio .contents-top a:hover,#studio .contents-left a:hover,#studio .contents-right a:hover, #studio .contents-bottom a:hover{
color: #ccc;
text-decoration: underline;
}

.wpsbc-container{
width: 23%;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 1%;
vertical-align: top;
}

.cal-list{
width: 23.5%;
display: inline-block;
padding: 0px 0px 0px 0px;
margin: 0.5%;
vertical-align: top;
text-align:center;
}


.cal-list .ss table {
border: 0px;
border-collapse: separate;
border-spacing: 2px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 100%;
width:100%!important;
}

.cal-list .ss td {
text-align:center;
margin:0px;
padding: 2px 0px 2px 0px;
vertical-align: top; 
font-weight: normal;
color: #231815;
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN", MS Gothic;
}

.cal-list .ss tr:first-child td{
color: #727171;
font-size: 80%;
}
.cal-list .ss td.yes {
background: #13ae67;
color: #fff;
}
.cal-list .ss td.yes:after{
display: block;
content: '○';
line-height: 120%; 
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN", MS Gothic;
}
.cal-list .ss td.no {
background: #e8e8e8;
}
.cal-list .ss td.no:after{
display: block;
content: '×';
line-height: 120%; 
font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN", MS Gothic;
}

@media only screen and (max-width: 767px) {
.cal-list{
width: 100%;
display: block;
padding: 0px 0px 35px 0px;
margin: auto;
vertical-align: top;
}
.cal-list th,.cal-list td{
display: table-cell;
width: auto;
}
}

#studio .flow dt{
color:#fff;
background: #13ae67;
}

#studio .flow dd{
border: 2px solid #13ae67;
margin-bottom:30px;
}


.yesno_q {
text-align: center;
display: block;
padding: 1rem;
margin-bottom: 0!important;
font-size: 1.2rem!important;
font-weight: normal!important;
border: none!important;
}

.yesno_q dt span {
font-size: 5rem!important;
background: none!important;
color: #231815!important;
}

#studio .yesno_q a.btn {
display: inline-block!important;
border: 2px solid #13ae67!important;
color: #13ae67;
margin-bottom:2px;
}

#studio .yesno_q a.btn:hover {
border: 2px solid #13ae67!important;
margin-bottom:2px;
}

#studio .contents a.btn2{
display:inline-block;
padding: 0px 3px 0px 3px;
margin:0px 2px 0px 2px;
background-color: #13ae67;
color: #fff;
border-radius: 4px;
border: 1px solid #13ae67;
text-align:center;
text-decoration: none;
}

#studio .contents a.btn2:hover{
display:inline-block;
padding: 0px 3px 0px 3px;
margin:0px 2px 0px 2px;
background-color: #fff;
color:#13ae67;
border:1px solid #13ae67;
text-align:center;
text-decoration: none;
}

#question_wrap {
display: block;
position: relative;
width: 100%;
margin-bottom: 0!important;
}

#studio.studio-download .contents #yesno_wrap ul{
display: block;
width:100%;
margin:0!important;
padding:0!important;
}


#studio.studio-download .contents #yesno_wrap ul#choices li{
display: block;
width:100%;
margin:0;
}

#studio.studio-download #yesno_wrap ul li:nth-child(1),#studio.studio-download #yesno_wrap ul li:nth-child(2){
width:100%;
}

ul#choices li button {
display: block;
width: auto;
padding: 0.7em;
margin: 0px;
font-size: 1.25rem;
border-radius: 10px;
border: 10px;
cursor:pointer;
}

ul#choices li:nth-child(1) button {
background: #0098CB;
color: #ffffff;
}

ul#choices li:nth-child(1) button:hover{
background: #0098CB;
color: #ffffff;
opacity:0.8;
}

ul#choices li:nth-child(2) button {
background: #f5a200;
color: #ffffff;
}

ul#choices li:nth-child(2) button:hover{
background: #f5a200;
color: #ffffff;
opacity:0.8;
}

ul#choices li:nth-child(3) button {
background: #23282d!important;
color: #ffffff;
}

ul#choices li:nth-child(3) button:hover{
background: #23282d!important;
color: #ffffff;
opacity:0.8;
}

ul#choices li#back button {
background: #23282d!important;
}

ul#choices li#back button:hover {
background: #23282d!important;
opacity:0.8;
}



#q4 dt span,#q5 dt span,#q6 dt span,#q7 dt span,#q10 dt span {
font-size: 1.5rem!important;
color: #13ae67!important;
}

#q4 dt,#q5 dt,#q6 dt,#q7 dt,#q10 dt {
margin-bottom: 0!important
}

#q11 dt {
display: none;
}

#q11 dd {
margin-bottom: 20px!important
}


/* Library */

#library .contents a{
color: #f5a200;
text-decoration: underline;
}

#library .contents a:hover{
color: #ccc;
text-decoration: underline;
}

#library .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#library .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f5a200;
}

#library .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #f5a200;
color: #f5a200;
}

#library .border-box {
border: 1px solid #f5a200;
padding:10px;
margin: 10px auto 10px auto
}

#library .color-box {
color:#fff;
background: #f5a200;
padding:10px;
margin: 10px auto 10px auto
}

#library .library-top {
width: 58%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 1%;
float:right;
}

#library .library-bottom {
width: 38%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 1% 0px 0px;
float:left;
}

#library .library-top img,#library .library-bottom img{
width: 100%;
height: auto;
border:1px solid #999;
}


#library .contents-left {
width: 28%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 1% 0px 0px;
float:left;
}

#library .contents-left img{
width: 100%;
height: auto;
border:1px solid #999;
}

#library .contents-right {
width: 68%;
text-align: justify;
text-justify: inter-ideograph;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 1%;
float:right;
}

@media only screen and (max-width: 767px) {
#library .contents-left {
width: 100%;
margin: 0px 0 30px 0px;
float:none;

}

#library .contents-right {
width: 100%;
margin: 0px 0 0px 0px;
float:none;
}
}

#library a.btn {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f5a200;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
text-decoration: none;
white-space: nowrap;
}

#library a.btn:hover {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #f5a200;
border: 1px solid #f5a200;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
text-decoration: none;
white-space: nowrap;
}

#library .archive-post a h3{
color: #f5a200;
text-decoration: none;
}

#library .archive-post a{
color: #231815;
text-decoration: none;
}

/* Air */

#air .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#air .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f0908a;
}

#air .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #f0908a;
color: #f0908a;
}

#air .border-box {
border: 1px solid #f0908a;
padding:10px;
margin: 10px auto 10px auto
}

#air .color-box {
color:#fff;
background: #f0908a;
padding:10px;
margin: 10px auto 10px auto
}

#air .air-box{
margin: 35px auto 35px auto;
text-align: justify;
text-justify: inter-ideograph;
}

#air .air-box a,#air.single .contents-box a{
color: #f0908a;
text-decoration: underline;
}

#air .air-box a:hover,#air.single .contents-box a:hover{
color: #ccc;
text-decoration: underline;
}

#air-hero {
width: 100%;
min-height: 380px;
margin:30px auto 30px auto;
display: table;
table-layout:fixed;
border-collapse: separate;
}

.air-img {
width: 50%;
display: table-cell;
vertical-align:top;
text-align: left;
}

.air-img img, .air-img img.attachment-large, .air-img img.size-large{
height: auto;
width: 100%;
}

#air .contents .air-img h2{
width: 98%;
margin: 30px 2% 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

.air-topics-box {
width: 95%;
padding: 0px 5% 0px 0;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.air-news {
display: table-cell;
vertical-align:top;
position: relative;
text-align: left;
}

#air .contents .air-news h2{
width: 98%;
margin: 30px auto 30px 2%;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

.air-news .scroll{
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 65%;
overflow-y: scroll;
overflow-x: hidden;
}


.air-news .scroll::-webkit-scrollbar {
width: 5px;
}

.air-news .scroll::-webkit-scrollbar-track {
background: #e6e6e6;
}

.air-news .scroll::-webkit-scrollbar-thumb {
background:#f0908a;
}

.air-news-title {
text-align: left;
font-weight: bold;
font-size: 0.8rem;
letter-spacing: 1px;
display: inline-block;
position:absolute;
top: 0;
left: 20px;
}

a.air-news-btn {
display: block;
text-align: center;
color:#fff;
font-weight: bold;
position:absolute;
top: 0;
right: 0;
background:#727171;
padding: 1px 15px 1px 15px;
font-size: 0.7rem;
}

.air-news .air-news-list {
padding: 10px 0px 10px 0px;
margin:0 20px 0 20px;
border-top:1px solid #727171;
font-size: 0.7rem;
text-align: left;
}

.air-news .air-news-list:last-child {
border-bottom:0px;
}

.air-news-list h3 {
padding:  0px;
margin:  0px;
font-size: 0.8rem;
text-align: left;
}

.air-news-list a{
color: #f0908a;
text-decoration: underline;
}

.air-news-list a:hover{
color: #ccc;
text-decoration: underline;
}

.air-news-list .top-news-cat {
margin: 2px;
}

.air-news-time {
display: inline-block;
padding:  1px 20px 1px 0px;
letter-spacing: 1px;
font-size: 0.8rem;
}

@media screen and ( max-width:1024px) {
.air-img {
width: 100%;
display: block;
margin:0px auto 30px auto;
}

.air-topics-box {
width: 95%;
padding: 0px;
}

.air-news {
width: 100%;
display: block;
height: 380px;
}

.air-news .scroll{
position: relative;
top: 0px;
left: 0;
width: 100%;
margin:0px auto 30px auto;
}
#air .contents .air-news h2{
width: 98%;
margin: 30px auto 30px auto;
}

#air .contents .air-img h2{
width: 98%;
margin: 30px auto 30px auto;
}
}

.air-topics-list {
width:47%;
float: left;
text-align: left;
margin:0 1% 30px 1%;
}

.air-topics-list a{
display: table;
border-radius: 8px;
-moz-border-image: border-radius: 8px;
-webkit-border-image: border-radius: 8px;
width:100%;
height:100%;
border:1.5px solid #9fa0a0; 
}

.air-topics-list a:hover{
-moz-transition:0.65s ease-out;
-webkit-transition:0.65s ease-out;
-o-transition:0.65s ease-out;
-ms-transition:0.65s ease-out;
background:#C8C9CA; 
color:#fff; 
text-decoration: none;
}

.air-topics-list img{
width: 100%;
height: auto;
border-radius: 8px 8px 0 0;
-moz-border-image: border-radius:  8px 8px 0 0;
-webkit-border-image: border-radius: 8px 8px 0 0;
}

.air-topics-cat {
padding:  5px 10px 0px 10px;
}

.air-topics-catt span{
margin: 2px;
}

.air-topics-time {
padding:  5px 5px 0px 5px;
letter-spacing: 1px;
font-size: 0.8rem;
}

.air-topics-txt {
font-weight: bold;
font-size: 0.7rem;
padding: 0px 5px 5px 5px;
}

#air .wpsbc-container h2{
font-size: 120%;   
padding: 0 0 0 0;
margin: 0 0 5px 0;
text-align: left;
background: none;
color: #231815;
}

.air-top-button {
display: block;
width: 40%;
min-width: 200px;
margin:auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f0908a;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
white-space: nowrap;
}

.air-top-button:hover {
display: block;
width: 40%;
min-width: 200px;
background-color: #f0908a;
border: 1px solid #f0908a;
color: #fff;
padding:10px 20px 10px 20px;
margin:auto;
clear: both;
text-align: center;
white-space: nowrap;
}

.air-news .air-top-button {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin:auto;
clear: both;
text-align: center;
}

.air-news .air-button:hover {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
margin:auto;
clear: both;
text-align: center;
}

.air-list {
display: block;
padding: 30px 0px 30px 0px;
text-align:left;
}
.air-list p{
display: inline-block;
margin:0;
padding:0; 
}

#air .air-list h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f0908a;
border-bottom:1px solid #b5b5b6;
padding: 0px 0px 10px 0px;   
margin: 0px 0px 15px 0px;     
}

#air .air-list .contents-left,#air .air-list .contents-right {
padding: 0px 0px 0px 0px;
text-align: justify;
text-justify: inter-ideograph;
}

.visiting-list {
display: inline-block;
vertical-align: top;
text-align: center;
margin:0px 1% 15px 0;
font-size: 80%;
line-height: 150%; 
max-width:120px;
}

.visiting-list small{
line-height: 120%; 
}

.visiting-list img,.visiting-list img.size-thumbnail{
width:auto!important;
max-height:100px!important;
}
.visiting-list img,.visiting-list img.size-thumbnail{
width:auto!important;
max-height:100px!important;
}

 
.visiting-list a{
color: #f0908a;
text-decoration: underline;
}

.visiting-list p{
display: inline-block;
margin:0;
padding:0; 
}

.visiting-pick {
display: inline-block;
width:48%;
vertical-align: top;
text-align: center;
margin:10px 1% 10px 0;
background: #f0908a;
color:#fff;
}

.visiting-pick img{
width:25%;
display: inline-block;
padding:10px 1% 10px 1%;
height:auto;
vertical-align: top;
}

.visiting-pick-txt{
width:70%;
padding:10px 1% 10px 1%;
display: inline-block;
text-align: left;
vertical-align: top; 
}

.visiting-pick p{
display: inline-block;
}

.bunka-list{
 display: inline-block;
}

.bunkacho{
 display: inline-block;
text-align:left;
background: url(/wordpress/images/bunkacho.png) no-repeat left center;
background-size: auto 30px;
padding: 10px 0 10px 35px;
margin: 10px 0 0px 0px;
font-size: 80%; 
line-height: 140%; 
}

.bunkacho-old{
 display: inline-block;
text-align:left;
background: url(/wordpress/images/bunkacho-old.png) no-repeat left center;
background-size: auto 30px;
padding: 10px 0 10px 35px;
margin: 10px 0 0px 0px;
font-size: 80%; 
line-height: 140%; 
}

#air a.air-button  {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f0908a;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
white-space: nowrap;
}

#air a.air-button:hover {
text-decoration: none;
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
background-color: #f0908a; 
border: 1px solid #f0908a;
color: #fff;
padding:10px 20px 10px 20px;
clear: both;
text-align: center;
white-space: nowrap;
}

.visiting-head {
width: calc(100% - 100px);
width:-webkit-calc(100% - 100px);
float:left;
text-align:left;
margin:  0 0px 0 0;
}

.visiting-img {
width: 15%;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0px 4% 30px auto
}

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

.visiting-txt {
width: 80%;
display: inline-block;
vertical-align: top;
text-align: justify;
text-justify: inter-ideograph;
margin: 0px 0 30px auto
}

#air .air-list .visiting-img {
font-size: 80%;
text-align: center;
line-height: 140%; 
}
 
#air a.back-button,#air.single a.back-button {
float:right;
display: block;
width:50px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f0908a;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#air a.back-button:hover,#air.single a.back-button:hover {
background-color: #f0908a;
border: 1px solid #f0908a;
color: #fff;
padding:10px 20px 10px 20px;
text-decoration: none;
}

h3.air-title{
width: calc(100% - 130px);
width:-webkit-calc(100% - 130px);
float:left;
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f0908a;
border-bottom:1px solid #b5b5b6;
padding: 0px 0px 10px 0px;   
margin: 0px 0px 15px 0px;     
}

@media only screen and (max-width: 767px) {
#air.single .contents {
width: 100%;
margin: 90px auto 0px auto
}

#air .visiting-head {
width: 100%;
float:none;
text-align:left;
clear: both;
margin: 0px 0px 0 0;
padding: 30px 0px 0 0;
}

#air h3.air-title{
width: 100%;
float:none;
clear: both;
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f0908a;
border-bottom:1px solid #b5b5b6;
padding: 30px 0px 10px 0px;   
margin: 0px 0px 15px 0px;     
}      

#air .visiting-img {
width: 100%;
display: block;
vertical-align: top;
text-align: center;
margin: 0px 0 30px 0;
}

#air .visiting-txt {
width: 100%;
display: block;
vertical-align: top;
margin: 0px 0 0px 0;
}

#air .air-list .visiting-img {
width: 48%;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0px 1% 30px 0;
}
#air .air-list .visiting-txt {
width: 46%;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0px 0 30px 0;
}
.visiting-list {
display: inline-block;
vertical-align: top;
text-align: center;
margin:0px 1% 15px 0;
font-size: 80%;
width:48%;
max-width:48%;
}

.visiting-list img{
width:100%;
height:auto;
}

.visiting-pick {
display: block;
width:100%;
vertical-align: top;
text-align: center;
margin:10px 0 20px 0;
background: #f0908a;
color:#fff;
}
.visiting-pick img{
width:45%;
display: inline-block;
padding:10px 1% 10px 1%;
height:auto;
vertical-align: top;
}

.visiting-pick-txt{
width:50%;
padding:10px 1% 10px 1%;
display: inline-block;
text-align: left;
vertical-align: top; 
}
}

#air .contents a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #f0908a;
text-decoration: none;
text-align:center;
}

#air .contents a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #f0908a;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #f5a200;
text-decoration: none;
text-align:center;
}

.air-logo{
text-align:center;
margin:-50px auto 30px auto;
}

/* Archive */

#archive .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#archive .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f5a200;
}

#archive .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #f5a200;
color: #f5a200;
}

.archive-list {
display: inline-block;
width:31.5%;
vertical-align: top;
text-align: justify;
margin:10px 1% 10px 0;
}

.archive-list-left{
width:47%;
display: inline-block;
padding:0px 1.5% 0px 0;
vertical-align: top;
}

.archive-list-left img{
width:100%;
height: auto;
border:1px solid #999;
}

.archive-list-right{
width:50%;
display: inline-block;
padding:0px 0 0px 0;
vertical-align: top;
font-size: 90%; 
line-height: 140%;
}

.archive-list-right.en-list{
text-align:left;
}

#archive .archive-list-right h3{
font-size: 120%; 
line-height: 120%;
color: #231815;
}

#archive .archive-list-right a h3{
color: #f5a200;
text-decoration: underline;
}

#archive .contents-box a{
color: #f5a200;
text-decoration: underline;
}

#archive .contents-box a:hover{
color: #999;
text-decoration: underline;
}

@media only screen and (max-width: 767px) {
.archive-list {
display: inline-block;
width:48%;
vertical-align: top;
text-align: justify;
margin:10px 1% 10px 0;
}
}

@media only screen and (max-width: 480px) {
.archive-list {
display: inline-block;
width:100%;
vertical-align: top;
text-align: justify;
margin:10px 0 10px 0;
}
}

#searchform input[type="search"]{
width: 330px;
height: 28px;
display: inline-block;
margin:0px;
padding: 0px 2px 0px 2px;
vertical-align:top; 
border:solid 1px #000;
line-height: 150%; 
border-radius: 6px 0 0 6px;      
-webkit-border-radius: 6px 0 0 6px;         
-moz-border-radius: 6px 0 0 6px;      
}

#searchform input[type="image"]{
width:28px;
height: 28px;
display: inline-block;
margin:0px;
vertical-align:top; 
line-height: 150%; 
border-radius: 0 6px 6px 0;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
}


form.gsc-search-box{
width:65% !important;
margin:auto !important;
text-align: center;
display: inline-block;
margin:0px;
padding: 6px 6px 6px 12px !important;
vertical-align:top; 
border:solid 1px #000 !important;
line-height: 100%; 
border-radius: 18px;      
-webkit-border-radius: 18px;           
-moz-border-radius: 18px;     
}	

input[type="text"].gsc-input{
border:none !important;
margin:0px!important;
padding: 0px !important;
}

.gsc-input-box{
border:none !important;
 text-align: center;
 margin:0px !important;
padding: 0px !important;
}

.gsc-control-wrapper-cse{
 text-align: center;
 margin:0px !important;
padding: 0px !important;
}

.gsc-results-wrapper-nooverlay{
 text-align: left;
  margin:0px !important;
padding: 0px !important;
}

.gsc-control-cse,.gsib_a,.gsc-input{
  margin:0px !important;
padding: 0px !important;
}

.gsc-search-txt{
width:65% !important;
margin:auto !important;
text-align: left;
font-size: 78%;
}	

@media only screen and (max-width: 767px) {
#searchform input[type="search"]{
width: calc(100% - 30px);
width:-webkit-calc(100% - 30px);
}
}

#archive a.btn {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f5a200;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
text-decoration: none;
white-space: nowrap;
}

#archive a.btn:hover {
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #f5a200;
border: 1px solid #f5a200;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
text-decoration: none;
white-space: nowrap;
}

#archive .checklist {
display: inline-block;
margin: 5px 15px 5px 0;
}

#archive input[type="text"] {
max-width: 100%!important;
min-width: 200px;
display: inline-block;
margin:0px ;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #595757;
line-height:200%;
overflow: hidden;
padding:2px;
margin:2px 0 2px 0;
}

#archive input[type="submit"].button,#archive input[type="button"].button {
display: inline-block;
max-width: 100%!important;
min-width: 200px;
margin:10px 10px 10px 10px ;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f5a200;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#archive input[type="submit"].button:hover,#archive input[type="button"].button:hover {
display: inline-block;
max-width: 100%!important;
min-width: 200px;
margin:10px 10px 10px 10px ;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #f5a200;
border: 1px solid #f5a200;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#archive .selectbox {
display:inline-block;
margin:0;
padding:0;
position:relative;
}
#archive select{
max-width: 100%!important;
-webkit-appearance:none;
appearance:none;
padding:0.5em 1.5em 0.5em 0.5em;
box-sizing:border-box;
font-size:1em;
border: 1px solid #595757;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#fff;
}
#archive .selectbox::after{
position: absolute;
top: 1.0em;
right: 0.7em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #595757;
}

#archive .box50 table{
width: 100%;
}

#archive .box50 th{
font-weight: normal;
white-space: nowrap;
text-align: right;
width: 30%;
}

#archive .box50 td{
width: 70%;
}

#archive .box50 td select{
max-width: 100%!important;
padding:0.5em 5.5em 0.5em 1.5em;
box-sizing:border-box;
font-size:1em;
border: 1px solid #595757;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#fff;
text-align: center;
}

.archive-post{
display:block;
width:100%;
margin:0;
padding:0;
}

.archive-post li{
display: inline-block;
width:48%;
vertical-align: top;
text-align: justify;
margin:10px 2% 10px 0;
}

.archive-post li:nth-child(even){
display: inline-block;
width:48%;
vertical-align: top;
text-align: justify;
margin:10px 0 10px 1%;
}

@media only screen and (max-width: 767px) {
.archive-post li,.archive-post li:nth-child(even){
display: block;
width:100%;
vertical-align: top;
text-align: justify;
margin:10px 0 10px 0;
padding-bottom:10px;
}
}

#archive .archive-post a h3{
color: #f5a200;
text-decoration: none;
}

#archive .archive-post a{
color: #231815;
text-decoration: none;
}

#archive h2.archive-post-title{
width: calc(100% - 130px);
width:-webkit-calc(100% - 130px);
float:left;
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #f5a200;
margin:  0 30px 0 0;
padding: 3px;
background: none;
font-size: 120%; 
line-height: 140%;
letter-spacing: 0px;
border-bottom:solid 1px #999;
}

#archive a.back-button {
float:right;
display: block;
width:50px;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f5a200;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#archive a.back-button:hover {
background-color: #f5a200;
border: 1px solid #f5a200;
color: #fff;
padding:10px 20px 10px 20px;
text-decoration: none;
}

#archive .border-box {
border: 1px solid #f5a200;
padding:10px;
margin: 10px auto 10px auto
}

#archive .color-box {
color:#fff;
background: #f5a200;
padding:10px;
margin: 10px auto 10px auto
}

.koza-list{
text-align: left;
}

.koza-list dl{
display: inline-block;
width:48%;
vertical-align: top;
text-align: left;
margin:5px 3% 5px 0;
}

.koza-list dl:nth-child(even){
display: inline-block;
width:48%;
vertical-align: top;
text-align: left;
margin:5px 0 5px 0;
}
 
.koza-list dt{
font-weight: normal;
display: inline-block;
width:49%;
vertical-align: top;
text-align: left;
margin:5px 1% 5px 0;
}

.koza-list dd{
font-weight: normal;
display: inline-block;
width:49%;
vertical-align: top;
text-align: left;
margin:5px 0 5px 0;
}

@media only screen and (max-width: 767px) {
.koza-list dl,.koza-list dl:nth-child(even){
display: block;
width:100%;
vertical-align: top;
text-align: left;
margin:5px 0 5px 0;
}

.koza-list dl:nth-of-type(1),.koza-list dl:nth-of-type(2){
display:none;
}

.koza-list dt,.koza-list dd{
display: block;
width:100%;
vertical-align: top;
text-align: left;
margin:0px 0 15px 0;
}
}

.archive-menu label {
cursor:pointer;
display: block;
width: 20%;
min-width: 200px;
margin:auto auto 30px auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #f5a200;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

.archive-menu label:hover {
display: block;
width: 20%;
margin:auto auto 30px auto;
background-color: #f5a200;
border: 1px solid #f5a200;
color: #fff;
padding:10px 20px 10px 20px;
clear: both;
text-align: center;
text-decoration: none;
}

.archive-menu label:before{
display: block;
content: 'さらに表示';
}

.archive-menu input:checked ~ label:before {
display: block;
content: '閉じる';
}

.archive-menu label.lib-en:before{
display: block;
content: 'Read More';
}

.archive-menu input:checked ~ label.lib-en:before {
display: block;
content: 'Close';
}

.archive-menu input{
display: none;
margin: 0px;
padding: 0px;
}
.archive-menu div.ac-small{
margin: 0;
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
}
.archive-menu input:checked ~ div{
transition: 
height 0.5s ease-in-out, 
}

.archive-menu input:checked ~ div.ac-small{
height:auto;
}

/* Database*/

#database #header {
height:70px;
}

#database .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: bold;
letter-spacing: 2px;
}

#database .contents h2 small{
font-weight: normal;
}

#database .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #9070af;
}

#database .contents h4{
font-size: 120%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #9070af;
color: #9070af;
}

#database .contents h4 small{
font-size: 100%; 
font-weight: normal;
}

#database .checklist {
display: inline-block;
margin: 5px 15px 5px 0;
}

#database input[type="text"] {
max-width: 100%!important;
min-width: 200px;
display: inline-block;
margin:0px ;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #595757;
line-height:200%;
overflow: hidden;
padding:2px;
margin:2px 0 2px 0;
}

#database input[type="submit"].button,#database input[type="button"].button {
display: inline-block;
max-width: 100%!important;
min-width: 200px;
margin:10px 10px 10px 10px ;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #9070af;
color: #231815;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
box-sizing: border-box;
cursor: pointer;
}

#database input[type="submit"].button:hover,#database input[type="button"].button:hover {
display: inline-block;
max-width: 100%!important;
min-width: 200px;
margin:10px 10px 10px 10px ;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #9070af;
border: 1px solid #9070af;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding:10px 20px 10px 20px;
}

#database .selectbox {
display:inline-block;
margin:0;
padding:0;
position:relative;
}
#database select{
max-width: 100%!important;
-webkit-appearance:none;
appearance:none;
padding:0.5em 1.5em 0.5em 0.5em;
box-sizing:border-box;
font-size:1em;
border: 1px solid #595757;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#fff;
}
#database .selectbox::after{
position: absolute;
top: 1.0em;
right: 0.7em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #595757;
}

#database .box50 table{
width: 100%;
}

#database .box50 th{
font-weight: normal;
white-space: nowrap;
text-align: right;
width: 30%;
}

#database .box50 td{
width: 70%;
}

#database .box50 td select{
max-width: 100%!important;
padding:0.5em 5.5em 0.5em 1.5em;
box-sizing:border-box;
font-size:1em;
border: 1px solid #595757;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#fff;
text-align: center;
}

#database a{
color: #9070af;
text-decoration: underline;
font-weight: bold;
}

#database a:hover{
color: #9070af;
text-decoration: underline;
font-weight: bold;
}

@media only screen and (max-width: 767px) {
#database .box50 td select{
max-width: 90%!important;
padding:0.5em 1.5em 0.5em 1.5em;
}
#database .box50 td .selectbox::after{
position: absolute;
top: 1.0em;
right: 2em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #595757;
}
}

/* Support */

#support .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#support .contents h3{
font-size: 120%; 
text-align:left;
font-weight: bold;
color: #005ead;
}

#support .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #005ead;
color: #005ead;
}

#support .contents-box a{
color: #005ead;
text-decoration: underline;
}

#support .contents-box a:hover{
color: #999;
text-decoration: underline;
}

#support .contents a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-decoration: none;
text-align:center;
}

#support .contents a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #005ead;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-decoration: none;
text-align:center;
}

/* Mail News */

#mailnews .contents h2{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#mailnews .contents-top{
position: relative !important;
}

.bmform_head734255{
display: none;
}

.bmform_outer734255{
width: 50% !important;
margin: auto;
}

.bmform_body734255,.bmform_inner734255{
background: #fff !important;
border: none !important;
}

.bmform_body734255 input[type="text"]{
width: 100%;
height: 28px;
display: block;
margin:0px auto 20px auto;
padding: 0px 2px 0px 2px;
vertical-align:top; 
border:solid 1px #000;
line-height: 150%; 
border-radius: 6px;      
-webkit-border-radius: 6px;         
-moz-border-radius: 6px;      
}

.bmform_body734255 input[type="button"]{
width: 101%;
height: 28px;
display: block;
padding: 0px 2px 0px 2px;
vertical-align:top; 
border:solid 1px #595757;
line-height: 150%; 
border-radius: 6px;      
-webkit-border-radius: 6px;         
-moz-border-radius: 6px;      
background: #595757;
color: #fff;
cursor: pointer;
}

.bmform_body734255 input[type="button"]:hover{
width: 101%;
height: 28px;
display: block;
padding: 0px 2px 0px 2px;
vertical-align:top; 
border:solid 1px #595757;
line-height: 150%; 
border-radius: 6px;      
-webkit-border-radius: 6px;         
-moz-border-radius: 6px;      
background: #fff;
color: #595757;
}

#tblRequiredField734255 {
position: absolute;
top: 65px;
right: 10%;
}

@media only screen and (max-width: 767px) {
.bmform_outer734255{
width: 100% !important;
margin: auto;
}

#tblRequiredField734255 {
width: 100% !important;
margin: auto;
position: absolute;
top: 0;
right: 0;
}
#tblRequiredField734255 td{
width: 100% !important;
text-align:right !important;
}
}

/* Download */

#download .contents {
width: 100%;
margin: 0px auto 0px auto
}

@media only screen and (max-width: 767px) {
#download .contents {
width: 100%;
margin: 40px auto 0px auto
}
}

#download .contents a{
color: #0098CB;
text-decoration: underline;
}

#download .contents a:hover{
color: #ccc;
text-decoration: underline;
}

#download .contents h2{
margin: 30px auto 15px auto;
padding: 3px 9px 3px 9px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:left;
font-weight: normal;
letter-spacing: 0px;
}

#download .contents h2.title{
margin: 30px auto 5px auto;
padding: 3px 9px 3px 9px;
background: #0098CB;
color: #fff;
font-size: 120%; 
line-height: 140%;
font-weight: no
font-weight: normal;
letter-spacing: 2px;
}

#download .contents h4{
font-size: 100%; 
text-align:center;
padding: 3px 0 3px 0;
margin: 0px;
font-weight: bold;
box-sizing: border-box;
border:2px solid #0098CB;
color: #0098CB;
}

#download .contents a.btn{
display:block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #0098CB;
text-decoration: none;
text-align:center;
}

#download .contents a.btn:hover{
display:block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #0098CB;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #0098CB;
text-decoration: none;
text-align:center;
}

#download a.btn{
color:#f0908a;
text-decoration: none;
}

#download a.btn:hover{
color:#fff;
text-decoration: none;
}

#download .contents ul{
display:table;
margin:0 !important;
padding:5px 0 5px 0 !important;
text-align: left;
}

#download .contents ul li{
display:table-cell;
vertical-align: middle;
margin:0:
padding:0:
}

#download .contents ul li:nth-child(1){
width:190px;
margin:0:
padding:0:
white-space: nowrap;
text-align: left;
}

#download .contents ul li:nth-child(2){
width:180px;
margin:0px 1% 0px 1%;
padding:0:
}

#download .contents ul li:nth-child(3){
width:auto;
margin:0:
padding:0:
text-align: justify;
text-justify: inter-ideograph;
}

@media only screen and (max-width: 767px) {
#download .contents ul{
display:block;
}

#download .contents ul li{
display:block;
vertical-align: top;
}

#download .contents ul li:nth-child(1){
width:100%;
padding-bottom:15px;
}

#download .contents ul li:nth-child(1) br{
display:none;
}

#download .contents ul li:nth-child(2){
width:100%;
padding-bottom:15px;
}

#download .contents ul li:nth-child(3){
width:100%;
}
}

/* Normal  */

#normal .contents {
width: 100%;
margin: 50px auto 0px auto;
}

@media only screen and (max-width: 767px) {
#normal .contents {
width: 100%;
margin: 90px auto 0px auto
}
}

#normal .box60 {
padding: 0px 0 0px 0px;
}

#normal .contents h2{
margin: 30px auto 0px auto;
padding: 3px;
background: #005ead;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#normal .contents h2.title{
margin: 30px auto 30px auto;
padding: 3px;
background: #595757;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

#normal .contents h3{
font-size: 100%; 
text-align:left;
padding: 15px 0px 0px 0px;
margin: 0px;
font-weight: normal;
color:#231815;
border-bottom:1px solid #231815;
}

#normal .contents a.btn{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #fff;
color: #231815;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-align:center;
text-decoration: none;
}

#normal .contents a.btn:hover{
display:inline-block;
padding: 9px 12px 9px 12px;
margin:0px 9px 0px 9px;
background-color: #005ead;
color:#fff;
border-radius: 4px;
-moz-border-image: border-radius: 4px;
-webkit-border-image: border-radius: 4px;
border: 1px solid #005ead;
text-align:center;
text-decoration: none;
}

/* Fellows */

#fellows .contents {
width: 100%;
margin: 50px auto 0px auto;
}

@media only screen and (max-width: 767px) {
#fellows .contents {
width: 100%;
margin: 90px auto 0px auto
}
}
.fellow-list{
text-align: left;
margin:auto;
}

.fellow-list div{
width:22.5%;
display: inline-block;
vertical-align: top;
text-align: center;
margin:0 1% 30px 1%;
font-size: 90%;
}

.fellow-list div img{
width:100%;
height: auto;
vertical-align: middle;
}

.fellow-list div h3 {
font-size: 130%;
padding: 10px 0 0 0;
}

@media only screen and (max-width: 767px) {
.fellow-list div{
width:45%;
display: inline-block;
vertical-align: top;
text-align: center;
margin:0 2% 30px 2%;
font-size: 90%;
}
}

/* Footer */

.footer {
width:100%;
list-style:none;
z-index: 1000;
margin: 30px 0 30px 0;
z-index: 0;
background: #e6e6e6;
font-size: 0.7rem;
}

.footer-box{
width:90%;
padding: 20px 0 20px 0;
margin: auto;
text-align: center;
}

.footer01{
width:23%;
margin: auto;
text-align: left;
vertical-align:top; 
float: left;
padding:15px 0 0 1%;
}

a.footer-btn01{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #fff;
border: 1.5px solid #00AFEC;
color: #595757; 
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
font-size: 0.9rem;
margin: 5px 0 15px 0;
padding: 10px;
}

a.footer-btn01:hover{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #00AFEC; 
border: 1.5px solid #00AFEC;
color: #fff; 
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
font-size: 0.9rem;
margin: 5px 0 15px 0;
padding: 10px;
}

a.footer-btn02{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #fff;
border: 1.5px solid #005EAD;
color: #595757;
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
letter-spacing: 1px;
font-size: 1.0rem;
margin: 5px 0 5px 0;
padding: 7px;
}

a.footer-btn02:hover{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #005EAD;
border: 1.5px solid #005EAD;
color: #fff;
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
letter-spacing: 1px;
font-size: 1.0rem;
margin: 5px 0 5px 0;
padding: 7px;
}

a.footer-btn03{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #fff;
border: 1.5px solid #c9000c;
color: #595757; 
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
font-size: 0.9rem;
margin: 5px 0 15px 0;
padding: 10px;
}

a.footer-btn03:hover{
display: block;
text-align: center;
text-decoration: none;
outline: none;
z-index: 2;
background-color: #c9000c; 
border: 1.5px solid #c9000c;
color: #fff; 
line-height:180%;
overflow: hidden;
border-radius: 5px;
-moz-border-image: border-radius: 5px;
-webkit-border-image: border-radius: 5px;
font-size: 0.9rem;
margin: 5px 0 15px 0;
padding: 10px;
}

.footer01 h2{
font-size: 130%;   
padding: 15px 0 0 0;
margin: 0 0 5px 0;
text-align: left;
}

.footer02{
width:75%;
margin: auto;
text-align: left;
 display: table;
border-collapse: separate; 
border-spacing: 10px 5px; 
float: right;
line-height: 160%; 
}

.footer02 dl {
display: table-cell;
vertical-align:top;   
}

.footer02 dt{
font-size: 110%;   
font-weight: bold;
white-space: nowrap;
padding-top: 15px;
}

.footer02 dd {
position: relative;
padding: 0 0 0 15px;
}

.footer02 dd:before {
position: absolute;
top: 0;
left: 0;
content: '▶';
}

.sponcer{
width:90%;
padding: 0px 0 20px 0;
margin: auto;
text-align:left;
    	font-size: 0.7rem;
}

.sponcer01{
width: 49%;
float:left;
vertical-align:top;
}

.sponcer02{
width: 50%;
float:right;
vertical-align:top;
text-align:center;
display: table;
}

.sponcer02 a{
display: table-cell;
}

.sponcer02 a img{
width: 100%;
height:auto;
}


@media only screen and (max-width:1024px) {
.sponcer{
width:90%;
padding: 0px 0 20px 0;
margin: auto;
text-align:left;
display: block;
}

.sponcer01{
width: 100%;
float:none;
vertical-align:top;
padding: 0px 0 20px 0;
}

.sponcer02{
width: 100%;
float:none;
vertical-align:top;
text-align:center;
}
}

@media only screen and (max-width: 767px) {
.footer,.sponcer {
display: none;
}
}


/* Tab */
.tab_wrap{width:100%; margin: auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0;text-align: center;  padding: 0px 0px 10px 0px;}
.tab_area label{  font-size:15px; margin:0 5px; display:inline-block; text-align:center; cursor:pointer; transition:ease 0.2s opacity;color:#595757;}
.tab_area label.tab1_label,.tab_area label.tab2_label,.tab_area label.tab3_label{  font-size:13px;font-weight: bold;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; opacity:0; padding: 0; display:none;}

#tab1:checked ~ .tab_area .tab1_label{color:#005ead;}
#tab1:checked ~ .panel_area #panel1{display:block; animation:fadeIn ease 0.6s forwards; -ms-animation:fadeIn ease 0.6s forwards;}
#tab2:checked ~ .tab_area .tab2_label{color:#005ead;}
#tab2:checked ~ .panel_area #panel2{display:block; animation:fadeIn ease 0.6s forwards; -ms-animation:fadeIn ease 0.6s forwards;}
#tab3:checked ~ .tab_area .tab3_label{color:#005ead;}
#tab3:checked ~ .panel_area #panel3{display:block; animation:fadeIn ease 0.6s forwards; -ms-animation:fadeIn ease 0.6s forwards;}


.pcbr {
display: block;
}

.spbr {
display: none;
}


@media only screen and (max-width: 767px) {
.pcbr {
display: none;
}
.spbr {
display: block;
}
}

/* Language Switch */

.bogo-language-switcher{
padding: 0px 0px 0px 10px;
 display: inline-block;
 width:30px;
 margin:auto;
}

.bogo-language-switcher li{
 display: inline-block;
padding: 0px 0px 0px 0px;
color:#fff;
visibility: hidden;
}

.bogo-language-switcher li a{
color:#595757;
visibility: visible;
position: absolute;
top: 8px;
right: 0px;
display: inline-block;
}

.bogo-language-switcher li.current{
display:none;
}

a.bogo-lib{
position: absolute;
top: 8px;
right: 0px;
color:#595757;
display: inline-block;
}

#luxbar-footer .bogo-language-switcher li{
color:#e6e6e6;
}

#luxbar-footer .bogo-language-switcher li.current{
display:none;
}


.bogo-language-switcher .ja {
order: 1 !important;
}
.bogo-language-switcher .en-US {
order: 2 !important;
}

@media only screen and (max-width: 767px) {
.bogo-language-switcher{
position: relative;
padding: 7.5px 0px 0px 10px;
display: inline-block;
width:30px;
height: 30px; 
margin:auto;
font-size: 0.9rem;
font-weight: bold;
vertical-align: top;
pointer-events:auto;
}
header .bogo-language-switcher{
z-index: 9999; 
}
#luxbar-footer a.bogo-lib{
position: relative;
color:#595757;
padding: 0px 0px 0px 10px;
display: inline-block;
width:30px;
height: 30px; 
vertical-align: top;
font-size: 0.9rem;
font-weight: bold;
pointer-events:auto;
}
.bogo-language-switcher li a{
top: 7px;
}
a.bogo-lib{
top:7px;
}
}

/* Calendar */

.timely table tr td {
text-align: center !important;
background-color: #e8e8e8 !important;
display: table-cell !important;
vertical-align: middle !important;
padding:1% !important;
white-space: nowrap !important;
border: 1px solid #fff !important;
}

.timely table tr td.event-color  {
background-color: #13ae67 !important;
color: #fff !important;
}

.timely table tr td.event-color .event-date  {
color: #fff !important;
}

.ai1ec-prev-year, .ai1ec-next-year{
display: none !important;
}

.ai1ec-prev-month {
width: 18% !important;
border:none!important;
overflow:visible!important;
	text-align: left!important;
}
.ai1ec-cen {
width: 60% !important;
border:none!important;
font-size: 120%!important;
}
.ai1ec-next-month {
width: 18% !important;
border:none!important;
overflow:visible!important;
text-align: right!important;
}

.ai1ec-title-buttons .ai1ec-btn-group
{margin:auto!important;}

.ai1ec-calendar-toolbar
{border:none!important;}

.ai1ec-title-buttons ai1ec-btn-toolbar
{border:none!important;}

#ai1ec-calendar table.ai1ec-month-view {
border-collapse: collapse;
border: none !important;
margin: 0 !important;
clear: both;
width: 100% !important;
}

.ai1ec-event-details-ready .ai1ec-single-event{
display: none !important;
}

/* GTranslate */

.goog-text-highlight {background-color:#000 !important;}

select#gtranslate_selector{
-webkit-appearance:none;
appearance:none;
padding:0.5em 1.5em 0.5em 0.5em;
box-sizing:border-box;
font-size:1em;
border: 1px solid #f5a200;
border-radius: 5px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#fff;
text-align: left;
margin:auto;
}

.gselectbox {
display:block;
margin:0;
padding:0;
position:relative;
float:right;
text-align: left;
}

.gselectbox::after{
position: absolute;
top: 1.0em;
right: 0.7em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 7px solid #595757;
}

/* iframe */
@media only screen and (max-width: 767px) {
iframe {
max-width: 100%;
height: auto;
}
}

/* fancybox */
@media only screen and (max-width: 767px) {
#fancybox-right span{left:auto;right:20px !important;}
.rtl #fancybox-right span{right:auto;left:20px !important;}
}

/* slider */
.ss{
visibility: hidden;
}
.ss.slick-initialized{
visibility: visible;
}

/* Recruit */


#recruit .sub-menu-left{
width: calc(75% - 4px);
width:-webkit-calc(75% - 4px);
float: left;
margin: 0;
padding: 0;
border:2px solid #c9000c;
background: #fff;
box-sizing: border-box;
}

#recruit .sub-menu-right{
width: 21%;
float: right;
color: #fff;
background: #c9000c;
text-align: center;
height:64px;
display:block;
padding:3px 12px;
white-space: nowrap;
}
#recruit .sub-menu-right:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

#recruit .sub-menu-right big{
font-size:160%;
line-height: 1.5em;
letter-spacing: 1px;
font-weight: normal;
line-height: 140%; 
white-space: nowrap;
}

#recruit .contents {
width: 100%;
margin: 30px auto 0px auto;
letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
#recruit .contents {
margin: 50px auto 0px auto;
letter-spacing: 0px;
}
}

#recruit-hero{
width: 80%;
padding:35px 10%;
background: url(/wordpress/images/recruit-hero.jpg) no-repeat center top;
background-size:cover;
color: #fff;
font-size: 1.0rem;
line-height: 200%; 
letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
#recruit-hero{
width: 90%;
padding:35px 5%;
font-size: 0.8rem;
line-height: 200%; 
letter-spacing: 0px;
}
}


#recruit-hero h2{
background: none;
text-align: center;
margin-bottom:30px;
}

#recruit-hero h2 img{
width: 50%;
height:auto;
}

@media only screen and (max-width: 767px) {
#recruit-hero h2 img{
width: 80%;
height:auto;
padding-top:15px;
}
}

#recruit .contents h2.title{
margin: 30px auto 30px auto;
padding: 3px;
background: none;
color: #c9000c;
font-size: 165%; 
line-height: 150%;
text-align:center;
font-weight: normal;
letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
#recruit .contents h2.title{
font-size: 150%; 
letter-spacing: 0px;
}
}

#recruit .contents h3{
color: #c9000c;
font-size: 250%; 
line-height: 150%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: bold;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

@media only screen and (max-width: 767px) {
#recruit .contents h3{
font-size: 170%; 
letter-spacing: 0px;
}
}


#recruit .contents h4{
color: #c9000c;
font-size: 150%; 
line-height: 150%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
#recruit .contents h4{
font-size: 130%; 
letter-spacing: 0px;
}
}

#recruit .contents h4 big{
font-size: 200%; 
font-weight: normal;
}

#recruit .contents h5{
color: #c9000c;
font-size: 140%; 
line-height: 150%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: normal;
letter-spacing: 2px;
}

@media only screen and (max-width: 767px) {
#recruit .contents h5{
font-size: 120%; 
letter-spacing: 0px;
}
}

#recruit .contents h4.sky{
color:#0098CB; 
font-size: 110%; 
line-height: 150%;
text-align:center;
padding: 0px;
margin: 10px auto;
font-weight: normal;
letter-spacing: 2px;
}

.recruit-box01{
width: 80%;
padding:35px 10%;
margin: 0 auto 0 auto;
background: #eae5e3;
color: #3e3a39;
font-size: 1.0rem;
line-height: 200%; 
text-align: justify;
text-justify: inter-ideograph;
}

@media only screen and (max-width: 767px) {
.recruit-box01{
width: 90%;
padding:35px 5%;
font-size: 0.8rem;
line-height: 180%; 
}
}


.recruit-box01 strong{
font-size: 110%;
}

.recruit-box02{
width: 80%;
padding:35px 10%;
margin: 0 auto 0 auto;
background: #fff;
color: #3e3a39;
font-size: 1.0rem;
line-height: 200%; 
text-align: justify;
text-justify: inter-ideograph;
}

@media only screen and (max-width: 767px) {
.recruit-box02{
width: 90%;
padding:35px 5%;
font-size: 0.8rem;
line-height: 180%; 
}
}

.recruit-box03{
width: 80%;
padding:35px 10%;
margin: 0 auto 0 auto;
background: #fdede4;
color: #3e3a39;
font-size: 1.0rem;
line-height: 200%; 
text-align: justify;
text-justify: inter-ideograph;
}

@media only screen and (max-width: 767px) {
.recruit-box03{
width: 90%;
padding:35px 5%;
font-size: 0.8rem;
line-height: 180%; 
}
}

.no-box{
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 35px;
}

.no-box .no-list{
width:32%;
border:2px dotted #c9000c;
border-radius: 50%;
-moz-border-image: border-radius: 50%;
-webkit-border-image: border-radius: 50%;
background:#fff;
}

@media only screen and (max-width: 767px) {
.no-box{
display: block;
}
.no-box .no-list{
width:80%;
margin:0 auto 50px auto;
}
}

.no1,.no2,.no3{
position: relative;
padding-top: 100%;
height: 0;
}

.no1 div,.no2 div,.no3 div{
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0;
text-align: center;
font-size: 1.10vw; 
line-height: 2.50vw; 
}

@media only screen and (max-width: 767px) {
.no1 div,.no2 div,.no3 div{
font-size: 1.0em; 
line-height: 180%; 
}
}

.no-list .no1:before,.no-list .no2:before,.no-list .no3:before{
font-size: 180%;
font-weight: bold;
position: absolute;
top: -25px;
left: 0;
right: 0;
color: #fff;
background:#c9000c;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
-moz-border-image: border-radius: 50%;
-webkit-border-image: border-radius: 50%;
margin:auto;
}

.no-list .no1:before{
content: '1';
}

.no-list .no2:before{
content: '2';
}

.no-list .no3:before{
content: '3';
}

#recruit .border-box {
border: 2px solid #c9000c;
padding:0px;
margin: 10px auto 35px auto;
}

#recruit .border-box div{
font-size: 120%; 
line-height: 120%;
text-align:center;
font-weight: normal;
color: #fff;
background:#c9000c;
padding:5px;
}

#recruit .border-box p{
font-size: 130%; 
font-weight: bold;
text-align:center;
padding:5px 15px;
}

@media only screen and (max-width: 767px) {
#recruit .border-box div{
font-size: 100%; 
}

#recruit .border-box p{
font-size: 100%; 
}
}

#recruit .sky-box {
border:2px solid #0098CB;
border-radius: 20px;
-moz-border-image: border-radius:20px;
-webkit-border-image: border-radius: 20px;
padding:2%;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

#recruit .sky-box a{
font-size: 110%; 
color: #0098CB;
font-weight: bold;
text-decoration: underline;
}

#recruit .sky-box div{
width:40%;
background-position: left 20px;
letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
#recruit .sky-box div{
width:100%;
letter-spacing: 0px;
}
}


#recruit .tab_area label{ font-feature-settings: normal;font-size: 1.0rem; margin:0 5px; display:inline-block; text-align:center; cursor:pointer; transition:ease 0.2s opacity;color:#595757;}
#recruit .tab_area label.tab1_label,.tab_area label.tab2_label,.tab_area label.tab3_label{ font-size: 1.0rem;font-weight: bold;}
#recruit .tab_area label:hover{opacity:0.5;}
#recruit #tab1:checked ~ .tab_area .tab1_label{color:#c9000c;}
#recruit #tab1:checked ~ .tab_area .tab1_label:before{content: '▼';color:#c9000c;}
#recruit #tab2:checked ~ .tab_area .tab2_label{color:#c9000c;}
#recruit #tab2:checked ~ .tab_area .tab2_label:before{content: '▼';color:#c9000c;}
#recruit #tab3:checked ~ .tab_area .tab3_label{color:#c9000c;}
#recruit #tab3:checked ~ .tab_area .tab3_label:before{content: '▼';color:#c9000c;}
#recruit .tab_area .tab1_label:before,#recruit .tab_area .tab2_label:before,#recruit .tab_area .tab3_label:before{content: '▶︎';color:#c9000c;}
#recruit .panel_area{
padding:35px;
background:#fff;border-radius: 20px;
-moz-border-image: border-radius:20px;
-webkit-border-image: border-radius: 20px;}


#recruit .contents .recruit-box03 h5{
color: #231815;
font-size: 100%; 
text-align:center;
padding: 0px;
margin: 5px auto;
font-weight: bold;
letter-spacing: 2px;
}

.recruit-box03 table{
border: 2px;
font-size: 95%;
margin-top:30px;
}

.recruit-box03 tr th:nth-of-type(1),.recruit-box03 tr th:nth-of-type(3){
width:45%;
text-align: center;
}
.recruit-box03 tr th:nth-of-type(2){
width:10%;
}

.recruit-box03 tr th,.recruit-box03 tr td{
white-space: normal;
}

.recruit-box03 th p{
display:inline-block;
margin:auto;
border:2px solid #c9000c;
background:#fff;
border-radius: 20px;
-moz-border-image: border-radius:20px;
-webkit-border-image: border-radius: 20px;
color:#c9000c;
padding:2px 15px; 
}

.recruit-box03 th.red{
background:#c9000c;
border-radius:  20px 20px 0 0;
height:30px;
}

.recruit-box03 tr:last-of-type th.red{
background:#c9000c;
border-radius:  0 0 20px 20px;
height:20px;
}

.recruit-box03 td{
border-top:2px dotted #c9000c;
padding:12px 5px; 
letter-spacing: 1px;
}

.recruit-box03 td.red{
color:#fff;
background:#c9000c;
border-top:2px dotted #fff !important;
text-align:center;
}

.recruit-box03 strong{
color:#c9000c;
}

.recruit-box03 .contents-left,.recruit-box03 .contents-right{
letter-spacing: 0px;
width: 45%;
}

@media only screen and (max-width: 767px) {
.recruit-box03 th,.recruit-box03 td,.recruit-box03 tr th:nth-of-type(2),.recruit-box03 tr td:nth-of-type(2) {
display: table-cell;
width: calc(100% - 50px) !important;
width:-webkit-calc(100% - 50px) !important;
  }
.recruit-box03 th.red,.recruit-box03 td.red,.recruit-box03 tr th:nth-of-type(1).red {
width: 50px !important;
white-space: nowrap;
  }
.recruit-box03 #panel3 .contents-left,.recruit-box03 .contents-right{
width: 100%;
margin: 0;
padding: 0;
float:none;
}
.recruit-box03 #panel2 .contents-left{
width: 100%;
margin: 30px 0 30px 0;
padding: 0;
float:none;
}
}

#recruit .slick-prev {
left: -30px;
}

#recruit .slick-prev:before,#recruit .slick-prev:before,#recruit .slick-next:before {
color:#c9000c;
}

#recruit .slider img {
border-radius: 20px;
-moz-border-image: border-radius:20px;
-webkit-border-image: border-radius: 20px;
}

.recruit-box02 table{
border: 1px;
}

.recruit-box02 th,.recruit-box02 td{
border-top:1px solid #3e3a39;
padding:12px; 
letter-spacing: 1px;
}

@media only screen and (max-width: 767px) {
.recruit-box02 th {
display: table-cell;
width: 20% !important;
padding:6px; 
letter-spacing: 0px;
  }
.recruit-box02 td {
display: table-cell;
width:80% !important;
padding:6px; 
letter-spacing: 0px;
  }
}

.recruit-box02 tr:last-of-type th,.recruit-box02 tr:last-of-type td{
border-bottom:1px solid #3e3a39;
}


.recruit-box02 th{
background:#fdede4;
font-size: 95%;
white-space: nowrap;
line-height: 150%; 
font-weight: normal;
vertical-align: top; 
}

.recruit-box02 td{
font-size: 90%;
line-height: 150%; 
}

.recruit-box02 td a{
text-decoration: underline;
}

@media only screen and (max-width: 767px) {
.recruit-box02 table{
width:100%;
}
}

.recruit-contact{
text-align: center;
}

.recruit-contact p{
font-size: 95%;
line-height: 160%; 
}

a.recruit-button {
width:500px;
margin:25px auto 12px auto;
padding:0;
display: table;
}

a.recruit-button:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

a.recruit-button dt{
display: table-cell;
vertical-align:top;
background: #c9000c;
color:#fff;
padding:10px;
border-radius: 10px 0 0 10px;
-moz-border-image: border-radius:10px 0 0 10px;
-webkit-border-image: border-radius: 10px 0 0 10px;
border: 2px solid #c9000c;
white-space: nowrap
}

a.recruit-button dd{
display: table-cell;
vertical-align:top;
padding:10px;
border-radius: 0 10px 10px 0;
-moz-border-image: border-radius:0 10px 10px 0;
-webkit-border-image: border-radius: 0 10px 10px 0;
border: 2px solid #c9000c;
white-space: nowrap;
color:#c9000c;
}

@media only screen and (max-width: 767px) {
a.recruit-button {
display: table;
width:auto;
margin:0px auto 0 auto;
padding-top:60px;
font-size: 0.6rem;
}
a.recruit-button dt{
padding:5px;
}
a.recruit-button dd{
padding:5px;
}
}

a.recruit-footer-btn{
display: none;
}

@media only screen and (max-width: 767px) {
a.recruit-footer-btn{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: block;
color: #fff;
background: #c9000c;
text-align: center;
display:block;
padding:5px 0;
}
}

.bogo-sp{
display: none;
}

@media only screen and (max-width: 767px) {
.bogo-sp{
display: block;
position: fixed;
top: 6px;
right: 2%;
z-index: 99999; 
}
.bogo-sp a{
color:#595757;
}
}