/* ドライフルーツにどのようなものがある？ */

	
/* 3行目のスタイル */
TABLE.hpb-cnt-tb1 TR:nth-child(1){
  background-color :#9e1f49;
color:white;
font-weight:bold;
}

TABLE.hpb-cnt-tb_lady TR:nth-child(1){
  background-color :#fed8cb;
color:black;
font-weight:bold;
}

TABLE.hpb-cnt-tb_gentle TR:nth-child(1){
  background-color :#a6e0ff;
color:black;
font-weight:bold;
}

TABLE.hpb-cnt-tb_total TR:nth-child(1){
  background-color :#9edcc7;
color:black;
font-weight:bold;
}





table{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr{
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

table tr:hover{
  background-color:#feefeb;
}

table tr.ub{
  border-bottom: double 4px #cccccc;
  cursor: pointer;
}


table tr.b_non{

}




table th,table td{
  text-align: center;
  width: 16.6%;
  padding: 15px 0;
}

table td.icon{
  background-size: 35px;
  background-position: left 5px center;
  background-repeat: no-repeat;
  padding-left: 30px;
}

table td.icon.bird{
  background-image: url(icon-bird.png)
;
}

table td.icon.whale{
  background-image: url(icon-whale.png)
;
}

table td.icon.crab{
  background-image: url(icon-crab.png)
;
}

table td.cel_lady {background-color:#fed8cb;
color:;
font-weight:bold;
}


table td.cel_gentle {background-color:#a6e0ff;
color:;
font-weight:bold;
}

table td.cel_total {background-color:#9edcc7;
color:;
font-weight:bold;
}



@charset "Shift_JIS";

*, *::before, *::after{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#s_220705{
  width:100%;
float:left;
}

#s_220705 strong{
  font-size:25px;
}



#s_img{
  width:50%;
float:left;
margin:0;
padding:
}

#s_img img{
  width:450px;

}

#s_left{
  width:50%;
float:left;
margin:0;
padding:
}

.s_left_d{
  font-size:;
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#s_220705_s{
  width:100%;
float:left;
}

#s_220705_s strong{
  font-size:25px;
}

#s_img_s{
  width:35%;
float:left;
margin:0;
padding:0;
}

#s_img_s img{
  width:100%;

}

#s_left_s{
  width:65%;
float:left;
margin:0;
padding:0 0 0 30;
}

.s_left_s_d{
  font-size:;
}






 #res_t table{
  border-collapse: collapse;
  width: 100%;
}

 #res_t th,
 #res_t td{
  padding: 1rem 2rem;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

 #res_t th{
  font-weight: normal;
  font-size: .875rem;
  color: #666;
  background: #eee;
  position: sticky;
  top: 0;
}

 #res_t img{
  width: px;
  display: block;
  margin: 0 auto;
  margin-bottom: .5rem;
}



 #res_t h1{
  text-align: center;
  font-size: 2.5rem;
  font-family: 'El Messiri', sans-serif;
}




.org{
  background-color:#ffdab5;
}

.org_s{
  background-color:#fff1e3;
}





#clm_250919 ul
{width:100%;
margin:0;
background-color:;
float:left;
}

#clm_250919 ul li
{width:23%;
margin:0 10 80 10;
padding:10;
background-color:#f9f9f9;
float:left;
list-style:none;
text-align:center;

}

#clm_250919 ul li img
{width:40%;
margin:0;
background-color:;
}

#clm_250919 a {display:block;
text-decoration:none;}


#clm_250919 a:hover{
    opacity: 0.7;}


@media screen and (max-width:900px) {


#clm_250919 ul
{width:100%;
margin:0;
background-color:;
float:left;
}

#clm_250919 ul li
{width:33%;
margin:0;
padding:10;
background-color:white;
float:left;
list-style:none;
text-align:center;

}

#clm_250919 ul li img
{width:80%;
margin:0;
background-color:;
}

#clm_250919 a {display:block;
width:100%;
background-color:#f9f9f9;
margin:0 5 0 5;
padding:0;
text-decoration:none;}


#clm_250919 a:hover{
    opacity: 0.7;}
}



@media screen and (max-width:680px) {


#clm_250919 ul
{width:100%;
margin:0;
background-color:;
float:left;
}

#clm_250919 ul li
{width:50%;
margin:0;
padding:10;
background-color:white;
float:left;
list-style:none;
text-align:center;

}

#clm_250919 ul li img
{width:80%;
margin:0;
background-color:;
}

#clm_250919 a {display:block;
width:90%;
background-color:#f9f9f9;
margin:0 5 0 5;
padding:0;
text-decoration:none;}


#clm_250919 a:hover{
    opacity: 0.7;}
}


@media screen and (max-width:900px) {
.MsoNormalTable2{
  display:none;
}


#s_220705{
  width:100%;
display:block;
}

#s_img{
  width:100%;
}

#s_img img{
  width:100%;
}

#s_left{
  width:100%;
}


/*＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#s_220705_s{
  width:100%;
float:left;
display:none;
}

#s_img_s{
  width:50%;
float:left;
margin:0;
padding:0;
}

#s_img_s img{
  width:450px;

}

#s_left_s{
  width:50%;
float:left;
margin:0;
padding:0;
}


#s_t_s td{
  display:block;
width:100%;
}



}


/*＿＿＿＿＿＿＿＿＿＿*/
@media screen and (min-width:900px) {

#s_220705{
  width:100%;
display:none;
}

#s_img{
  width:100%;
}

#s_img img{
  width:100%;
}

#s_left{
  width:100%;
}



#s_t_s{
  display:none;
}



}