@charset "utf-8";
 #pan {
text-align:center;
padding:1.5em 0 0 0;
}
.panbox {
width: 1180px;
margin: 0 auto;
text-align:left;
}
.panbox p {
font-size:14px;
margin: 0 0 0 0.2em;
}
.panbox p a {
color:#333;
}
@media screen and (max-width: 768px) {
#pan {
padding: 1em 0 0 0;
}
.panbox {
width: 96%;
margin:0 auto;
}
.panbox p {
font-size:12px;
}
} #contents {
margin:0 auto;
padding: 0;
overflow:hidden;
} .main {
overflow:hidden;
width: 1180px;
margin: 0 auto;
padding: 2em 0 3em 0;
}
.main h2 {
font-size: 28px;
letter-spacing:0.1em;
font-weight:normal;
margin:0 0 0.8em 0;
}
@media screen and (max-width: 768px) {
.pagetitle {
width:90%;
margin:0 auto;
} .main {
width:90%;
margin:0 auto;
padding: 0;
}
.main h2 {
font-size:24px;
letter-spacing:0;
line-height: 1.5;
margin: 0 0 1em 0;
}
.main p {
line-height: 1.7;
font-size: 14px;
letter-spacing: 0;
}
} .mainbox {
padding: 0 0;
text-align:left;
} .mainbox h3 {
font-size: 22px;
font-weight: normal;
padding: 0 0 0.4em 0;
margin: 2em 0 1em 0;
border-bottom: 1px dotted #666;
}
.mainbox h4 {
font-size: 20px;
font-weight: 700;
margin: 2em 0 1em 0;
}
.mainbox h3 + h4 {
margin: 0 0 1em 0;
}
.mainbox h5 {
font-size:16px;
margin: 2em 0 1em 0;
}
blockquote {
border:1px solid #CCC;
background-color:#F2F2F2;
padding:1em 1.5em 0 1.5em;
margin:0 0 1em 0;
}
.textcenter { text-align:center; }
.aligncenter{
max-width:100%;
margin:0 auto 1em auto;
vertical-align: bottom;
display:block;
}
.alignright {
float:right;
max-width:360px;
padding: 5px;
margin:0 0 1em 1em;
border: 1px solid #CCC;
vertical-align: bottom;
}
.alignleft {
float:left;
max-width:300px;
padding: 5px;
margin:0 1em 1em 0;
border: 1px solid #CCC;
vertical-align: bottom;
}
.btlink {
clear:both;
text-align:center;
}
.btlink a {
display: inline-block;
padding: 0.8em 10em;
margin: 3em 0 0 0;
color: #FFF;
font-size: 16px;
text-decoration: none;
background-color: #F9B600;
transition: 0.6s;
}
.btlink a:hover {
color:#FFF;
background-color:#999;
}
.btlink2 {
clear:both;
text-align:center;
}
.btlink2 a {
font-size: 20px;
font-weight: 700;
display: inline-block;
padding: 1em 10em;
margin: 2em 0;
color: #FFF;
text-decoration: none;
background-color: #F9B600;
transition: 0.6s;
}
.btlink2 a:hover {
color:#FFF;
background-color:#999;
}
@media screen and (max-width: 768px) {
#contents {
padding:2em 0 1em 0;
}
.mainbox {
width: 100%;
display:block;
padding:0 ;
margin:0 auto;
}
.mainbox h3 {
font-size: 20px;
}
.mainbox h4 {
font-size: 18px;
}
.btlink a {
display: block;
padding: 0.3em 1em;
margin: 1em 0 0 0;
background-color: #444;
}
.btlink2 a {
display: block;
font-weight: normal;
padding: 0.3em 1em;
margin: 1em 0 0 0;
}
.alignright {
float:none;
max-width:100%;
margin:0 auto 1em auto;
border: none;
}
.alignleft {
float:none;
max-width:100%;
margin:0 auto 1em auto;
border: none;
}
} .mainbox ul {
padding:0 0 0 26px;
margin:0 0 1em 0;
overflow:hidden;
}
.mainbox ul li {
list-style-type:disc;
}
ul.ulbt {
}
ul.ulbt li {
display:inline-block;
}
ul.ulbt li a {
min-width: 310px;
display:block;
color: #FFF;
line-height: 1.5;
padding: 0.8em 2em;
background-color: #444;
text-align:center;
text-decoration:none;
}
ul.ulbt li a:hover {
background-color:#BDBDBD;
}
.mainbox ul.ulbt_li2 {
text-align:center;
width: 84%;
padding: 0;
margin: 2em auto 1em auto;
}
.mainbox ul.ulbt_li2 li {
list-style-type:none;
width: 49%;
float:left;
margin: 0 1% 1em 0;
text-align:center;
}
.mainbox ul.ulbt_li2 li:nth-of-type(2n) {
float:right;
margin: 0 0 1em 1%;
text-align:center;
}
.mainbox ul.ulbt_li2 li a {
display:block;
color: #FFF;
line-height: 1.5;
padding: 0.8em 1em;
background-color: #444;
text-decoration:none;
}
.mainbox ul.ulbt_li2 li a:hover {
background-color:#BDBDBD;
}
.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}
.mainbox ol li {
list-style-type:decimal;
}
@media screen and (max-width: 768px) {
#contents {
padding:2em 0 1em 0;
}
ul.ulbt {
text-align:center;
}
.mainbox ul.ulbt_li2 {
width: 100%;
}
.mainbox ul.ulbt_li2 li {
width: 100%;
margin: 0 0 0.6em 0;
}
.mainbox ul li {
list-style-type:disc;
font-size: 14px;
line-height: 1.4;
margin: 0 0 1em 0;
}
ul.ulbt li a {
width: 100%;
display:block;
margin: 0 0 0.6em 0;
}
ul.ulbt li a:hover {
background-color:#BDBDBD;
}
} .member_profile {
}
.member_profile h3 {
color: #003F98;
font-size: 28px;
font-weight:normal;
letter-spacing:0.2em;
line-height:1.3;
display: -webkit-flex;
display: flex;
align-items: center;
margin:0 0 1.5em 0;
border:none;
}
.member_profile h3:after,
.member_profile h3:before {
content: "";
flex-grow: 1;
height: 2px;
background: #003F98;
display: block;
}
.member_profile h3:before {
margin-right: 60px;
}
.member_profile h3:after {
margin-left: 60px;
}
.member_profile h4 {
color: #4D4D4D;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
margin: 0 0 3em 0;
}
.member_profile h4 span {
display: block;
font-size: 32px;
color: #333;
}
.mbox {
width:80%;
margin:0 auto 3em auto;
overflow:hidden;
}
.mbox_l {
width:20%;
float:left;
}
.mbox_l img {
max-width: 100%;
}
.mbox_r {
width: 70%;
float:right;
text-align:left;
}
.mbox_r h4 {
font-size: 24px;
margin: 0 0 0.3em 0 ;
}
.mbox_r p strong {
font-size: 16px;
}
.hide-text {
display: none;
}
button.readmore {
position: relative;
height: 40px;
width: 140px;
margin: 0;
display: block;
background-color: transparent;
color: #666;
padding-bottom: 40px;
text-align:left;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
button.readmore::after {
content: " ";
position: absolute;
width: 10px;
height: 10px;
border-top: solid 3px #666;
border-right: solid 3px #666;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
right: 0;
top: 6px;
transition: .5s;
-erbkit-transition: .5s;
}
button.readmore:hover::after {
top: 40px;
}
.on-click {
color: transparent!important;
}
.on-click {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
}
@media (max-width: 768px) and (min-width: 461px) {
.mbox {
width:100%;
margin:0 auto 2em auto;
}
.member_profile h3 {
font-size: 24px;
letter-spacing: 0;
}
.member_profile h3:before {
margin-right: 30px;
}
.member_profile h3:after {
margin-left: 30px;
}
.member_profile h4 span {
font-size: 20px;
letter-spacing:0;
}
.mbox_r h4 {
font-size: 20px;
margin: 0 ;
}
.mbox_r p strong {
font-size: 14px;
}
button.readmore {
font-size: 12px;
}
button.readmore::after {
top: 0;
}
button.readmore:hover::after {
top: 20px;
}
}
@media screen and (max-width: 460px) {
.mbox {
width:100%;
margin:0 auto 2em auto;
}
.member_profile h3 {
font-size:20px;
letter-spacing: 0;
}
.member_profile h3:before {
margin-right: 30px;
}
.member_profile h3:after {
margin-left: 30px;
}
.member_profile h4 span {
font-size: 20px;
letter-spacing:0;
}
.mbox_l {
margin: 0 0 1em 0;
text-align:center;
}
.mbox_l img {
}
.mbox_r {
}
.mbox_r h4 {
font-size: 20px;
margin: 0 ;
}
.mbox_r p strong {
font-size: 14px;
}
button.readmore {
font-size: 12px;
}
button.readmore::after {
top: 0;
}
button.readmore:hover::after {
top: 20px;
}
} .area {
width:80%;
margin: 0 auto;
}
.areabox {
width:80%;
text-align:center;
margin: 0 auto 2em auto;
}
.areabox dl {
overflow:hidden;
padding: 0.3em 1em;
margin: 0 0 0.5em 0;
border-bottom: 1px dotted #999;
}
.areabox dt {
width: 20%;
float:left;
text-align:left;
}
.areabox dd {
width: 80%;
float:right;
text-align:left;
}
@media (max-width: 768px) and (min-width: 461px) {
.area {
width: 100%;
}
.areabox {
width: 100%;
}
}
@media screen and (max-width: 460px) {
.area {
width: 100%;
}
.areabox {
width: 100%;
}
.areabox dt {
width: 100%;
float:none;
display: block;
font-weight:700;
}
.areabox dd {
width: 100%;
float:none;
display: block;
}
} .eventlist {
padding-top:2em;
overflow: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.eventlist section {
overflow:hidden;
width:32%;
margin:0 2% 0 0;
}
.entrybox-hidden{
display: none;
}
.eventlist section:nth-of-type(3n) {
margin:0;
}
.eventlist dl dt {
position:relative;
width: 380px;
height: 213px;
overflow:hidden;
margin: 0 0 0.7em 0;
}
.eventlist dl dt img {
vertical-align:bottom;
position:relative;
width:auto;
height:100%;
}
@media screen and (max-width: 768px) {
.eventlist section {
width:100%;
margin:0;
}
.eventlist dl dt {
width:100%;
height:auto;
}
.eventlist dl dt img {
height:auto;
}
}
.eventlist dl dt span {
position:absolute;
bottom:0;
left:0;
z-index:10;
min-width:120px;
padding: 0 1em;
font-size:15px;
text-align:center;
display:block;
color:#FFF;
background-color:#444;
}
.eventlist dl dd {
text-align:left;
line-height:1.4;
font-size:14px;
padding:6px 0 0 0;
}
.eventlist dl dd p a {
font-size:16px;
font-weight:700;
margin:0;
color:#333;
}
.eventlist dl dd p.day {
font-weight:700;
}
@media screen and (max-width: 768px) {
.eventlist dl dt {
position:relative;
width: 35%;
height: auto;
float:left;
overflow:hidden;
}
.eventlist dl dd {
width: 60%;
height: auto;
font-size: 12px;
float:right;
text-align: left;
padding: 0;
overflow:hidden;
}
.eventlist dl dd p a {
font-size:14px;
font-weight:700;
margin:0;
color:#333;
}
.eventlist dl dd p {
font-size: 12px;
}
.eventlist dl dd p.day {
font-size: 12px;
}
} .eventlist1 dl {
width:100%;
display:table;
margin:0 0 2em 0;
padding:0 0 2em 0;
border-bottom:1px dotted #666;
}
.eventlist1 dt {
width:200px;
text-align:center;
color:#FFF;
background-color: #F9B600;
display:table-cell;
font-size:24px;
font-weight:700;
vertical-align:middle;
}
.eventlist1 dd {
display:table-cell;
text-align:left;
padding:0 0 0 2em;
}
.eventlist1 dd p.day {
font-size:18px;
font-weight:700;
margin:0;
}
.eventlist1 dd h4 {
color:#003F98;
font-size:26px;
letter-spacing:0.1em;
}
.eventlist section.entrybox {
margin-bottom:1em;
} .eventphoto {
text-align:center;
}
.eventphoto img {
max-width:100%;
}
.eventbox {
padding: 2em;
margin: 0 0 2em 0;
text-align:left;
background-color:#F9F9F9;
overflow:hidden;
}
.event_h {
width:100%;
display:table;
margin:0 0 2em 0;
padding:0 0 2em 0;
border-bottom:1px dotted #666;
}
.event_h_l {
width:200px;
text-align:center;
color:#FFF;
background-color: #F9B600;
display:table-cell;
font-size:22px;
font-weight:700;
vertical-align:middle;
line-height: 1.4;
padding: 0 1em;
}
.event_h_l a {
color:#FFF;
text-decoration:none;
}
.event_h_r {
display:table-cell;
text-align:left;
padding:0 0 0 2em;
}
.event_h_r p {
font-size:18px;
font-weight:700;
margin:0;
}
.event_h_r h3 {
color:#003F98;
font-size:38px;
letter-spacing:0.1em;
line-height: 1.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.eventbox {
padding: 1em;
}
.eventbox h3 {
font-size: 16px;
line-height: 1.6;
margin: 0 0 1em;
}
.event_h {
margin:0 0 1em 0;
padding:0 ;
border: none;
}
.event_h_l {
width:100%;
font-size: 16px;
margin:0 0 1em 0;
padding: 0.5em 1em ;
display:block;
}
.event_h_r {
width:100%;
margin:0;
padding: 0;
display:block;
}
.event_h_r h3 {
color:#003F98;
font-size: 18px;
letter-spacing:0;
margin: 1em 0 0 0;
}
.event_h_r p {
font-size: 14px;
font-weight:700;
line-height: 1.5;
margin:0;
}
} .schedulelist {
padding-top:2em;
overflow: hidden;
}
.schedulelist section {
overflow:hidden;
width:32%;
margin:0 2% 0 0;
float:left;
}
.entrybox-hidden{
display: none;
}
.schedulelist section:nth-of-type(3n) {
margin:0;
}
.schedulelist dl dt {
position:relative;
width: 380px;
height: 186px;
overflow:hidden;
margin: 0 0 0.7em 0;
}
.schedulelist dl dt img {
vertical-align:middle;
position:relative;;
}
.schedulelist dl dt span {
position:absolute;
bottom:0;
left:0;
z-index:10;
width:120px;
font-size:13px;
text-align:center;
display:block;
color:#FFF;
background-color:#444;
}
.schedulelist dl dd {
text-align:left;
line-height:1.4;
font-size:14px;
padding:6px 0 0 0;
}
.schedulelist dl dd p a {
font-size:16px;
font-weight:700;
margin:0;
color:#333;
}
.schedulelist dl dd p.day {
}
@media screen and (max-width: 768px) {
.schedulelist section {
width:100%;
margin:0;
}
.schedulelist dl dt {
position:relative;
width: 30%;
height: auto;
float:left;
overflow:hidden;
}
.schedulelist dl dt span {
position:relative;
font-size:11px;
width: 100%;
letter-spacing:0;
margin-top: 2px;
}
.schedulelist dl dd {
width: 65%;
height: auto;
float:right;
text-align: left;
padding: 0;
overflow:hidden;
}
.schedulelist dl dd p a {
font-size:14px;
}
.schedulelist dl dd p.day {
font-size:12px;
}
} .schedulelist1 dl {
width:100%;
display:table;
margin:0 0 2em 0;
padding:0 0 2em 0;
border-bottom:1px dotted #666;
}
.schedulelist1 dt {
width:200px;
text-align:center;
color:#FFF;
background-color: #F9B600;
display:table-cell;
font-size:24px;
font-weight:700;
vertical-align:middle;
}
.schedulelist1 dd {
display:table-cell;
text-align:left;
padding:0 0 0 2em;
}
.schedulelist1 dd p.day {
font-size:18px;
font-weight:700;
margin:0;
}
.schedulelist1 dd h4 {
color:#003F98;
font-size:26px;
letter-spacing:0.1em;
}
.schedulelist section.entrybox {
margin-bottom:1em;
} .schedulephoto {
text-align:center;
}
.schedulephoto img {
max-width:100%;
}
.schedulebox {
padding: 2em;
margin:0 0 2em 0;
text-align:left;
background-color:#F9F9F9;
}
.schedule_h {
width:100%;
display:table;
margin:0 0 2em 0;
padding:0 0 2em 0;
border-bottom:1px dotted #666;
}
.schedule_h_l {
width:200px;
text-align:center;
color:#FFF;
background-color: #F9B600;
display:table-cell;
font-size:22px;
font-weight:700;
vertical-align:middle;
}
.schedule_h_l a {
color:#FFF;
text-decoration:none;
}
.schedule_h_r {
display:table-cell;
text-align:left;
padding:0 0 0 2em;
}
.schedule_h_r p {
font-size:18px;
font-weight:700;
margin:0;
}
.schedule_h_r h2 {
color:#003F98;
font-size:38px;
font-weight:700;
line-height: 1.4;
letter-spacing:0.1em;
margin: 0;
}
@media screen and (max-width: 768px) {
.schedulebox {
padding: 1em;
margin: 0 0 1em 0;
}
.schedule_h {
margin: 0;
padding: 0 0 1em 0;
border:none;
}
.schedule_h_l {
width:100%;
font-size: 16px;
margin:0 0 1em 0;
padding: 0;
display:block;
}
.schedule_h_r {
width:100%;
margin:0;
padding: 0;
display:block;
}
.schedule_h_r h2 {
color:#003F98;
font-size: 18px;
letter-spacing:0;
margin: 1em 0 0 0;
}
.schedule_h_r p {
font-size: 14px;
font-weight:700;
line-height: 1.5;
margin:0;
}
} .videobox {
position: relative;
width: 100%;
padding-top: 56.25%;
margin: 0 0 1em 0;
}
.videobox iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
span.formembericon {
padding: 2px 15px;
font-size: 11px;
margin: 0 10px 0 0;
background-color: #004098;
color:#FFF;
display: inline-block;
vertical-align: middle;
}
.is-not-logged-in {
border-top: 1px dashed #666;
margin-top: 2em;
padding-top: 1em;
}
.marker {
background: linear-gradient(transparent 50%, #fff799 75%);
font-weight: bold;
} .sitemapbox {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sitemapbox1 {
width: 25%;
text-align: left;
margin: 0 0 2em 0;
}
.sitemapbox1 p {
font-size: 16px;
font-weight:700;
} .mainbox table {
width: 80%;
margin: 2em auto;
}
.mainbox table th {
width: 20%;
padding: 0.5em 1em;
border-bottom: 1px solid #ccc;
}
.mainbox table td {
width: 80%;
padding: 0.5em 1em;
border-bottom: 1px solid #ccc;
}
.mainbox table.t_form {
width: 80%;
margin: 2em auto;
}
.mainbox table.t_form th {
width: 30%;
padding: 0.5em 1em;
border-bottom: 1px solid #ccc;
}
.mainbox table.t_form th span {
display:block;
float:right;
font-size: 14px;
color :#FFF;
padding: 0 0.6em;
background-color: #E5000C;
}
.mainbox table.t_form td {
width: 70%;
padding: 0.5em 1em;
border-bottom: 1px solid #ccc;
}
input.input60 { width: 60%; }
textarea {
width: 100%;
height: 150px;
}
.formbt {
margin:2em 0 0 0;
text-align:center;
}
.formbt input {
padding: 0.6em 5em;
}
@media screen and (max-width: 768px) {
.mainbox table {
width: 100%!important;
}
.sitemapbox1 {
width:100%;
display:block;
}
.mainbox table th {
width: 100%;
display:block;
border:none;
padding: 1em 0 0 0;
font-size: 14px;
}
.mainbox table td {
width: 100%!important;
display:block;
padding: 0 0 1em 0;
font-size: 14px;
}
.mainbox table.t_form {
width: 100%;
}
.mainbox table.t_form th {
width: 100%;
display:block;
border:none;
background-color: #F4F4F4;
}
.mainbox table.t_form td {
width: 100%;
display:block;
border:none;
padding: 0.6em 0;
}
.mainbox table.t_form td input.input60 {
width: 100%;
}
} #pagefooter,.wp-pagenavi {
clear:both;
padding: 2em 0 2em 0;
line-height:2.5em;
text-align:center;
}
#pagefooter a,
.wp-pagenavi a {
color: #FFF;
display: inline-block;
background-color: #BDBDBD;
border: 1px solid #DDD;
text-decoration: none;
padding: 0 14px;
margin: 1px 1px 6px 1px;
}
#pagefooter a:hover,
.wp-pagenavi a:hover {
color:#FFF;
background-color:#666;
}
.wp-pagenavi span.current {
padding:8px 14px;
}
.current {
color:#333;
border:1px solid #BDBDBD;
text-decoration:none;
padding:8px 14px;
margin:0 1px;
}
#pagefooter a.prev,#pagefooter a.next  {
color:#FFF;
}
#pagefooter a.prev:hover,#pagefooter a.next:hover  {
background-color:#EEE;
} .admissionbox {
text-align: center;
font-size: 16px;
}
.admission_top {
text-align: left;
}
.admission_area {
}
.admission_area h3 {
font-size: 26px;
font-weight: 700;
border:none;
}
.admission_area h3.h3sm {
font-size: 18px;
margin: 3em 0 1em 0;
}
.admission_area_price {
width: 80%;
margin: 0 auto 5em auto;
}
.admission_area_price h3 {
letter-spacing: 1em;
padding-left: 1em;
}
.admission_area_pricebox {
width: 100%;
margin: 0 auto 3em auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.admission_area_pricebox1 {
width: 48%;
padding: 2em 3em 1.5em 3em;
margin: 0 2% 0 0;
box-shadow: 0 0 16px #CCC;
}
.admission_area_pricebox1:nth-of-type(even) {
margin: 0 0 0 2%;
}
.admission_area_pricebox1 h4 {
margin: 0 0 1em 0;
}
.admission_area_pricebox1 p {
margin: 0 0 0.5em 0;
}
.admission_area_price ul {
text-align: left;
}
.admission_area_price span {
margin: 0 0.5em;
} .admission_area_privilege {
width: 100%;
font-size: 16px;
}
.admission_area_privilege h3 {
letter-spacing: 0.3em;
padding-left: 0.3em;
}
.admission_area_privilegebox {
width: 96%;
margin:0 auto 4em auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.admission_area_privilegebox1 {
width: 32%;
padding: 3em 2em 0.5em 2em;
margin: 0 2% 0 0;
box-shadow: 0 0 15px #CCC;
}
.admission_area_privilegebox1:nth-of-type(3n) {
margin: 0 ;
}
.admission_area_privilegebox1 p {
font-size: 16px;
text-align: center;
line-height: 1.7;
}
.admission_area_privilegebox1 p.img {
margin: 0 auto 2em auto;
text-align: center;
vertical-align: bottom;
}
.font12 {font-size: 12px!important;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font21 {font-size: 21px}
.font24 {font-size: 24px!important;}
.red { color:#E5000C;}
.admission_area_privilege ul.ulbox {
width: 70%;
padding: 0;
margin: 4em auto 0 auto;
}
.admission_area_privilege ul.ulbox li {
list-style-type: none;
padding: 1em 3em 0.8em 3em;
margin-bottom :0.5em;
text-align: left;
background-color: #F2F2F2;
}
p.btbox {
width: 70%;
margin: 0 auto;
}
@media screen and (max-width: 768px) { .admission_area_price {
width: 100%;
margin: 0 auto 3em auto;
}
.admission_area_pricebox {
margin: 0 auto 1em auto;
}
.admission_area_pricebox1 {
width: 96%;
margin: 0 auto 2em auto;
box-shadow: 0 0 12px #CCC;
}
.admission_area_pricebox1:nth-of-type(even) {
margin: 0 auto 1em auto;
}
.admission_area_privilegebox {
width: 100%;
margin: 0 auto 1em auto;
}
.admission_area_privilegebox1 {
width: 96%;
padding: 3em 1.5em 0.5em 1.5em;
margin: 0 auto 2em auto;
box-shadow: 0 0 12px #CCC;
}
.admission_area_privilegebox1:nth-of-type(3n) {
margin: 0 auto 2em auto;
}
.admission_area_privilege ul.ulbox {
width: 100%;
margin: 2em auto 0 auto;
}
.admission_area_privilege ul.ulbox li {
padding: 1em 1.5em 0.8em 1.5em;
}
p.btbox {
width: 100%;
}
.font21 {font-size: 18px!important}
}
p.btbox a {
display: block;
padding: 1em 3em 0.8em 3em;
margin-bottom :0.5em;
color: #000;
text-align: center;
background-color: #F2F2F2;
text-decoration: none;
}
p.btbox a:hover {
background-color: #999;
} .whats_new_list {
width: 1000px;
margin: 0 auto;
padding-top: 1em;
}
.whats_new_list dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.5em 0;
border-bottom: 1px solid #CCC;
}
.whats_new_list dl dt {
width: 220px;
text-align:left;
}
.whats_new_list dl dd {
flex: 1;
min-width: 0;
text-align:left;
}
@media screen and (max-width: 768px) {
.whats_new_list {
width:90%;
margin:0 auto;
padding-top: 1rem;
}
.whats_new_list h2 {
font-size:26px;
}
.whats_new_list dl {
display: block;
flex-wrap:inherit;
}
.whats_new_list dl dt {
width: 100%;
}
.whats_new_list dl dd {
width: 100%;
font-size: 14px;
}
} .faqlist {
width: 80%;
margin: 0 auto;
text-align:left;
}
#mtop {
margin: 3em auto 0 auto;
}
.faqlistbox {
margin: 0 0 3em 0;
}
.faqbox {
margin-bottom: 0.3em;
}
.faq_title {
margin-bottom: 1em;
}
.faq_q  {
position: relative;
text-align: left;
padding: 1em 4em;
border: 1px solid #d9d9d9;
cursor: pointer;  
}
.faq_q::before {
content: "Q";
font-size: 20px;
position: absolute;
top: 0.4em;
left:1em;
font-weight: 700;
}
.faq_a {
position: relative;
display: none;
padding: 1em 4em;
margin-bottom: 2em;
border: 1px solid #d9d9d9;
border-top:none;
}
.faq_a::before {
content: "A";
font-size: 20px;
color: #E5000C;
position: absolute;
top: 0.4em;
left:1em;
font-weight: 700;
}
.faq_a h3 {
padding:0 0 0.5em 0;
margin: 1em 0 0.5em 0;
border-bottom: 1px dotted #666
;}
.faq_a ul {
padding: 0 0 0 26px;
margin: 0 0 1em 0;
}
.faq_a ul li {
list-style-type:disc;
}
.faq_a ol li {
list-style-type:decimal;
}
@media screen and (max-width: 768px) {
.admissionbox_l {
width:100%;
float:none;
}
.admissionbox_r {
width:100%;
float:none;
}
.bmform_outer1021590 {
width: 100%!important;
}
.faqlist {
width:100%;
}
.faq_q  {
font-size: 15px;
padding: 0.6em 3em 0.5em 3em;
}
.faq_q::before {
top: 0.2em;
left: 0.5em;
}
.faq_a {
font-size: 15px;
padding: 1em 3em 0.5em 3em;
}
.faq_a::before {
top: 0.2em;
left: 0.5em;
}
}
.icon-wrap {
position: absolute;
right: 5px;
top: 50%;
transform: translatey(-50%);
width: 38px;
height: 38px;
}
.icon {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.icon:before {
position: absolute;
content: "";
transition: all .4s;
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #000;
border-right: solid 2px #000;
top: 46%;
left: 50%;
transform: translate(-50%, -50%) rotate(135deg);
}
.icon.open:before {
top: 56%;
transform: translate(-50%, -50%) rotate(-45deg);
} .mainbox table.t_schedule {
width:100%;
}
.mainbox table.t_schedule th {
width:auto;
text-align: center;
background-color: #F2F2F2;
}
.mainbox table.t_schedule th:nth-of-type(1) { width: 15%;}
.mainbox table.t_schedule th:nth-of-type(3) { width: 22%;}
.mainbox table.t_schedule th:nth-of-type(3) { width: 13%;}
.mainbox table.t_schedule th:nth-of-type(4) { width: 35%;}
.mainbox table.t_schedule th:nth-of-type(5) { width: 15%;}
.mainbox table.t_schedule td {
text-align: left;
width:auto;
}
.mainbox table.t_schedule td:nth-of-type(1) { width: 15%;}
.mainbox table.t_schedule td:nth-of-type(2) { width: 11%;}
.mainbox table.t_schedule td:nth-of-type(3) { width: 11%;}
.mainbox table.t_schedule td:nth-of-type(4) { width: 13%; text-align: center;}
.mainbox table.t_schedule td:nth-of-type(5) { width: 35%;}
.mainbox table.t_schedule td:nth-of-type(6) { width: 15%; text-align: center;}
@media screen and (max-width: 768px) {
.t_scroll {
overflow-x: auto;
position: relative;
}
.t_scroll::before {
content: "右にスクロールしてご覧ください";
position: absolute;
top:0;
left: 0;
}
.t_scroll table.t_schedule {
width: 1000px!important;
}
.t_scroll table.t_schedule tr:nth-of-type(odd) {
background-color: #F8F8F8;
}
.t_scroll table.t_schedule th, 
.t_scroll table.t_schedule td {
display: table-cell;
}
.mainbox table.t_schedule th {
padding-top:0!important;;
width:auto;
text-align: center;
}
.mainbox table.t_schedule th:nth-of-type(1) { width: 15%!important;}
.mainbox table.t_schedule th:nth-of-type(3) { width: 22%!important;}
.mainbox table.t_schedule th:nth-of-type(3) { width: 13%!important;}
.mainbox table.t_schedule th:nth-of-type(4) { width: 35%!important;}
.mainbox table.t_schedule th:nth-of-type(5) { width: 15%!important;}
.mainbox table.t_schedule td {
padding-bottom:0!important;
text-align: left;
width:auto;
}
.mainbox table.t_schedule td:nth-of-type(1) { width: 15%!important;}
.mainbox table.t_schedule td:nth-of-type(2) { width: 11%!important;}
.mainbox table.t_schedule td:nth-of-type(3) { width: 11%!important;}
.mainbox table.t_schedule td:nth-of-type(4) { width: 13%!important;}
.mainbox table.t_schedule td:nth-of-type(5) { width: 35%!important;}
.mainbox table.t_schedule td:nth-of-type(6) { width: 15%!important;}
}