@charset "shift_jis";
body{
     -webkit-text-size-adjust : 100% ;
     text-align: center;
     padding: 0px;
     background-color : red;
     background-image : url(../series/image/wall07.gif);
     line-height:150%;
}
.update{
     font-size: 90%;
     font-family: Verdana;
     color: #cc0000;
     text-align: right;
     padding-right: 25px;
}
.wrapper{
     max-width: 950px;
     text-align: left;
     margin-left: auto;
     margin-right: auto;
     margin-top: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
}
.container{
     margin-top: 0px;
     margin-bottom : 10px;
     width: 100%;
     padding-top:15px;
     padding-left: 30px;
     padding-bottom: 10px;
     padding-right: 20px;
     margin-right: 0px;
     margin-left: 0px;
     background-color : #fbfbf9;
     border-top-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-left-style: solid;
     border-top-color: silver;
     border-left-color: silver;
     border-right-width: 2px;
     border-right-style: ridge;
     border-right-color: rgb(180, 180, 180);
     border-bottom-width: 2px;
     border-bottom-style: ridge;
     border-bottom-color: rgb(180, 180, 180);
     box-sizing: border-box;
}
p{
     font-size : 100%;
     line-height : 180%;
     margin-top: 0px;
     font-weight : normal;
     margin-bottom:10px;
}
/* responsive image */

img{
     max-width: 100%;
     height: auto;
}
@media \0screen {
     img{
     width: auto;
/* for ie 8 */	
}
}
/* ʐ^ Z   ^     O A   ́E   */
.pdata{
     margin:0 auto;
     text-align : center ;
     max-width:800px;
}
.pdata p{
     font-size: 90%;
     color:blue;
     padding-top : 10px;
     padding-left : 40px;
     padding-right : 30px;
     text-align : left ;
}
.tadashigaki{
     color : green;
     padding-top : 5px;
     padding-left : 5px;
     padding-right : 5px;
     padding-bottom : 5px;
     margin-top : 5px;
     margin-left : 20px;
     margin-right : 10px;
     margin-bottom : 5px;
}
.honbun{
     color : #525252;
     padding-top : 5px;
     padding-left : 5px;
     padding-right : 5px;
     padding-bottom : 5px;
     margin-top : 5px;
     margin-left : 20px;
     margin-right : 10px;
     margin-bottom : 5px;
     line-height : 200%;
}
h1{
     font-family: " l r  o    ",Verdana;
     color: red;
     text-align: center;
     font-size: 150%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
}
h2{
     color : #c60000;
     text-align: left;
     font-size: 120%;
     padding-top: 0px;
     padding-left: 20px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     border-bottom-width: 1px;
     border-bottom-style: solid;
     border-bottom-color: red;
     font-weight : normal;
}
h3{
     text-align: left;
     font-size : 120%;
     font-weight : bold;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom : 5px;
     font-weight : normal;
}
h4{
     font-size : 120%;
     font-weight : normal;
     color : red;
     padding-top : 10px;
     padding-left : 0px;
     padding-right : 0px;
     padding-bottom : 0px;
     margin-top : 0px;
     margin-left : 0px;
     margin-right : 0px;
     margin-bottom : 0px;
}
.h4_box{
     letter-spacing:10px;
     color: white;
     /*     F*/
padding: 0.5em;
     /*        ̗]  */
display: inline-block;
     /*   ܁E ȁE*/
line-height: 1.3;
     /* s  */
background : none 0% 0% / auto auto repeat scroll padding-box border-box #52a3a3;
     /* w i F*/
vertical-align: middle;
     /* ㉺    */
border-radius: 25px 5px 5px 25px;
     /*     ̊p  ہE*/
width:300;
}
.h4_box::before{
     content: '  ';
     color: white;
     margin-right: 8px;
}
.box12{
     padding: 0.5em 1em;
     margin: 2em 0;
     color : #53a653;
     background : none 0% 0% / auto auto repeat scroll padding-box border-box #edf1de;
     border-bottom: solid 3px #9CB89C;
     border-radius: 9px;
}
.box12 p{
     margin: 10;
     padding: 10;
     font-size: 110%;
     line-height : 170%;
}
.box22{
     padding: 0.5em 1em;
     margin: 1em 0;
     background: #f4f4f4;
     border-left: solid 6px #5bb7ae;
     box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 p{
     margin: 0;
     padding: 0;
}
.box26{
     position: relative;
     margin: 2em 0;
     padding: 0.5em 1em;
     border: solid 3px #95ccff;
     border-radius: 8px;
}
.box26 .box-title{
     position: absolute;
     display: inline-block;
     top: -13px;
     left: 10px;
     padding: 0 9px;
     line-height: 1;
     font-size: 19px;
     background: #FFF;
     color: #95ccff;
     font-weight: bold;
}
.box26 p{
     margin: 0;
     padding: 0;
}
.box28{
     position: relative;
     margin: 2em 0;
     padding: 25px 10px 7px;
     border: solid 2px #FFC107;
     border-radius: 9px;
}
.box28 .box-title{
     position: absolute;
     display: inline-block;
     top: -2px;
     left: -2px;
     padding: 0 9px;
     height: 30x;
     line-height: 30px;
     vertical-align: middle;
     font-size: 150%;
     background: #FFC107;
     color: #ffffff;
}
.box28 p{
     margin: 0;
     padding: 0;
}
.container a{
     text-decoration: none;
     color: blue;
}
.container a:visited{
     color: blue;
}
.container a:hover{
     font-weight : normal;
     background-color : #fdfdfd;
     color: red;
}
/* ʐ^   ́E    ---------------------------*/
.tyu{
     text-decoration: none;
     color : #990000;
     font-size : 80%;
}
em{
     font-weight: bold;
}
.bold{
     font-weight: bold;
}
.bold-red{
     font-weight: 600;
     color: #cc0000;
}
.red{
     font-weight: normal;
     color: #cc0000;
     font-size: 100%;
}
.small80b{
     color: #5b5b5b;
     font-size: 80%;
}
.s_red{
     font-weight: normal;
     color: #cc0000;
     font-size : 80%;
}
.clear{
     clear: both;
     padding: 0px;
     margin: 0px;
}
.small70{
     font-size: 70%;
     vertical-align: top;
}
.small80{
     font-size: 80%;
     vertical-align: top;
}
.small90{
     font-size: 90%;
     vertical-align: top;
}
strong{
     font-weight : bold;
}
.la110{
     font-size : 110%;
}
.bb{
     line-height : 200%;
     font-size : 110%;
     color : rgb(117, 117, 0);
}
.imagebox-r{
     float: right;
     color: navy;
     text-align: center;
     padding: 10px 10px 10px 10px;
     font-weight: normal;
     font-size: 80%;
     line-height: 120%;
     display: inline;
}
.imagebox-r img{
     margin-bottom: 5px;
}
.imagebox{
     color: navy;
     text-align: center;
     padding: 10px 10px 10px 10px;
     font-weight: normal;
     font-size: 80%;
     line-height: 120%;
     margin-left: auto;
     margin-right: auto;
     display: block;
}
.imagebox-l{
     float: left;
     font-size: 80%;
     color: navy;
     text-align: center;
     padding: 10px 10px 10px 10px;
     display: inline;
}
.kakomi{
     margin-top: 10px;
     margin-left : 40%;
     margin-right : 10px;
     margin-bottom: 0px;
     border-width: 1px;
     border-style: solid;
     border-color : rgb(217, 217, 217);
     padding : 5px 5px 5px 3px;
     line-height : 160%;
     text-align: left;
     font-size: 90%;
}
.kakomi p{
     padding : 7px 5px 5px 15px;
     line-height : 160%;
     margin-top : 5px;
     margin-bottom : 5px;
}
.migiyose{
     margin-top: 10px;
     margin-left :40%;
     margin-right : 10px;
     margin-bottom: 0px;
     border-width: 1px;
     border-style: solid;
     border-color : rgb(217, 217, 217);
     padding : 5px 5px 5px 3px;
     line-height : 150%;
     font-size: 90%;
     text-align: left;
     color: navy;
     background-color: #eaeeed;
}
.migiyose p{
     font-size: 95%;
     padding : 7px 5px 5px 15px;
     line-height : 160%;
}
.migiyose_s{
     margin-top: 10px;
     margin-left : 20px;
     margin-right : 400px;
     margin-bottom: 0px;
     border-width: 1px;
     border-style: solid;
     border-color : rgb(217, 217, 217);
     padding : 5px 5px 5px 3px;
     line-height : 150%;
     font-size: 90%;
     text-align: left;
     color: navy;
     background-color: #eaeeed;
}
.migiyose_s p{
     font-size: 95%;
     padding : 7px 5px 5px 15px;
     line-height : 160%;
}
.rubi{
     font-size:85%
;
}
.right_table{
     float: right;
}
.left_table{
     float: left;
}
table{
     border: 1px solid #aaa;
     border-collapse: separate;
     border-spacing: 0;
     border-radius: 6px;
     margin-left: 8px;
     font-size: 90%;
     margin-bottom: 10px;
     color : #2a2a2a;
}
table thead th,
table tbody th,
table tbody td{
     padding: .1em 0.8em;
     border-bottom: 1px solid #aaa;
}
table thead th{
     background-color: #ddd;
}
table tbody th{
     background-color: #eee;
}
table thead th + th,
table tbody td{
     border-left: 1px solid #aaa;
}
table tbody tr:last-child th,
table tbody tr:last-child td{
     border-bottom: none;
}
table thead tr:first-child th:first-child{
     border-radius: 5px 0 0 0;
}
table thead tr:first-child th:last-child{
     border-radius: 0 5px 0 0;
}
table tbody tr:last-child th:first-child{
     border-radius: 0 0 0 5px;
}
table tbody tr:last-child th:last-child{
     border-radius: 0 0 5px 0;
}
hr{
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #fff;
}
.hr1{
     height: 10px;
     border: 0;
     box-shadow: 0 10px 10px -10px #bbb inset;
}
.clear{
     clear: both;
     padding: 0px;
     margin: 0px;
}
/*  ʁE900px ȁE ̐݁E---------------------------------*/
@media screen and (max-width:900px){
     .container{
     margin-top: 0px;
     margin-bottom : 10px;
     width: 100%;
     padding-top:5px;
     padding-left: 5px;
     padding-bottom: 5px;
     padding-right: 5px;
     margin-right: 0px;
     margin-left: 0px;
     background-color: rgb(244, 244, 238);
     border-top-width: 1px;
     border-left-width: 1px;
     border-top-style: solid;
     border-left-style: solid;
     border-top-color: silver;
     border-left-color: silver;
     border-right-width: 2px;
     border-right-style: ridge;
     border-right-color: rgb(180, 180, 180);
     border-bottom-width: 2px;
     border-bottom-style: ridge;
     border-bottom-color: rgb(180, 180, 180);
     box-sizing: border-box;
}
h1 img{
     width:300px;
}
p{
     margin-bottom: 10px;
}
h2{
     font-size: 100%;
}
.pdata{
     max-width:800px;
     margin-left: auto;
     margin-right: auto;
}
.pdata p{
     font-size: 90%;
     color:blue;
     padding-top : 10px;
     padding-left :20px;
     padding-right : 20px;
     text-align : left ;
}
.honbun{
     margin-top : 5px;
     margin-left : 3px;
     margin-right : 2px;
     margin-bottom : 5px;
     line-height: 170%;
}
}