body{
  font-size: 1.6rem;
  color: #333;
  letter-spacing: 0.1em;
  background-color: #fcfcfc;
}

a{
  text-decoration: none;
  color: #333;
}

img{
}

.table{
  display: table;
}

.row{
  display: table-row;
}

.col{
  display: table-column;
}

.cell{
  display: table-cell;
  vertical-align: top;
}

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.contents_wrapper{
  min-width: 1400px;
  width: 100%;
  margin: auto;
}

.main{
  width: 100%;
  min-width: 1400px;
  min-height: 700px;
  background: url(../img/himi_top_main_01.jpg)
  no-repeat center top;
  background-size: cover;
}

.main .main_wrapper{
  padding: 0 20px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.main .header{
  margin-bottom: 40px;
  display: flex;
}

.main .logo{
  margin-right: auto;
}


.main .logo img{
  position: relative;
}

.main .catch{
  margin-top: 161px;
  display: block;
  float: right;
}

.slider{
  display: none;
}

.head_info{
  display: table;
  height: 170px;
  max-width: 1200px;
  width: 100%;
  margin: 75px auto 0;
  background-color: #f7f4f1;
  table-layout:fixed;
}

.head_info .info_head{
  display: table-cell;
  vertical-align: middle;
  width: 20%;
}

.head_info .info_head h2{
  display: block;
  padding: 60px 40px;
  max-width: 250px;
  text-align-last: justify;
  letter-spacing:0em;
  font-size: 20px;
  font-weight: normal;
  border-right: 2px solid #fff;
}

.head_info .info_body{
  display: table-cell;
}

.head_info .info_body ul{
  display: block;
  height: 135px;
  margin: 20px;
  overflow-y:scroll;
  text-overflow: ellipsis;
  white-space:nowrap;
  font-size: 15px;
}

.ranking .ranking_wrapper{
  padding: 0 20px;
  width: 1400px;
  margin: 0 auto;
}

.ranking .ranking_title{
  text-align: center;
}

.ranking .ranking_area{
  display: flex;
  text-align: center;
  margin: 75px auto 0;
  font-size: 14px;
}

.ranking .ranking_box{
  display: block;
  width: 20%;
  margin-right: 20px;
}

.ranking li:last-child{
  margin-right: 0;
}

.ranking .item_img{
  width: 200px;
}

.ranking .item_ranking_icon{
  display: block;
  width: 75px;
  position: relative;
  top: -250px;
  left: -20px;
}

.ranking p.item{
  display: block;
  position: relative;
  top: -75px;
}

.category .category_wrapper{
  padding: 0 20px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.category .category_title{
  text-align: center;
}

.category img.area_map{
  position: relative;
  float: right;
  top: -190px;
}

.category .CAT_wrapper{
  max-width: 1400px;
  min-width: 1400px;
  width: 100%;
  margin: 0 auto;
}

.category .category_area{
  font-size: 14px;
  margin-bottom: 1em;
}

.category .category_box.blank{
  width: 280px;
  display: block;
}

.category .category_box{
  display: table-cell;
  width:200px;
  padding-right: 80px;
}

.category li:last-child{
  margin-right: 0;
  padding-right: 0;
}

.category .item_img{
  width: 200px;
}

.category p{
  margin-bottom: 1.5em;
  font-size: 17px;
  text-shadow: 
    1px  1px 0px #ffffff,
    -1px  1px 0px #ffffff,
    1px -1px 0px #ffffff,
    -1px -1px 0px #ffffff,
    1px  0px 0px #ffffff,
    0px  1px 0px #ffffff,
    -1px  0px 0px #ffffff,
    0px -1px 0px #ffffff;  
}

.category .CAT_SeaFood{
  background-color: #f2f6fa;
  height: 1100px;
  min-width: 1400px;
}

.category .CAT_SeaFood .seafood_contents{
  display: table;
  position: relative;
  top: -150px;
}

.category .CAT_SeaFood .seafood_title{
text-align: right;
}

.category .CAT_SeaFood img.seafood_title{
  position: relative;
  right: 170px;
  top: -20px;
}

.category .CAT_SeaFood .seafood_photo{
  max-width: 770px;
}

.category .CAT_SeaFood .seafood_text{
  width: 520px;
  margin-left: 40px;
}

.category .CAT_SeaFood .seafood_contents .category_area{
  margin-left: 80px;
}

.category .CAT_SeaFood .seafood.table.second{
  position: relative;
  top: -150px;
  margin: 0 100px 0 auto;
}

.category .CAT_Beef{
  background-color: #edf3e9;
  height: 1100px;
  min-width: 1400px;
}

.category .CAT_Beef .CAT_wrapper{
  padding-top: 200px;
}

.category .CAT_Beef .beef_text{
  padding-right: 40px;
}

.category .CAT_Beef .beef.table.second{
  margin-left: 100px;
}

.category .CAT_Beef .beef_contents{
  margin-left: 100px;
  width: 560px;
}

.category .CAT_Beef img.beef_title{
  float: right;
  position: relative;
  top: -30px;
  left: 230px;
}

.category .CAT_Udon{
  background-color: #f6f5f1;
  height: 1100px;
  min-width: 1400px;
}

.category .CAT_Udon .udon.table{
  position: relative;
  top: 100px;
}

.category .CAT_Udon .udon_contents{
  width: 560px;
}

.category .CAT_Udon img.udon_title{
  float: right;
  position: relative;
  left: -220px;
}

.category .CAT_Udon .udon_photo{
  display: table-cell;
}

.category .CAT_Udon .udon_text{
  display: table-cell;
  vertical-align: top;
  padding: 40px 0 0 20px;
}

.category .CAT_Udon .category_area{
  margin-left: 80px;
  margin-top: 75px;
}

.category .CAT_Udon .category_area.second{
  margin-top: 0;
}

.category .CAT_Udon .udon.table.second{
  position: relative;
  top: 100px;
  margin: 0 100px 0 auto;
}

.category .CAT_Other .category_area{
  display: flex;
  text-align: center;
  margin-top: 75px;
  font-size: 14px;
  justify-content: center;
}

.category .CAT_Other .category_box{
  display: block;
  width: 100px;
  margin-right: 20px;
}

.category .CAT_Other .category_box .photo,
.category .CAT_Other .category_box .title{
  display: inline-block;
  margin-right: 20px;
}

.category .CAT_Other .other_title{
  text-align: center;
}

.category .Donation_Usase{
  margin: 0 auto;
  text-align: center;
  background-color: white;
  min-width: 1400px;
}

.category .Donation_Usase img{
  width: 700px;
}

/*====================================================================
slick
====================================================================*/

* {
  box-sizing: border-box;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}


#pickup_area{
  width:800px;
  display:block;
}

#pickup_area h2 img{
  width:100%;
  height:auto;
}


#pickup_area .pickup_box img{
  width:250px;
  height:250px;
}
#pickup_area .pickup_box_all{
  width:800px;
  justify-content:space-between;
  flex-flow: wrap;
  display: flex;
}
#pickup_area .pickup_box{
  display: block;
  width:250px;
  height:auto;
  float:left;
}

#pickup_area .pickup_box p.box-read{
  height:100px;
  overflow: hidden;
}