@charset "UTF-8";

table{
  border-collapse: collapse;
  width: 100%;
    position: relative;
}


/* スマホ用 */
@media screen and (max-width:799px) {
 .shareydvamachine_hikaku_02 {
    width: 95%;
     margin: 0 auto;
     text-align: center;
  }
  table.shareydvamachine_hikaku_02 th{
    display: block;
    width: 100%;
    border-bottom:none;
  box-sizing:border-box;
background : #59b9c6;
  text-align: center;
  color:#fff;
  border:none;
  border-radius:30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 3px 1em;
  font-size: 14px;
  line-height: 1.3;
  word-break: break-all;
  }

    
  table.shareydvamachine_hikaku_02 td {
    display: inline-block;
    width: 48%;
      margin: 5px 2px;
    background:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  border-radius:3px;
  border:none;
  padding:10px;
  color: #555;
  line-height: 1.8;
  text-align:center;
  vertical-align:top;
  word-break: break-all;
      font-size: 11px;
  }
    
thead {
  position: sticky;
  top:0;
}
    
.shareydvamachine_hikaku_02 td .kakaku{
        color: #2a83a2;
        font-weight:bold;
        font-size: 18px;
    text-align: center;
    margin: 0 0 -25px 0;
    }
    
.shareydvamachine_hikaku_02 td p{
        color: #2a83a2;
        font-weight:bold;
        font-size: 16px;
    text-align: center;
    margin: 0 0 -3px 0;
    }
    
.shareydvamachine_hikaku_02 td img{
        width: 100%;
    padding: 0;
    }
    
  .shareydvamachine_hikaku_02 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
    
.shareydvamachine_hikaku_03 {
    width: 95%;
     margin: 0 auto;
     text-align: center;
  }
    
table.shareydvamachine_hikaku_03 th{
    display: block;
    width: 100%;
    border-bottom:none;
  box-sizing:border-box;
background : #59b9c6;
  text-align: center;
  color:#fff;
  border:none;
  border-radius:30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  padding: 3px 1em;
  font-size: 14px;
  line-height: 1.3;
  word-break: break-all;
  }
    
  table.shareydvamachine_hikaku_03 td {
    display: inline-block;
    width: 31%;
      margin: 5px 2px;
    background:#fff;
  box-shadow: 0 2px 5px rgba(100,100,100,0.1);
  border-radius:3px;
  border:none;
  padding:10px;
  color: #555;
  line-height: 1.8;
  text-align:center;
  vertical-align:top;
  word-break: break-all;
    font-size: 11px;
  }
    
.shareydvamachine_hikaku_03 td .kakaku{
        color: #2a83a2;
        font-weight:bold;
        font-size: 17px;
    text-align: center;
    margin: 0 0 -25px 0;
    }
    
.shareydvamachine_hikaku_03 td p{
        color: #2a83a2;
        font-weight:bold;
        font-size: 16px;
    text-align: center;
    margin: 0 0 -3px 0;
    }
    
table .shareydvamachine_hikaku_03 td img{
        width: 100%;
    padding: 0;
    }
    
  .shareydvamachine_hikaku_03 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
    
h1 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
text-align: center;
    padding: 10px 0 0;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  width: 20%;
}
    
.shareydva_ranking_midashi {
	width: 90%;
	justify-content: space-between;
    display: flex;
	flex-wrap: wrap;
    margin: 20px auto auto;
}    

.shareydva_ranking_midashi div {
    width: 48%;
    text-align: center;
	border: solid 1px #000000;
	padding: 5px 0;
    font-size: 20px;
    margin: 0 0 5px 0;
	color: #000000;
}


}










/* PC用 */
@media print, screen and (min-width:800px) {
 .shareydvamachine_hikaku_02 {
    width: 80%;
     margin: 0 auto;
  }
    
.shareydvamachine_hikaku_02 th{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
    width: 20%;
background: #59b9c6;
  color: #fff;
word-break: break-all;
}
    
.shareydvamachine_hikaku_02 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
width: 40%;
word-break: break-all;
}
    
.shareydvamachine_hikaku_02 td img{
        width: 60%;
    padding: 0;
    }
    
thead {
  position: sticky;
  top:0;
}
    
  .shareydvamachine_hikaku_02 td .kakaku{
        color: #2a83a2;
        font-weight:bold;
        font-size: 20px;
    text-align: center;
    margin: 0 0 -25px 0;
    }
    
.shareydvamachine_hikaku_02 td p{
        color: #2a83a2;
        font-weight:bold;
        font-size: 20px;
    text-align: center;
    margin: 0 0 -3px 0;
    }
 
.shareydvamachine_hikaku_03 {
    width: 80%;
     margin: 0 auto;
  }
    
.shareydvamachine_hikaku_03 th{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
    width: 20%;
background: #59b9c6;
  color: #fff;
word-break: break-all;
}

    
.shareydvamachine_hikaku_03 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
width: 26%;
word-break: break-all;
}
    
.shareydvamachine_hikaku_03 td .kakaku{
        color: #2a83a2;
        font-weight:bold;
        font-size: 20px;
    text-align: center;
    margin: 0 0 -25px 0;
    }
    
.shareydvamachine_hikaku_03 td p{
        color: #2a83a2;
        font-weight:bold;
        font-size: 20px;
    text-align: center;
    margin: 0 0 -3px 0;
    }
    
.shareydvamachine_hikaku_03 td img{
        width: 60%;
    padding: 0;
    }
    
h1 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
text-align: center;
    padding: 10px 0 0;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  width: 20%;
}

.shareydva_ranking_midashi {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}    

.shareydva_ranking_midashi div {
    width: 24%;
    text-align: center;
	border: solid 1px #000000;
	padding: 5px 5px;
    font-size: 25px;
    margin: 0 0 5px 0;
	color: #000000;
} 

	
}