@charset "utf-8";
body {
  background: #eeede9;
}
.clear_fix {
  clear: both;
}
.wrap_news {
  float: left;
  width: 100%;
  border-bottom: 3px solid #d2161a;
  padding-top: 7px;
}
.news_text {
  float: left;
  position: relative;
  line-height: 44px;
  font-size: 33px;
  padding-bottom: 5px;
  letter-spacing: 1.95px;
}
.news_link {
  background-image: url(/shared/img/svg/ar08.svg);
  background-repeat: no-repeat;
  background-position: right 2px;
  float: right;
  padding: 1px 20px 12px;
  font-size: 16px;
  background-size: 11px;
  margin-right: 21px;
}
.news_h2 {
  font-size: 28px;
  padding-left: 0;
  margin-top: 14px;
  letter-spacing: -1.65px;
  margin-bottom: 16px;
  line-height: 38px;
}
.news_h2, .social_time {
  float: left;
  width: 100%;
}
.time_date {
  color: #918769;
  font-size: 16px;
  float: left;
}
.time_tit {
  color: #fff;
  font-size: 12px;
  background: #918769;
  padding: 3px 7px;
  margin-right: 12px;
  float: left;
}
.socialWrap {
  float: right;
}
.cate_content {
  background: #fff;
  float: left;
  padding: 48px;
  word-break: break-all;
}
.cate_first {
  padding: 23px 0 68px;
  border-bottom: 1px solid #d8d8d8;
  float: left;
  width: 100%;
}
.cate_other {
  padding: 66px 0 7px;
}
.first_img {
  float: left;
  width: 39%; /* .edit_img_cate */
  margin-right: 2%;
}
.first_text {
  float: left;
  width: 58%; /* .edit_text_cate */
  line-height: 26px;
  margin-top: -7px;
  letter-spacing: .5px;
}
.other_img {
  float: left;
  width: 44%; /* .edit_other_img1 44%; */
  margin-right: 2%;
}
.other_img_r {
  float: right;
  width: 44%; /* .edit_other_img 41% */
  margin-left: 2%;
}
.other_text {
  float: left;
  width: 54%;/* .edit_other_text 54%-57% */
  margin-top: -7px;
  -webkit-text-size-adjust: 100%; /* for iPad */
}
.other_tit {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -1px;
  position: relative;
  padding-left: 0; /* .noPDleft */
}
.other_tit>span {
  color: #fff;
  background: #e10000;
  padding: 1px 9px;
  font-size: 16px;
  margin-right: 10px;
  position: absolute;
  top: 5px;
  left: 0;
}
.other_content {
  margin-top: 23px;
  margin-bottom: 0;
  line-height: 26px;
  letter-spacing: .5px;
}
.other_content p {
  margin: 22px 0;
}
.just_border {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  float: left;
  padding-bottom: 68px;
}
.prev_next_link {
  width: 100%;
  float: left;
  width: 111%;
  display: table;
  text-align: center;
  margin: 0 -5.5%;
  margin-top: 36px;
  margin-bottom: 79px;
}
a.link_center, a.link_next, a.link_prev {
  padding: 15px 32px 15px 15px;
  display: table;
  border: 1px solid #707070;
  margin: 0 auto;
  background-image: url(/shared/img/svg/ar08.svg);
  background-repeat: no-repeat;
  background-position: center right 15px;
  text-align: center;
  height: 76px;
  width: 100%;
}
a.link_center:hover, a.link_next:hover, a.link_prev:hover {
  text-decoration: none;
  background-color: rgba(0,0,0,.5);
  color: #fff;
  background-image: url(/shared/img/svg/ar02.svg);
}
a.link_prev {
  background-image: url(/oishii_news/img/prev1.png);
}
a.link_prev, a.link_prev:hover {
  background-repeat: no-repeat;
  background-position: center left 15px;
  padding: 15px 15px 15px 32px;
}
a.link_prev:hover {
  background-image: url(/oishii_news/img/prev1_h.png);
}
.wrap_center, .wrap_next, .wrap_prev {
  float: left;
  width: 33%;
  padding: 0 5%;
}
.wrap_next {
  float: right;
}
.link_center>p, .link_next>p, .link_prev>p {
  display: table-cell;
  vertical-align: middle;
}
.ico-h3 {
  padding-top: 67px;
  padding-bottom: 47px;
}
.ico-h3 h3 {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 2px;
  position: relative;
  text-align: center;
}
.ico-h3 h3.ico-02:after {
  content: "";
  width: 34px;
  height: 35px;
  background: url(/oishii_news/img/cate_file1.png) no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  margin: auto;
}
.wrap_bottom {
  float: left;
  width: 100%;
  background: #fff;
}

.more_info{
  float: left;
  width: 100%;
  border: 1px solid #918769;
  margin-top: 68px;
  display: block;
  padding-top: 1px;
  position: relative;
}
.more_info:hover{
  background: rgba(146, 135, 105, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.more_info:hover img, .more_info:hover .mi_top{
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
.more_info_desc {
  margin-top: 10px;
  line-height: 26px;
  letter-spacing: .5px;
  float: right;
  width: 100%;
}
.mi_top{
  float: left;
  background: #e30000;
  color: #fff;
  position: relative;
  padding: 1px 11px 4px 37px;
}
.mi_top:after{
  position: absolute;
  content: "";
  display: block;
  background: url(/oishii_news/img/icon24.png) no-repeat 7px 3px;
  width: 26px;
  height: 24px;
  background-size: contain;
  top: 0;
  left: 0;
}
.mi_left{
  float: left;
  width: 30%;
}
.mi_right{
  float: left;
  width: 70%;
  padding: 31px;
}
.mi_title{
  font-size: 25px;
  font-weight: bold;
  clear: both;
  padding-top: 17px;
  padding-bottom: 6px;
}
.mi_content{
  margin-bottom: 23px;
}
.mi_link{
  float: left;
  background-image: url(/shared/img/svg/ar08.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 21px;
}
.for_cate{
  text-align: center;
  font-size: 0;
}
ul.column.col4.for_cate>li{
  float: inherit;
  display: inline-block;
  vertical-align: top
}
.for_cate .box-colum-txt{
  text-align: left;
}
.isBreak {
  display: none;
}
.date>span{
  background: #e20000;
  color: #fff;
  padding: 2px;
  margin-right: 3px;
}
@media only screen and (max-width:640px) {
  .cate_content {
    padding: 5px 23px;
  }
  .cate_content img {
    width: 100%;
  }
  .first_img {
    width: 100%;
    margin-right: 0;
  }
  .first_text {
    width: 100%;
    margin-top: 20px;
  }
  .cate_first {
    padding: 23px 0 35px;
  }
  .cate_other {
    display: block;
    width: 100%;
    float: left;
    padding-top: 24px;
  }
  .just_border {
    padding-bottom: 35px;
    margin-bottom: 10px;
  }
  .other_img, .other_img_r {
    width: 100%;
    margin: 0 0 24px;
  }
  .other_text {
    float: left;
    width: 100%;
    margin-top: 0;
  }
  .prev_next_link {
    float: left;
    width: 100%;
    margin: 0;
  }
  .wrap_center, .wrap_next, .wrap_prev {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 30px 0;
  }
  .wrap_center {
    float: right;
    border-top: 1px solid #d8d8d8;
  }
  .wrap_next {
    padding: 15px 0 30px;
  }
  .time {
    float: left;
    margin-bottom: 10px;
  }
  .news_h2 {
    font-size: 22px;
    letter-spacing: .5px;
  }
  .wrap_news {
    padding-top: 15px;
  }
  .news_link {
    margin-top: 5px;
  }
  .ico-h3 h3 {
    padding-top: 10px;
  }
  .ico-h3 h3.ico-02:after {
    bottom: 100%;
  }
  .isBreak {
    display: block;
  }
  .mi_left {
    width: 100%;
  }
  .more_info {
    margin-top: 43px;
    margin-bottom: 20px;
  }
  .mi_right {
    width: 100%;
    padding: 31px;
  }
  .more_info_desc {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .other_tit {
    font-size: 22px;
  }
  .other_content p {
    margin: 16px 0;
  }
  .other_content {
    margin-top: 0;
  }
  .no_data {
  	padding: 0; /* div.wrap_prev */
  }
}
@media (max-width:480px) {
  .other_tit {
    font-size: 18px;
  }
}
@media (max-width:425px) {
  .mi_right {
    padding: 14px;
  }
  .mi_title {
    font-size: 22px;
  }
}
@media (max-width:360px) {
  .ico-h3 h3 {
    font-size: 22px;
  }
}

/* ADDNDSS */
.cate_content {
	width: 100%;
	max-width: 1200px;
}
div.first_img img {
	min-width: 100%;
}
.news_h2, .first_text, .other_text {
	word-break: break-all;
}
.other_content {
	white-space: pre-wrap;
}
.no_img {
	width: 100%;
}
.first_text a,
.other_content a {
  text-decoration: underline;
  color: #e10000;
  transition: none;
}
.first_text a:hover,
.other_content a:hover {
  text-decoration: none;
  color: #231814;
}
