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

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

body section{
	padding-top: 90px;
}
section .wrapper{
	padding: 0 2.75vw;
}


section .mv{
	height: 66vw;
	background-size: 25% auto;
}
section .mv::before{
	height: 33vw;
	background-image: url(../images/mv/webp/pc.webp);
}
section .mv .wrapper{
	padding: 23vw 0 0 0;
}
section .mv .logo{
	width: 52.3%;
	margin: 0;
	padding-top: 0;
}
section .mv .image{
	width: 49.4%;
	margin: 0;
	position: absolute; top: 34vw; left: 50.3%;
}


section h2{
	padding-top: 2vw;
	font-size: 2.8vw;
}
section h2::before{
	width: 5vw;
	height: 1vw;
	background-size: 100% 100%;
}


section .intro{
	padding-bottom: 8.3vw;
}
section .intro::before{
	width: 33.5vw;
	height: 5.2vw;
	top: -5.2vw;
}
section .intro .box{
	width: 80%;
	margin: 0 auto;
	padding-top: 4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section .intro .item{
	width: 44%;
	height: 16vw;
	padding: 1vw 0.7vw;
}
section .intro .arrow{
	width: 6%;
	margin: 0;
}
section .intro .item h3{
	border-radius: 1.7vw;
	font-size: 2vw;
}
section .intro .item h3 small{
	font-size: 1.6vw;
}
section .intro .item .text{
	padding-top: 2.3vw;
	font-size: 2vw;
}
section .intro .box .item:last-child{
	padding-bottom: 0;
}
section .intro .inner{
	padding-top: 0.6vw;
}
section .intro .inner > div{
	padding: 0 2.3vw;
}
section .intro .inner > div:last-child{
	padding-right: 2.3vw;
}
section .intro .name{
	font-size: 2.8vw;
}
section .intro .name small{
	font-size: 1.2vw;
}
section .intro .num{
	margin-top: -1vw;
	padding-left: 1vw;
	font-size: 2.8vw;
}
section .intro .num span{
	font-size: 6vw;
}
section .intro .caution{
	bottom: -1vw; left: 2.5vw;
	font-size: 1vw;
	line-height: 1.5;
}
section .intro .replace .box{
	justify-content: center;
}
section .intro .replace .item{
	width: auto;
	height: auto;
	padding: 0;
}


section .timetable{
	padding-bottom: 4vw;
}
section .timetable::before{
	width: 33.5vw;
	height: 5.2vw;
	top: -5.2vw;
}
section .timetable .box{
	padding-top: 3vw;
}
section .timetable .left{
	width: 12vw;
}
section .timetable .title{
	padding-bottom: 1vw;
	font-size: 2vw;
}
section .timetable .left .inner{
	margin-top: 3vw;
}
section .timetable .left .item{
	width: 12vw;
	height: 12vw;
	border-radius: 6vw;
	font-size: 2.8vw;
}
section .timetable .item.item_g{
	width: 12vw;
	height: 12vw;
	border-radius: 6vw;
	font-size: 2.8vw;
}
section .timetable .left .content_1{
}
section .timetable .left .content_2{
	margin-top: 20vw;
}
section .timetable .left .content_3{
	margin-top: 5vw;
}
section .timetable .left .content_4{
	margin-top: 25vw;
}
section .timetable .left .content_5{
	margin-top: 29vw;
}
section .timetable .left .content_6,
section .timetable .left .content_7{
	margin-top: 2.4vw;
}
section .timetable .left .content_8{
	margin-top: 30vw;
}
section .timetable .right{
	width: 75vw;
}
section .timetable .right .inner{
	margin-top: 3vw;
}
section .timetable .right .item{
	height: 5vw;
	padding: 0 1vw 0 3vw;
	border-radius: 2.5vw;
	font-size: 2.3vw;
}
section .timetable .item.item_t{
	height: calc(5vw - 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_5{
	margin-top: 3vw;
}
section .timetable .right .content_6{
}
section .timetable .right .content_7,
section .timetable .right .content_10{
	margin-top: 2vw;
}
section .timetable .right .content_8,
section .timetable .right .content_15{
	margin-top: 1.3vw;
}
section .timetable .right .content_9{
}
section .timetable .right .content_11{
	margin-top: 7vw;
}
section .timetable .right .content_12{
	margin-top: 10vw;
}
section .timetable .right .content_14{
}
section .timetable .right .content_13,
section .timetable .right .content_16{
	margin-top: 5vw;
}
section .timetable .right .content_1::after{
	width: 12vw;
	height: 9.6vw;
	top: 1.2vw;
}
section .timetable .right .content_3::after{
	width: 17.2vw;
	height: 13vw;
	top: 1vw;
}
section .timetable .right .content_7::after{
	width: 8.6vw;
	height: 12vw;
	top: 0.3vw; right:2.6vw;
}
section .timetable .right .content_10::after{
	width: 13vw;
	height: 10vw;
	top: -1vw; right: 0.5vw;
}
section .timetable .right .content_16::after{
	width: 12.8vw;
	height: 12vw;
	top: -3.5vw; right: 0;
}
section .timetable .detail{
	margin-top: 2vw;
	display: flex;
	justify-content: space-between;
}
section .timetable .text_box{
	width: calc(100% - 37vw);
}
section .timetable .text{
	padding-top: 1vw;
	font-size: 2.4vw;
}
section .timetable .text span{
	padding: 0 1.3vw;
	border-radius: 1.8vw;
}
section .timetable .thum_box{
	width: 37vw;
	padding-top: 0;
}
section .timetable .caution{
	padding-top: 1vw;
	font-size: 1vw;
}
section .timetable .off_circle{
	width: 15.2vw;
	height: 15.2vw;
	border-radius: 7.6vw;
	bottom: -2.5vw; left: -4vw;
}
section .timetable .name{
	font-size: 1.8vw;
}
section .timetable .num + .name{
	padding-top: 0.4vw;
}
section .timetable .num span{
	font-size: 4.6vw;
}
section .timetable .num small{
	padding-bottom: 0.2vw;
	font-size: 1.8vw;
}


section .timetable_bottom .box{
	display: flex;
	justify-content: space-between;
	letter-spacing: 0;
}
section .timetable_bottom .day{
	width: 33.5vw;
}
section .timetable_bottom .day h3{
	width: 28.8vw;
	height: 4vw;
	border-radius: 2vw;
	font-size: 1.6vw;
}
section .timetable_bottom .day h3::before,
section .timetable_bottom .day h3::after{
	bottom: -18px;
}
section .timetable_bottom .day h3::before{
	border: 9px solid transparent;
	border-top: 9px solid #FFF;
}
section .timetable_bottom .day h3::after{
	bottom: -20px;
	border: 10px solid transparent;
	border-top: 10px solid #5B4343;
}
section .timetable_bottom .day .inner{
	margin-top: -1.4vw;
	padding: 5.2vw 0 4.1vw 0;
}
section .timetable_bottom .day .item{
	padding: 0 0.5vw;
}
section .timetable_bottom .day .name{
	font-size: 2.8vw;
}
section .timetable_bottom .day .name small{
	font-size: 1.2vw;
}
section .timetable_bottom .day .num{
	font-size: 2.8vw;
}
section .timetable_bottom .day .num span{
	font-size: 6vw;
}
section .timetable_bottom .day .text{
	font-size: 2vw;
}
section .timetable_bottom .day .caution{
	bottom: -1vw; left: 2.5vw;
	font-size: 1vw;
	line-height: 1.5;
}
section .timetable_bottom .example{
	width: 60vw;
	padding: 3vw 1.6vw;
	background: #FFF;
	border: 2px solid #C7C7C7;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
section .timetable_bottom .replace{
	padding: 0 2vw 0 0;
}
section .timetable_bottom .replace h3{
	padding: 0 3.8vw;
	font-size: 2vw;
}
section .timetable_bottom .replace h3::before,
section .timetable_bottom .replace h3::after{
	width: 2.8vw;
	height: 4vw;
}
section .timetable_bottom .replace .box{
}
section .timetable_bottom .replace .box .item:last-child{
	padding-left: 1vw;
}
section .timetable_bottom .replace .icon{
	width: 5.6vw;
}
section .timetable_bottom .replace .inner{
	padding-left: 1vw;
}
section .timetable_bottom .replace .name{
	font-size: 1.6vw;
}
section .timetable_bottom .replace .num{
	font-size: 2.0vw;
}
section .timetable_bottom .replace .num small{
	font-size: 1.6vw;
}
section .timetable_bottom .cream{
	width: 24vw;
	margin-top: 0;
	padding: 0.5vw 0 0 2vw;
	border-top: none;
	border-left: 1px solid #5B4343;
	flex-flow: column;
}
section .timetable_bottom .cream::before,
section .timetable_bottom .cream::after{
	top: 0; bottom: 0; left: -1px; right: auto;
}
section .timetable_bottom .cream::before{
	border: 6px solid transparent;
	border-left: 6px solid #FFF;
	z-index: 2;
}
section .timetable_bottom .cream::after{
	border: 7px solid transparent;
	border-left: 7px solid #5B4343;
	z-index: 1;
}
section .timetable_bottom .cream .inner{
	padding-right: 1vw;
}
section .timetable_bottom .cream .name{
	font-size: 1.6vw;
}
section .timetable_bottom .cream .num{
	font-size: 1.6vw;
}
section .timetable_bottom .cream .num span{
	font-size: 2.8vw;
}
section .timetable_bottom .cream .thum{
	width: 15.4vw;
}
section .timetable_bottom .cream p{
	padding-top: 1.4vw;
	font-size: 1vw;
}


section .product{
	padding-top: 4vw;
}
section .product h3{
	font-size: 2.8vw;
}
section .product .h4_box{
	width: 61vw;
	margin: 0 auto;
	padding-top: 2vw;
}
section .product h4{
	height: 2.8vw;
	border-radius: 1.4vw;
	font-size: 1.6vw;
}
section .product h4 small{
	font-size: 1.2vw;
}
section .product .caution{
	padding-top: 0.5vw;
	font-size: 1vw;
}
section .product .box{
	width: 61vw;
	margin: 0 auto;
	padding-top: 1vw;
}
section .product .item{
}
section .product .thum{
	height: 25.6vw;
}
section .product .name{
	font-size: 1.4vw;
}


section .point{
	padding-bottom: 9vw;
}
section .point .box{
	display: flex;
	justify-content: space-between;
}
section .point .item{
	width: 30.5vw;
	padding-top: 4vw;
}
section .point .num{
	width: 5vw;
	height: 5vw;
}
section .point .title{
	font-size: 0.8vw;
}
section .point .count{
	font-size: 2.3vw;
}
section .point h3{
	padding-left: 1vw;
	font-size: 1.9vw;
}
section .point .thum{
	padding-top: 1vw;
}
section .point p{
	padding-top: 1vw;
	font-size: 1.45vw;
}
section .point .caution{
	padding-top: 0.5vw;
	font-size: 1.2vw;
}


section .recipe_slide{
	padding-bottom: 8.2vw;
}
section .recipe_slide::before{
	width: 33.5vw;
	height: 5.2vw;
	top: -5.2vw;
}
section .recipe_slide_box{
	width: 94vw;
	margin: 6vw auto 0 auto;
}
.swiper-button-prev,
.swiper-button-next{
	height: 4vw;
	width: 4vw;
	top: 15vw;
}
.swiper-button-prev{
	left: -4vw;
}
.swiper-button-next{
	right: -4vw;
}
section .recipe_slide_item{
	padding: 3.4vw 2vw 4vw 2vw;
}
section .recipe_slide h3{
	width: 30vw;
	top: -2vw;
}
section .recipe_slide .thum_box{
	display: flex;
	justify-content: center;
}
section .recipe_slide .thum{
	width: 33.5vw;
}
section .recipe_slide .thum_box .title_box{
	width: 33.5vw;
	margin-left: 4vw;
	padding-top: 0;
}
section .recipe_slide h4 a{
	height: 4vw;
	border-radius: 2vw;
}
section .recipe_slide h4.two_line a{
	height: 7vw;
	border-radius: 3.5vw;
}
section .recipe_slide h4 span{
	font-size: 2vw;
}
section .recipe_slide .condition{
	padding-top: 1.2vw;
	font-size: 1.6vw;
}
section .recipe_slide .off_box{
	padding-top: 1vw;
}
section .recipe_slide .off_box .item{
	width: 14.4vw;
	height: 14.4vw;
	margin: 0 0.8vw;
	border-radius: 7.2vw;
}
section .recipe_slide .off_box .name{
	font-size: 1.6vw;
}
section .recipe_slide .off_box .num{
	font-size: 2vw;
}
section .recipe_slide .off_box .num span{
	font-size: 4.8vw;
}
section .recipe_slide .off_box .text{
	font-size: 1.6vw;
}
section .recipe_slide .recipe{
	padding-top: 2vw;
}
section .recipe_slide .recipe h5{
	height: 4vw;
	font-size: 1.6vw;
}
section .recipe_slide .recipe h5::after{
	width: 2vw;
	height: 2vw;
	right: 2vw;
}
section .recipe_slide .recipe .people{
	padding-top: 0.2vw;
	font-size: 1.4vw;
	text-align: left;
}
section .recipe_slide .recipe .box{
	display: flex;
	justify-content: space-between;
}
section .recipe_slide .recipe .left{
	width: 31vw;
	padding-top: 0.6vw;
}
section .recipe_slide .recipe .title_box{
	padding-bottom: 1vw;
	font-size: 1.6vw;
}
section .recipe_slide .recipe .left .inner{
	padding-top: 0.8vw;
}
section .recipe_slide .recipe .left .item{
	padding: 0.2vw 0;
	font-size: 1.4vw;
}
section .recipe_slide .recipe .box + .box{
	margin-top: 2vw;
}
section .recipe_slide .recipe .name span{
	padding: 0 0.5vw;
	border-radius: 0.7vw;
}
section .recipe_slide .recipe .right{
	width: 51vw;
	padding-top: 0.6vw;
}
section .recipe_slide .recipe .right .item{
	padding-top: 1vw;
}
section .recipe_slide .recipe .num{
	width: 4vw;
	height: 4vw;
	border-radius: 2vw;
	font-size: 1.4vw;
}
section .recipe_slide .recipe .right .text{
	width: calc(100% - 4vw);
	padding: 1vw 0 0 1vw;
	font-size: 1.6vw;
}
section .recipe_slide .recipe .right .text span::before,
section .recipe_slide .recipe .right .text span::after{
	width: 10vw;
	height: 6px;
	margin-top: -0.2vw;
}
section .recipe_slide .recipe .close{
	height: 4vw;
	margin-top: 2vw;
	border-radius: 2v;
	font-size: 1.6vw;
}
section .recipe_slide .bottom_caution{
	width: 94vw;
	margin: 0 auto;
	padding-top: 2vw;
	font-size: 1.6vw;
	text-align: right;
}


section .try{
	padding-bottom: 4vw;
}
section .try::before{
	width: 33.5vw;
	height: 5.2vw;
	top: -5.2vw;
}
section .try .box{
	margin-top: 4vw;
	padding: 4vw 2vw;
}
section .try h3{
	width: 20vw;
	top: -2.6vw;
}
section .try .image{
	width: 58vw;
}
section .try .bottom{
	padding-top: 2vw;
	display: flex;
	justify-content: space-between;
	letter-spacing: 0;
}
section .try .detail{
	width: 30vw;
}
section .try .condition{
	padding-top: 0;
	font-size: 2vw;
}
section .try .off_box{
	padding-top: 1vw;
}
section .try .off_box .item{
	width: 14.4vw;
	height: 14.4vw;
	margin: 0;
	border-radius: 7.2vw;
}
section .try .off_box .item:last-child{
	margin-left: 1vw;
}
section .try .off_box .name{
	font-size: 1.6vw;
}
section .try .off_box .num{
	font-size: 2vw;
}
section .try .off_box .num span{
	font-size: 4.8vw;
}
section .try .off_box .text{
	font-size: 1.6vw;
}
section .try .off_box .caution{
	bottom: 2vw;
	font-size: 1vw;
}
section .try .detail p{
	padding-top: 1vw;
	font-size: 1.2vw;
}
section .try .example{
	width: 60vw;
	padding: 3vw 1.2vw;
	border: 2px solid #C7C7C7;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
section .try .replace{
	padding: 0 1.8vw 0 0;
}
section .try .replace h3{
	width: auto;
	padding: 0 3.8vw;
	top: auto;
	font-size: 2vw;
}
section .try .replace h3::before,
section .try .replace h3::after{
	width: 2.8vw;
	height: 4vw;
}
section .try .replace .box{
	margin-top: 0;
}
section .try .replace .box .item:last-child{
	padding-left: 1vw;
}
section .try .replace .icon{
	width: 5.6vw;
}
section .try .replace .inner{
	padding-left: 1vw;
}
section .try .replace .name{
	font-size: 1.5vw;
}
section .try .replace .num{
	font-size: 2.0vw;
}
section .try .replace .num small{
	font-size: 1.6vw;
}
section .try .cream{
	width: 24vw;
	margin-top: 0;
	padding: 0.5vw 0 0 2vw;
	border-top: none;
	border-left: 1px solid #5B4343;
	flex-flow: column;
}
section .try .cream::before,
section .try .cream::after{
	top: 0; bottom: 0; left: -1px; right: auto;
}
section .try .cream::before{
	border: 6px solid transparent;
	border-left: 6px solid #FFF;
	z-index: 2;
}
section .try .cream::after{
	border: 7px solid transparent;
	border-left: 7px solid #5B4343;
	z-index: 1;
}
section .try .cream .inner{
	padding-right: 1vw;
}
section .try .cream .name{
	font-size: 1.6vw;
}
section .try .cream .num{
	font-size: 1.6vw;
}
section .try .cream .num span{
	font-size: 2.8vw;
}
section .try .cream .thum{
	width: 15vw;
}
section .try .cream p{
	padding-top: 1vw;
	font-size: 1vw;
}


section .replace{
	padding-top: 2vw;
}
section .replace h3{
	padding: 0 4.6vw;
	font-size: 2.3vw;
}
section .replace h3::before,
section .replace h3::after{
	width: 3.4vw;
	height: 4.7vw;
}
section .replace .box{
	padding: 2vw 0 0 0;
}
section .replace .icon{
	width: 7.9vw;
}
section .replace .inner{
	padding: 0;
}
section .replace .name{
	font-size: 1.8vw;
}
section .replace .num{
	font-size: 2.4vw;
}
section .replace .num small{
	font-size: 1.8vw;
}
section .replace .caution{
	padding-top: 2vw;
	font-size: 1.2vw;
}


section .belt{
}


section .plus{
	padding-top: 5.7vw;
}
section .plus .wrapper{
	width: 90vw;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
section .plus .h3_box{
	width: 49.5vw;
}
section .plus .h3_top{
	padding-bottom: 1vw;
	font-size: 3.8vw;
}
section .plus h3{
	padding: 0.8vw 0;
	font-size: 4.6vw;
}
section .plus .image{
	width: 39vw;
	margin: 0;
	position: absolute; top: -3.6vw; right: 0;
}
section .plus p{
	width: 49.5vw;
	padding-top: 2vw;
	font-size: 2vw;
}


section .plus_slide{
	padding: 8.2vw 0 4vw 0;
}
section .plus_slide .slide_box{
	width: 72vw;
	margin: 0 auto;
}
section .plus_slide .swiper-button-prev,
section .plus_slide .swiper-button-next{
	top: 10vw;
}
section .plus_slide .swiper-button-prev{
	left: -2.5vw;
}
section .plus_slide .swiper-button-next{
	right: -2.5vw;
}
section .plus_slide .slide_item{
	padding: 2vw 4vw;
	display: flex;
	justify-content: space-between;
}
section .plus_slide .thum_box{
	width: 30vw;
}
section .plus_slide .acc{
	width: 17vw;
	top: -3.9vw; left: -1.5vw;
}
section .plus_slide .inner{
	width: 30vw;
}
section .plus_slide .condition{
	padding-top: 0;
	font-size: 1.6vw;
}
section .plus_slide .off_box{
	padding-top: 1vw;
}
section .plus_slide .item{
	width: 14.4vw;
	height: 14.4vw;
	margin: 0;
	border-radius: 7.2vw;
}
section .plus_slide .item:last-child{
	margin-left: 1vw;
}
section .plus_slide .name{
	font-size: 1.6vw;
}
section .plus_slide .num{
	font-size: 2vw;
}
section .plus_slide .num span{
	font-size: 4.8vw;
}
section .plus_slide .text{
	font-size: 1.6vw;
}
section .plus_slide .caution{
	padding-top: 1vw;
	font-size: 1.2vw;
}


section .special{
	padding: 4vw 0 8vw 0;
}
section .special .h3_box{
	width: 28.2vw;
	margin: 0 auto;
}
section .special .h3_top{
	padding-bottom: 0.4vw;
	font-size: 2.3vw;
}
section .special h3{
	padding: 0.4vw 0;
	font-size: 2.8vw;
}
section .special .box{
	display: flex;
	justify-content: center;
}
section .special .item{
	width: 35vw;
	margin: 4vw 2vw 0 2vw;
}
section .special h4{
	padding-bottom: 1vw;
	font-size: 2vw;
}
section .special h4 small{
	font-size: 1.6vw;
}
section .special .top_text{
	padding-top: 2vw;
	font-size: 1.6vw;
}
section .special .item:last-child .top_text{
	padding-top: 1vw;
}
section .special .thum_box{
	padding-top: 4.2vw;
}
section .special .item:last-child .thum_box{
	padding-top: 1vw;
}
section .special .thum{
	width: 9.4vw;
	margin: 0 2vw;
}
section .special .item:last-child .thum{
	width: 16vw;
	margin: 0 0.1vw;
}
section .special .thum img{
	width: 7.7vw;
}
section .special .item:last-child .thum img{
	width: 100%;
}
section .special .thum span{
	font-size: 1.4vw;
}
section .special .button{
	padding-top: 1vw;
}
section .special .button a{
	height: 6vw;
	border-radius: 3vw;
	font-size: 1.6vw;
}
section .special .button a::after{
	width: 1.6vw;
	height: 1.8vw;
	right: 2vw;
}
section .special p{
	padding-top: 1vw;
	font-size: 1.2vw;
}
section .special .caution{
	padding-top: 0.7vw;
	font-size: 1.2vw;
}


section .link{
	padding-bottom: 9vw;
}
section .link::before{
	width: 33.5vw;
	height: 5.2vw;
	top: -5.2vw;
}
section .link .box{
	padding-top: 4vw;
	display: flex;
	justify-content: space-between;
}
section .link .item{
	width: 32.4%;
	margin-top: 0;
}
section .link .item a{
	height: 10vw;
	transition: .2s;
}
section .link .box .item:first-child a{
	font-size: 1.6vw;
}
section .link .item a:hover{
	background: #653619;
}
section .link .item a:hover img{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
section .link .box .item:first-child a:hover{
	background: #FFF;
	color: #653619;
}


section .top_marker{
	width: 4%;
	position: fixed; bottom: 1vw; right: 4%;
}

}