@charset "utf-8";/* CSS Document */

/*--------------------------------
base
--------------------------------*/
/*-- ---- btm ---- --*/
.btm10 {margin-bottom: 10px;}
.btm20 {margin-bottom: 20px;}
.btm30 {margin-bottom: 30px;}

/*-- ---- align ---- --*/
.center {text-align: center;}


@media screen and (min-width:481px) {
html {font-size: 0.9em;color: #444444;}

/*-- ---- linkbtn ---- --*/
p.linkbtn a {padding-left: 30px; background: url(../../img/_shared/common/icon_list.png) no-repeat;color: #0da921;background-size:22px auto;}
p.linkbtn a:hover {color: #a0a0a0;}

/*-- ---- img hover ---- --*/
body a:hover img{ filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
body a.nonehover img{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

section {width: 1000px;margin: 0 auto 20px auto;}

/*-- ---- h2 ---- --*/
section h2 {font-size: 1.3em;color: #a0a0a0;font-weight: bold;letter-spacing: 4px;margin-bottom: 20px;}
section h2 small {font-size: 0.7em;color: #0da921;font-weight: normal;letter-spacing : 2px;padding-left: 10px;}

}

@media screen and (max-width:480px) {
	html {color: #444444;-webkit-text-size-adjust: 100%;}
}


/*--------------------------------
header
--------------------------------*/


@media screen and (min-width: 480px) {
header {width: 1000px;margin: 0 auto 17px auto;padding-top: 17px; overflow:hidden;}
header .wbox{ width: 100%; overflow: hidden; height: 26px;}
header h1 {float: left;}
header .head_right{ width: 480px; float: right; overflow: hidden;}
header .head_right p a{color: #a0a0a0;}
header p.grouplink {text-align: right; display: inline-block;line-height: 1.8em;}
header p.grouplink a {padding-left: 10px;background: url(../../img/_shared/common/icon_vector_s.jpg) no-repeat 0 6px;color: #a0a0a0;}
header p.grouplink a:hover {color: #2c72c7;}
header .twlink.pc { display: inline-block; background: url(../../img/_shared/header/tw_icon.png) no-repeat 0 2px; padding-left:25px; background-size: 22px; margin-left: 15px; line-height: 1.8em; }
header .tiktoklink.pc { display: inline-block; background: url(../../img/_shared/header/tt_icon.png) no-repeat 0 2px; padding-left:25px; background-size: 22px; margin-left: 15px; line-height: 1.8em; }
header .youtubelink.pc {
    display: inline-block;
    background: url(../../img/_shared/header/yt_icon.png) no-repeat 0 2px;
    padding-left: 25px;
    background-size: 22px;
    margin-left: 15px;
    line-height: 1.8em;
}

nav#gnav ul{height: 27px;}
nav#gnav ul li{ height: 25px; box-sizing: border-box;}
nav#gnav ul li a{ line-height: 1.8em;}
}
@media screen and (min-width: 481px) and (max-width: 999px) {
header { width: 95%; padding:0; margin: 0 auto 17px auto; padding-top:17px; }
header h1 {float: left; padding-left:0;}
header p.grouplink {text-align: right; margin-right:0;}
}
@media screen and (max-width: 480px) {
header {width: 95%;margin: 0 auto 15px auto;padding-top: 15px;}
hgroup {padding: 0;}
header h1 {float: left; padding-left:0%;}
header h1 img {width: 60%;}
header p.grouplink {text-align: right; margin-right:0%;}
header p.grouplink a {padding-left: 10px;background: url(../../img/_shared/header/tw_icon.png) no-repeat 0 6px;color: #a0a0a0;}
header p.grouplink a:hover {color: #2c72c7;}
}

/*--------------------------------
gnav
--------------------------------*/
nav#gnav{  padding-top:37px; width:800px;height: 62px;box-sizing: border-box;}
nav#gnav p.btn{ display:none; line-height: 1.8em;}
nav#gnav ul{ overflow:hidden; font-size:14px;}
nav#gnav ul li{ display:inline-block; margin-right:28px;padding-top: 2px;}
nav#gnav ul li a{ color:#a0a0a0;}
nav#gnav ul li.close{ display:none;}
nav#gnav .twlink.sp { display: none;}

.snsarea{ width:200px; margin-top:-22px; position:relative; padding-bottom:20px; float:right;}
.snsarea ul{ width:auto; padding-bottom:2px; position:absolute; right:0;display: block; height: 28px;	box-sizing: border-box;}
.snsarea ul li{ display:inline-block; padding-left:8px; display:table-cell;vertical-align: top;}
.snsarea ul li.facebook{margin-left: -50px;width: 85px;}
.snsarea ul li.LINE{ padding-left:0px;}
.snsarea iframe{ border:none !important;}

@media screen and (min-width: 840px) and (max-width: 999px) {
.snsarea{ width:100%;}
.snsarea ul li.LINE{ padding-left:8px;}
}

@media screen and (min-width: 481px) and (max-width: 999px) {
nav#gnav{ width:100%;}
nav#gnav ul{ width:100%; line-height:2em; margin-bottom:13px;}
nav#gnav ul li{ margin-right:15px;}
nav#gnav ul li a{}
nav#gnav ul li a:after { content:"　/";}

.snsarea{ width:100%; padding-top:22px;height: 25px;box-sizing: border-box;}
.snsarea ul li.LINE{ padding-left:8px;}
}
@media screen and (min-width: 481px) and (max-width: 680px) {
.snsarea{ width:100%; padding-top:22px;}
.snsarea ul li.LINE{ padding-left:8px;}
}
@media screen and (min-width:0px) and (max-width: 480px) {
nav#gnav{ width:100%;}
nav#gnav ul{ width:100%;}
header .twlink.pc { display: none;}
nav#gnav .twlink.sp { display: inline-block;}
nav#gnav .twlink.sp { display: block; }
nav#gnav .twlink.sp a{ display: block; background: url(../../img/_shared/header/tw_icon.png) no-repeat 37% 50%; background-size: 22px; text-indent: 15px;}
header .youtubelink.pc {
    display: none;
}
nav#gnav .youtubelink.sp {
    display: block;
}
nav#gnav .youtubelink.sp a {
    display: block;
    background: url(../../img/_shared/header/yt_icon.png) no-repeat 37% 50%;
    background-size: 22px;
    text-indent: 21px;
}
header .tiktoklink.pc { display: none;}
nav#gnav .tiktoklink.sp { display: inline-block;}
nav#gnav .tiktoklink.sp { display: block; }
nav#gnav .tiktoklink.sp a{ display: block; background: url(../../img/_shared/header/tt_icon.png) no-repeat 37% 50%; background-size: 22px; text-indent: 15px;}


.snsarea{ width:95%; padding-top:0px; margin:0 auto; box-sizing:border-box; float:none;}
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.fb-like iframe {
    max-width: none!important;
	z-index: 9999 !important;
	overflow: visible !important;
    position: absolute !important;
    width: 80px !important;
}
/*--------------------------------
today_event
--------------------------------*/
section.today_event dl dd li img{ position:static; display:inline-block; width:18px; height:18px;}

/*--------------------------------
footer
--------------------------------*/
footer div.footerLink > div{ display:none;}
@media screen and (max-width: 1000px){
footer {width: 1000px;}
}
@media screen and (min-width: 480px) {
footer div.footerLink {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 12px;}
footer div.footerLink ul{width: 1000px;margin: 0 auto;padding: 25px 0;}
footer div.footerLink ul li{display: inline;padding: 0 15px;border-right: 1px solid #ddd;}
footer div.footerLink ul li:last-child {border: none;padding-left: 10px;display:none;}
footer div.groupLink {overflow: hidden;padding: 20px 0 5px 0;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
footer div.groupLink p {margin-bottom: 20px;}
footer div.groupLink div {width: 1000px;margin: 0 auto;text-align: center;}
footer div.groupLink ul {width: 1000px;overflow: hidden;margin-bottom: 10px;}
footer div.groupLink ul li {margin-right: 14px;float: left;}
footer div.groupLink ul li {margin-right: 9px;float: left;}
footer div.groupLink ul li:nth-child(1) img{ width: 94px;}
footer div.groupLink ul li:nth-child(2) img{ width: 123px;}
footer div.groupLink ul li:nth-child(3) img{ width: 96px;}
footer div.groupLink ul li:nth-child(4) img{ width: 94px;}
footer div.groupLink ul li:nth-child(5) img{ width: 115px;}
footer div.groupLink ul li:nth-child(6) img{ width: 103px;}
footer div.groupLink ul li:nth-child(7) img{ width: 113px;}
footer div.groupLink ul li:nth-child(8) img{ width: 35px;}
footer div.groupLink ul li:nth-child(9) img{ width: 65px;}
footer div.groupLink ul li:nth-child(10) img{ width: 63px;}

footer div.groupLink ul li:last-child {margin: none;}
p.copyright {width: 1000px;margin: 0 auto;font-size: 0.9em;padding-bottom:20px;}
#page-top {width: 56px;position:fixed;left:50%;margin-left:500px;z-index:100;bottom:20px;}

div.footerLink #Affiliation_List{ width:1000px; margin:0 auto; margin-bottom:15px;}
div.footerLink #Affiliation_List h3{ background:url(../../img/_shared/footer/footer_icon02.png) no-repeat 100% 50%; display:inline-block; padding-right:20px; cursor:pointer;}
div.footerLink #Affiliation_List ul{ display:none;}
div.footerLink #Affiliation_List ul li{ display:inline-block; margin-bottom:8px; list-style:none; padding:0 3px;}
div.footerLink #Affiliation_List ul li a{ font-size:11px;}
div.footerLink #Affiliation_List ul li a:hover{ text-decoration:underline;}

}

@media screen and (max-width: 999px) {
footer { width:98%; margin:0 auto;}
footer div.footerLink ul{ width:98%;}
footer div.groupLink div{ width:98%;}
footer div.groupLink ul{ width:100%;}
footer div.groupLink ul li{ min-height:35px;} 
div.footerLink #Affiliation_List{ width:98%; margin:0 auto; margin-bottom:15px;}

}

@media screen and (max-width: 1150px) {
footer #page-top { left:auto; margin-left:0px; right:1%;}
}

@media screen and (max-width: 480px) {
footer { width:100%; margin:0 auto;}
footer div.footerLink ul{ width:100%;}
footer div.groupLink div{ width:100%;}
footer div.groupLink ul{ width:100%;}
footer div.groupLink ul li{ min-height:35px;} 
p#page-top {display: none;}
div.footerLink ul li {border-bottom: 1px #e0dfe0 solid;padding: 8px 0 8px 30px;background: url(../../img/_shared/footer/footer_icon.png) no-repeat 10px center;}
div.footerLink ul li:first-child {border-top: 1px #e0dfe0 solid;}
div.footerLink ul li:last-child {display:none;}
div.groupLink p {text-align: center;border-bottom: 1px #e0dfe0 solid;padding: 12px 0 6px 0;}
div.groupLink ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width: 50%;padding: 10px 0;text-align: center;vertical-align: middle;border-bottom: 1px #e0dfe0 solid;float: left;}
div.groupLink p img {width: 118px;}
div.groupLink ul li img {width: 50%;}
div.groupLink ul li:nth-child(odd) { border-right: 1px #e0dfe0 solid;}
div.groupLink ul li:nth-child(2) img{ width: 65%;}
div.groupLink ul li:nth-child(5) img {width: 122px;}
div.groupLink ul li:nth-child(6) img {width: 120px;}
div.groupLink ul li:nth-child(7) img{ width: 70%;}
div.groupLink ul li:nth-child(8) img{ width: 30%;}
div.groupLink ul li:nth-child(8){ padding: 5px 0;}
div.groupLink ul li:nth-child(9) img{ width: 32%;}
p.copyright { width:95%;text-align: center;clear: both;margin: 0 auto;font-size: 0.75em;padding: 20px 0;}
}

body #ui-datepicker-div{ z-index:10000 !important}
body #ui-datepicker-div{-webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; border-radius:5px;}