/* CSS Document */


.food_compare_tab td{
    padding:5px;
    font-size:12px!important;
	width:125px;
}

.food_compare_tab {
	width: 760px!important;
	margin: 0 0 20px;
	border-collapse: collapse;
	border: 1px #CCCCCC solid;

}
.food_compare_tab th {
	padding: 3px!important;
	background: #EEEEEE;
	border: 1px #CCCCCC solid;
}
.food_compare_tab td {
	padding: 3px!important;
	border: 1px #CCCCCC solid;
	vertical-align:top;
	width:125px;
	background:#FFF!important;

}
.food_compare_tab tr.even td {
	background: #EFEFEF!important;
	border: 1px #CCCCCC solid;
}

.bland_name li{
    float:left;
	margin:0 10px 10px 0;
	list-style-type:none;
	font-size:80%!important;
	line-height:16px;
}

.bland_name img{
    margin:0 0 5px 0;
}

.clear{
    clear:both;
}

.main{
    margin:0 0 20px 0;
}

.spec_tit{
    font-size:100%;
	margin:40px 0 10px 0;
}

.mt20{
    margin:20px 0 0 0;
}

#spec_cap{
 	width: 780px!important;
	margin: 20px 0 20px 0;
	border-collapse: collapse;
	border: 1px #CCCCCC solid;
}

#spec_cap td{
    padding:5px!important;
	border: 1px #CCCCCC solid;
}

#spec_cap #cap{
    background:#fff1f1;
}

.toha{
    margin:5px;
	padding:5px;
	background:#f5dbdb;
}

.spec_tit01{
   border-left:#DE4721 solid 5px;
   padding:0 0 0 10px;
   margin:0 0 15px 0;
   line-height:200%;
   }
   
   
.btn_area{
    background:#FAF1DE;
	padding:10px;
	margin:20px 0;
}
.btn_area ul{
    list-style-type:none;
}

.btn_left{
    float:left;
	margin:0 20px 0 0;
}


.btn_right{
    float:right;
}

.food_nav{
   margin:0 0 20px 0;
   text-align:right;
}



/*==================================================
 * Effect 2
 * ===============================================*/
.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	width:70%;
	height:200px;
	background:#FFF;
	margin:40px auto;
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * 202005追記
 * ===============================================*/
/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  /**max-height: 80vh;*/
  width:100%!important;
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 14px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
  background:#fff!important;
}
.p-sticky-table th{
  background:#efefef !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}

.spec_name th{
	background:#fbeeee!important;
}

.p-sticky-table tr{
  border-bottom:none !important;
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
.spec_mT10{
	margin-top:10px!important;
}
	



/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
   /** max-height: 60vh;**/
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
        font-size: 12px !important;
        padding: 7px !important;
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}