@charset "UTF-8";
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}


html, body {
  margin: 0;
  padding: 0;
}

.wrapper {
  overflow: hidden;
}

img {
  border-style: none;
}

a img:hover{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.morelink a:hover{filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

.rotate {
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

/* BLOCK 1*/
.top {
  height: 100%;
  background-color: #006837;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
  text-align: center;
}

.top img {
  width: 100%;
  height:auto;
  vertical-align: bottom;
}

.top3 {
  display: none;
}
.pc_only{
  display:none;
}
.sp_only{
  display:inline;
}
/*topここまで*/
h1 {
  margin: 0;
}

.svg {
  position: absolute;
  z-index: -1;
  width: 100%;
}

.tit {
  margin: 50px 0 0 10px;
}

.sp_tit img {
  width: 85%;
}

.esp .tit {
  padding: 20px 0;
  max-height: 154px;
  max-width: 550px;
}

.esp .sp_tit img {
  width: 80%;
}

.esp .sp_tit .deco{
  position:relative;
  width:15%;
  top:-30px;
}
.product {
  text-align: center;
  margin-top: 85px;
  margin-bottom: -50px;
}

.product img {
  width: 80%;
  margin: 5px;
}

hr {
  margin-left: -10px;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.product .tuna {
  width: 80%;
}

.product .titpic {
  width: 90%;
}

.product p {
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 10px;
  clear:left;
}

/*目玉商品ここまで*/
.allproduct .tit {
  margin-top: 100px;
  padding: 20px 300px 20px 60px;
  margin-left: -40px;
  max-height: 200px;
  max-width: 460px;
  background-color: #e32485;
}

.slyder {
  margin-top: 100px;
  margin-left: -30px;
}

.slyder2 {
  margin-left: -30px;
}

.slyder3 {
  margin-left: -30px;
}

.slyder_area {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-bottom: 50px;
  margin-top: -80px;
}

.infiniteslide1 {
  height: 115px;
}

.infiniteslide2 {
  height: 115px;
}

.infiniteslide1 li,
.infiniteslide2 li {
  width: 95px;
}

.infiniteslide1 img {
  width: 100%;
}

.infiniteslide2 img {
  width: 100%;
}

.under-tri {
  margin-top: -325px;
}

/*商品一覧ここまで*/
.flyer .line {
  background-color: #119d47;
  width: 100%;
}

.flyer .tit {
  margin: 10px 10px;
}

.button_area {
  /*margin:20px auto;*/
  width: 100%;
  /*margin-left:3%;*/
  text-align: center;
}

.button {
  width: 30%;
  margin: 20px 0;
  float: left;
}

.button img {
  box-shadow: 3px 3px #666;
}

.buttons {
  width: 95%;
  margin-left: auto;
}

.flyer .button_no {
  margin-bottom: -20px;
}

.flyer_pict {
  width: 30%;
  margin: 15px 5px;
  float: left;
}



.flyer p span{
  display: block;
}

.cookpad .line {
  background-color: #119d47;
  margin-top: 40px;
  width: 100%;
}

.cookpad .tit {
  margin: 10px 10px;
  width: 70%;
}
.cookpad .deco{
  width:15%;
  position:relative;
  margin:5px 5px 5px 15px;
  top:-20px;
}
.cook_bnr {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.cook_text{
  text-align: center;
}
.cook_text p{
  font-size:13px;
  margin-top:5px;
}
.recipe .line {
  background-color: #119d47;
  margin-top: 40px;
  width: 100%;
}

.recipe .tit {
  margin: 25px 10px;
}

.recipe_list {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

dl {
  width: 46%;
  padding: 5px 5px 10px;
  float: left;
}

dt {
  padding-bottom: 3px;
  font-weight: bold;
  text-align: center;
  font-size: 15px;
}

dd {
  font-size: 12px;
  margin: 10px 3px;
  line-height: 1.5;
  text-align: left;
  min-height: 70px;
}
dl.recipe2,
dl.recipe4,
dl.recipe6{
  float: right;
}
dl.recipe3 dd,
dl.recipe4 dd,
dl.recipe5 dd,
dl.recipe6 dd{
  min-height: 90px;
}

dl.recipe3 dd.link,
dl.recipe4 dd.link,
dl.recipe5 dd.link,
dl.recipe6 dd.link{
  min-height: auto;
}

.recipe_list dl dd a{
  display: block;
  line-height: 44px;
  background: #F15A24;
  color: #fff;
  text-decoration: none;
}

.recipe_list dl dd a:hover{
  opacity:0.5;
}

.link {
  text-align: center;
  margin-top: 15px;
  vertical-align: bottom;
  min-height: auto;
}

dt img {
  margin-bottom: 5px;
  display: block;
  width: 100%;
}

.morelink {
  clear: both;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 20px;
}
.morelink a{
  display: block;
  line-height: 48px;
  background: #ffa500;
  color: #fff;
  text-decoration:  none;
  font-size: 18px;
}

.safe .pc_tit .tit {
  width: 70%;
}
.safe .pc_tit2 .tit{
  width:70%;
}
.safe_main img {
  width: 100%;
  margin-top: 100px;
}

.safe_pict {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.safe_main .morelink {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 50px;
}

.safe_main .morelink a{
  width: 80%;
  margin: 0 auto;
}

.safe1_text1 {
  line-height: 1.2;
  margin: 20px 10px 10px 10px;
  font-size: 28px;
  text-align: center;
}

.safe1_text2 {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  margin: 20px 10px 0 10px;
}

.safe_text2 {
  font-weight: normal;
  font-size: 22px;
  line-height: 1.5;
  margin: 20px 10px 0 10px;
}
.safe .deco{
    position: relative;
    width: 15%;
    top: -30px;
    left:10px;
}
.safe2 img {
  width: 113%;
  margin-left: -30px;
}

.car .tit {
  padding: 20px 300px 20px 60px;
  margin-left: -40px;
  max-height: 200px;
  max-width: 460px;
  background-color: #e32485;
}

.carpic {
  margin-top: 50px;
  width: 80%;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
}

.car_text {
  margin: 0 30px;
  line-height: 1.5;
  font-size:22px;
}

.sentence {
  font-size: 20px;
}

.share .line {
  background-color: #e32485;
  margin-top: 40px;
  width: 100%;
}

.share .tit {
  padding: 20px 300px 20px 60px;
  margin-left: -40px;
  max-height: 200px;
  max-width: 460px;
  background-color: #e32485;
}

.logo {
  text-align: center;
}

.logo img {
  width: 20%;
  margin: 50px 25px 30px 10px;
}
.logo .deco{
  position:relative;
      margin: 3px 0 35px 0;
    width: 13%;
}
.movie .svg {
  margin-top: -450px;
}

.movie .tit {
  padding: 20px 300px 20px 60px;
  margin-left: -40px;
  max-height: 200px;
  max-width: 460px;
  background-color: #e32485;
}

.youtube1 {
  text-align: center;
  padding: 20px 0;
}

.youtube {
  text-align: center;
  padding: 20px 0;
}

.movie iframe {
  margin-top: 50px;
}

.bottom {
  margin-top: -287px;
}

.main {
  width: 100%;
  overflow: hidden;
}

footer {
  padding: 0 0 10px 0;
  text-align: center;
}

footer img {
  width: auto;
}

.guide_area {
  clear: both;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
  border-top: #fff solid 1px;
}

.guide_area p {
  font-size: 12px;
}

p.copyright {
  margin: 0;
  text-align: center;
  padding: 10px 0;
  color: #666;
}

.ui-link:link {
  color: #666;
}

  .connect {
    height: 100%;
    position: relative;
    text-align: center;
    max-width:980px;
    margin:0 auto;
  }
  
  .connect img{
    width: 100%;
    margin:0;
    vertical-align: bottom;
  }


  .main {
    max-width:980px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }


  .item_tit {
    height: 100%;
    position: relative;
    text-align: center;
    max-width:980px;
    margin:0 auto;
  }
  
  .item_tit img{
    width: 100%;
    margin:0;
    vertical-align: bottom;
  }

  .item_in {
    background-image:url("../img/back.png");
    background-position:center top;
    background-repeat:repeat-y;
    -moz-background-size:contain;
background-size:contain; 
    max-width:980px;
    margin:0 auto;
    text-align: center;
  }
  
  .item_in_box2{
    max-width:980px;
    margin:0 auto;
    text-align: center;
  }
  .item_in_box2 img{
    width: 100%;
    margin:0 auto;
    vertical-align: bottom;
  }
  
  .item_in_box{
    max-width:880px;
    margin:0 auto;
    text-align: center;
  }
  .item_in_box img{
    width: 90%;
    margin:0 auto;
    vertical-align: bottom;
  }
  
  

 .tokubai {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 0;
}


 /*-----------全国チラシここから-----------*/
 .flyer {
	display: none;
  }

  .chirashi_sp {
	display: block;
  }

 .chirashi_sp {
  width: 100%;
	margin: 0 auto;
    text-align: center;
	padding: 0;
	/*background-image:url("../img/chirashi_back_sp.jpg");*/
    background-position:center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.chirashi_sp a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}

a:hover,
a:focus {
  color: #B00032;
  text-decoration: underline;
}

label {
  display: block;
    padding: 7px;
    line-height: 1;
    color: #fff;
    background: #ffa000;
    cursor: pointer;
    border-bottom: 1px solid #fdd000;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 0;
}

input {
	display: none;
}

.chirashi_sp ul {
	margin: 0;
	padding: 0;
  padding-right: 7px;
  padding-left: 7px;
  background :#fff;
	list-style: none;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.chirashi_sp li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-decoration: underline;

}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li {
	max-height: 46px;
  opacity: 1;
}

.chirashi_sp p.btm {
  font-size: 8px;
  text-align: center;
}
   /*-----------全国チラシここまで-----------*/
 .pc_info {
	display: none;
  }
  
  .sp_info {
    display: block;
}
/*-----------------------------PCここから-----------------------------*/
@media screen and (min-width: 736px) {
  body img {
    width: auto;
  }
  body{
    background-color:#FFF;
    background-attachment:fixed;
  }
  .spBr{
    display: none;
  }

  .top {background-color: #FF1A14;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: relative;
    text-align: center;
    max-width:980px;
    margin:0 auto;
  }

  .main {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }

  .top1 {
    display: none;
  }

  .top2 {
    display: none;
  }

  .top3 {
    display: block;
    width: 100%;
  }
  .pc_only{
  display:inline;
}
  .sp_only{
  display:none;
}

  svg {
    display: none;
  }

  .rotate {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .esp .pc_tit {
    margin-top: 0;
  }

  .product {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 0px;
  }

  hr {
    display: none;
  }

  .pro1, .pro2, .pro3 {
    width: 30%;
    margin: 10px 10px 10px 25px;
    float: left;
  }

  .product img {
    width: 100%;
  }

  .product .tuna {
    width: 100%;
  }

  .product .tunatit {
    margin-top: 15px;
  }

  .pro3 p {
    font-size: 10px;
  }

  .product .titpic {
    width: 100%;
    margin-top: 15px;
  }

  .pc_tit {
    background-color: #e32485;
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }

  .pc_tit img {
    margin: 20px;
    width: auto;
  }

  .esp .sp_tit .deco{
    top:0px;
    width:auto;
    margin:20px 5px;
  }

  .allproduct .tit {
    background-color: none;
    padding: 0;
  }

  .allproduct .pc_tit img {
    margin: 10px;
    width: auto;
  }

  .slyder {
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .slyder2 {
    margin-bottom: 0;
    margin-left: 0;
  }

  .slyder3 {
    margin-left: 0;
  }

  .slyder_area {
    width: 80%;
    padding-bottom: 20px;
    margin-top: 0;
  }

  .infiniteslide1 {
    height: 170px;
  }

  .infiniteslide2 {
    height: 170px;
  }

  .infiniteslide1 li,
  .infiniteslide2 li {
    width: 145px;
  }

  .infiniteslide1 img {
    width: 100%;
  }

  .infiniteslide2 img {
    width: 100%;
  }

  .line {
    text-align: center;
  }

  .line img {
    width: auto;
  }

  .button_area {
   max-width: 750px;
    margin-left: auto;
    margin-right: auto;
  }

  .button {
    width: auto;
    margin: 30px auto;
    width:33%;
  }

  .buttons {
    width: 100%;
  }

  .button img:hover {
    box-shadow: none;
  }

  .button_area img {
    width: auto;
  }

  .nomargin {
    margin-right: 0;
  }

  .flyer_pict {
    width: auto;
    margin: 2px 30px;
  }

  .flyer p {
    text-align: center;
  }
  
 

  .cookpad .tit {
    width: auto;
  }
  .cookpad .deco{
  width: auto;
  position: relative;
  top: -20px;
  margin-right:20px;
}

  .recipe_list {
    max-width: 700px;
  }

  dl {
    margin: 20px auto;
    font-size: 28px;
    width: 308px;
  }

  dt {
    font-size: 22px;
  }

  dd {
    font-size: 18px;
    height: 80px;
  }

  .recipe_list dl dd a{
    display: block;
    line-height: 50px;
    background: #F15A24;
    color: #fff;
    text-decoration: none;
  }

  .recipe_list dl dd a:hover{
    opacity:0.5;
  }

  .link {
    height: 50px;
  }

  .morelink {
    clear: left;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 20px;
    margin:0;
  }

  .safe .pc_tit2 {
    background-color: #119d47;
    margin-top: 70px;
    width: 100%;
    text-align: center;
  }

  .safe .pc_tit2 img {
    margin: 20px;
    width: auto;
  }
.safe .pc_tit2 .tit{
  width:auto;
}
.safe .pc_tit2 .deco{
  width: auto;
  position: relative;
  top: -10px;
  margin:20px 5px;
}
  .safe_main {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .safe2 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .safe_main img,
  .safe2 img {
    width: 80%;
  }

  .safe2 img {
    margin-left: 0;
  }

  .safe_pict {
    width: 100%;
  }

  .safe1_text1 {
    line-height: 1.2;
    margin: 20px 10px 0 54px;
    text-align: left;
    font-size: 30px;
  }

  .safe1_text2 {
    font-weight: normal;
    font-size: 22px;
    line-height: 1.5;
    margin: 20px 10px 0 54px;
    text-align: left;
  }

  .safe_text2 {
    margin: 20px 0px 0 219px;
    text-align: left;
  }

  .car .pc_tit {
    background-color: #e32485;
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }

  .car .pc_tit img {
    margin: 20px;
    width: auto;
  }

  .car .car_text_area {
    margin-top: 10px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
  }

  .car .carpic {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .car_text{
    text-align: center;
  }

  .car img {
    width: auto;
  }

  .car .tit {
    background-color: none;
    padding: 0;
  }

  .share .pc_tit {
    background-color: #e32485;
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }

  .share .tit {
    background-color: none;
    padding: 0;
  }

  .share .pc_tit img {
    margin: 20px;
    width: auto;
  }

  .logo img {
    width: 16%;
    margin: 100px 35px 30px 35px;
  }

  .movie .pc_tit {
    background-color: #e32485;
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }

  .movie .tit {
    background-color: none;
    padding: 0;
  }

  .movie .pc_tit img {
    margin: 20px;
    width: auto;
  }

  .youtube iframe,
  .youtube1 iframe {
    width: 80%;
    height:400px;
}

  .youtube {
  }
  
  .youtube1 {
  }

  .bottom {
    margin-top: 90px;
    width: 100%;
    height: 100px;
    background-color: #e32485;
  }

  footer {
    margin-top: 60px;
    padding: 0 0 10px 0;
    text-align: center;
    
  }

  footer img {
    width: auto;
  }
}


#scroll_to_top {
     background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    height: 45px;
    position: fixed;
    right: 45px;
    text-align: center;
    text-transform: uppercase;
    width: 48px;
    opacity: .9;
    z-index: 100000;
    transition: all .2s ease-in-out 0s;
    cursor: pointer;
}

#scroll_to_top:hover {
      background-color: #912149;
}