body{margin-left: auto;
margin-right: auto;
width: 100%;}

img{border: none;webkit-backface-visibility: hidden;}

.erase2, #table3, #table4{display:none;}

.readmore{
    position: relative;
    box-sizing: border-box;}

.readmore-content{
    position: relative;
    overflow: hidden;
    /*以下お好み*/
    /*高さの初期値*/
    height: 200px;
}
.readmore-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 15%;
    width: 70%;
    content: "";
    /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);}

/* 続きを読むボタン */
.readmore-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 0 10px;
    background-color: #00cc00;
    border-radius: 10px;
    color: #FFF;}

.readmore-check{
    display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
    /* display: none; */
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
    height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
    display: none;}

#menu{width: 100%;}

#main{background-color: #004080;
padding: 5px 0px 5px 0px;width: 100%;}

#time_publish, #time_modify{font-size: 10px;text-align: right;width: 96%;}
#time_publish2{background-color: black; color: white;font-weight: bold;padding: 1px 5px 1px 5px;}
#time_modify{text-align: right;}

#box{width: 100%;
padding: 20px 0px 20px 0px;}

h1, h2{background-color: #004080;}
h1{color: white;font-size: 25px;vertical-align: middle;}
h2{color: yellow;font-size: 21px;margin-top: 0px;}

#beginning{margin: 5% 0px 0% 0px;width: 98%;}
#beginning, .explain, .paragraph{font-size: 15px;line-height: 2.0em;text-align: left;}

.paragraph, #list3, #list4{width: 96%;}
.explain, .explain2{margin-left: 0px;width: 96%;}
.explain2{margin-top: 1.0em;}

.center{line-height: 2em;}

.center, .center2, .center3{text-align: center;margin-left: 0px;}
.center3{font-size: 18px;font-weight: bold;color: #004080;margin-top: 5%;}

#logo2{margin-right: 1%;vertical-align: middle;}

.brown, .brown2, .brown3{color: #cc0000;}
.brown2, .brown3{font-weight: bold;}
.brown3{font-size: 17px;}
.mini{font-size: 12px;}

.title, .title2, .title3{font-size: 17px;
font-weight: bold;}
.title{margin-bottom: 1.0em;}

.title2{background-color: #00ffff;
padding: 3px;}
.title3{background-color: #ffff00;
padding: 3px;}
.title4{margin-left: 10px;margin-top: 30px;}

.back_blue{background-color: #00ffff;}
.back_yellow{background-color: #ffff00;}
.back_blue, .back_yellow{font-weight: bold;padding: 2px 20px 2px 20px;}
.back_maker{background-color: #004080;color: #ffffff;font-size: 15px;font-weight: bold;padding: 3px 30% 3px 30%;}


hr{margin-bottom: 10%;margin-top: 10%;width: 86%;}

.official{float: left;font-weight: bold;margin-left: 0px;margin-top: 5%;text-align: center;width: 50%;}

#picture_official1{padding-top: 29%;width: 77.2%;height: auto;}
#picture_official2{width: 44.8%;height: auto;}
#picture_official3{padding-top: 2%;width: 74.4%;height: auto;}
#picture_official4{padding-top: 58%;width: 46%;height: auto;}


#left_maker2, #right_maker2{margin: 7% 0px 2% 0px;padding-top: 4%;text-align: center;width: 100%;}

.left_jersey{margin-left: 0px;margin-top: 5%;text-align: left;width: 100%;}
.right_jersey{margin-left: 0px;text-align: center;width: 100%;}

.picture_maker0{width: 96%;height: auto;margin: 10% 0px 5% 0px;}
#picture_maker1{width: 59.4%;height: auto;}
#picture_maker2{width: 71.8%;height: auto;}

#picture_maker3{width: 69.2%;height: auto;}
#picture_maker4{width: 79%;height: auto;}
#picture_maker5{width: 59.8%;height: auto;}
#picture_maker6{width: 69.8%;height: auto;}
#picture_maker7{width: 80.8%;height: auto;}
#picture_maker8{width: 49%;height: auto;}

.picture_maker9{width: 68%;height: auto;}

#picture_jersey1{width: 40%;height: auto;margin-right: 2%;margin-top: 5%;}
#picture_jersey2{width: 36.6%;height: auto;margin-top: 5%;}
#picture_jersey3{width: 45%;height: auto;margin-right: 2%;}
#picture_jersey4{width: 46.6%;height: auto;}

#picture_jersey5, #picture_jersey6, #picture_jersey7{width: 88%;height: auto;margin-top: 5%;}

#picture_jersey8{width: 88%;height: auto;margin-top: 7%;}

#picture_history{margin-top: 8%;width: 90%;height: auto;}
#picture_end{width: 90%;height: auto;margin: 10% 0px 10% 0px;}

#table3, #table4{background-color: #004080;font-size: 15px;width: 78%;}
#table3, .caption{font-weight: bold;}

td{background-color: #ffffff;text-align: center;padding: 15px 0px 10px 0px;}
.table_cell3, .table_cell4{width: 32%;}
.table_cell4{font-size: 14px;line-height: 2em;}
.caption{font-size: 18px;padding-top: 15px;}

#list3, #list4{font-size: 15px;line-height: 2.0em;}

.space0, .space1, .space2, .space3{clear: both;}
.space1{margin-bottom: 2.0em;}
.space2{margin-bottom: 4.0em;}
.space3{height: 10%;}
.space40{height: 40px;}

#right{text-align: right;}

#top{
background: rgba(204,204,204,0.5);
border: 1px solid #999999;

font-weight: bold;
padding: 5px;
display: block;
height: auto;
position: fixed;
padding: 3px;
bottom: 2%;
right: 1%;
text-align: center;
width: 40%;}

#top A:link {color:#000000 ; text-decoration:none;}
#top A:visited {color:#000000 ;  text-decoration:under-line;}
#top A:active {color:#ff0000 ;  text-decoration:under-line;}
#top A:hover {color:#00ffff ;  text-decoration:under-line;}

#close{
font-size: 20px;
font-weight: bold;
margin-bottom: 5%;
margin-left: 0px;
margin-top: 10%;
text-align: center;}

#close A:link {color:#000000 ;  text-decoration:underline ;display: block;width: 100%;}
#close A:visited {color:#800000 ;  text-decoration:underline ;}
#close A:active {color:#ff0000 ;  text-decoration:none ;}
#close A:hover {color: #ffffff;  background-color: #ff0000;text-decoration:none ;}




A:link {color:#000000 ; text-decoration:underline ;}
A:visited {color:#000000 ; text-decoration:underline ;}
A:active {color:#ff0000 ; text-decoration:none ;}
A:hover {color:#00ffff ; text-decoration:none ;}