@charset "utf-8";


.allclear {
clear:both;
}

.vspace_10 {
max-width: 300px;
margin: 0 auto;
height: 10px;
}

.lspace_40 {
margin-left: 40px;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

#bottom_display {
display: flex;
flex-direction: column;
height: 100vh;
}

#container {
flex: 1 0 auto;
}

.footer {
flex-shrink: 0;
}


/*===========================　トップページ　==========================*/
.top_contents {
width: 100%;
margin: 0 auto;
padding: 0px 20px;
}

header {
width: 100%;
margin: 0 auto;
padding: 0px;
overflow: hidden;
text-align: left;
background-color: rgba(255,255,255,0.6);
}

header .logo_box {
float: left;
max-width: 480px;
padding: 10px 10px 5px 10px;
}

header .msg_box {
float: left;
overflow: hidden;
margin: 0px;
padding: 20px 10px 10px 10px;
}

header .msg_box p {
color: #000099;
font-size: 16px;
line-height: 150%;
font-weight: 700;
}



/*==============================トップページ==============================*/
.contents {
width: 100%;
margin: 0 auto;
}

.logo {
float: left;
max-width: 480px;
padding: 5px 10px 5px 10px;
}

.msg_top {
font-weight: 700;
float: left;
margin: 15px;
padding: 7px 10px 7px 10px;
background-color: rgba(255,255,255,0.6);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.msg_top p {
color: #000099;
font-size: 16px;
line-height: 150%;
font-weight: 700;
}

.menu_zone {
float: left;
width: 100%;
max-width: 300px;
margin: 0px auto;
}

.menu_zone .menu_bar {
margin: 15px;
padding: 5px 10px 5px 10px;
background-color: rgba(255,255,153,0.7);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.menu_bar .menu_box {
padding: 10px 0px;
border-bottom: 2px solid #ff7700;
}

.menu_bar .menu_box-a {
margin-bottom: 15px;
padding: 10px 0px;
border-bottom: 2px solid #ff7700;
}

.menu_bar .menu_box a,
.menu_bar .menu_box-a a {
color: #0000ff;
font-size: 15px;
line-height: 150%;
font-weight: 700;
text-decoration: none;
margin: 0px 0px 7px 10px;
}

.menu_bar .menu_box a:hover,
.menu_bar .menu_box-a a:hover {
color:#ff7700;
text-decoration: underline;
}

.menu_bar .menu_box a:active,
.menu_bar .menu_box-a a:active {
color:#ff7700;
text-decoration: underline;
}

.menu_bar .menu_box p,
.menu_bar .menu_box-a p {
color: #000000;
font-size: 14px;
line-height: 140%;
font-weight: 500;
margin: 0px 0px 0px 5px;
}


/*==============================記事ページの共通部分==============================*/
.loopSliderWrap {
top: 0;
left: 0;
height: 100px;
overflow: hidden;
position: absolute;
}

.loopSlider {
margin: 0 auto;
width: 100%;
height: 100px;
text-align: left;
position: relative;
overflow: hidden;
}

.loopSlider ul {
height: 100px;
float: left;
overflow: hidden;
}

.loopSlider ul li {
width: 150px;
height: 100px;
float: left;
display: inline;
overflow: hidden;
}

.loopSliderWrap:after {
content: "";
display: none;
clear: none;
}

.container {
width: 100%;
max-width: 980px;
margin: 0px auto;
overflow: hidden;
padding: 10px 10px 50px 10px;
}

.container .box_left {
display: block;
float: left;
width: 300px;
text-align: left;
valign: top;
}

.container .box_left .menu_bar {
margin: 15px;
padding: 5px 10px 5px 10px;
background-color: rgba(255,255,153,1);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.box_right {
margin-left:320px;
text-align: left;
valign: top;
}

.title_zone {
margin: 0px auto;
}

.top_title {
display:inline-block;
margin: 20px 0px 20px 0px;
padding: 5px;
border-top: 5px solid #95D8D6;
border-bottom: 5px solid #95D8D6;
}

.top_title h2 {
color: #000099;
font-weight: 700;
font-size: 16px;
}

.text_zone {
margin: 0px auto;
}

.text_zone dl {
font-weight: 400;
margin-left: 10px;
color: #000000;
font-size: 14px;
line-height: 150%;
text-align: left;
}

.text_zone dt {
padding: 0px 0px 5px 0px;
}

.text_zone dd {
padding-left: 15px;
}

.text_zone dd .type-a {
padding-left: 20px;
}

.editor_zone {
margin: 0px auto;
}

.editor_box {
font-weight: 500;
color: #000000;
font-size: 15px;
padding: 10px 0px 30px 0px;
text-align: right;
}

.info_zone {
display: block;
width: 100%;
max-width: 980px;
margin: 0px auto;
text-align:center;
}

.info_zone_box {
display: inline-block;
margin: 0px auto;
padding: 5px 0px 0px 0px;
vertical-align: top;
text-align: center;
background-color: #FFFFEE;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #FF7700;
}

.info_zone_box p {
color:#000000;
font-size: 15px;
padding: 5px 20px 0px 20px;
text-align: left;
}

.info_zone_box img {
display: inline-block;
padding: 2px 15px 5px 15px;
}


/*==============================footerの共通部分==============================*/
footer .inner1{
width: 100%;
margin: 0px auto;
background-color:#FBCB2C;
overflow: hidden;
}

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

footer .line-1 {
width: 100%;
height: 3px;
margin: 0px auto;
background-color:#000099;
}

footer .line-2 {
width: 100%;
height: 3px;
margin: 0px auto;
background-color:#ff7700;
}

footer .inner2 .logo_bottom {
float: left;
margin: 3px 5px 1px 5px;
}

footer .inner2 .copyright {
float: right;
margin: 12px 5px 0px 5px;
}