@charset "utf-8";


@media screen and (max-width:768px)
{

header {
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 10px;
text-align: center;
}

.logo {
float: none;
width: 100%;
margin: 0 auto;
padding: 0px 10px 0px 10px;
text-align: center;
}

.logo img {
max-width: 100%;
margin: 0px auto;
}

.msg_top {
float: none;
margin: 10px 0px 20px 0px;
padding: 7px 10px 7px 10px;
text-align: left;
background-color: rgba(255,255,255,0.6);
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

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

}

@media screen and (max-width:640px)
{



}

@media screen and (max-width:480px)
{

.bg_full {
display: none;
}

#maximage {
display: none;
}

.menu_zone {
float: none;
width: 100%;
margin: 0px auto;
text-align: center;
margin-bottom: 50px;
}

.menu_bar .menu_box {
padding: 15px 0px;
border-bottom: 2px solid #ff7700;
text-align: left;
}

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

.container {
width: 100%;
margin: 0px auto;
overflow: hidden;
padding: 10px 5px 20px 5px;
}

.container .box_left {
display: block;
float: none;
width: 100%;
margin: 0px auto;
text-align: left;
valign: top;
}

.container .box_left .menu_bar {
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 {
display: block;
width: 100%;
margin: 0px auto;
text-align: left;
valign: top;
}

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

.top_title {
margin: 10px 0px 10px 0px;
padding: 5px;
border-top: 5px solid #95D8D6;
border-bottom: 5px solid #95D8D6;
}

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

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

.editor_box {
padding: 10px 10px 30px 10px;
text-align: right;
}

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

.info_zone_box {
display: block;
width: 100%;
margin: 0px auto;
padding: 5px 0px 5px 0px;
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 40px 0px 40px;
text-align: center;
}

.info_zone_box img {
display: block;
width: 100%;
margin: 0px auto;
padding: 2px 15px 5px 15px;
}

#footer {
display: none;
}

section {
display: block
}

.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: none;
margin: 3px 5px 0px 5px;
text-align: center;
}

.footer .inner2 .copyright {
float: none;
margin: 3px 5px 3px 5px;
text-align: center;
}

/*==============================記事ページの共通部分==============================*/
.title_zone {
width: 100%;
margin: 0px auto;
text-align: center;
}

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

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

.text_zone ul {
list-style-type: none;
color: #000000;
font-size: 14px;
line-height: 140%;
text-align: left;
}

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: none;
margin: 3px 5px 0px 5px;
text-align: center;
}

footer .inner2 .copyright {
float: none;
margin: 3px 5px 3px 5px;
text-align: center;
}

}