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

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

#menu{margin: 40px 0px 30px 80px;}

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

h1{color: white;font-size: 25px;}
h2{color: yellow;font-size: 21px;margin-top: 0px;}
h1, h2{background-color: #004080;width: 98%;}

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

#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: 80%;
border-left: solid 50px #004080;
border-right: solid 50px #004080;
padding: 20px 10px 20px 10px;}

#logo2{margin-right: 20px;}

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

.paragraph{width: 90%;}

.explain, .explain2, .explain3{margin-left: 2%;width: 95%;}
.explain3, .explain4{margin-top: 2.0em;}
.explain4{margin-left: 0px;width: 95%;}

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

#left_beginning, #left_local1, #left_local2, #left_local3, #left_end{float: left;margin-left: 0px;width: 60%;}
#right_beginning, #right_local1, #right_local2, #right_local3, #right_end{float: right;margin-left: 0px;text-align: center;width: 40%;}

#left_local1, #right_local1{margin-top: 3%;}

#center_tshirts0{margin-left: 6%;}
.center_tshirts{margin-left: 2.5%;}
#center_tshirts0, .center_tshirts{float: left;font-weight: bold;line-height: 2.5em;margin-bottom: 3%;margin-top: 5%;text-align: center;width: 20%;}

.center{margin-left: 0px;text-align: center;}
#right{text-align: right;}

.list{margin-left: 40px;margin-bottom: 2.0em;margin-top: 2.0em;}

#table2, #table3 {border: 1px solid #004080;font-size: 14px;font-weight: bold;margin: 3% 0px 3% 0px;padding: 20px 0px 20px 0px;width: 84%;}

#cell_table2-1{padding-top: 3.5%;}
#cell_table2-2{padding-top: 3.5%;width: 18%;}
#cell_table2-4{padding-top: 1%;width: 12%;}
#cell_table2-5{padding-top: 3.8%;}
#cell_table2-6{padding-top: 7%;}
#cell_table2-1, #cell_table2-3, #cell_table2-5, #cell_table2-6{width: 15%;}

#cell_table3-1{float: left;line-height: 2.0em;margin-left: 2.3%;width: 15%;}
#cell_table3-2, #cell_table3-3, #cell_table3-4, #cell_table3-5{width: 18%;}

#cell_table2-1, #cell_table2-2, #cell_table2-3, #cell_table2-4, #cell_table2-5, #cell_table2-6, #cell_table3-2, #cell_table3-3, #cell_table3-4, #cell_table3-5{float: left;line-height: 2.0em;margin-left: 1.4%;}

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

hr{margin: 7% 0px 7% 0px;width: 90%;}

.space0{clear: both;}

#picture_title{width: 46.8%;height: auto;}

#picture_tshirts1{width: 61.8%;height: auto;}
#picture_tshirts2{width: 72%;height: auto;}
#picture_tshirts3{width: 64.6%;height: auto;}
#picture_tshirts4{width: 98.8%;height: auto;}

#picture_boston-logo1{width: 3.44%;}
#picture_boston-logo2{width: 3.4%;}
#picture_boston-logo1, #picture_boston-logo2{margin: 0px 1% 0px 1%;height: auto;vertical-align: middle;}

#picture_unc-logo1{width: 76%;height: auto;}
#picture_unc-logo2{width: 83.8%;height: auto;}
#picture_unc-logo3{width: 57.5%;height: auto;}
#picture_unc-logo4{width: 77.2%;height: auto;}
#picture_unc-logo5{width: 58.4%;height: auto;}
#picture_unc-logo6{width: 81.4%;height: auto;}

#picture_six-tshirts{width: 58.84%;height: auto;margin: 3% 0px 3% 0px}

#picture_duke-logo1{width: 63.8%;height: auto;padding-top: 20%;}
#picture_duke-logo2{width: 84.4%;height: auto;padding-top: 18.4%;}
#picture_duke-logo3{width: 60%;height: auto;}
#picture_duke-logo4{width: 85.6%;height: auto;padding-top: 18.4%;}
#picture_duke-logo5{width: 89.2%;height: auto;padding-top: 18.4%;}

#picture_tshirts5{width: 10.3%;margin-right: 0.5%;}
#picture_tshirts6{width: 13.24%;margin-right: 0.5%;}
#picture_tshirts7{width: 12.5%;margin-right: 0.5%;}
#picture_tshirts8{width: 14.1%;margin-right: 0.5%;}
#picture_tshirts9{width: 12.84%;}

#picture_tshirts5, #picture_tshirts6, #picture_tshirts7, #picture_tshirts8, #picture_tshirts9{margin-bottom: 4%;margin-top: 2%;height: auto;}

#picture_tshirts10{width: 14.65%;height: auto;margin-right: 1.5%;}
#picture_tshirts11{width: 17.9%;height: auto;margin-right: 1.5%;}
#picture_tshirts12{width: 18.2%;height: auto;}
#picture_tshirts10, #picture_tshirts11, #picture_tshirts12{margin-bottom: 4%;margin-top: 3%;}

#picture_tshirts13{width: 22.58%;margin-right: 3%;}
#picture_tshirts14{width: 17%;margin-right: 2%;}
#picture_tshirts15{width: 15.2%;}

#picture_tshirts13, #picture_tshirts14, #picture_tshirts15{height: auto;margin-bottom: 3%;margin-top: 4%;}

#picture_tshirts16{width: 22.6%;margin-right: 4.6%;}
#picture_tshirts17{width: 13.4%;}
#picture_tshirts16, #picture_tshirts17{margin-bottom: 3%;height: auto;}

#picture_tshirts18{width: 17.5%;margin-left: 0.8%;margin-right: 1.3%;}
#picture_tshirts19{width: 12.85%;margin-right: 3.1%;}
#picture_tshirts20{width: 17.5%;margin-right: 1.4%;}
#picture_tshirts21{width: 16.75%;}
#picture_tshirts18, #picture_tshirts19, #picture_tshirts20, #picture_tshirts21{height: auto;margin-bottom: 4%;}

#picture_conference{width: 59.2%;height: auto;margin-top: 3%;}
#picture_door, #picture_hat, #picture_map{width: 77.2%;height: auto;margin-top: 3%;}
#picture_conclusion{width: 74.2%;height: auto;}

#add{border: ;margin-top: 10%;}

#add{border: 1px solid #999999;font-size: 15px;text-align: left;margin-bottom: 10%;margin-top: 10%;padding: 0px 0px 5px 0px;width: 96%;}
#addition{background-color: black;color: white;font-weight: bold;padding: 1px;}

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

.correct{color: #ff0000;
font-size: 14px;
font-weight: bold;
vertical-align: super;}

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

#replisome{width: 13.95%;height: auto;margin-top: 3.0em;}

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


#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: 10%;}

#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: 10%;
margin-left: 0px;
margin-top: 5%;
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 ;}

.brown{color: #990000;font-weight: bold;}

.horizon{
border: dashed steelblue 2px;
width: 80%;}