@charset "Shift_JIS";

html {
  overflow: auto;
}
body {
  font-family: "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "メイリオ",
    "ヒラギノ角ゴ ProN W3", "モリサワ 新ゴ R", "Droid Sans", "sans-serif";
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #482804;
  overflow: auto;
}
a img {
  border-style: none;
}
a:link {
  color: #482804;
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: #482804;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #482804;
  text-decoration: none;
  cursor: pointer;
}
a:active {
  color: #482804;
  text-decoration: none;
  cursor: pointer;
}
a:any-link,
a:-o-any-link,
a:-ms-any-link,
a:-moz-any-link,
a:-webkit-any-link {
  text-decoration: none;
}

a.dl:link {
  color: #ff6600;
  text-decoration: none;
}
a.dl:visited {
  color: #ff6600;
  text-decoration: none;
}
a.dl:hover {
  color: #ff6600;
  text-decoration: none;
}
a.dl:active {
  color: #ff6600;
  text-decoration: none;
}

h1,
h2 {
  margin: 0;
  padding: 0;
}

/* ---------- clearFix ---------- */

/* begin clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* contents-css
------------------------------------------------------------------------------------------------------*/
#contents {
  margin: 0 auto;
  width: 100%;
  clear: both;
}
#contain {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  background-color: #000;
}
#contain .block,
#contain img {
  width: 100%;
}

/* ---------- mainVisual & top_new ---------- */
#contain #mainVisual,
#contain #top_new {
  display: table-cell;
}
#contain #top_new {
  vertical-align: top;
  text-align: center;
}
#contain #top_new {
  width: 45.9%;
}
#top_new_inner {
  background: url(../../images/bg_bnrslide.png);
}
#corner_cm,
#corner_bnr,
#corner_about,
#corner_recipe,
#corner_products {
  height: 60px;
  width: 60px;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.corner_pict {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 10%;
  height: 10%;
}
.corner_arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10%;
  height: 10%;
  margin-bottom: 3.7%;
  opacity: 1;
}
#top_main_inner .corner_arrow {
  margin-bottom: 0;
}
#top_recipe_inner .corner_arrow {
  margin-bottom: 33.5%;
}
#top_about_inner .corner_arrow,
#top_products_inner .corner_arrow {
  width: 5%;
  height: 5%;
  margin-bottom: 2.5%;
}

.imgov_bg {
  background-color: #f2ebe0;
  position: relative;
}
.bnr_box_base {
  display: inline-block;
  overflow: hidden;
  position: relative;
  /* 	width: 288px;
margin: 0 auto; バナー1つのみ（中央寄せ）*/
}
.bnr_box_base .ov_icon {
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: 46%;
  opacity: 0;
  cursor: pointer;
}
.bnr_box_base .ov_icon {
  display: block;
}
.bnr_box_base .ov_icon a {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.bnr_box_inner p {
  -moz-transition: -moz-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  -ms-transition: -ms-transform 0.2s linear;
  transition: transform 0.2s linear;
}
.bnr_box_base .ov_img {
  display: block !important;
  margin-right: 3%;
  margin-left: 3%;
}
.bnr_box_inner p span {
  display: inline-block;
  box-shadow: 0px 0px 3px 3px #ddd;
  -moz-box-shadow: 0px 0px 3px 3px #ddd;
  -webkit-box-shadow: 0px 0px 3px 3px #ddd;
  overflow: hidden;
}
.bnr_area {
  padding: 0 2.5%;
  text-align: center;
}
.mid_bnr.bnr_area {
  padding: 0;
}
.mid_bnr.bnr_area .mid_bnr_inner {
  position: relative;
  width: 92.1875%;
  margin: 0 auto;
  overflow: hidden;
}
.mid_bnr.bnr_area .mid_bnr_inner_top {
  position: relative;
  width: 83.4875%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 1% 0;
}
.mid_bnr.bnr_area .mid_bnr_inner_top .mid_bnr_inner_item{
  width: 48%;
  list-style-type: none;
}
.mid_bnr.bnr_area .mid_bnr_inner_top .mid_bnr_inner_item .cp_bnr{
  display: block;
  width: 100%;
}
.mid_bnr.bnr_area .mid_bnr_inner_top .mid_bnr_inner_item .cp_bnr:hover{
  opacity: .8;
}
.mid_bnr.bnr_area .carousel {
  position: relative;
  top: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mid_bnr.bnr_area .carousel li {
  position: relative;
  float: left;
  width: 45%;
}
.mid_bnr.bnr_area .carousel li a {
  display: block;
  padding: 3%;
  box-sizing: border-box;
}
.mid_bnr.bnr_area .carousel li a img {
  vertical-align: bottom;
}
.mid_bnr.bnr_area .carousel li a:hover,
.backshop_bnr:hover {
  opacity: 0.8;
}
.mid_bnr.bnr_area .not_carousel {
  width: 49.15%;
  margin: 0 auto;
  padding: 1% 0;
  list-style: none;
}
.bnr_list_btn {
  position: absolute;
  width: 5%;
  padding-top: 16.2%;
  margin-top: 1%;
  cursor: pointer;
}
.bnr_list_btn.prev {
  left: -0.3%;
  background: #f2ebe0 url(../../images/controls.png) no-repeat right center;
  background-size: 200%;
}
.bnr_list_btn.next {
  right: -0.3%;
  background: #f2ebe0 url(../../images/controls.png) no-repeat left center;
  background-size: 200%;
}

/* マウスオーバー変形用
------------------------------------------------------------------------------------------------------*/
.transBox {
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
}
.transBoxInner {
  position: absolute;
  left: 0;
  top: 0;
}
#top_main_inner03,
#top_main_inner04,
.top_new_inner03,
.top_new_all,
.top_new_inner04,
/*#top_cm_inner03,*/
#top_bnr_inner03,
#top_cp_bnr_inner03,
#top_about_inner03,
#top_recipe_inner03,
#top_products_inner03 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#contain #top_main_inner img.corner_pict {
  width: 10%;
}

/* ローディング用
------------------------------------------------------------------------------------------------------*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 99999;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  margin-left: -16px;
  text-align: center;
  color: #444;
  z-index: 100000;
}

/* TOPへ戻る用
------------------------------------------------------------------------------------------------------*/
#fixedTop {
  right: 40px;
  bottom: 40px;
  width: 42px;
  height: 42px;
  text-align: center;
  display: none;
  position: fixed;
  z-index: 4;
  -webkit-transform: translateZ(0);
}
#fixedTop:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
}

/* modal
------------------------------------------------------------------------------------------------------*/
.modal-left {
  width: 50%;
  float: left;
}
.modal-right {
  width: 50%;
  float: left;
}
.modal-center {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.sub-tit01 {
  max-width: 222px;
  margin: 0 auto 4%;
  clear: both;
  padding-top: 5%;
}
.story_txt {
  max-width: 638px;
  margin: 0 auto 4%;
}
.sub-tit02 {
  max-width: 92px;
  margin: 0 auto 4%;
  clear: both;
  padding-top: 5%;
}
.sub-tit03 {
  max-width: 254px;
  margin: 0 auto 4%;
  clear: both;
  padding-top: 10%;
}
.modal-left2,
.modal-right2 {
  float: left;
}
.modal-left2 {
  margin-left: 22%;
  width: 14%;
}
.modal-right2 {
  margin-left: 2%;
  width: 46%;
}
#cm_page .sub-tit01,
#cm_page .sub-tit02,
#cm_page .sub-tit03 {
  max-width: 254px;
}

@media screen and (min-width: 751px) {
  .spdsp {
    display: none !important;
  }
  .link_area > div {
    float: left;
  }
  .link_area .w50 {
    width: 50%;
  }
  #topbnr_2:after {
    clear: both;
    display: block;
    content: "";
  }
  #topbnr_2 {
    width: 94%;
    padding-top: 3%;
    padding-top: 26px;
    padding-left: 0;
    margin: 0 auto;
  }
  #topbnr_2 li {
    list-style: none;
    float: right;
    width: 48%;
  }
  #topbnr_2 li:first-child {
    float: left;
  }
}

@media screen and (max-width: 750px) {
  .spdpc {
    display: none !important;
  }
  #bnrSlide_box {
    width: 100vw;
  }
  #bnrSlide_box .not_slide{
   width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
  }
  #bnrSlide_box .not_slide li{
   width: 84%;
   margin: 0 auto;
  }
  #bnrSlide_box .not_slide li a{
   display: block;
  }
  #bnrSlide_box .not_slide li img{
    width: 100%;
    height: 100%;
    margin: 6.4vw 0;
  }
  #bnrSlide_box ul li {
    height: 100%;
    width: 84%;
  }



  #bnrSlide_box ul li img {
    width: 72%;
    height: 100%;
    margin: 0 auto 6.4vw;
  }
  #feed-next-btn {
    background: #ff0000;
    display: block;
    width: 20px;
    height: 20px;
  }

    /* -------------- 220615 slideCut//// -------------- */

/*
	 #bnrSlide_box{
		padding-top: 20px;
	  }
*/
	
	  #bnrSlide_box ul li {
		list-style: none;
		width:122%;
	 }

	 #bnrSlide_box ul li img {
		height: auto;
		margin: 0 auto;
	 }
	
		/* -------------- ////220615 slideCut -------------- */

  #bnrSlide_box .bx-wrapper .bx-controls-direction a.bx-next {
    margin-top: -16vw;
    right: 1vw;
    height: 100%;
    width: 42px;
    background: transparent url(/countrymaam/images/arrow_r_slide.png) center
      center no-repeat;
    background-size: auto;
    z-index: 4;
  }
  #bnrSlide_box .bx-wrapper .bx-controls-direction a.bx-prev {
    margin-top: -16vw;
    left: 1vw;
    height: 100%;
    width: 42px;
    background: transparent url(/countrymaam/images/arrow_l_slide.png) center
      center no-repeat;
    background-size: auto;
    z-index: 4;
  }
  #bnrSlide_box .bnr_cp {
    width: 72%;
    margin: 0 auto;
    padding: 4vw 0;
  }
  #bnrSlide_box .bnr_cp li{
    width: 100%;
    list-style-type: none;
  }
  #bnrSlide_box .bnr_cp li + li{
    margin-top: 4vw;
  }
  #bnrSlide_box .bnr_cp a{
    display: block;
  }
  #bnrSlide_box .bnr_cp a img{
    width: 100%;
    margin: 0;
  }
  .mid_bnr.bnr_area {
    display: none;
  }
  .foot_bnr.bnr_area {
    padding: 2% 3%;
    text-align: center;
  }
  .foot_bnr.bnr_box_base .ov_img {
    margin: 2%;
  }
  #contain .transBoxInner img {
    width: 100vw;
  }
  #contain .transBoxInner.slideUpLink.arrow img {
    width: 100%;
  }
  #contain .block {
    width: 100vw;
  }
  #contain #mainVisual {
    display: table-cell;
    width: 100%;
  }
  #mainTxt {
    display: table-cell;
    width: 40%;
  }
  #contain #top_new {
    display: block;
    width: 100%;
    height: 200px;
  }
  #top_new_inner {
    background: none;
  }
  #contain img#top_products_inner04 {
    width: 100vw;
  }
  #top_cm_inner03 {
    display: none;
  }

  /* cm_page */
  #cm_page .modal-left {
    width: 100%;
    float: none;
  }
  #cm_page .modal-center {
    width: 100%;
    float:none;
  }
  #cm_page .modal-right {
    width: 100%;
    float: none;
  }

  #cm_page .modal-left2 {
    width: 26.666666666666667%;
    float: none;
    margin: 0 auto;
  }

  #cm_page .modal-right2 {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
  #cm_page .story_txt {
    max-width: none;
    width: 90%;
  }
  #cm_page #contain_cm .sec01 .movie_title {
    font-size: 3.2vw;
  }
  #cm_page .sub-tit01,
  #cm_page .sub-tit02,
  #cm_page .sub-tit03,
  #cm_page h2.main_ttl {
    max-width: none;
    margin: 0 auto 4%;
    width: 33.8667%;
  }

  .bnr_box_base {
    width: 46%;
  }

  /* about_page */
  #about_page #contain_about .sec03 {
    margin-top: 18.9333vw;
  }

  /* products_page */
  #products_page #contain_products .main_ttl {
    width: 100vw;
  }
  #products_page #contain_products .category_ttl {
    width: 88vw;
    margin-top: -50px;
    padding-top: 50px;
  }
  #products_page .category_wrapper {
    margin: 0 auto;
    text-align: center;
    width: 90vw;
  }

  #contain #top_main_inner .corner_arrow.corner_arrow_bnr,
  #contain #top_main_inner #corner_tmain {
    display: none;
  }
  #contain #top_main_inner a.transBoxInner {
    cursor: pointer;
  }

  #productsModal {
    -webkit-overflow-scrolling: touch;
  }
}

.btm_lnk_mv {
    width:100%;
    position:fixed;
    bottom:-194px;
    left:0;
    padding:0 0 10px;
    text-align:center;
    transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    background:transparent url(/countrymaam/common/images/bg_btm_lnk_mv.png) center top no-repeat;
}
.btm_lnk_mv.act {
    bottom:0;
}
.btm_lnk_mv .btm_lnk_cl_btn img {
    width:150px;
    height:36px;
    cursor:pointer;
}
.btm_lnk_mv .btm_lnk_mv_btn a {
    display:block;
    width:816px;
    height:179px;
    margin:0 auto;
    line-height:0;
    font-size:0;
    background:transparent url(/countrymaam/common/images/btn_mv_post.png) center top no-repeat;
    background-size:816px 358px;
}
.btm_lnk_mv .btm_lnk_mv_btn a:hover {
    background:transparent url(/countrymaam/common/images/btn_mv_post.png) center bottom no-repeat;
}

@media screen and (max-width:750px) {
    .btm_lnk_mv {
        width:100%;
        position:fixed;
        bottom:-20.5vw;
        left:0;
        padding:0 0 1.3333vw;
        text-align:center;
        transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        -ms-transition: all .4s;
        background:transparent url(/countrymaam/common/images/bg_btm_lnk_mv.png) center top no-repeat;
    }
    .btm_lnk_mv .btm_lnk_mv_btn a {
        display:block;
        width:86vw;
        height:18.865196078431373vw;
        margin:0 auto;
        line-height:0;
        font-size:0;
        background:transparent url(/countrymaam/common/images/btn_mv_post.png) center top no-repeat;
        background-size:86vw;
    }
    .btm_lnk_mv .btm_lnk_mv_btn a img {
        width:100%;
    }
    .btm_lnk_mv .btm_lnk_mv_btn a:hover {
        background:transparent url(/countrymaam/common/images/btn_mv_post.png) center bottom no-repeat;
        background-size:86vw;
    }
}
