/* CSS Document */
@charset "utf-8";

@media screen and (min-width:1024px){

section .wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}


section .mv{
	height: 660px;
	background-size: 200px auto;
}
section .mv::before{
	height: 330px;
	background-image: url(../images/mv/webp/pc.webp);
}
section .mv .wrapper{
	padding: 230px 0 0 0;
}
section .mv .logo{
	width: 523px;
}
section .mv .image{
	width: 494px;
	top: 340px; left: 502px;
}


section h2{
	padding-top: 20px;
	font-size: 28px;
}
section h2::before{
	width: 50px;
	height: 10px;
	background-size: 100% 100%;
}


section .replace{
	padding-top: 20px;
}
section .replace h3{
	padding: 0 46px;
	font-size: 23px;
}
section .replace h3::before,
section .replace h3::after{
	width: 34px;
	height: 47px;
}
section .replace .box{
	padding: 20px 0 0 0;
}
section .replace .icon{
	width: 79px;
	font-size: 0;
}
section .replace .name{
	font-size: 18px;
}
section .replace .num{
	font-size: 24px;
}
section .replace .num small{
	font-size: 18px;
}
section .replace .caution{
	padding-top: 20px;
	font-size: 12px;
}


section .intro{
	padding-bottom: 83px;
}
section .intro::before{
	width: 335px;
	height: 52px;
	top: -52px;
}
section .intro .box{
	width: 764px;
	padding-top: 40px;
}
section .intro .item{
	width: 335px;
	height: 160px;
	padding: 10px 7px;
}
section .intro .arrow{
	width: 50px;
}
section .intro .item h3{
	border-radius: 17px;
	font-size: 20px;
}
section .intro .item h3 small{
	font-size: 16px;
}
section .intro .item .text{
	padding-top: 28px;
	font-size: 20px;
}
section .intro .inner{
	padding-top: 10px;
}
section .intro .inner > div{
	padding: 0 23px;
}
section .intro .inner > div:last-child{
	padding-right: 23px;
}
section .intro .name{
	margin-top: -10px;
	font-size: 28px;
}
section .intro .name small{
	font-size: 12px;
}
section .intro .num{
	margin-top: -10px;
	padding-left: 10px;
	font-size: 28px;
}
section .intro .num span{
	font-size: 60px;
}
section .intro .caution{
	bottom: -10px; left: 25px;
	font-size: 10px;
	line-height: 1.5;
}


section .timetable{
	padding-bottom: 40px;
}
section .timetable::before{
	width: 335px;
	height: 52px;
	top: -52px;
}
section .timetable .wrapper{
	width: 915px;
}
section .timetable .box{
	padding-top: 30px;
}
section .timetable .left{
	width: 120px;
}
section .timetable .title{
	padding-bottom: 10px;
	font-size: 20px;
}
section .timetable .left .inner{
	margin-top: 30px;
}
section .timetable .left .item{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	font-size: 28px;
}
section .timetable .item.item_g{
	width: 120px;
	height: 120px;
	border-radius: 60px;
	font-size: 28px;
}
section .timetable .left .content_1{
}
section .timetable .left .content_2{
	margin-top: 212px;
}
section .timetable .left .content_3{
	margin-top: 50px;
}
section .timetable .left .content_4{
	margin-top: 290px;
}
section .timetable .left .content_5{
	margin-top: 342px;
}
section .timetable .left .content_6,
section .timetable .left .content_7{
	margin-top: 30px;
}
section .timetable .left .content_8{
	margin-top: 316px;
}
section .timetable .right{
	width: 752px;
}
section .timetable .right .inner{
	margin-top: 30px;
}
section .timetable .right .item{
	height: 50px;
	padding: 0 10px 0 30px;
	border-radius: 25px;
	font-size: 23px;
}
section .timetable .item.item_t{
	height: calc(50px - 2px);
}
section .timetable .right .content_1{
}
section .timetable .right .content_2{
}
section .timetable .right .content_3,
section .timetable .right .content_4,
section .timetable .right .content_7,
section .timetable .right .content_8{
	margin-top: 30px;
}
section .timetable .right .content_5,
section .timetable .right .content_10{
	margin-top: 40px;
}
section .timetable .right .content_6{
}
section .timetable .right .content_9{
}
section .timetable .right .content_11{
	margin-top: 105px;
}
section .timetable .right .content_12{
	margin-top: 100px;
}
section .timetable .right .content_14{
}
section .timetable .right .content_15{
	margin-top: 54px;
}
section .timetable .right .content_13,
section .timetable .right .content_16{
	margin-top: 65px;
}
section .timetable .right .content_1::after{
	width: 120px;
	height: 96px;
	top: 12px;
}
section .timetable .right .content_3::after{
	width: 172px;
	height: 130px;
	top: 1;
}
section .timetable .right .content_7::after{
	width: 86px;
	height: 120px;
	top: 3px; right:26px;
}
section .timetable .right .content_10::after{
	width: 130px;
	height: 100px;
	top: -10px; right: 5px;
}
section .timetable .right .content_16::after{
	width: 128px;
	height: 120px;
	top: -35px; right: 0;
}
section .timetable .detail{
	margin-top: 20px;
}
section .timetable .text_box{
	width: calc(100% - 370px);
}
section .timetable .text{
	padding-top: 7px;
	font-size: 24px;
}
section .timetable .text span{
	padding: 0 13px;
	border-radius: 18px;
}
section .timetable .thum_box{
	width: 370px;
}
section .timetable .caution{
	padding-top: 10px;
	font-size: 10px;
}
section .timetable .off_circle{
	width: 152px;
	height: 152px;
	border-radius: 76px;
	bottom: -25px; left: -40px;
}
section .timetable .name{
	font-size: 18px;
}
section .timetable .num + .name{
	padding-top: 4px;
}
section .timetable .num span{
	font-size: 46px;
}
section .timetable .num small{
	padding-bottom: 2px;
	font-size: 18px;
}


section .timetable_bottom .box{
	letter-spacing: 0.05em;
}
section .timetable_bottom .wrapper{
	width: 915px;
}
section .timetable_bottom .day{
	width: 325px;
}
section .timetable_bottom .day h3{
	width: 288px;
	height: 40px;
	border-radius: 20px;
	font-size: 16px;
}
section .timetable_bottom .day .inner{
	margin-top: -14px;
	padding: 52px 0 41px 0;
}
section .timetable_bottom .day .item{
	padding: 0 10px;
}
section .timetable_bottom .day .name{
	font-size: 28px;
}
section .timetable_bottom .day .name small{
	font-size: 12px;
}
section .timetable_bottom .day .num{
	font-size: 28px;
}
section .timetable_bottom .day .num span{
	font-size: 60px;
}
section .timetable_bottom .day .text{
	font-size: 20px;
}
section .timetable_bottom .day .caution{
	bottom: -10px; left: 25px;
	font-size: 10px;
}
section .timetable_bottom .example{
	width: 580px;
	padding: 20px 10px;
}
section .timetable_bottom .replace{
	padding: 0 10px 0 0;
}
section .timetable_bottom .replace h3{
	padding: 0 38px;
	font-size: 20px;
}
section .timetable_bottom .replace h3::before,
section .timetable_bottom .replace h3::after{
	width: 28px;
	height: 40px;
}
section .timetable_bottom .replace .box{
	padding: 20px 0;
}
section .timetable_bottom .replace .box .item:last-child{
	padding-left: 10px;
}
section .timetable_bottom .replace .icon{
	width: 56px;
	font-size: 0;
}
section .timetable_bottom .replace .inner{
	padding-left: 10px;
}
section .timetable_bottom .replace .name{
	font-size: 15px;
}
section .timetable_bottom .replace .num{
	font-size: 20px;
}
section .timetable_bottom .replace .num small{
	font-size: 16px;
}
section .timetable_bottom .cream{
	width: 230px;
	padding: 5px 0 0 20px;
}
section .timetable_bottom .cream .inner{
	padding-right: 10px;
}
section .timetable_bottom .cream .name{
	font-size: 16px;
}
section .timetable_bottom .cream .num{
	font-size: 16px;
}
section .timetable_bottom .cream .num span{
	font-size: 28px;
}
section .timetable_bottom .cream .thum{
	width: 154px;
}
section .timetable_bottom .cream p{
	padding-top: 14px;
	font-size: 10px;
}


section .product{
	padding-top: 40px;
}
section .product h3{
	font-size: 28px;
}
section .product .h4_box{
	width: 610px;
	padding-top: 20px;
}
section .product h4{
	height: 28px;
	border-radius: 14px;
	font-size: 16px;
}
section .product h4 small{
	font-size: 12px;
}
section .product .caution{
	padding-top: 5px;
	font-size: 10px;
}
section .product .box{
	width: 610px;
	padding-top: 10px;
}
section .product .thum{
	height: 256px;
}
section .product .name{
	font-size: 14px;
}


section .point{
	padding-bottom: 90px;
}
section .point .item{
	width: 325px;
	padding-top: 40px;
}
section .point .num{
	width: 48px;
	height: 48px;
}
section .point .title{
	font-size: 8px;
}
section .point .count{
	font-size: 23px;
}
section .point h3{
	padding-left: 5px;
	font-size: 20px;
}
section .point .thum{
	padding-top: 10px;
}
section .point p{
	padding-top: 10px;
	font-size: 14px;
}
section .point .caution{
	padding-top: 5px;
	font-size: 12px;
}


section .recipe_slide{
	padding-bottom: 82px;
}
section .recipe_slide::before{
	width: 335px;
	height: 52px;
	top: -52px;
}
section .recipe_slide_box{
	width: 960px;
	margin: 60px auto 0 auto;
}
section .recipe_slide_box .wrapper{
	width: 100%;
}
.swiper-button-prev,
.swiper-button-next{
	height: 30px;
	width: 30px;
	top: 134px;
}
.swiper-button-prev{
	left: -20px;
}
.swiper-button-next{
	right: -20px;
}
section .recipe_slide_item{
	padding: 34px 20px 40px 20px;
}
section .recipe_slide h3{
	width: 300px;
	top: -20px;
}
section .recipe_slide .thum{
	width: 335px;
}
section .recipe_slide .thum_box .title_box{
	width: 335px;
	margin-left: 40px;
}
section .recipe_slide h4 a{
	height: 40px;
	border: 1px solid #65AC25;
	border-radius: 20px;
	transition: .2s;
}
section .recipe_slide h4 a:hover{
	background: #FFF;
	color: #65AC25;
}
section .recipe_slide h4 span{
	font-size: 20px;
	transition: .2s;
}
section .recipe_slide h4 a:hover span{
	border-bottom-color: #65AC25;
	color: #65AC25;
}
section .recipe_slide h4.two_line a{
	height: 70px;
	border-radius: 35px;
}
section .recipe_slide .condition{
	padding-top: 12px;
	font-size: 16px;
}
section .recipe_slide .off_box{
	padding-top: 10px;
}
section .recipe_slide .off_box .item{
	width: 144px;
	height: 144px;
	margin: 0 8px;
	border-radius: 72px;
}
section .recipe_slide .off_box .name{
	font-size: 16px;
}
section .recipe_slide .off_box .num{
	font-size: 20px;
}
section .recipe_slide .off_box .num span{
	font-size: 48px;
}
section .recipe_slide .off_box .text{
	font-size: 16px;
}
section .recipe_slide .recipe{
	padding-top: 20px;
}
section .recipe_slide .recipe h5{
	height: 40px;
	font-size: 16px;
}
section .recipe_slide .recipe h5::after{
	width: 20px;
	height: 20px;
	right: 20px;
}
section .recipe_slide .recipe .people{
	padding-top: 2px;
	font-size: 14px;
}
section .recipe_slide .recipe .left{
	width: 345px;
	padding-top: 6px;
}
section .recipe_slide .recipe .title_box{
	padding-bottom: 10px;
	font-size: 16px;
}
section .recipe_slide .recipe .left .inner{
	padding-top: 8px;
}
section .recipe_slide .recipe .left .item{
	padding: 2px 0;
	font-size: 14px;
	letter-spacing: 0.025em;
}
section .recipe_slide .recipe .box + .box{
	margin-top: 20px;
}
section .recipe_slide .recipe .name span{
	padding: 0 5px;
	border-radius: 7px;
}
section .recipe_slide .recipe .right{
	width: 540px;
	padding-top: 6px;
}
section .recipe_slide .recipe .right .item{
	padding-top: 10px;
}
section .recipe_slide .recipe .num{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	font-size: 14px;
}
section .recipe_slide .recipe .right .text{
	width: calc(100% - 40px);
	padding: 10px 0 0 10px;
	font-size: 16px;
}
section .recipe_slide .recipe .right .text span::before,
section .recipe_slide .recipe .right .text span::after{
	width: 100px;
	height: 3px;
	margin-top: -1px;
}
section .recipe_slide .recipe .right .text span::before{
	margin-right: 10px;
}
section .recipe_slide .recipe .right .text span::after{
	margin-left: 10px;
}
section .recipe_slide .recipe .close{
	height: 40px;
	margin-top: 20px;
	border-radius: 20px;
	font-size: 16px;
	transition: .2s;
}
section .recipe_slide .recipe .close:hover{
	background: #987C7C;
	color: #FFF;
}
section .recipe_slide .bottom_caution{
	width: 960px;
	padding-top: 20px;
	font-size: 16px;
}
section .recipe_slide .bottom_caution .wrapper{
	width: 100%;
}


section .try{
	padding-bottom: 40px;
}
section .try::before{
	width: 335px;
	height: 52px;
	top: -52px;
}
section .try .box{
	margin-top: 40px;
	padding: 40px 10px;
}
section .try h3{
	width: 200px;
	top: -26px;
}
section .try .image{
	width: 580px;
}
section .try .bottom{
	padding-top: 20px;
	justify-content: center;
	letter-spacing: 0.05em;
}
section .try .detail{
	width: 300px;
	margin-right: 20px;
}
section .try .condition{
	font-size: 20px;
}
section .try .off_box{
	padding-top: 10px;
}
section .try .off_box .item{
	width: 144px;
	height: 144px;
	border-radius: 72px;
}
section .try .off_box .item:last-child{
	margin-left: 10px;
}
section .try .off_box .name{
	font-size: 16px;
}
section .try .off_box .num{
	font-size: 20px;
}
section .try .off_box .num span{
	font-size: 48px;
}
section .try .off_box .text{
	font-size: 16px;
}
section .try .off_box .caution{
	width: 100%;
	bottom: 10px; left: 0;
	transform: translateX(0);
	font-size: 10px;
	text-align: center;
}
section .try .detail p{
	padding-top: 10px;
	font-size: 12px;
}
section .try .example{
	width: 620px;
	padding: 10px 10px;
}
section .try .replace{
	padding: 0 0 0 0;
}
section .try .replace h3{
	padding: 0 38px;
	font-size: 20px;
}
section .try .replace h3::before,
section .try .replace h3::after{
	width: 28px;
	height: 40px;
}
section .try .replace .box{
	padding: 20px 10px;
}
section .try .replace .box .item:last-child{
	padding-left: 10px;
}
section .try .replace .icon{
	width: 56px;
	font-size: 0;
}
section .try .replace .inner{
	padding-left: 10px;
}
section .try .replace .name{
	font-size: 15px;
}
section .try .replace .num{
	font-size: 19px;
}
section .try .replace .num small{
	font-size: 16px;
}
section .try .cream{
	width: 220px;
	padding: 0 0 0 10px;
}
section .try .cream .inner{
	padding-right: 10px;
}
section .try .cream .name{
	font-size: 16px;
}
section .try .cream .num{
	font-size: 16px;
}
section .try .cream .num span{
	font-size: 28px;
}
section .try .cream .thum{
	width: 154px;
}
section .try .cream p{
	padding-top: 10px;
	font-size: 10px;
}


section .belt{
	width: 100%;
}
section .belt img{
	width: 100%;
}


section .plus{
	padding-top: 57px;
}
section .plus .wrapper{
	width: 915px;
}
section .plus .h3_box{
	width: 494px;
}
section .plus .h3_top{
	padding-bottom: 10px;
	font-size: 38px;
}
section .plus h3{
	padding: 8px 0;
	font-size: 46px;
}
section .plus .image{
	width: 390px;
	top: -36px;
}
section .plus p{
	width: 494px;
	padding-top: 20px;
	font-size: 20px;
}


section .plus_slide{
	padding: 82px 0 40px 0;
}
section .plus_slide .slide_box{
	width: 720px;
}
section .plus_slide .swiper-button-prev,
section .plus_slide .swiper-button-next{
	top: 113px;
}
section .plus_slide .swiper-button-prev{
	left: -20px;
}
section .plus_slide .swiper-button-next{
	right: -20px;
}
section .plus_slide .slide_item{
	padding: 20px 40px;
}
section .plus_slide .thum_box{
	width: 316px;
}
section .plus_slide .acc{
	width: 170px;
	top: -39px; left: -15px;
}
section .plus_slide .inner{
	width: 300px;
}
section .plus_slide .condition{
	font-size: 15px;
}
section .plus_slide .off_box{
	padding-top: 10px;
}
section .plus_slide .item{
	width: 144px;
	height: 144px;
	border-radius: 72px;
}
section .plus_slide .item:last-child{
	margin-left: 10px;
}
section .plus_slide .name{
	font-size: 16px;
}
section .plus_slide .num{
	font-size: 20px;
}
section .plus_slide .num span{
	font-size: 48px;
}
section .plus_slide .text{
	font-size: 16px;
}
section .plus_slide .caution{
	padding-top: 10px;
	font-size: 12px;
}


section .special{
	padding: 40px 0 80px 0;
}
section .special .h3_box{
	width: 310px;
}
section .special .h3_top{
	padding-bottom: 4px;
	font-size: 23px;
}
section .special h3{
	padding: 4px 0;
	font-size: 28px;
}
section .special .item{
	width: 350px;
	margin: 40px 20px 0 20px;
}
section .special h4{
	padding-bottom: 10px;
	font-size: 20px;
}
section .special h4 small{
	font-size: 16px;
}
section .special .top_text{
	padding-top: 20px;
	font-size: 16px;
}
section .special .item:last-child .top_text{
	padding-top: 10px;
}
section .special .thum_box{
	padding-top: 42px;
}
section .special .item:last-child .thum_box{
	padding-top: 10px;
}
section .special .thum{
	width: 110px;
	margin: 0 20px;
}
section .special .item:last-child .thum{
	width: 160px;
	margin: 0 1px;
}
section .special .thum img{
	width: 77px;
}
section .special .item:last-child .thum img{
	width: 100%;
}
section .special .thum span{
	font-size: 14px;
}
section .special .button{
	padding-top: 10px;
}
section .special .button a{
	height: 60px;
	border-radius: 30px;
	font-size: 16px;
	transition: .2s;
	text-decoration: none;
}
section .special .button a:hover{
	background: #FFF;
	color: #EF6500;
}
section .special .button a::after{
	width: 16px;
	height: 18px;
	right: 20px;
}
section .special p{
	padding-top: 10px;
	font-size: 12px;
}
section .special .caution{
	padding-top: 7px;
	font-size: 12px;
}


section .link{
	padding-bottom: 90px;
}
section .link::before{
	width: 335px;
	height: 52px;
	top: -52px;
}
section .link .box{
	padding-top: 40px;
}
section .link .item{
	width: 324px;
}
section .link .item a{
	height: 100px;
}
section .link .box .item:first-child a{
	font-size: 16px;
}


section .top_marker{
	width: 40px;
	position: fixed; bottom: 10px; right: 40px;
}

}