/* body {
      background-color: #78e5e5;
} */

h1 {
    color: red;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size:15px;
}

.box {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 50px;
padding-right: 50px;
margin-top:90px;
margin-left: auto;
margin-right: auto;
width: 60%;
font-weight: bold;
background: #FFF;
border: solid 5px black;/*線*/
border-radius: 10px;/*角の丸み*/
}

div p {

    display: inline-block;
    padding: 15px;
    margin: 0px;
    width: 150px;
  
  }

.drink_btn {
    display: inline-block;
    padding-top:2px;
    padding-bottom:2px;
    margin:  25px;
    width: 130px;
    border-radius: 100vh;
}

.drink_btn:hover {
    background-color:lightgray;
}

.okane {
    background-color: gold;
    display: inline-block;
    padding-left:13px;
    padding-right:13px;
    margin:  25px;
    font-weight: bold;
}

.okane:hover {
    background-color: goldenrod;
}

.hoju {
    background-color: lightcyan;
    display: inline-block;
    margin:  25px;
    /* padding: 5px;  */
    width: 130px;
}

.hoju:hover{
    background-color:powderblue;
}

#hoju_all {
    background-color: navajowhite;
    font-weight: bold;
    display: inline-block;
    margin:  30px;
    padding: 10px;
    width: 130px;
}

#hoju_all:hover {
    background-color:rgb(245, 197, 156);
}

.red {
    color: red;
}

.blue{
    color: skyblue;
}

.orange{
    color: orange;
}

.green{
    color:darkgreen
}

.brown{
    color:maroon
}

.t{
    padding: 10px;
    margin: 10px;
}


@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
    .box {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 50px;
        padding-right: 50px;
        margin-top:70px;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
        font-weight: bold;
        background: #FFF;
        border: solid 3px black;/*線*/
        border-radius: 10px;/*角の丸み*/
        }
        
        div p {
            font-size: 11px;
            display: inline-block;
            /* padding: 10px; */
            margin: 0px;
            width: 60px;
          
          }
        
        .drink_btn {
            display: inline-block;
            font-size: 10px;
            padding-top:2px;
            padding-bottom:2px;
            margin: 15px;
            width: 60px;
            border-radius: 110vh;
        }
        
        .drink_btn:hover {
            background-color:lightgray;
        }
        
        .okane {
            background-color: gold;
            display: inline-block;
            padding-left:10px;
            padding-right:10px;
            margin:  15px;
            font-weight: bold;
        }
        
        .okane:hover {
            background-color: goldenrod;
        }
        
        .hoju {
            background-color: lightcyan;
            display: inline-block;
            margin:  17px;
            /* padding-left: 2px;
            padding-right: 2px; */
            width: 60px;
        }
        
        .hoju:hover{
            background-color:powderblue;
        }
        
        #hoju_all {
            background-color: navajowhite;
            font-weight: bold;
            display: inline-block;
            margin:  30px;
            padding: 5px;
            width: 70px;
        }
        
        #hoju_all:hover {
            background-color:rgb(245, 197, 156);
        }

}