body{margin-left: 0px;
margin-right: 0px;
padding: 0px;
width: 100%;}

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


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

.erase2, #table, #right, .space10{display:none;}

#menu{width: 100%;}

h1{color: white;font-size: 25px;}
h2{color: yellow;font-size: 21px;}

#main{background-color: #004080;
padding: 3px 0px 3px 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;}

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

#box2{width: 98%;}

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

.title{margin-bottom: 15px;margin-top: 4.0em;text-align: left;}

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


.left_box{font-size: 15px; line-height: 2.0em; text-align: left;width: 100%;margin-left: 0px;}

.right_box1{padding-top: 15px;}
.right_box2{padding-bottom: 15px;}
.right_box1, .right_box2{color: #0000ff;font-size: 15px;font-weight: bold;width: 100%;margin-left: 0px;}

.space0{clear: both;}


#allstar{background-color: #0000ff;color: #ff0000; font-weight: bold;margin-top: 25%;text-align: center;}

.eastern{background-color: #62b0ff;}
.western{background-color: #ff6f6f;}
.player{font-size: 15px;line-height: 3.0em;margin-top: 10px;text-align: left;vertical-align: middle;}
.eastern, .western{font-weight: bold;margin-top: 10%;text-align: left;padding-left: 15px;width: 80%;}

#caveriers{width: 10%;}
#heat{width: 12%;}
#magic{width: 15%;}
#nets{width: 10%;}
#seventysixers{width: 10%;}

#lakers{width: 12%;}
.rockets{width: 12%;}
#spurs{width: 12%;}
#timberwolves{width: 14%;}

#caveriers, #heat, #magic, #nets, #seventysixers, #lakers, .rockets, #spurs, #timberwolves{margin-right: 15px;margin-left: 20px;vertical-align: middle;}

#picture1{width: 33.4%;}
#picture2{width: 33.2%;}
#picture3{width: 24%;}
#picture4{width: 24.8%;}
#picture5{width: 24.4%;}
#picture6{width: 80.6%;margin-bottom: 5%;}
#picture7{width: 49%;}
#picture8{width: 43%;margin-bottom: 5%;}

#end{font-size: 15px;line-height: 2.0em;text-align: left;}

.logo1{height: auto;width: 40%;}
#logo2{margin-right: 1%;height: auto;width: 8%;vertical-align: middle;}

#caveriers, #heat, #magic, #nets, #seventysixers, #lakers, .rockets, #spurs, #timberwolves, #picture1, #picture2, #picture3, #picture4, #picture5, #picture6, #picture7, #picture8{height: auto;}

#right2{background-color: #004080;margin-top: 10%;text-align: right;margin-left: 0px;padding-bottom: 10px;padding-top: 10px;width: 100%;}

#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:#00ffff ;  text-decoration:none ;}