@charset "shift_jis";
/* CSS Document */


/*=======================================▼PCスマホ切り替え▼=======================================*/



#one_minute_meal .pc { display: none !important; }
#one_minute_meal .sp { display: block !important;}
#one_minute_meal .none{display: none !important; }
#one_minute_meal .smp_none{display: none !important;}

body,ul,dl,dd{
  margin: 0;
  padding: 0;
}
h1{
  font-size: 1em;
}




/*=======================================▼共通設定▼=======================================*/



/*▼IEでのMaterial Icons表示に必要*/
/* body {	
    color: #fff;
	text-align: center;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
	font-family: 'Noto Sans JP', sans-serif;
} */

#one_minute_meal img {
	max-width: 100%;
    width: 100%;
	height: auto;
	margin: 0;
	border: 0;
	vertical-align: bottom;
}

.ranking-img{
	margin: 0 auto;
    width: 98%;
}

#one_minute_meal ol,  #one_minute_meal ul {list-style: none;}

#one_minute_meal table {border-collapse: collapse;border-spacing: 0;}

#one_minute_meal a {text-decoration: none;color: #fff;display: inline-block;}

#one_minute_meal .spesicalprice{display: none;}

#one_minute_meal video {display: inline-block;}

#one_minute_meal *,#one_minute_meal *::before,#one_minute_meal *::after {box-sizing: border-box;}


#one_minute_meal{
    color: #fff;
    background-color: #df0a2a;
    text-align: center;
    text-rendering: optimizeLegibility;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures contextual;
    font-feature-settings: "kern", "liga", "clig", "calt";
}

#one_minute_meal h2{
	font-size: 6.5vw;
    font-weight: bold;
    margin: 0 auto 3% auto;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

#one_minute_meal .content{
	width: 100%;
	margin: 0 auto;
	padding: 1% 0 0 0;
}

#one_minute_meal .wrapper{
	width: 98%;
	margin: 0 auto;
}

#one_minute_meal section{padding: 9% 0;}


#one_minute_meal .banner{
	padding: 0 0 5% 0;
	margin: 0 auto;
}

#one_minute_meal .banner h2{
	font-size: 7vw;
    font-weight: bold;
    margin: 0 auto 2% auto;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

/*=======================================▼ヘッダー動画▼=======================================*/



#one_minute_meal .header{
	display: flex;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
    width: 100%;
	/* padding-bottom: 1rem; */
}

/* #one_minute_meal .header .video_wrapper{
	position: relative;
    display: block;
    width: 100%;
} */

#one_minute_meal .header .video_wrapper{
	position: relative;
    display: block;
/*     height: 55vh; */
    width: 100%;
        overflow: hidden;
}	
#one_minute_meal .header .video_wrapper h2{
	/* margin-bottom: -4vw; */
}

#one_minute_meal .header .video_wrapper video{
	display: flex;
    margin: 0px auto;
    width: auto;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%, 0px, 0px);
}
#one_minute_meal .video_wrapper a.mv_ytb{
	background: #000;
    border-radius: 20px;
}
#one_minute_meal .video_wrapper .recipe_img{
    border-radius: 20px;
	opacity: .9;
}
#one_minute_meal .video_wrapper .icon_play{
	opacity: .9;
    pointer-events: none;
	width: 18vw;
}



#one_minute_meal .header .subtitle{
    width: 100%;
    margin: 5% auto 0 auto;
}

#one_minute_meal .header .subtitle h2 ruby{font-size: 7vw;}

#one_minute_meal .header .subtitle h2 ruby rt{
	font-size: 3vw;
    line-height: 1;
}

#one_minute_meal .header .subtitle p{
	font-size: 3.5vw;
    font-weight: bold;
    line-height: 2;
}



/*=======================================▼初級・中級・上級▼=======================================*/



#one_minute_meal .tabBox .tabArea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-end;
}

#one_minute_meal .tabBox .tabArea .tabs__menu-item,
#one_minute_meal .tabBox .bottom a {
	width: calc((100% - 18%)/3);
	padding: 2% 0;
	display: block;
	text-decoration: none;
	transition-duration: 0.3s;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border: 2px solid #fff;
	border-bottom: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#one_minute_meal .tabBox .tabArea.bottom a{
	border-top: none;
	border-bottom: 2px solid #fff;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#one_minute_meal .tabBox .tabArea .tabs__menu-item:hover,
#one_minute_meal .tabBox .bottom a:hover {
	color: #df0a2a;
	background-color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

#one_minute_meal .tabBox .tabArea .tabs__menu-item.is-active,
#one_minute_meal .tabBox .bottom a.is-active  {
	color: #df0a2a;
	background-color: #fff;
}

#one_minute_meal .tabBox .tabArea .tabs__menu-item .tab_inner, 
#one_minute_meal .tabBox .bottom .tab_inner{
	font-size: 4.5vw;
	font-weight: bold;
}

#one_minute_meal .tabBox .tabArea .tabs__menu-item .tab_inner,
#one_minute_meal .tabBox .tabbottomArea .tabs__menu-item .tab_inner  {
	background-color: transparent;
}
#one_minute_meal .contents {
	border: 2px solid #fff;
	border-right: none;
	border-left: none;
}
#one_minute_meal .tabs__body {
	display: none;
}
#one_minute_meal .tabs__body.is-active{
	display: block;
}
/* #one_minute_meal .contents .tab_main {
	display: none;
	padding: 0 0 5% 0;
	transition-duration: 0.3s;
} */

#one_minute_meal .tab_main.is_show {display: block;}

/* #one_minute_meal .tab_main.is_show {
	border: 2px solid #fff;
	border-right: none;
	border-left: none;
} */

#one_minute_meal .innerArea{padding: 10% 0 5% 0;}

#one_minute_meal .item_content{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	/* overflow: hidden; */
}

/* @media screen and (min-width: 1024px) {
	#one_minute_meal .item_content{
		max-height: 595px;
	}
}

@media screen and (min-width: 820px) {
	#one_minute_meal .item_content{
		max-height: 540px
	}
} */



/*==========左側商品動画==========*/

#one_minute_meal .item_content .video_wrapper{
	width: 95%;
    position: relative;
    margin: 0 auto;
}

#one_minute_meal .item_content .video_wrapper video{
	width: 100%;
    height: 100%;
	border-radius: 20px;
}

#one_minute_meal .item_content .video_wrapper .video{
	width: 100%;
    height: 100%;
}

#one_minute_meal .item_content .video_wrapper .video a{
	position: relative;
	display: inline-block;
}

#one_minute_meal .item_content .video_wrapper .video a::after{
	content: "";
    display: block;
    position: absolute;
    background-image: url(https://shopping.geocities.jp/komenokura/image/one_minute_meal/play.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
	transition: 0.3s;
}

#one_minute_meal .item_content .video_wrapper .video img{border-radius: 20px;}



/*==========右側商品縦スクロール==========*/

#one_minute_meal .item_content .item_list{
	width: 98%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow-x: auto;
    padding-right: 10px;
    max-height: 370px;
}

#one_minute_meal .item_content .item_list::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

#one_minute_meal .item_content .item_list::-webkit-scrollbar-track{
	border-radius: 5px;
	background: #fff;
}

#one_minute_meal .item_content .item_list::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #888888;
}

/* @media screen and (min-width: 750px) {
	#one_minute_meal .item_content .item_list{
		max-height: 500px;
	}
} */

#one_minute_meal .item_list > ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
#one_minute_meal .item_list > ul > li{
	min-width: 90%;
}
#one_minute_meal .item_list > ul > li a{

	position: relative;
	padding: 2% ;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 4% 2%;
	background-color: #fff;
	border-radius: 10px;
}

#one_minute_meal .item_list > ul > li .slide_left{width: 40%;}

#one_minute_meal .item_list > ul > li .slide_right{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
}

#one_minute_meal .item_list > ul > li .slide_right .item_name{
    width: 100%;
	font-size: 3.75vw;
	text-align: left;
	color: #383838;
    line-height: 1.5;
   margin-bottom: 7%;
}

#one_minute_meal .item_list > ul > li .slide_right .price{
	color: #383838;
	font-weight: bold;
	font-size: 6vw;
	font-weight: bold;
	margin: 2% auto;
}



/*==========カート追加ボタン==========*/


#one_minute_meal .add_cart {
    position: relative;
	width: 100%;
	font-size: 4vw;
	font-weight: 500;
	padding: 4% 1%;
	border-radius: 5px;
	background-color: #df0a2a;
	border: 2px solid #df0a2a;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	font-family: 'Noto Sans JP', sans-serif;
	transition: 0.5s;
}

#one_minute_meal .item_list > ul > li .add_cart:hover{
	background-color: #fff;
	color: #df0a2a;
	border: 2px solid #df0a2a;
	transition: 0.5s;
}

#one_minute_meal .item_list > ul > li .add_cart a{
	color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}



/*==========商品下側==========*/

#one_minute_meal .caution{
	width: 95%;
	margin: 0 auto;
}

#one_minute_meal .caution p{
	width: 90%;
	margin: 5% auto;
	text-align: left;
	font-size: 3.5vw;
	font-weight: 500;
}

#one_minute_meal .share{
	width: 95%;
	margin: 5% auto 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#one_minute_meal .share li{
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 2% auto;
    padding: 3% 0;
    border: 2px solid #fff;
    border-radius: 999px;
    color: #df0a2a;
    background-color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 4.5vw;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

#one_minute_meal .share li a{
	color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#one_minute_meal .share li:first-of-type{
	width: 100%;
}

#one_minute_meal .share li:not(:first-of-type){
	width: 48%;
}

#one_minute_meal .share li span{
    font-size: 4vw;
	display: flex;
	align-self: center;
	width: 100%;
    justify-content: center;
}

#one_minute_meal .share li span i{
	font-size: 7vw;
    margin: 0 4%;
}

#one_minute_meal .share2{
	margin-top: 10%;
}



/*=======================================▼ラインナップ▼=======================================*/



#one_minute_meal #lineup{overflow: hidden;}

#one_minute_meal #lineup .slider{margin-bottom: 9%;}

#one_minute_meal #lineup h2{margin: 5% 5% auto;}

#one_minute_meal #lineup h3{
	font-size: 6vw;
	font-weight: bold;
}

#one_minute_meal #lineup .slider .wrapper > ul{
	display: flex;
	align-items: center;
	overflow-x: scroll;
	padding: 2% 0 1% 0;
}

#one_minute_meal #lineup .slider .wrapper > ul::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}

#one_minute_meal #lineup .slider .wrapper > ul::-webkit-scrollbar-track{
	border-radius: 5px;
	background: #fff;
}

#one_minute_meal #lineup .slider .wrapper > ul::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #888888;
}

#one_minute_meal #lineup .slider .wrapper > ul > li{
	min-width: 45%;
    position: relative;
    text-align: center;
    margin: 1% 1% 3% 1%;
    padding: 2%;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#one_minute_meal #lineup .slider .wrapper > ul > li .item_name{
	width: 100%;
	font-size: 3.75vw;
	color: #333333;
	line-height: 1.2;
	margin: 5% auto 0 auto;
	height: 2rem;
}

#one_minute_meal #lineup .slider .wrapper > ul > li div.price{
	color: #383838;
	font-weight: bold;
	font-size: 6vw;
	font-weight: bold;
	margin: 15% auto 2% auto;
}

#one_minute_meal #lineup .slider .wrapper > ul > li .add_cart:hover{
	background-color: #fff;
	color: #df0a2a;
	border: 2px solid #df0a2a;
	transition: 0.5s;
}

#one_minute_meal #lineup .slider .wrapper > ul > li .add_cart a{
	color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.item-btn-sonotagohan{
	display: inline-block;
    background-color: white;
    border-radius: 100px;
    margin: auto;
}
.item-btn-sonotagohan p{
	color: #df0a2a;
    padding: .5em 3em .5em 3em;
    font-size: 4vw;
	font-weight: bold;
	position: relative;
}

.item-btn-sonotagohan p:after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #df0a2a;
    border-right: 2px solid #df0a2a;
    top: 3%;
    bottom: 0;
    right: 8%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s ease 0s;
}

.banner-bottom{
	background: #fff;
    padding: .5em;
	margin-bottom: 3%;
	border-radius: 5px;

}



/*=======================================▼セールポイント▼=======================================*/



#salepoint{background-color: #fff;}



/*=======================================▼フッター▼=======================================*/



#stor_link {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    font-weight: bold;
    padding: 5vw 0;
}

#stor_link li {margin: 0;font-size: 4vw;color: #fff;}

#stor_link li a {color: #fff;}



/*=======================================▼TPOへ▼=======================================*/



#page_top,
#coupon{
	width: 13vw;
	height: 13vw;
	position: fixed;
	right: 2vw;
	bottom: 19vw;
	background: #fff;
	border: 2px solid #df0a2a;
	border-radius: 50%;
	z-index: 1;
}
#coupon{
	right: 0vw;
	bottom: calc(23vw + 13vw);
    width: 33vw;
    height: 33vw;
    border: none;
    background: none;
}

#page_top:active,
#coupon:active{opacity: 1.0;}

#page_top a,
#coupon a{
	position: relative;
	display: block;
	width: 13vw;
	height: 13vw;
	text-decoration: none;
}
#coupon a{
    width: 33vw;
    height: 33vw;
}


#page_top a::before{
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    margin: auto;
    content: "";
    width: 15px;
    height: 15px;
    border-top: 2px solid #cf2e33;
    border-right: 2px solid #cf2e33;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(314deg);
    transition: all 0.3s ease 0s;
}

/* スライドの動き等速 */
#one_minute_meal .swiper-wrapper {
	transition-timing-function: linear;
}
#one_minute_meal .movie{
	margin-bottom: 2rem;
}
#one_minute_meal .swiper-slide{
	width: 30vw!important;
}
#one_minute_meal .section-tvcm{
	background-image: url(../../IMAGE/kaden_cmitem/one_minute_meal/movie_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#one_minute_meal .movie{
	/* margin-bottom: 5rem; */
	position: relative;
}
#one_minute_meal .move-img{
    display: block;
    width: 90%;
    text-align: center;
    margin: 1vw auto;
    cursor: pointer;
	position: relative;
}
#one_minute_meal .move-img a{
    font-family: serif;
    font-size: 3vw;
	color: #ffffff;
}
#one_minute_meal .move-img a:hover{
	opacity: .7;
	color: #ffffff!important;
}
#one_minute_meal .icon_play{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 12vw;
    opacity: .5;
	pointer-events: none;
}
.fancybox__thumbs{
	margin-bottom: 14vw;
}
#one_minute_meal .movie .kv_2_yuge{
	display: none;
}
#one_minute_meal img.tvcm,
#one_minute_meal img.webmovie{
	width: 40vw;
    margin-bottom: 1vw;
}

/*TOPビジュアル*/
#one_minute_meal .swiper.recipe{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
/* 	width: 80%; */
	padding: 1rem 0;
}
#one_minute_meal .swiper.recipe img{
	width: 30vw;
}
#one_minute_meal .recipe a{
	transition: all 0.3s ease 0s;
}
#one_minute_meal .recipe a:hover{
	transition: all 0.3s ease 0s;
	transform: scale(1.1);
}
#one_minute_meal .recipe .size{
	margin-top: -1.5rem;
}
#one_minute_meal .swiper.recipe .swiper-slide{
	/* flex-shrink: initial; */
}
#one_minute_meal .slider-movie{
    display: flex;
	gap: 0px 2vw;
    width: 100vw;
    overflow-x: scroll;
}
#one_minute_meal .slider-movie li{
	width: 60vw;
    margin: 1vw;
    flex-shrink: 0;
}
#one_minute_meal .pack li{
	margin-bottom: 1rem;
}


#one_minute_meal .cate_btn {
	width: 95%;
	margin: 3% auto;
	background-color: #df0a2a;
	border: solid 2px #df0a2a;
	border-radius: 10px;
	position: relative;
	transition: 0.2s;
}
#one_minute_meal .cate_btn a {
	font-size: 4vw;
	color: #fff;
	padding: 12px 0;
	display: block;
	margin: 0;
}
#one_minute_meal .cate_btn::after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 38%;
    right: 8%;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    transition: 0.2s;
}

/*20241018ヘッダーとパンくず追加*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 24px;
  z-index: 30;
  background-color: #df0a2a;
  box-shadow: rgba(0, 0, 0, .08) 0px 4px 12px;
}

.l-header {
  --header-link-font-size: 12px;
  --header-nav-gap: 8px;
}

.l-header .l-header__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1280px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.l-header__inner {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10vw;
  padding-right: 10vw;
}

.l-header__nav {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-left: auto;
  margin-bottom: 0;
  padding: 0;
}

.l-header-nav__link {
  display: inline-block;
  white-space: nowrap;
  color: #434343;
  font-size: 16px;
}
.l-header-nav__link.--shop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2vw 6vw;
  border-radius: 3px;
  border: 2px solid #000;
  background: #fff;
  font-size: 4vw;
  color: #000;
  height: 5vw;
  border-radius: 50em;
}

.breadcrumbs {
  overflow-x: auto;
  background: #df0a2a;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  box-shadow: rgba(0, 0, 0, .08) 0px 4px 12px;
  padding: 12px 0px;  
  margin: 56px auto 0;
  color: #fff;
}
.breadcrumb__list {
  max-width: -moz-fit-content;
  max-width: fit-content;
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.breadcrumb {
  display: flex;
  align-items: center;
}
.breadcrumb:first-child {
  font-size: 12px;
  background: url(../images/home.png) no-repeat left center;
}

.breadcrumb span {
  background: url(../images/pankuzu_arrow.png) no-repeat scroll right center;
  margin-right: 1px;
  padding-right: 4px;
  padding-left: 12px;
  color: #fff;
  font-size: 3vw;
  display: block;
}





#section06{
  background: #fff;
  color: #000;
}
#section06 .ttl{
  display: block;
}
#section06 .ttl span{
  display: block;
  font-size: .7em;
}
.bl_footer_nav{
  padding-top: 3%;
}
a{
  text-decoration: auto;
}
.bl_footer_copy{
  margin: 0;
}