.my-orange {color: #FFC926}
.btn-blue {
	background: #09C;
border-radius: 5px;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
text-decoration: none;
text-align:center;
	width: 80%;
	padding: 10px;
font-size: 18px;
display: block;
 margin-left: auto;
 margin-right: auto;
}
.btn-green {
	background: #59B200;
border-radius: 5px;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
text-decoration: none;
text-align:center;
	width: 80%;
	padding: 10px;
font-size: 18px;
display: block;
 margin-left: auto;
 margin-right: auto;
}
.btn-orange {
	background: #FF794C;
border-radius: 5px;
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 3px rgba(0,0,0,0.5);
text-decoration: none;
text-align:center;
	width: 80%;
	padding: 10px;
font-size: 18px;
display: block;
 margin-left: auto;
 margin-right: auto;
}



.box-osusume {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #fff;
    background: #ef735b;
    box-shadow: 0px 0px 0px 10px #ef735b;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.box15-osusume p {
    margin: 0; 
    padding: 0;
}
h5 {
	font-size: 20px;
    color: #fff;
    border-bottom: dashed 2px #ffc3c3;
}

 /*ブルーのボックス*/
.box-blue{
    padding: 0.2em 0.5em;
    margin: 2em 0;
	color: #565656;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
	border-radius: 2px;
}
.box-blue p {
    margin: 0; 
    padding: 0;
}

 /*ブルーのボックス2*/
.box-blue2{
    padding: 0.2em 0.5em;
    margin: 2em 0;
	color: #565656;
    background: #fff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
	border-radius: 2px;
}


 /*ピンクのボックス*/
.box-pink{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 2px;
}
.box-pink p {
    margin: 0; 
    padding: 0;
}

 /*トップページのテーブル*/

.list thead th:not(:first-child) {
    background: #fff;
}
.list th {
    width: 20%;
}
.list td {
    width: 20%;
    text-align: center;
      vertical-align: middle;
}
.list td img {
    width: 30%;
}

@media only screen and (max-width: 599px){
.list td img {
    width: 80%;
}
}