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

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

.erase2{display:none;}
.erase3{color: ;}

.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;}

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

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

h1{color: white;font-size: 25px;}
h2{color: yellow;font-size: 21px;margin-top: 0px;}
h1, h2{background-color: #004080;
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;}

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

.right_box{float: right;}

#beginning_left, #beginning_right, #left_kobe, #left_kobe2, #right_kobe, #right_kobe2, #left_encyclopedia, #right_encyclopedia, #left_duke, #right_duke{width: 100%;margin-left: 0px;}

#left_kobe, #left_kobe2{padding-top: 2.0em;}
#left_kobe, #left_kobe2{border-bottom: 1px solid purple;}
#right_kobe, #right_kobe2{border-top: 1px solid purple;text-align: center;font-size: 15px;}
#left_kobe, #right_kobe, #left_kobe2, #right_kobe2{
border-left: 1px solid purple;
border-right: 1px solid purple;
padding: 5px;}

#right_kobe2, #right_encyclopedia{padding-top: 2.0em;}
#right_encyclopedia{margin-bottom: 2.0em;text-align: center;}

#left_duke, #right_duke{
border-left: 1px solid blue;
border-right: 1px solid blue;
padding: 5px;}

#right_duke{border-top: 1px solid blue;text-align: center;}
#left_duke{border-bottom: 1px solid blue;}

.paragraph, .explain, #left_encyclopedia, .right_box, #left_duke{font-size: 15px;line-height: 2.0em; text-align: left;}
.explain{margin-bottom: 25px;margin-left: 0px;width: 100%;}
.paragraph{width: 96%;}
.right_box{margin-left: 0px;width: 88%;}

#logo{text-align: right;}
#logo2{margin-right: 1%;height: auto;width: 6%;vertical-align: middle;}
#replisome{height: auto;width: 40%;}

.title{font-size: 17px;
font-weight: bold;
margin-bottom: 1.0em;
margin-left: 0px;
text-align: left;}

.title2{font-weight: bold;
text-align: left;}

.back_blue{background-color: #00ffff;}
.back_yellow{background-color: #ffff00;}
.back_blue, .back_yellow{font-weight: bold;padding: 2px 20px 2px 20px;}

.space0, .space5, .space10{clear: both;}
.space10{margin-bottom: 10%;}
.space5{margin-bottom: 5%;}
.space3{clear: both;
height: 3%;}
.space5percent{height: 5%;}

#picture_title, #picture_ben_wallace{width: 82%;height: auto;}
#picture_ben_wallace{width: 96%;height: auto;}
#picture_kobe{width: 100%;height: auto;}

.picture_duke{width: 88%;height: auto;}

#picture_jersey1, #picture_jersey2{width: 90%;height: auto;}
#picture_jersey2, #picture_jersey4{margin-top: 10%;}

#picture_jersey3, #picture_jersey4{width: 90%;height: auto;}

#picture_kobe2{width: 66%;height: auto;}
#picture_encyclopedia{width: 70%;height: auto;}
#picture_tabuse{width: 80%;height: auto;}

#ben_wallace{border: 1px solid red;margin-bottom: 2.0em;padding: 5px 0px 5px 0px;width: 96%;font-size: 15px;}

#east{background-color: #4da6ff;}
#west{background-color: #ff0000;}

#east, #west{color: white;
font-size: 18px;
font-weight: bold;
margin-bottom: 1.0em;
margin-left: 0px;
margin-top: 2%;
padding: 3px 3px 3px 15px;
text-align: left;}

.team_logo{float: left;
margin-right: 0px;
margin-left: 2%;
text-align: left;
width: 10%;}

.center, .center2{margin-left: 0px;text-align: center;}
.center2{font-weight: bold;margin-top: 2.0em;}
.center3{text-align: left;margin-left: 0px;}
#list1{border: 1px solid black;margin-bottom: 2.0em;padding: 10px 3px 10px 3px;width: 98%;}

#pacers, #raptors{width: 78%;height: auto;}
#bucks{width: 65%;height: auto;}
#hawks{width: 80%;height: auto;}
#bobcats{width: 72%;height: auto;}
#pistons{width: 64%;height: auto;}
#cavaliers{width: 85%;height: auto;}
#nuggets{width: 68%;height: auto;}
#kings{width: 60%;height: auto;}
#wizards{width: 75%;height: auto;}
#mavericks{width: 62%;height: auto;}
#nets{width: 62%;height: auto;}

#reference{font-size: 13px;
line-height: 1.5em;
margin-left: 0px;
margin-top: 3.0em;
text-align: left;
width: 96%;}

.brown, .erase3{color: #cc0000;}

hr{margin: 7% 0% 7% 0%;}


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

#close{background-color: white;
font-weight: bold;
font-size: 20px;
height: 15%x;
margin-bottom: 50px;
margin-top: 50px;
padding: 5px;
vertical-align: middle;}


#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;}