@charset "UTF-8";
/* ***********************************************************
Title: theme.css
Since: 20xx-00-00
Last Modified: 20xx-00-00
***********************************************************
*/
.slideBlock{
  width: 100%;
  height: auto;
  /*max-height: 380px;*/
  margin: 0 auto 0;
  padding: 20px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
  background: url(../../img/slider/background.jpg)0 0 repeat;
  background-size: contain;
}
.slideWrapper {
  width: 100%;
  height: auto;
  margin: 10px auto 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
}
.slide {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
}
.slide img.sp {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
}
.slide img.pc {
  display: none;
}
.slide img{
  width: 100%;
  height: auto;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
  overflow: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-next {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/slider/arrow-right.png)50% 50% no-repeat;
  background-size: 30px auto;
  border: none;
  position: absolute;
  top: 0;
  bottom:0;
  right: -5px;
  cursor: pointer;
}
.slick-prev {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: none;
  background: url(../../img/slider/arrow-left.png)50% 50% no-repeat;
  background-size: 30px auto;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  cursor: pointer;
}
.col3Cell {
  width: 98%;
  height: auto;
  padding: 0;
  margin: 0 auto 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.col3Cell img{
  width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.col3Cell .txtArea{
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 auto 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.col3Cell h4{
  padding: 5px 0;
  margin: 0;
}
.contentBlock ul.news ,
.news-feed{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
}
.contentBlock ul.news li ,
.news-feed__item {
  width: 100%;
  height: auto;
  padding: 5px 30px 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
  border-bottom: 1px dotted #333;
  cursor: pointer;
}
.contentBlock ul.news li:after,
.news-feed__item:after {
  content: "";
  width: 15px;
  height: 15px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../../img/icons/icon-link-arrow.png)0 0 no-repeat;
  background-size: 15px 15px;
  position: absolute;
  top:0;
  bottom:0;
  right: 0;
}
p.date,
div.news-feed__date {
  width: 100%;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: bold;
  color: #333;
}
a.txt,
.news-feed__title a{
  width: 100%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  display: block;
  color:#7A6E56;
}
/*=============================== */
@media screen and (max-width:767px) {
  .slide img{
    width: 150%;
    height: auto;
    left: -25%;
    position: relative;
  }
  .slick-prev {
    left: 5px;
  }
    .slick-next {
    right: 5px;
  }
}
/*=============================== */
@media screen and (min-width:400px) {
  .slideBlock{
    /*max-height: 290px;*/
  }
  .slide {
    /*height: 290px;*/
  }
  .maincopyBlock h2.mainCopy{
    width: 80%;
    color: #fff;
    font-size: 2.5em;
    margin: 0 auto;
  }
  .copyTxt{
    display: none;
  }
}
/*=============================== */
@media screen and (min-width:768px) {
  .slide {
    height: 300px;
  }
  .slideBlock{
    max-height: 300px;
  }
  .slide img.sp {
    display: none;
  }
  .slide img.pc {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    display: block;
  }
  .slick-initialized .slick-slide {
    border: 20px solid #fff;
  }
  .contentBlock ul.news ,
  .news-feed {
    width: 640px;
    padding: 20px;
  }
  .contentBlock ul.news li ,
  .news-feed__item {
    padding: 0;
    border: none;
    position: static;
    overflow: auto;
  }
  p.date ,
  div.news-feed__date {
    width: 30%;
    height: auto;
    float: left;
    padding: 0 0;
    display: block;
  }
  a.txt ,
  .news-feed__title{
    width: 70%;
    height: auto;
    float: right;
    padding: 0 0 0;
  }
  .contentBlock ul.news li:after,
  .news-feed__item:after {
    display: none;
    position: static;
  }
  .col3Cell {
    width: 49%;
    float: left;
    margin: 0 2% 10px 0;
  }
  .col3Cell:nth-child(2),
  .col3Cell:nth-child(4) {
    margin: 0 0 10px 0;
  }
  .col3Cell:nth-child(5) {
    margin: 0 0 0 0;
  }
}
/*=============================== */
@media screen and (min-width:980px) {
  .slideWrapper {
    width: 980px;
  }
  .slideBlock{
    max-height: 380px;
  }
  .slide {
    width: 980px;
    height: 340px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
  }
  .slide.pc img {
    width: 940px;
  }
  .slick-next,
  .slick-prev {
    width: 60px;
    height: 60px;
    background-size: 60px auto;
  }
  .slick-next {
    right: -20px;
  }
  .slick-prev {
    left: -20px;
  }
  .col3Cell {
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .col3Cell:nth-child(2) {
    margin: 0 2% 20px 0;
  }
  .col3Cell:nth-child(3),
  .col3Cell:nth-child(6) {
    margin: 0 0 20px 0;
  }
  .col3Cell:nth-child(4),
  .col3Cell:nth-child(5) {
    margin: 0 2% 0 0;
  }
}