/* .hikaku01  */

.hikaku01 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
  margin: 20px auto;
}
.hikaku01 table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 600px;
  table-layout: fixed;
}
.hikaku01 thead th{
  padding: .35em .8em;
  border-right: 5px solid#fff;
}
.hikaku01 table tr {
  background-color: #fff;
  padding: .35em;
}
.hikaku01 table tr:nth-child(even){
  background-color: #f9f9f9;
}
.hikaku01 table td {
  padding: .7em;
  text-align: center;
}
.hikaku01 table th {
  font-size: .75em;
}
.hikaku01 i{
  font-size:2em
}
.hikaku01 .plan1{
  background: #03A9F4;
}
.hikaku01 .plan1_i{
  color:#03A9F4;
}
.hikaku01 .plan4{
  background: #009688;
}
.hikaku01 .plan4_i{
  color:#009688;
}
.hikaku01 .plan3{
  background: #4caf50;
}
.hikaku01 .plan3_i{
  color:#4caf50;
}
.hikaku01 .plan2{
  background: #cddc39;
}
.hikaku01 .plan2_i{
  color:#cddc39;
}
.hikaku01 .price{
  color: #fff;
  /*font-weight: bold;*/
  font-size: 1.4em;
  text-align: center;
  /*margin-bottom:10px*/
}
.hikaku01 .price span {
    font-size: .6em;
}
.hikaku01 .btn{
  background:#fff;
  color:#000;
  padding: 1em;
  border-radius:5px;
  display:block;
  text-decoration:none;
  font-size:.8em
}

@media screen and (max-width: 600px) {
  .hikaku01 .wrap{
     overflow-x: scroll;
  }
}



/* --------------------- */
.table-yoko-scrool {
	overflow: auto;
}

.table-yoko-scrool table {
	border-collapse: separate;
	border-spacing: 10px;
	border: 0px solid #fff;
	width: 100%;
	white-space: nowrap;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
}

.table-yoko-scrool caption {
	border: 1px solid #eee;
	border-radius: 10px;
	background-color: #eee;
	margin-bottom: 10px;
	padding: 5px;
}

.table-yoko-scrool th {
	background-color: #01406b;
	color: #fff;
  	text-align: center;
	padding: 6px 0 4px 0;
	width: 100px;
	border-radius: 10px;     /*position: sticky;
				      top: 0;
				      left: 0;*/
}

/*
    .table-yoko-scrool tr:first-child th:first-child {
      z-index: 1;
    }*/
.table-yoko-scrool .bg-white {
	background-color: rgba(0, 0, 0, 0);
	color: #252120;
	font-size: small;
	line-height: 1.6;
}

.table-yoko-scrool .bg-blue {
	background-color: #7aa5d2;
	color: #fff;
}

.table-yoko-scrool td {
	background-color: #e8e8e8;
	padding: 4px 10px;
	text-align: center;
	border-top: 1px solid #e8e8e8;
	border-radius: 10px;
}

.table-yoko-scrool td .memo{
  font-weight: 400;
  line-height: 1.5;
}

.table-yoko-scrool .bg-usu {
	background-color: #ffffff;
	padding: 4px 10px;
	text-align: left;
	line-height: 1.6;
	font-size: small;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
}

.table-yoko-scrool .bg-usu2 {
	background-color: #ffffff;
	padding: 4px 10px;
	text-align: left;
	line-height: 1.6;
  font-weight: 400;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
}

.table-yoko-scrool .bg-usu3 {
	background-color: #ffffff;
	padding: 4px 10px;
	text-align: left;
	line-height: 1.6;
  font-weight: 400;
	border: 1px solid #ffffff;
	border-radius: 10px;
}


@media (max-width:480px) {
	.table-yoko-scrool td {
		font-size: 12px !important;
		line-height: 24px !important;
	}

}


/* --------------------- */

.yoko-scrool-soto {
    width:90%;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	max-width: 96%;
	margin: 20px auto 30px auto;
    display:flex;
    overflow-x:scroll;
}


yoko-scrool-naka,
.yoko-scrool-naka img  {
      width: 400px;
    min-width: 60% !important;
    max-width: fit-content;
}