body {	
font-family:Roboto, "メイリオ", Meiryo, "Droid Sans", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif
}
.layout {
width:calc(100% - 6px);
margin:0 auto;
overflow:hidden
}
#hd {
padding:20px 5px
}
#hd h1 {
width:calc(100% - 30px);
height:11vw;
background:url(//monllc.or.jp/wordpress/wp-content/themes/wordpress_temp_13_green/images/logo.png) center center no-repeat;
background-size:100%
}
#hd h1 a {
width:100%;
height:100%;
display:block
}
#hd h1 img {
display:none
}
#hd h1.en {
width:calc(100% - 70px);
height:16vw;
background:url(//monllc.or.jp/wordpress/wp-content/themes/wordpress_temp_13_green/images/logo_en_sp.png) center center no-repeat;
background-size:100%
}
#hd h1.en a {
width:100%;
height:100%;
display:block
}
#hd h1.en img {
display:none
}
#hd .language {
display:none
}
.nav_open {
right:0px !important
}
.nav {
-webkit-transition:All 0.5s ease;
transition:All 0.5s ease;
position:fixed;
top:0px;
right:-200px;
height:calc(100% + 500px);
padding-bottom:500px;
z-index:100;
width:200px;
overflow-x:none;
overflow-y:auto;
background:#000052;
color:#fff;
box-shadow:inset 0 0 5px 5px #00003a;
}
.nav ul {
display:block;
margin:0;
padding:0
}
.nav ul li {
display:block;
margin:0
}
.nav ul li a {
font-size:15px;
color:#fff;
font-weight:bold;
display:block;
padding:18px 10px;
text-decoration:none;
border-bottom:1px solid rgba(0, 0, 0, 0.15);
position:relative
}
.nav ul li a:hover {
box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.3)
}
.nav ul li a:after {
content:"";
border-bottom:1px solid rgba(255, 255, 255, 0.15);
width:100%;
position:absolute;
bottom:0;
left:0
}
.nav ul li ul {
display:block;
margin:0 0 0 15px;
padding:0
}
.nav ul li ul li {
display:block;
margin:0
}
.nav ul li ul li a {
font-size:14px;
color:#fff;
display:block;
padding:14px 6px;
text-decoration:none;
border-bottom:1px solid rgba(0, 0, 0, 0.15)
}
.nav ul li ul li a:hover {
box-shadow:inset 0 0 10px 2px rgba(0, 0, 0, 0.3)
}
.nav ul li ul li a:after {
content:"";
border-bottom:1px solid rgba(255, 255, 255, 0.15);
width:100%;
position:absolute;
bottom:0;
left:0
}
.menu-trigger {
z-index:1000;
position:fixed !important;
top:25px;
right:15px;
display:block;
margin-top:-5px
}
.menu-trigger, .menu-trigger span {
display:inline-block;
-webkit-transition:all .4s;
transition:all .4s;
box-sizing:border-box
}
.menu-trigger {
position:relative;
width:36px;
height:24px
}
.menu-trigger span {
position:absolute;
left:0;
width:100%;
height:4px;
background-color:#000;
border-radius:4px
}
.menu-trigger span:nth-of-type(1) {
top:0
}
.menu-trigger span:nth-of-type(2) {
top:10px
}
.menu-trigger span:nth-of-type(3) {
bottom:0
}
.menu-trigger::after {
position:absolute;
left:0;
bottom:-20px;
content:'MENU';
display:block;
width:100%;
color:#000;
font-size:10px;
text-decoration:none;
text-align:center;
-webkit-transition:all .4s;
transition:all .4s
}
.menu-trigger.active::after {
content:'CLOSE';
bottom:-25px;
color:#fff
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform:translateY(10px) rotate(-45deg);
-ms-transform:translateY(10px) rotate(-45deg);
transform:translateY(10px) rotate(-45deg);
background:#fff
}
.menu-trigger.active span:nth-of-type(2) {
opacity:0;
background:#fff
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform:translateY(-10px) rotate(45deg);
-ms-transform:translateY(-10px) rotate(45deg);
transform:translateY(-10px) rotate(45deg);
background:#fff
}
#con {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#main {
width:calc(100% - 10px);
margin:0 auto
}
#main ol, #main ul {
padding:5px 0px 5px 25px
}
#main ul {
list-style-type:disc
}
#main ol li, #main ul li {
padding:5px 0px
}
#main table {
margin:10px 0px
}
#main table th, #main table td {
padding:5px
}
#main img {
max-width:100%;
height:auto
}
#main a img {
display:inline-block;
-webkit-transition:All 0.5s ease;
transition:All 0.5s ease
}
#main a img:hover {
opacity:0.7
}
#main h1 {
font-size:1.7em;
font-weight:bold;
line-height:1.4em;
color:#fff;
padding:0.7em;
margin:0 0 25px 0;
background: -moz-linear-gradient(top,  rgb(63, 63, 125) 0%, rgb(0, 0, 100) 100%);
background: -webkit-linear-gradient(top,  rgb(63, 63, 125) 0%,rgb(0, 0, 100) 100%);
background: linear-gradient(to bottom,  rgb(63, 63, 125) 0%, rgb(0, 0, 100) 100%);
border: 3px double #dfdfdf;
}
#main h2 {
position: relative;
margin:24px 0 14px 0;
padding:0.5em 0 0.4em 2em;
font-size:1.3em;
border: 1px solid #ccc;
border-top: 3px solid #003162;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
#main h2::after {
position: absolute;
top: 0.67em;
left: .6em;
z-index: 2;
content: '';
width: 10px;
height: 10px;
border: 3px solid #6e6eb6;
border-radius: 100%
}
#main h3 {
font-size:1.1em;
font-weight:bold;
padding:1px 0 1px 10px;
margin:12px 0 8px 0;
border-bottom: 1px solid #6e6eb6;
border-left:4px solid #3f3f7d;
}
#main h4 {
padding:1px 0 1px 10px;
margin:12px 0 8px 0;
border-left:4px solid #6e6eb6;
}
#side {
width:calc(100% - 10px);
margin:0 auto
}
#side h2 {
font-size:1.1em;
font-weight:normal;
text-align:center;
padding:5px;
margin:0 0 6px 0;
border-top: 3px solid #003162;
border-bottom: 1px solid #ccc;
background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;	
}
#side #sidenav {
display:none
}
#side #bnr {
margin-top:20px;
width:100%
}
#side #bnr ul {
display: flex;
justify-content: space-between;
}
#side #bnr ul li {
width: calc(100% / 3 - 8px);
margin: 0 4px 4px;
}
#side #bnr ul li a {
width:100%;
display:block;
-webkit-transition:All 0.5s ease;
transition:All 0.5s ease
}
#side #bnr ul li a img {
width: 100%;
}
#side #contact {
border: 1px solid #ccc;
margin-top:20px
}
#side #contact p {
padding:5px 10px
}
#side #contact a.form {
display:block;
margin:0 10px 10px 10px;
padding:14px;
background:#000080;
color:#fff;
font-weight: bold;
text-align:center;
text-decoration:none;
border:1px solid #001a35;
-webkit-transition:All 0.5s ease;
transition:All 0.5s ease
}
#side #contact a.form:hover {
background:#fff;
color:#114019;
}
#side #facebook{
margin-top:20px;
text-align:center;
}
#center {
display:none
}
.ft_language ul {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex
}
.ft_language ul li {
width:calc(100% / 3)
}
.ft_language ul li a {
font-size:0.8em;
color:#fff;
background:#000080;
padding:14px;
display:block;
text-decoration:none;
text-align:center;
border-top:1px solid rgba(255, 255, 255, 0.6);
border-bottom:1px solid rgba(255, 255, 255, 0.6);
border-left:1px solid rgba(255, 255, 255, 0.6)
}
.ft_language ul li:first-child a {
border-left:none
}
#ft {
padding-top:15px;
padding-bottom:15px;
text-align:center;
color:#fff;
background: -moz-linear-gradient(top,  rgb(0, 0, 128) 0%, rgb(0, 0, 82) 100%);
background: -webkit-linear-gradient(top,  rgb(0, 0, 128) 0%,rgb(0, 0, 82) 100%); 
background: linear-gradient(to bottom,  rgb(0, 0, 128) 0%,rgb(0, 0, 82) 100%);
}
#ft a{
color:#449cff!important;
}
#ft a:hover{
color:#7ac7ff!important;
}
#ft_address a{
color: #FFF!important;
}
#ft_sitemap{
display: none;
}
#i_img {
box-shadow:0 10px 10px rgba(0, 0, 0, 0.05);
margin-bottom:20px
}
#i_news {
height:300px;
overflow:auto;
border: 1px solid #dddddd;
}
#i_access{
display:flex;
flex-direction:column;
justify-content:space-around;
align-items:center;
border: 1px solid #dddddd;
padding:20px 0;
}
#i_calender_wrap {
padding: 10px;
border: 1px solid #CCC;
border-top: none;
}
#i_calender{
position: relative;
width: 100%;
padding: 0;
}
#i_calender iframe{
width: 90vw!important;
height: 50vh!important;
}
#i_news table {
width:100%
}
#i_news table tr {
border-bottom:1px dotted #cccccc;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
#i_news table td {
vertical-align:top;
font-size:0.9em;
padding:10px 10px 0 10px
}
#i_news table td:first-child {
background:url(//monllc.or.jp/wordpress/wp-content/themes/wordpress_temp_13_green/images/news_icon.png) 10px 17px no-repeat;
padding-left:30px
}
#i_news table td:last-child {
display: block;
width: 100%;
padding: 0 10px 10px 30px
}
#page-top {
margin-top:20px;
width:100%;
text-align:center;
font-size:0.9em;
background:#333;
text-decoration:none;
color:#ffffff;
padding: 14px;
text-align: center;
display: block
}
#facility_intro dt {
position: relative;
cursor: pointer;
}
#facility_intro dt.last {
margin-top: 20px;
}
#facility_intro dd { }
#facility_intro .accordion_icon,
#facility_intro .accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#facility_intro .accordion_icon {
position: absolute;
top: 3px;
right: -8px;
width: 30px;
height: 30px;
}
#facility_intro .accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #F88789;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
#facility_intro .accordion_icon span:nth-of-type(1) {
display:none;
}
#facility_intro .accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
} #facility_intro .accordion_icon.active span:nth-of-type(1) {
display: inline-block;
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#facility_intro .accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#facility_img {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
padding: 0!important;
}
#facility_img li {
width: calc(100% / 2 - 10px);
margin: 0 5px 10px;
padding: 0!important;
list-style: none;
}
#facility_img li a {
display: block;
text-decoration: none;
}
#facility_img li a span {
display: block;
margin: 3px 0 0;
color: #303030;
text-align: center;
}
span.number_room {
display: block;
}
#program_img {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
padding: 0!important;
}
#program_img li {
width: calc(100% / 2 - 10px);
margin: 0 5px 10px;
padding: 0!important;
list-style: none;
}
#program_img li a {
display: block;
text-decoration: none;
}
#program_img li a span {
display: block;
margin: 3px 0 0;
color: #303030;
text-align: center;
}
#use_researve_list {
display: flex;
flex-wrap: wrap;
width: 96%;
margin: 10px auto 25px;
padding: 0!important;
}
#use_researve_list li {
width: calc(100% / 2);
list-style: none;
font-size: 14px;
border-bottom: 1px dotted #CCC;
}
#use_researve_list li:before {
content: "□";
display: inline-block;
margin: 0 5px 0 0;
}
#use_document_con {
width: 96%;
margin: 15px auto 25px;
}
#use_document_list {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 0 25px;
padding: 0!important;
}
#use_document_list li {
width: calc(100% / 2);
list-style: none;
font-size: 14px;
border-bottom: 1px dotted #CCC;
}
#use_document_list li:before {
content:"□";
display: inline-block;
margin: 0 5px 0 0;
}
#use_document_text p:first-child {
margin: 0 0 10px;
padding: 8px 25px;
background:#FFCA28;
}
#use_document_text p:last-child {
padding: 8px 25px;
background:#8BC34A;
}
#use_researve_btn a,
#use_document_btn a{
display: block;
width: 90%;
margin: 15px auto 25px;
padding: 10px;
background: #3f3f7d;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border: 3px double #FFF;
transition: ALL 0.5s ease;
}
#use_researve_btn a:hover,
#use_document_btn a:hover{
background: #FFF;
color: #3f3f7d;
border: 3px double #3f3f7d;
}
#reserved_list {
width: 96%;
margin: 30px auto;
padding: 0!important;
}
#reserved_list li {
list-style: none;
font-size: 14px;
}
#reserved_list li:before {
content: "□";
display: inline-block;
margin: 0 5px 0 0;
}
#researved_con {
width: 96%;
margin: 15px auto 20px;
padding: 15px;
border: 3px solid #6e6eb6;
text-align: center;
}
#researved_con_title {
margin: 5px 0 15px;
font-size: 26px;
font-weight:  bold;
color: #333;
}
#researved_con_tel {
margin: 10px 0;
font-size: 20px;
}
#researved_document_btn a{
display: block;
width: 280px;
margin: 20px auto 0;
padding: 10px;
background: #3f3f7d;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border: 3px double #FFF;
transition: ALL 0.5s ease;
}
#researved_document_btn a:hover{
background: #FFF;
color: #3f3f7d;
border: 3px double #3f3f7d;
}
#document_list {
padding: 0!important;
}
#document_list li {
width: 90%;
margin: 0 auto 10px;
list-style: none;
}
#document_list li a{
display: block;
padding: 10px;
background: #3f3f7d;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border: 3px double #FFF;
transition: ALL 0.5s ease;
}
#document_list li a:hover{
background: #FFF;
color: #3f3f7d;
border: 3px double #3f3f7d;
}
#access_map_iframe {
position: relative;
width: 100%;
padding: 75% 0 0 0;
}
#access_map_iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#access_map_link a {
display: block;
width: 90%;
margin: 15px auto;
padding: 10px;
background: #3f3f7d;
color: #FFF;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border: 3px double #FFF;
transition: ALL 0.5s ease;
}
#access_map_link a:hover {
background: #FFF;
color: #3f3f7d;
border: 3px double #3f3f7d;
}
.organizer_txt_sp {
}
.organizer_end {
display: block;
padding: 10px;
background: #ffca00;
text-align: center;
border-radius: 3px;
}
.organizer_now {
display: block;
padding: 10px 0;
background: #ff2222;
color: #FFF;
text-align: center;
border-radius: 3px;
}
.organizer_start {
display: block;
padding: 10px;
background: #196bc7;
color: #FFF;
text-align: center;
border-radius: 3px;
}
.organizer_program {
margin: 0 0 10px;
}
.organizer_img {
}
.organizer_img div {
width: 96%;
margin: 0 auto 10px;
}
.organizer_img div a img {
width: 100%;
height: 150px!important;
object-fit: cover;
}
#organizer_activities dt {
position: relative;
margin-bottom: 20px;
cursor: pointer;
}
#organizer_activities dt h3 span {
display: inline-block;
}
#organizer_activities dt.last {
margin: 20px 0 0;
}
#organizer_activities dd {
display: none;
}
#organizer_activities .accordion_icon,
#organizer_activities .accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
#organizer_activities .accordion_icon {
position: absolute;
top: 3px;
right: -8px;
width: 30px;
height: 30px;
}
#organizer_activities .accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #F88789;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
#organizer_activities .accordion_icon span:nth-of-type(1) {
display: inline-block;
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#organizer_activities .accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
} #organizer_activities .accordion_icon.active span:nth-of-type(1) {
display:none;
}
#organizer_activities .accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.organizer_schedule_img {
width: 80%;
margin: 25px auto 0;
} table {
width: 100%;
}
.scroll_box{
overflow: auto;
white-space: nowrap;
}
.scroll_box::-webkit-scrollbar{
height: 5px;
}
.scroll_box::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scroll_box::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.scroll_box p {
display: none;
}