@charset "utf-8";
/* CSS Document */
/*メインビジュアル設定*/
.slick-slide img {
    display: block;
    max-width: 1600px;
    width: 100%;
    height: auto;
    margin: 0rem auto;
    margin-top: 87px;
}

/*------------------
  メイン設定
-------------------*/
.main_contents .inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 6rem;
}

/*------------------
メインコンテンツ
-------------------*/
.main_contents {
  text-align: center;
  line-height: 2;
}



/*------------------
シーズン
-------------------*/
.main_contents .season_box ul {
    display: flex;
    justify-content: space-between;
}
.main_contents .season_box ul li {
     position: relative;
     width: 31%;
}
.main_contents .season_box ul li img {
    width: 100%;
    height: auto;
}
.main_contents .season_box ul li .title {
    color: #fff;
    position: absolute;
    bottom: 3%;
    left: 8%;
    font-size: 2rem;
    font-weight: bold;
}
/*------------------
グルメ
-------------------*/
.main_contents .gurmet_box {
    background-color: #f3f3f3;
}
.main_contents .gurmet_box .wrapper {
    position: relative;
}
.main_contents .gurmet_box .wrapper img {
     width: 100%;
    height: auto;
}
.main_contents .gurmet_box .wrapper .title {
    position: absolute;
    font-size: 2rem;
    color: #fff;
    top: 40%;
    left: 41%;
    font-weight: bold;
}
/*------------------
ローカル
-------------------*/
.main_contents .local_box {
    background-color: #f3f3f3;
}
.main_contents .local_box .inner {
    padding: 0 0 6rem;
}
.main_contents .local_box .wrapper {
    position: relative;
}
.main_contents .local_box ul {
    display: flex;
    justify-content: space-between;
}
.main_contents .local_box ul li {
    position: relative;
}
.main_contents .local_box ul li img {
    width: 100%;
    height: auto;
}
.main_contents .local_box ul li .title {
    color: #fff;
    position: absolute;
    bottom: 3%;
    left: 8%;
    font-size: 2rem;
    font-weight: bold;
}
/*------------------
イベント
-------------------*/
.main_contents .event_box ul {
    display: flex;
    justify-content: space-between;
}
.main_contents .event_box ul li {
    position: relative;
    width: 31%;
}
.main_contents .event_box ul li img {
     width: 100%;
    height: auto;
}
.main_contents .event_box ul li .title {
    color: #fff;
    position: absolute;
    bottom: 3%;
    left: 8%;
    font-size: 1.6rem;
    font-weight: bold;
}
.main_contents .event_box ul li .month {
    color: #fff;
    position: absolute;
    top: 3%;
    right: 8%;
    font-size: 1rem;
    font-weight: bold;
}




@media screen and (max-width:501px) {
.sp_header {
    height: 0px;
}
.main_contents .inner {
    padding-bottom: 3rem;
    width: 90%;
}
/*------------------
メインビジュアル
-------------------*/
.slick-slide img {
    margin-top: 66px;
}
.slick-next {
    display: none !important;
}
/*------------------
シーズン
-------------------*/
.main_contents .season_box ul {
    display: block;
}
.main_contents .season_box ul li {
    width: 100%;
    margin-bottom: 1rem;
}
.main_contents .season_box ul li .title {
    font-size: 2rem;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background: rgba(255,255,255,0.3);
    width: 90%;
    padding: 1.6rem 0;
    text-shadow: black 0 0 5px;
}
.button a {
    padding: 0.3rem 0;
    max-width: 100%;
    margin: 2rem auto 3rem;
    font-size: 0.75rem;
}
/*------------------
グルメ
-------------------*/
.main_contents .gurmet_box .wrapper .title {
    bottom:auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background: rgba(255,255,255,0.3);
    width: 90%;
    padding: 3rem 0;
    text-shadow: black 0 0 5px;
}

/*------------------
ローカル
-------------------*/
.main_contents .local_box .inner {
    padding: 0 0 3rem;
}
.main_contents .local_box ul {
    display: block;
}
.main_contents .local_box ul li {
    width: 90%;
    margin: 0 auto 1rem;
}
.main_contents .local_box ul li .title {
    bottom:auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background: rgba(255,255,255,0.3);
    width: 90%;
    padding: 3rem 0;
    text-shadow: black 0 0 5px;
}
/*------------------
イベント
-------------------*/
.main_contents .event_box ul {
    display: block;
}
.main_contents .event_box ul li {
    width: 100%;
    margin-bottom: 1rem;
}
.main_contents .event_box ul li .title {
    bottom:auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background: rgba(255,255,255,0.3);
    width: 90%;
    padding: 3rem 0;
    text-shadow: black 0 0 5px;
}
}