@charset "utf-8";
html {
scroll-behavior: smooth;
}
body {
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body,p,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,br,hr {
margin: 0;
padding: 0;
}
p:lang(ja){
text-align: justify;
text-justify:
inter-ideograph;
line-height: 1.8em;
font-feature-settings: "palt";
}
ul,ol {
list-style-type: none;
}
img {
border-style: none;
vertical-align: bottom;
}
a {
  cursor: pointer;
  outline: none 0;
}
table, th, td {
  border-style: none;
}
button {
  margin-bottom: 10px;
}
.clear {
clear: both;
}

.my_orange {
color: #f39800;
}

a:link { text-decoration: none; color: #00608d; }
a:visited { text-decoration: none; color: #00608d; }
a:hover { text-decoration: none; color: #c82c55; }
a:active { text-decoration: none; color: #c82c55; }

h1 {
color: #666;
font-size: 75%;
margin-top: 10px;
}
h2 {
padding: 14px 0 8px 10px;
font-weight: bold;
color: #333;
font-size: 120%;
border-left: 5px solid #f39800;
border-bottom: 1px dashed #666;
margin-top: 20px;
background-color: #eee;
}
h3{
color: #ee9900; font-size: 120%;
ont-weight: bold; margin-top: 10px;
}
h3 i { margin-right: 4px; }
h4 {
font-size: 93%;
font-weight: normal;
border: 1px solid #666;
text-align: center;
padding: 5px;
margin: 15px 0 10px 0;
}
.header { margin: 15px 0 20px 0; }
.header-logo { margin-top: 10px; text-align: center; }
.header-title { font-size: 90%; margin: 5px 0; text-align: center; }
.multilingual {
text-align: right;
margin-top: 10px;
}
.multilingual a {
color: #fff;
background-color: #f39800;
padding: 0 5px;
border-radius: 5px;
display: inline-block;
margin-bottom: 5px;
}

/*メインナビゲーション*/
nav#mainNav ul.nav {
height: 65px; background:url(images/mainnavBg.png) repeat-x;
}
nav#mainNav ul li{
float: left;
position: relative;
border-right:1px solid #c7c7c7;
}
nav#mainNav ul li.home{
border-left:1px solid #c7c7c7;
}
nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#000000;
height:40px;
line-height:40px;
font-size:100%;
font-weight:bold;
margin-right:1px;
padding:15px 14px 5px;
}
nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}
a.active strong { color:#f39800; }
nav#mainNav ul li a span{
font-size:60%;
color:#000000;
font-weight:normal;
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
color:#f39800;
/*background:url(/wp-content/uploads/2018/12/nav-over.png) no-repeat;*/
/*background:url(images/mainnavBg.png) repeat-x 0 100%;*/
/*background:transparent;*/
}

@media screen and (min-width: 992px) {
.news_date {
font-size: 92.8%;
padding-left: 1em;
padding-top: 1px;
width: 7.5em;
float: left;
}
.news_title {
float: left;
}
}

.topics {
border: 1px solid #666;
border-radius: 10px;
padding: 10px;
margin-bottom: 15px;
}
.topics ul li{
margin-left: 20px;
list-style-type: square;
}
.topics ol li{
margin-left: 20px;
list-style-type: decimal;
}
.topics blockquote{
padding: 15px;
border-left: 5px solid #ccc;
margin-left: 20px;
}

.topics_title {
color:#f39800;
font-size: 115%;
font-weight: bold;
border-bottom: 2px solid #f9cc80;
}
.topics_date {
font-size: 92.8%;
text-align: right !important;
}
.topics img {
max-width: 100%;
height: auto;
}
.topics span{
line-height: 1em;
}
.topics_topics {
}
.page {
margin: 10px 0;
text-align: center;
}

.news_page {
text-align: right;
}
#wrapper {
position: relative;
width: 100%;
}
#wrapper:before {
content:"";
display: block;
padding-top: 100%; /* 高さを幅の75%に固定 */
}
#content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#wrapper a.area {
position: absolute;
top: 0;
left: 0;
height:100%;
width: 100%;
}


.activity1, .activity2, .activity3, .activity4 {
padding: 15px;
margin-bottom: 30px;
}
.activity1 {
color: #fff;
background-color: #844dde;
}
.activity2 {
color: #fff;
background-color: #4cdf91;
}
.activity3 {
color: #fff;
background-color: #f58f8b;
}
.activity4 {
color: #666;
background-color: #f6e467;
}
.activity_title {
font-size: 142.8%;
line-height: 1.5em;
}
.activity_img1 {
width: 60%;
margin: 15px auto 0;
}
.activity_img2 {
width: 70%;
margin: 20px auto 0;
}
.activity_img3 {
width: 60%;
margin: 0 auto 0;
}
.activity_img4 {
width: 70%;
margin: 15px auto 0;
}
@media screen and (min-width: 992px) {
.activity_title {
font-size: 200%;
line-height: 1.3em;
}
}
.chiiki {

}
.chiiki a:link {
text-decoration: none;
color: #fff;
}
.chiiki a:visited {
text-decoration:
none; color: #fff;
}
.chiiki a:hover {
text-decoration: none;
color: #fff;
}
.chiiki a:active {
text-decoration: none;
color: #fff;
}

.activity11, .activity22, .activity33, .activity44 {
font-size: 107%;
font-weight: bold;
padding: 10px 15px;
margin-top: 15px;
}
.activity11 {
color: #fff;
background-color: #844dde;
}
.activity22 {
color: #fff;
background-color: #4cdf91;
}
.activity33 {
color: #fff;
background-color: #f58f8b;
}
.activity44 {
color: #666;
background-color: #f6e467;
}
.activity_item {
margin-left: 2em;
}
.activity_item1 {
margin-left: 1em;
}
.activity_item2 {
display: inline-block; width: 4em;
}
.activity_item3 {
margin-left: 4em;
}
.activity_item4 {
margin: 5px 0 5px 4em;
}
.arrow1 {
margin-left: -15px;
color: #fff;
font-size: 200%;
width: 100%;
position: absolute;
bottom: 10px;
text-align: center !important;
}
.arrow2 {
margin-left: -15px;
color: #666;
font-size: 200%;
width: 100%;
position: absolute;
bottom: 10px;
text-align: center !important;
}

.activity-img {
margin: 15px 0;
width: 100%;
max-width: 480px;
}

.activity_co_title {
padding-left: 1em;
text-indent: -0.5em; l
}
.sponsor {
text-align: center;
}
.sponsor img:hover {
opacity: 0.5  !important;
}

.body1 {
margin: 15px 0 10px 0 ;
}
.arrow-down {
color:#f39800;
margin-left: 60px;
}
.aisatsu {
font-size:142.8%;
font-weight: bold;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
text-align: center !important;
margin:15px 0;
}
.text_right {
text-align: right !important;
}
.text_center {
text-align: center;
}
.name_origin {
margin-left: 1em;
}
.capital {
border-bottom: 1px solid #000;
}
.bold {
font-weight: bold;
}
.yurai { display: inline-block; width: 7.5em;}

.status {
line-height: 1.2em;
font-size: 85.7%;
}

.institution {
color: #ee9900; font-size: 110%; font-weight: bold;
}
.institution i { margin-right: 4px; }
.institution_detail {
line-height: 2.2em;
margin-top: 10px;
}
.institution_detail2 {
margin-top: 10px;
}
.bar1 {
display: block;
width: 100%;
height: 2px;
background-color: #999;
border: 0;
}
.bar2 {
display: block;
width: 100%;
height: 1px;
background-color: #999;
border: 0;
}

.radio-group {
padding:5px;
border: 1px solid #ccc;
border-radius: 5px;
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

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

table.organization {}
table.organization th {
border: 1px solid #000 !important;
background-color: #fbe0b2;
}
table.organization td {
border: 1px solid #000 !important;
}
table.organization td.left {
border-left: none !important;
}
table.organization td.right {
border-right: none !important;
}
.department {
font-weight: bold;
padding-left: 0.5em;
text-indent: -0.5em;
}
.department_content {
margin-left: 1.5em;
}

/*規約*/
.kiyaku {
padding-top: 10px;
}
.kiyaku_title {}
.kiyaku_jo {
padding-left: 3.5em;
text-indent:-3.5em;
line-height: 2em;
}
.kiyaku_jo2 {
padding-left: 4em;
text-indent:-4em;
line-height: 2em;
}
.kiyaku_kou {
padding-left: 4em;
text-indent:-2em;
line-height: 2em;
}
.kiyaku_kou2 {
padding-left: 2em;
text-indent:-1.5em;
line-height: 2em;
}
.kiyaku_fusoku {
margin-top: 20px;
text-align: center;
}
.staff {
}
.staff2 {
padding-left: 1em;
}
.staff2 i {
margin-left: 1em;
}
.staff3 {
padding-left: 2em;
}
.staff3 i {
margin-left: 1em;
}

.furigana {
line-height: 2em;
}
.furigana2 {
margin-top: 5px;
}



input::-webkit-input-placeholder {
font-size: 87.5%;
}
input:-moz-placeholder {
font-size: 87.5%;
}
input::-moz-placeholder {
font-size: 87.5%;
}
input:-ms-input-placeholder {
font-size: 87.5%;
}
textarea::-webkit-input-placeholder {
font-size: 87.5%;
}
textarea:-moz-placeholder {
font-size: 87.5%;
}
textarea::-moz-placeholder {
font-size: 87.5%;
}
textarea:-ms-input-placeholder {
font-size: 87.5%;
}
span#errdata1,span#errdata2 {
color: #ea5550; font-size: 87.5%;
}

/*ボトムメニュー*/
ul.bottom-menu {
font-size: 87.5%;
margin-bottom: 20px;
}
ul.bottom-menu li {
padding: 0 10px;
float: left;
position: relative;
border-right: 1px solid #c7c7c7;
}
ul.bottom-menu li.boder-none {
border-right: none;
}

/*フッター*/
div#footer {
background-color: #f39800;
}
.flex_box {
max-width: 768px;
display: flex;
margin: 5px auto;
justify-content: space-between;
}
.flex_item {
font-size: 86%;
}
.copyright {
color: #fff;
text-align: center;
font-size: 80%;
padding: 10px 0;
}

/*マージン設定*/
.top10 { margin-top: 10px; }
.top15 { margin-top: 15px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.under10 { margin-bottom: 10px; }
.under15 { margin-bottom: 15px; }
.under20 { margin-bottom: 20px; }

/*ページトップスクロール*/
#top_scroll{
position: relative;
z-index: 100;
margin: 0;
padding: 0;
}

#page-top1{
display: block;
position: fixed;
z-index: 9999;
bottom: -250px;
right: 10px;
width: 70px;
height: 70px;
padding: 0;
color: #222;
text-align: center;
text-decoration: none;
transition: 1s;
-webkit-transition: 1s;
}

#page-top1:hover{
background: ;
transform: translateY(-10px);
}

#top_scroll:hover{
background: #fff;
}

.badge-new {
color: #fff;
margin-left: 5px;
background-color: #f39800 !important;
}


/*トップページイメージ*/
.main_imgBox {
width: 100%;
padding-top: 30%;
overflow: hidden;
position: relative;
}
.main_img {
z-index:10;
opacity: 0;
width: 100%;
padding-top: 40%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: 0;
top: 0;
-webkit-animation: anime 42s 0s infinite;
animation: anime 42s 0s infinite; }

.main_img:nth-of-type(2) {
-webkit-animation-delay: 6s;
animation-delay: 6s; }

.main_img:nth-of-type(3) {
-webkit-animation-delay: 12s;
animation-delay: 12s; }

.main_img:nth-of-type(4) {
-webkit-animation-delay: 18s;
animation-delay: 18s; }

.main_img:nth-of-type(5) {
-webkit-animation-delay: 24s;
animation-delay: 24s; }

.main_img:nth-of-type(6) {
-webkit-animation-delay: 30s;
animation-delay: 30s; }

.main_img:nth-of-type(7) {
-webkit-animation-delay: 36s;
animation-delay: 36s; }

@keyframes anime {
0% {
opacity: 0;
}
7.14% {
opacity: 1;
}
14.28% {
opacity: 1;
}
21.42% {
opacity: 0;
transform: scale(1.1) ;
z-index:9;
}
100% { opacity: 0 }
}


/*SNSボタン*/
.fb-like { /* Facebook */
display: inline-block;
height: 20px;
overflow: hidden;
}
.fb_iframe_widget span {
vertical-align: top !important;
}
#___plusone_0, #___plusone_0 iframe { /* Google+ */
width: 70px !important;
}
.pocket-btn { /* Pocket */
display: inline-block;
height: 20px;
overflow: hidden;
}
.pocket-btn iframe { /* Pocket */
width: 100px !important;
overflow: hidden;
}

.wechat-button {
display: inline-block;
vertical-align: top !important;
margin-top: -4px ;
margin-left: -2px ;
}
.fb-share-button {
vertical-align: top !important;
margin-top: 0px ;
}

/*ポップアップ*/
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 600px;
margin: 20px auto;
}

.construction {
width: 100%;
max-width: 480px;
}
.construction_text {
margin: 20px 0;
font-size: 120%;
text-align: center;
}

.filename {
font-size: 75%;
}
.img_waku {
border: 1px solid #ccc;
}










.fb-container-box {
background-color: fbe0b2;
}
/* スマホ用 */
@media screen and (max-width: 767px) {
.fb-container {
width: 100%;
max-width: 500px;
}
}
/* PC用 */
@media screen and (min-width: 768px) {
.fb-container {
margin:20px auto;text-align:center;
width: 500px;
}
}
.facebook-wrapper {
max-width: 500px; /* Facebook Page Plugin の最大幅 */
margin: 0 auto;
}
.facebook-wrapper > .fb-page {
width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
width: 100% !important;
}

.form-control:focus {
  border-color: #f39800;
/*  box-shadow: inset 0 1px 1px rgba(243, 152, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);*/
box-shadow: 0px 0px 5px 0px #F39800;
}

/*Bx-sliderの枠を消す*/
.bx-wrapper {
background-color: transparent;
margin: 0px auto 0px;
border: none;
box-shadow: none;
}
.bx-wrapper img {
width:100%;
display: block;
margin: 0px;
}
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
bottom: 15px;
}