@media screen and (max-width:768px) {

	#container .inner {
		width:100%;
	}

  
  /*
	#gNavi {
		display: none;
	}
	header {
			width:100%;
			height:60px;
			background:#A30302;
			display: -webkit-flex;
			-webkit-justify-content: flex-start;
			-webkit-align-items: center;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			position: relative;
			z-index:2;
	}

	header h1 {
		padding-left:10px;
		display: inline-block;
	}

	header h1 a {
		background: none;
		text-indent:0;
	}
	*/

	#container main {
		width:100%;
		overflow: hidden;
	}
    
/*2018_0421_add*/
    .reptitle {
        top: -6px;
        padding: 12px 10px 12px;
        font-size: 13pt;
    }
    .reptitle2 {
        top: -6px;
        padding: 12px 10px 12px;
        font-size: 13pt;
    }
    .reptitle3 {
        top: -6px;
        padding: 12px 10px 12px;
        font-size: 13pt;
    }
    .season img{
        width:85%;
    }

    .pict_box{
        flex:1 48%;
        max-width:48%;
        margin:1%;
    }
    
    .img_pc{
        display:none;
    }
    
    .img_sp{
        display:block;
        width:100%;
        height:auto;
    }

    .ssmodal > div{
        display:block;
        margin:0;
        padding:0;
    }

    .ssmodal > div:nth-of-type(1){
        width:98%;
        margin:0;
        padding:1em 1% 0 1%;
    }
    
    .ssmodal > div:nth-of-type(2){
        width:98%;
        margin:0;
        padding:0 1% 1em 1%;
    }
    
    .season_comment {
        left: -31px;
        margin-top: 20px;
    }

    .img_pc{
        display:none;
    }
    .img_sp{
        display:block;
    }

    #cboxPrevious{
        top: 92% !important;
    }
    #cboxNext {
        top: 92% !important;
    }
    .henko {
        font-size: 10pt !important;
        padding: 19px 9px 16px !important;
    }
    .henko2{
        font-size: 10pt !important;
        padding: 8px 9px 8px !important;
        top: -18px !important;
    }

    #container main section#recipe{
        margin-top: 3px;
    }
    /*#colorbox{
        left:0px !important;
        width:100% !important;
    }
    #cboxWrapper{
        width:100% !important;
    }
    #cboxContent {
        width:100% !important;
    }
    #cboxLoadedContent{
        width:100% !important;
    }*/
    
/*2018_0421_add_end*/    

	#container main section#top #top1 #top_btn_product {
		position: relative;
		left:0;
        top:238px;
		width:100%;
		margin:0;
		display: inline-block;
		text-align: center;
	}
    .topscr{
        position: absolute;
        top: 356px;
        width: 100%;
        text-align: center;
        z-index: 100;
        left: 0px;
        -webkit-animation-delay: 1.8s;
    }

    #top{margin:0;}
	#container main section#top #top2 p img {
		width:90%;
	}

	#container main section#top #top2 h3 img {
		width:90%;
	}

	#container main section#top #top1 #top_scroll img {
		width:30%;
	}

	#container main section#top #top2 {
		height:auto !important;
		padding:50px 0;
        margin-top: 380px;
	}

	#container main section#top #top2 p {
		margin-bottom:30px;
	}


	#container main section#detail article h3 img {
		width:90%;
		margin-bottom:20px;
	}

	#container main section#detail article p {
		position: static !important;
		text-align: center;
	}

	#container main section#detail article p img {
		width:85%;
	}

	#container main section#detail {
		padding-top:50px;
		padding-bottom:50px;
	}

	#container main section#detail article#detail1 {
		margin-bottom:50px;
	}

	#container main section#message {
		padding:50px 0;
		background-size:cover 100%;
		background-attachment:scroll;
	}

	#container main section#message dl {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width:100%;
	}

	#container main section#message dl dt,
	#container main section#message dl dd {
		text-align: center;
		width:100%;
	}

	#container main section#message dl dt img {
		width:65%;
	}

	#container main section#message dl dd {
		padding:20px 0;
		width:96%;
		margin: auto;
	}

	#container main section#message dl dd img {
		width:90%;
	}

	#container main section#enquete {
		padding:50px 0;
	}

	#container main section#enquete h3 {
		margin-bottom:50px;
	}

	#container main section#enquete h3 dl dt,
	#container main section#enquete h3 dl dd {
		text-align: center;
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}

	#container main section#enquete h3 dl img {
		width:100%;
	}

	#container main section#enquete #enquete_inner {
		display: block;
	}

	#container main section#enquete #enquete_inner div img {
		max-width:85%;
	}

	#container main section#enquete #enquete_inner dl dt,
	#container main section#enquete #enquete_inner dl dd {
		text-align: center;
	}

	#container main section#enquete #enquete_inner dl dt {
		padding-bottom:20px;
	}

	#container main section#enquete #enquete_inner h4 dl dd img {
		width:85%;
		margin-left:0;
	}

	#container main section#enquete #enquete_inner p {
		text-align: center;
	}

	#container main section#enquete #enquete_inner p img {
		width:85%;
	}

	#container main section#enquete #enquete_inner #q2 {
		margin-top:50px;
	}

	#container main section#enquete #enquete_inner #q2 span {
		display: block;
		width:100%;
		text-align: center;
	}

	#container main section#enquete #enquete_inner #q2 span img {
		width:85%;
	}

	#container main section#column {
		margin-top:0;
		background-color:#fff;
	}

	#container main section#column #column_inner {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}

	#container main section#column #column_base {
		/*width:350%;*/
	}

	#container main section#column #column_inner a {
		right:20px;
	}

	#container main section#recipe #recipe_intro {
		padding-top:40px;
	}

	#container main section#recipe #recipe_intro h3 {
		margin-bottom:30px;
	}

	#container main section#recipe #recipe_intro h3 img {
		width:85%;
	}

	#container main section#recipe #recipe_intro #recipe_lead dl {
		position: static;
	}

	#container main section#recipe #recipe_intro #recipe_lead dl dt,
	#container main section#recipe #recipe_intro #recipe_lead dl dd {
		text-align: center;
		width:100%;
	}

	#container main section#recipe #recipe_intro #recipe_lead dl dd {
		padding-top:30px;
		margin-bottom:30px;
	}

	#container main section#recipe #recipe_intro #recipe_lead dl img {
		width:85%;
	}

	#container main section#recipe #recipe_intro #recipe_lead #recipe_image_sp {
		width:100%;
	}

	#container main section#recipe #recipe_today {
		padding:20px 0;
	}

	#container main section#recipe #recipe_today dl dt img {
		display: none;
	}

	#container main section#recipe #recipe_today dl dt,
	#container main section#recipe #recipe_today dl dd {
		float:none;
		width:100%;
		position: static;
	}

	#container main section#recipe #recipe_today dl dd .recipe_today {
		width:85%;
		margin: 0 auto 5px;
	}

	#container main section#recipe #recipe_today dl dd .recipe_today img:last-child {
		height:26px;
	}

	#container main section#recipe #recipe_today dl dd .recipe_name {
		margin: 0 auto 15px;
		width:85%;
	}

	#container main section#recipe #recipe_today dl dd .recipe_today .recipe_today_cal {
		width:50px;
	}

	#container main section#recipe #recipe_today .spimage img {
		width:100%;
	}

	.recipe_comment {
		width:85%;
		margin: auto;
	}

	.recipe_comment p {
		margin-left:3%;
	}

	#container main section#recipe #recipe_today a#recipe_today_open {
		display: block;
		margin-left:0;
		text-align: center;
	}

	#container main section#recipe #recipe_calendar {
		padding:20px 0;
	}

	#container main section#recipe #recipe_calendar ul {
		padding-left:5%;
		padding-right:5%;
		width:90%;
	}

	#container main section#recipe #recipe_calendar ul li {
		width:24%;
	}

	#container main section#recipe #recipe_calendar ul li a img.day {
		width:40%;
	}

	#container main section#recipe #recipe_search ul#recipe_search_nav {
		display: block;
		width:85%;
		margin:auto;
	}

	#container main section#recipe #recipe_search ul#recipe_search_nav li.recipe_search_button {
		width:100%;
		text-align: center;
		margin-bottom:5px;
	}

	#container main section#recipe #recipe_search ul#recipe_search_nav li.recipe_search_button img {
		height:20px;
	}

	#container main section#recipe .recipe_genre  {
		width:85%;
		margin: auto;
	}

	#container main section#recipe .recipe_genre ul li {
		width:100%;
	}

	#container main section#caravan {
		height:auto;
		padding-bottom:30px;
	}

	#container main section#caravan h3 {
		position: static;
		margin: 0;
		margin-top:15px;
	}

	#container main section#caravan h3 img {
		width:100%;
	}

	#container main section#caravan article #caravan_map {
		position: static;
		margin-top:-30px;
		margin-left:10%;
	}

	#container main section#caravan article #caravan_map img {
		width:105%;
	}

	#container main section#caravan article #caravan_map #spbtn {
		width:100%;
		height:100%;
		position: absolute;
		left:0;
		top:0;
	}

	#container main section#caravan article #caravan_map #spbtn a {
		width:19%;
		position: absolute;
		left:0;
		top:0;
	}

	#container main section#caravan article #caravan_map #spbtn #caravan_btn_hokkaido { left: 63%; top:6%; }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_miyagi { left: 72%; top:43%; width : 22%; }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_tokyo { left: 66%; top:58%; width:23% }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_kanagawa { left: 66%; top:65%; width:23%; }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_aichi { left: 41%; top:58%; }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_osaka { left: 35%; top:71%; }
	#container main section#caravan article #caravan_map #spbtn #caravan_btn_fukuoka { left: 10%; top:69%; }

	#container main section#caravan article #caravan_box {
		position: absolute;
		left:15%;
		top:35px;
		width:30%;
	}

	#container main section#caravan article #caravan_sites {
		display: none;
	}

	#container main section#caravan #caravan_sp_detail {
		width:85%;
		margin: auto;
		display: -webkit-flex;
		-webkit-justify-content:space-between;
		-webkit-flex-wrap: wrap;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}

	#container main section#caravan #caravan_sp_detail li {
		width:48%;
		margin-bottom:4%;
	}

	#container main section#caravan #caravan_sp_detail li img {
		width:100%;
	}

	#modal #modal_inner {
		width:98%;
		max-height:85%;
		padding:10px;
	}

	#modal #modal_inner #modal_cal {
		left:0;
		top:0;
	}

	#modal #modal_inner #modal_body #modal_left h4 {
		margin-left:60px;
		margin-bottom:20px;
	}

	#modal #modal_inner #modal_body {
		display: block;
	}

	#modal #modal_inner #modal_body .modal_body_inner {
		width:100%;
	}

	#modal #modal_inner #modal_body #modal_left #modal_image_sp img {
		width:100%;
		margin-bottom:15px;
	}

	#modal #modal_inner #modal_nav {
		display: -webkit-flex;
		-webkit-justify-content: space-around;
		display: flex;
		justify-content: space-around;
		padding-top:60px;
	}

	.recipe_name .recipe_name_title {
		font-size:22px;
		padding:5px 0;
	}

	#modal #modal_inner .modal_nav {
		position: static;
		display: -webkit-flex;
		-webkit-justify-content: center;
		-webkit-align-items: center;
		display: flex;
		justify-content: center;
		align-items: center;
		width:48%;
		height:auto;
	}

	#report #report_body {
		width:94%;
		height:96%;
	}

	#report #report_body #report_inner {
		max-height:80%;
		overflow: auto;
		padding-top:40px;
	}

	#report #report_body #report_inner .report_photo {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	
	#report #report_body #report_inner .report_photo img {
		max-width:260px;
	}

	#report #report_close {
		top:0;
	}
	
	#campaign #campaign_inner #campaignb_step ul {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	#campaign #campaign_inner #campaignb_step ul li {
		width:96%;
		margin: 0 auto 15px;
	}
	#campaign #campaign_inner #campaignb_step ul li .tweet_sample .tweet_sample_inner {
		background-position: center top !important;
	}
	#campaign #campaign_inner #campaign_detail a {
    width: 96%;
    padding: 0;
    margin-top: -20px;
	}
	#campaign #campaign_inner #campaign_detail a img {
		width: 100%;
	}
	#campaign_modal {
		padding:20% 0;
	}
	#campaign #campaign_inner #campaignb_step ul li div .tweet_follow_inner {
		position: absolute;
    bottom: 43px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 280px;
    height: 40px;
	}
	#campaign #campaign_inner #campaignb_step ul li div .tweet_follow_inner a {
		display: block;
		height: 40px;
	}
	#campaign #campaign_inner #campaignb_step ul li div .tweet_share_inner {
		position: absolute;
		bottom: 18px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 75px;
	}
	#campaign #campaign_inner #campaignb_step ul li div .tweet_share_inner2 {
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 75px;
	}

	footer {
		display: block;
	}

	footer ul li {
		display: block;
	}

	/* Twitter Campaign Entry List add:2018-08-31 */
	/* -------------------------------------------- */
	.campaign_twcomment {
		padding-bottom: 50px;
	}
	.campaign_twcomment p {
    font-size: 18px;
		padding: 10px 0 25px;
	}
	.campaign_twcomment p.info_txt {
    font-size: 18px;
		padding: 20px 0 0;
	}
	.slick_twcomment {
		width: 90%;
	}
	.slick_twcomment li {
		height: 150px !important;
	}
	.slick_twcomment li span {
	padding: 0 15px;
	font-size: 14px;
	}
	.slick-current + .slick-active span {
	font-size: 14px !important;
	}
	.br_Sp {
		display: block;
	}
    #pogH{display:none;}
    #pogS{display:block;}
	/* -------------------------------------------- */
    
    /* Main Visual by Kunishi@ONES */
    
    #pchide{display:block;}
    #tpct > img:nth-of-type(3){display:inline-block;}

		#tpct .anchorBtn {
			position: absolute;
			top: 8%;
			right: -3%;
			width: 40%;
		}
		
		#tpct .anchorBtn a img {
			width: 70%;
		}

    #container main section#top #top_bg{top:0;}
    
    #atn{
        display:flex;
        flex-flow:column;
        padding:5em 0 0 0;
    }

    #atn > div{
        flex:1 100%;
        width:100%;
        text-align:center;
    }
    
    #atn > div:nth-of-type(1) > img{
        width:90%;
        height:auto;
    }
    
    #atn > div:nth-of-type(3){
        flex:1 100%;
        padding:0;
    }
    
    .tpft,
    .sphide{display:none !important;}
    
    .sprs{
        width:50% !important;
        height:auto;
    }
    
    #gara{
        display:block;
        font-size:0;
        margin:12px 0;
    }
    
    #gara > img{
        display:inline-block;
        width:23%;
        max-width:23%;
        margin:0 1%;
    }
    
    #container main section#top #top2 {margin-top:55em;}
    
    .ssmodal h2{
        display:block;
        font-size:1.5em;
    }


    @keyframes fade{
        0%{opacity:0;}
        100%{opacity:10;}
    }

    .wowshitA{animation:fade 1.2s ease-in;}
    .wowshitB{animation:fade 1.4s ease-in;}
    .wowshitC{animation:fade 1.6s ease-in;}
    .wowshitD{animation:fade 1.8s ease-in;}

/* Main Visual end */
}

@media screen and (max-width:500px) {
	#container main section#enquete #enquete_inner .graph {
		zoom:0.8;
	}
}

@media screen and (max-width:400px) {
	#container main section#enquete #enquete_inner .graph {
		zoom:0.6;
	}
}

/* Main Visual Change :2019-11-28 */
/* -------------------------------------------- */
@media screen and (max-width: 768px) {
  #atn {
    padding-top: 1.5rem;
  }
  #atn > div {
    padding: 0;
  }
  #container main section#top #top_bg {
    width: 100%;
    padding-top: 60px;
    background: url('../images/main_bg_sp.png') no-repeat;
    background-position: top 7% center;
    background-color: #A30302;
    background-size: 100% auto;
    margin: 0 auto;
  }
  #container main section#top #top2 {
     margin-top: 450px;
  }
  #atn #tpct .productImage {
    width: 32% !important;
    margin: 10px auto 15px;
  }
  #atn #tpct .productCopy {
    width: 57% !important;
    margin-bottom: 10px;
  }
  #proinfo a {
    max-width: 200px;
    margin-bottom: 20px;
  }
  #atn #tpct .topBanner {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 30px;
  }
  #atn #tpct .topBanner img {
    width: 80% !important;
  }
  #atn #tpct .topBanner .pc {
    display: none;
  }
  #atn #tpct .topBanner .sp {
    display: block;
  }
  #container main section#top #top2 {
    margin-top: 106vw;
  }

  /* Main Visual Change :2023-01-05 */
	/* -------------------------------------------- */
	#container main section#top #top_bg {
		background: #fff6e4;
	}
	#scrl {
	  color: #221815;
	}
	.navi_scroll_line > div {
		background: #221815;
	}
	#proinfo a {
	  margin-top: 2.3em;
	  background: #e8340c;
	}

	/* TOP2 Youtube Change :2023-01-05 */
	/* -------------------------------------------- */
	.top2_youtube {
		display: block;
	  width: 100%;
	  max-width: 960px;
	  margin: 0 auto 8em;
	  justify-content: space-between;
	  align-items: center;
	}
	.top2_youtube iframe {
	  display: block;
	  width: 80%;
	  height: 49vw;
	  margin: 0 auto;
	}
	.youtube_catch {
	  width: 42%;
	  text-align: center;
	}
	.youtube_catch a {
	  display: flex;
	  width: 100%;
	  width: 56vw;
	  height: 12vw;
	  margin: 1.5em auto 0;
	  font-size: 3.5vw;
	  color: #FFF;
	  text-decoration: none;
	  background: #000;
	  align-items: center;
	  justify-content: center;
	}
	.youtube_catch a img {
	  margin-left: 10px;
	}
	#container main section#top #top2 {
		background: #FFF;
	}
	.top2_youtube img {
	  width: 50%;
	  margin: 0 auto 1.3em;
	}
	.youtube_catch {
	  width: 100%;
	}
	.youtube_catch a img {
	  width: 3vw;
	  margin: 0 0 0 9px;
	}
	.top2_youtube {
	  margin-bottom: 3em;
	}
}