@charset "UTF-8";
html {
    scroll-behavior: smooth;
}
/* PC ================================================== */

@media all and (min-width:768px) {
	* { margin: 0; padding: 0; }
    body {
		font-family: "Hiragino Kaku Gothic ProN", sans-serif;
        font-weight: 400;
        background: #fff;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
        width: 100%;
        font-feature-settings: "palt";
    }
	.sp-only {
		display: none;
	}
	img {
		vertical-align: bottom;
	}
	.loading {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: #fff;
        z-index: 9998;
    }
    .loader {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-left: -19px;
        text-align: center;
        z-index: 9999;
    }
	#kv {
		margin-bottom: 5%;
	}
	#kv picture {
		width: 100%;
	}
	#kv ul {
		justify-content: center;
		display: flex;
	}
	#kv li:first-child {
		width: 10%;
		margin-right: 4%
	}
	#kv li:nth-child(2) {
		width: 13%;
	}
	.width1000 {
		width: 1000px;
		margin: 0 auto;
	}
	#front {
		background-color: #fff9c8;
		padding: 160px 0 150px;
	}
	#front .front-main {
		margin-bottom: 161px;
		position: relative;
		border: solid 7px #ff5900;
		background-color: #fff;
		border-radius: 35px;
		padding-bottom: 77px;
/*		overflow: hidden;*/
	}
	#front .front-main picture img {
		width: 100%;
		margin-bottom: 90px;
		border-radius: 29px;
	}
	#front .front-main p {
		color: #001dff;
		font-size: 23px;
		font-weight: 600;
		text-align: center;
		line-height: 46px;
		letter-spacing: 0.1em;
	}
	#front .absolute img {
		position: absolute;
	}
	#front .absolute img:first-child {
		width: 170px;
		left: -35px;
		top: -180px;	
	}
	#front .absolute img:nth-child(2) {
		width: 670px;
		top: -91px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#front .absolute img:nth-child(3) {
		width: 220px;
		left: -70px;
		bottom: 140px;	
	}
	#front .absolute img:nth-child(4) {
		width: 273px;
		right: -142px;
		bottom: -50px;	
	}
	#front .front-text {
		text-align: center;
	}
	#front .front-text img {
		width: 640px;
		margin: 49px 0;
	}
	#front .front-bottom {
		margin-top: 50px;
	}
	#front .front-bottom ul {
		display: flex;
		justify-content: space-between;
	}
	#front .front-bottom li {
		position: relative;
		width: 30%;
	}
	#front .front-bottom li:first-child .absolute2 img {
		width: 125px;
		left: 96px;
		top: -89px;
	}
	#front .front-bottom li:nth-child(2) .absolute2 img {
		width: 136px;
		left: 85px;
		top: -94px;
	}
	#front .front-bottom li:nth-child(3) .absolute2 img {
		width: 165px;
		left: 59px;
		top: -87px;
	}
	#front .front-bottom li a {
		position: relative;
		z-index: 10;
	}
	#front .absolute2 img {
		position: absolute;
		z-index: 1;
	}
	#ranking {
		background-color: #0023ff;
		padding: 224px 0 100px;
	}
	#ranking .ranking {
		margin: 0 auto;
		width: 1000px;
		background-color: #fff;
		padding: 143px 0 50px;
		border-radius: 35px;
		position: relative;
		text-align: center;
	}
	#ranking .ranking .ranking-content {
		width: 88%;
		margin: 0 auto;
		text-align: center;
	}
	#ranking .absolute3 img {
		position: absolute;
	}
	#ranking .absolute3 img:first-child {
		width: 170px;
		right: -51px;
		top: -172px;
	}
	#ranking .absolute3 img:nth-child(2) {
		width: 700px;
		top: -150px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#ranking h2 {
		width: 600px;
		margin: 0 auto;
		
	}
	#ranking .wave {
		width: 91%;
		margin: 28px auto 52px;
	}
	#ranking h3 {
		font-size: 27px;
		font-weight: 600;
		letter-spacing: 0.1em;
		color: #0023ff;
		margin-bottom: 40px;
	}
	#ranking ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	#ranking li {
		width: 47%;
	}
	#ranking li img {
		font-weight: 600px;
	}
	#ranking .ranking p {
		font-size: 20px;
		color: #0023ff;
		font-weight: 600;
		letter-spacing: 0.1em;
	}
	#accordion {
		background-color: #c0c0c1;
		padding: 114px 0 116px;
	}
	
	.s_06 .accordion_one {
		width: 1000px;
		margin: 0 auto;
	}
	.s_06 .accordion_one .accordion_header {
		background-color: #ff5a00;
		color: #fff;
		padding: 40px 37px;
		text-align: center;
		position: relative;
		z-index: +1;
		border-radius: 35px 35px 0 0;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.s_06 .acc-1 {
		margin-bottom: 20px;
	}
	.s_06 .acc-2 {
		margin-bottom: 20px;
	}
	.s_06 .acc-1 .accordion_header img {
		width: 392px;
	}
	.s_06 .acc-2 .accordion_header img {
		width: 490px;
	}
	.s_06 .acc-3 .accordion_header img {
		width: 542px;
	}
	.s_06 .accordion_one .accordion_header .i_box {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		right: 5%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		box-sizing: border-box;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: center center;
		transition-duration: 0.2s;
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i {
		display: block;
		width: 18px;
		height: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: center center;
		transition-duration: 0.2s;
		position: relative;
	}
	.s_06 .accordion_one .accordion_header.open .i_box {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i:before, .s_06 .accordion_one 	.accordion_header .i_box .one_i:after {
		display: flex;
		content: '';
		background-color: #fff;
		border-radius: 10px;
		width: 18px;
		height: 4px;
		position: absolute;
		top: 7px;
		left: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: center center;
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i:before {
		width: 4px;
		height: 18px;
		top: 0;
		left: 7px;
	}
	.s_06 .accordion_one .accordion_header.open .i_box .one_i:before {
		content: none;
}
	.s_06 .accordion_one .accordion_header.open .i_box .one_i:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.s_06 .accordion_one .accordion_inner {
		display: none;
		margin: -35px 0 0;
		padding: 35px 30px;
		border-radius: 0 0 35px 35px;
		background-color: #ff5a00;
		box-sizing: border-box;
		position: relative;
}
	.s_06 .accordion_one .accordion_inner img {
		width: 940px
	}
	.s_06 .accordion_one .accordion_inner .closeArea {
		width: 86px;
	}
	.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		line-height: 1.3;
		color: #fff;
		font-weight: bold;
/*		position: relative;*/
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn img {
		width: 86px;
		position: absolute;
		right: -10px;
		bottom: -10px;
	}
	#recipe {
		margin-bottom: 80px;
		text-align: center;
	}
	.recipe-kv {
		
	}
	.recipe-1 {
		background-color: #00bcec;
		padding: 77px 0;
	}
	.recipe-kv-content {
		position: relative;
	}
	.absolute4 img {
		position: absolute;
	}
	.absolute4 img:first-child {
		width: 80px;
		top: 47px;
		left: -34px;
	}
	.absolute4 img:nth-child(2) {
		width: 84px;
		top: 40px;
		right: -30px;
	}
	.absolute4 img:nth-child(3) {
		width: 216px;
		bottom: 110px;
		right: -49px;
	}
	.recipe-next img {
		width: 87px;
		margin: 0 auto;
	}
	.recipe-detail-title {
		position: relative;
	}
	.recipe-detail-title img:first-child {
		width: 838px;
		float: right;
		margin: 37px auto 76px;
	}
	.recipe-detail-title img:nth-child(2) {
		position: absolute;
		width: 190px;
		left: -42px;
		top: -81px;
	}
	#recipe ul {
		display: block;
		justify-content: center;
	}
	#recipe li:first-child {
		margin-bottom: 50px;
	}
	#recipe li:nth-child(2) {
		margin-bottom: 70px;
	}
	#recipe li:nth-child(3) {
		position: relative;
	}
	#recipe li:nth-child(3) img:first-child {
		width: 626px;
	}
	#recipe li:nth-child(3) img:nth-child(2) {
		position: absolute;
		width: 116px;
		top: -13px;
		right: 28px;
	}
	#campaign {
		background-color: #ffd600;
		padding: 114px 0 84px;
		position: relative;
		z-index: 1;
	}
	.campaign-kv {
		position: relative;
		margin-bottom: 84px;
	}
	.campaign-kv img:first-child {
		position: relative;
		z-index: 10;
		border-radius: 38px;
	}
	.campaign-kv img:nth-child(2) {
		position: absolute;
		z-index: 10;
		width: 424px;
		right: -73px;
		bottom: -31px;
	}
	.campaign-kv img:nth-child(3) {
		position: absolute;
		z-index: 1;
		width: 392px;
		top: -114px;
		left: -126px;
	}
	.campaign-kv img:nth-child(4) {
		position: absolute;
		z-index: 1;
		width: 392px;
		top: -114px;
		right: -126px;
	}
	.campaign-1 {
		position: relative;
		background-color: #fff;
		border-radius: 38px;
		text-align: center;
		margin-bottom: 91px;
		padding: 68px 0 72px;
	}
	.absolute5 img {
		position: absolute;
	}
	.absolute5 img:first-child {
		width: 189px;
		left: -61px;
		top: -34px;
	}
	.absolute5 img:nth-child(2) {
		width: 389px;
		left: -108px;
		bottom: 0px;
	}
	.absolute5 img:nth-child(3) {
		width: 163px;
		right: 76px;
		bottom: 204px;
	}
	.absolute5 img:nth-child(4) {
		z-index: -1;
		width: 270px;
		top: -109px;
		right: -130px;
	}
	.absolute5 img:nth-child(5) {
		z-index: -1;
		width: 183px;
		left: -145px;
		top: 198px;
	}
	.campaign-1 ul {
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}
	.campaign-1 li:first-child img {
		width: 722px;
	}
	.campaign-1 li:nth-child(2) img {
		width: 821px;
		margin: 37px 0 50px;
	}
	.campaign-1 li:nth-child(3) {
		width: 816px;
	}
	.campaign-1 li:nth-child(4) {
		width: 770px;
		margin: 50px auto 63px;
	}
	.campaign-1 li:nth-child(4) p {
		font-size: 27px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 50px;
		letter-spacing: 0.15em;
	}
	.campaign-1 li:nth-child(5) {
		width: 394px;
		margin: 0 auto;
		position: relative;
	}
	.campaign-1 li:nth-child(5) img:nth-child(2) {
		position: absolute;
		width: 51px;
		left: -88px;
		top: -22px;
	}
	.campaign-1 li:nth-child(6) {
		position: relative;
	}
	.campaign-1 li:nth-child(6) p {
		font-size: 27px;
		color: #0023ff;
		font-weight: 600;
		line-height: 50px;
		letter-spacing: 0.15em;
		margin-top: 63px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns {
		position: absolute;
		display: flex;
		right: 8px;
		top: 18px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns img:first-child {
		width: 67px;
		margin-right: 26px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns img:nth-child(2) {
		width: 62px;
	}
	.campaign-2 {
		position: relative;
		background-color: #fff;
		border-radius: 38px;
		padding: 59px 0 76px;
	}
	.absolute6 img {
		position: absolute;
	}
	.absolute6 img:first-child {
		width: 189px;
		left: -61px;
		top: -34px;
	}
	.absolute6 img:nth-child(2) {
		width: 152px;
		right: -9px;
		bottom: 680px;
	}
	.absolute6 img:nth-child(3) {
		z-index: -1;
		width: 270px;
		top: -109px;
		right: -130px;
	}
	.absolute6 img:nth-child(4) {
		z-index: -1;
		width: 183px;
		left: -145px;
		bottom: -58px;
	}
	.campaign-2 ul {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.campaign-2 li:first-child img {
		width: 508px;
	}
	.campaign-2 li:nth-child(2) img {
		width: 821px;
		margin: 37px 0 50px;
	}
	.campaign-2 li:nth-child(3) {
		width: 816px;
		margin: 0 auto;
	}
	.campaign-2 li:nth-child(4) {
		width: 770px;
		margin: 50px auto 39px;
	}
	.campaign-2 li:nth-child(4) p {
		font-size: 27px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 50px;
		letter-spacing: 0.15em;
	}
	.campaign-2 li:nth-child(4) p span {
		color: #ff5a00;
		font-weight: 600;
	}
	.campaign-2 li:nth-child(5) {
		width: 791px;
		text-align: left;
		margin: 0 auto;
	}
	.campaign-2 li:nth-child(5) p {
		font-size: 19px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 50px;
		letter-spacing: 0.15em;
	}
	.campaign-2 li:nth-child(6) {
		position: relative;
		width: 784px;
		margin: 77px auto 0;
		border-radius: 20px;
		padding: 72px 0 47px;
		border: solid 4.5px #5e74ff;
	}
	.campaign-2 li:nth-child(6) .li6 img:first-child {
		position: absolute;
		width: 412px;
		top: -35px;
		left: -7px;
	}
	.campaign-2 li:nth-child(6) .li6 img:nth-child(3) {
		width: 703px;
	}
	.campaign-2 li:nth-child(6) .li6 img:nth-child(5) {
		width: 669px;
		margin: 33px 0 23px;
	}
	.campaign-2 li:nth-child(6) a img {
		width: 391px;
	}
	#sns {
		background-color: #c3f2f9;
		padding: 92px 0 59px;
		text-align: center;
	}
	#sns p img {
		width: 599px;
		margin: 0 auto 102px;
	}
	#sns .sns {
		display: flex;
		justify-content: space-between;
	}
	.sns-ig {
		position: relative;
	}
	.sns-ig img:first-child {
		width: 466px;
	}
	.sns-ig img:nth-child(2) {
		width: 157px;
		position: absolute;
		top: -67px;
		left: -35px;
	}
	.sns-x {
		position: relative;
	}
	.sns-x img:first-child {
		width: 466px;
	}
	.sns-x img:nth-child(2) {
		width: 157px;
		position: absolute;
		top: -67px;
		left: -35px;
	}
	footer {
		padding: 54px 0 57px;
	}
	.footer {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer .copy {
		width: 479px;
		margin-right: 30px;
	}
	footer ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	footer li:first-child {
		width: 52px;
		margin-right: 29px;
	}
	footer li:nth-child(2) {
		width: 52px;
		margin-right: 23px;
	}
	footer li:nth-child(3) {
		width: 52px;
		margin-right: 27px;
	}
	footer li:nth-child(4) {
		width: 48px;
		margin-right: 28px;
	}
	footer .love-milk a img {
		width: 258px;
	}
}






/* SP ================================================== */

@media all and (max-width:767px) {

	* { margin: 0; padding: 0; }
    body {
		font-family: "Hiragino Kaku Gothic ProN", sans-serif;
        font-weight: 400;
        background: #fff;
        color: #000;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        overflow-x: hidden;
        width: 100%;
        font-feature-settings: "palt";
    }
	.pc-only {
		display: none;
	}
	img {
		vertical-align: bottom;
	}
	.loading {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: #fff;
        z-index: 9998;
    }
    .loader {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-left: -19px;
        text-align: center;
        z-index: 9999;
    }
	#kv {
		margin-bottom: 6%;
	}
	#kv img {
		width: 100%;
		margin-bottom: 4%;
	}
	#kv ul {
		justify-content: center;
		display: flex;
		align-items: center;
	}
	#kv li:first-child {
		width: 18%;
		margin-right: 5%
	}
	#kv li:nth-child(2) {
		width: 19%;
	}
	.width348 {
		width: 348px;
		margin: 0 auto;
	}
	#front {
		background-color: #fff9c8;
		padding: 60px 0 41px;
	}
	#front .front-main {
		margin-bottom: 42px;
		position: relative;
		border: solid 4px #ff5900;
		background-color: #fff;
		border-radius: 13px;
		padding-bottom: 33px;
	}
	#front .front-main picture img {
		width: 100%;
		margin-bottom: 27px;
		border-radius: 9px;
	}
	#front .front-main p {
		color: #001dff;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		line-height: 33px;
		letter-spacing: 0.05em;
	}
	#front .absolute img {
		position: absolute;
	}
	#front .absolute img:first-child {
		width: 64px;
		left: -4px;
		top: -92px;	
	}
	#front .absolute img:nth-child(3) {
		width: 90px;
		left: -37px;
		bottom: 280px;	
	}
	#front .absolute img:nth-child(4) {
		width: 111px;
		right: -29px;
		bottom: -38px;	
	}
	#front .absolute img:nth-child(5) {
		width: 266px;
		top: -38px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#front .front-text {
		text-align: center;
	}
	#front .front-text img {
		width: 280px;
		margin: 20px 0;
	}
	#front .front-bottom {
		margin-top: 50px;
	}
	#front .front-bottom ul {
		display: block;
	}
	#front .front-bottom li {
		position: relative;
		width: 232px;
		margin: 0 auto;
	}
	#front .absolute2 img {
		position: absolute;
		z-index: 1;
	}
	#front .front-bottom li:first-child {
		margin-bottom: 22px;
	}
	#front .front-bottom li:nth-child(2) {
		margin-bottom: 22px;
	}
	#front .front-bottom li:first-child .absolute2 img {
		width: 54px;
		left: -51px;
		top: -6px;
	}
	#front .front-bottom li:nth-child(2) .absolute2 img {
		width: 63px;
		right: -56px;
		top: -4px;
	}
	#front .front-bottom li:nth-child(3) .absolute2 picture img {
		width: 64px;
		left: -58px;
		top: -23px;
	}
	#front .front-bottom li a {
		position: relative;
		z-index: 10;
	}
	#ranking {
		background-color: #0023ff;
		padding: 90px 0 34px;
	}
	#ranking .ranking {
		margin: 0 auto;
		background-color: #fff;
		padding: 74px 0 23px;
		border-radius: 13px;
		position: relative;
		text-align: center;
	}
	#ranking .ranking .ranking-content {
		width: 88%;
		margin: 0 auto;
		text-align: center;
	}
	#ranking .absolute3 img {
		position: absolute;
	}
	#ranking .absolute3 img:first-child {
		width: 71px;
		right: -8px;
		top: -106px;
	}
	#ranking .absolute3 img:nth-child(3) {
		width: 269px;
		top: -51px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#ranking h2 {
		width: 290px;
		margin: 0 auto;
		
	}
	#ranking .wave img {
		width: 290px;
		margin: 17px auto 19px;
	}
	#ranking h3 {
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.1em;
		color: #0023ff;
		margin-bottom: 20px;
	}
	#ranking ul {
		display: flex;
		justify-content: space-between;
		margin-bottom: 25px;
	}
	#ranking li {
		width: 45%;
	}
	#ranking li img {
		font-weight: 600px;
	}
	#ranking .ranking p {
		font-size: 12px;
		color: #0023ff;
		font-weight: 600;
		letter-spacing: 0.1em;
	}
	#accordion {
		background-color: #c0c0c1;
		padding: 34px 0 34px;
	}
	
	.s_06 .accordion_one {
		width: 348px;
		margin: 0 auto;
	}
	.s_06 .accordion_one .accordion_header {
		background-color: #ff5a00;
		color: #fff;
		padding: 14px 0 17px 20px;
		text-align: left;
		position: relative;
		z-index: +1;
		border-radius: 13px 13px 0 0;
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.s_06 .acc-1 {
		margin-bottom: 14px;
	}
	.s_06 .acc-2 {
		margin-bottom: 14px;
	}
	.s_06 .acc-1 .accordion_header img {
		width: 188px;
	}
	.s_06 .acc-2 .accordion_header img {
		width: 236px;
	}
	.s_06 .acc-3 .accordion_header img {
		width: 261px;
	}
	.s_06 .accordion_one .accordion_header .i_box {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		right: 5%;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		box-sizing: border-box;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: center center;
		transition-duration: 0.2s;
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i {
		display: block;
		width: 18px;
		height: 18px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: center center;
		transition-duration: 0.2s;
		position: relative;
	}
	.s_06 .accordion_one .accordion_header.open .i_box {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i:before, .s_06 .accordion_one 	.accordion_header .i_box .one_i:after {
		display: flex;
		content: '';
		background-color: #fff;
		border-radius: 10px;
		width: 18px;
		height: 4px;
		position: absolute;
		top: 7px;
		left: 0;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: center center;
	}
	.s_06 .accordion_one .accordion_header .i_box .one_i:before {
		width: 4px;
		height: 18px;
		top: 0;
		left: 7px;
	}
	.s_06 .accordion_one .accordion_header.open .i_box .one_i:before {
		content: none;
}
	.s_06 .accordion_one .accordion_header.open .i_box .one_i:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.s_06 .accordion_one .accordion_inner {
		display: none;
		margin: -35px 0 0;
		padding: 35px 10px 18px;
		border-radius: 0 0 13px 13px;
		background-color: #ff5a00;
		box-sizing: border-box;
		position: relative;
}
	.s_06 .accordion_one .accordion_inner img {
		width: 940px
	}
	.s_06 .accordion_one .accordion_inner .closeArea {
		width: 86px;
	}
	.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		line-height: 1.3;
		color: #fff;
		font-weight: bold;
/*		position: relative;*/
		cursor: pointer;
		transition-duration: 0.2s;
	}
	.s_06 .accordion_one .accordion_inner .closeArea .close_box a.close_btn img {
		width: 40px;
		position: absolute;
		right: -6px;
		bottom: -10px;
	}
	#recipe {
		margin-bottom: 37px;
		text-align: center;
	}
	.recipe-1 {
		background-color: #00bcec;
	}
	.recipe-kv-content {
		position: relative;
	}
	.absolute4 img {
		position: absolute;
	}
	.absolute4 img:first-child {
		width: 80px;
		top: 47px;
		left: -34px;
	}
	.absolute4 img:nth-child(2) {
		width: 84px;
		top: 40px;
		right: -30px;
	}
	.absolute4 img:nth-child(3) {
		width: 216px;
		bottom: 110px;
		right: -49px;
	}
	.recipe-next img {
		width: 30px;
		margin: 0 auto;
		vertical-align: top!important;
	}
	.recipe-detail-title {
		position: relative;
	}
	.recipe-detail-title img:nth-child(3) {
		width: 274px;
		margin: 18px auto 24px;
	}
	.recipe-detail-title img:nth-child(2) {
		position: absolute;
		width: 75px;
		left: -245px;
		right: 0;
		margin: 0 auto;
		top: -35px;
	}
	#recipe ul {
		display: block;
		width: 348px;
		margin: 0 auto;
	}
	#recipe li:first-child {
		margin-bottom: 22px;
	}
	#recipe li:nth-child(2) {
		margin-bottom: 70px;
	}
	#recipe li:nth-child(3) {
		position: relative;
	}
	#recipe li:nth-child(3) img:first-child {
		width: 348px;
	}
	#recipe li:nth-child(3) img:nth-child(2) {
		position: absolute;
		width: 105px;
		top: -36px;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	#campaign {
		background-color: #ffd600;
		padding: 55px 0 22px;
		position: relative;
		z-index: -2;
	}
	.campaign-kv {
		position: relative;
		margin-bottom: 43px;
	}
	.campaign-kv img:first-child {
		position: relative;
		z-index: 10;
		border-radius: 14px;
	}
	.campaign-kv img:nth-child(2) {
		position: absolute;
		z-index: 10;
		width: 163px;
		right: -39px;
		bottom: -25px;
	}
	.campaign-kv img:nth-child(3) {
		position: absolute;
		z-index: -1;
		width: 165px;
		top: -55px;
		left: -40px;
	}
	.campaign-kv img:nth-child(4) {
		position: absolute;
		z-index: -1;
		width: 165px;
		top: -55px;
		right: -40px;
	}
	.campaign-1 {
		position: relative;
		background-color: #fff;
		border-radius: 14px;
		text-align: center;
		margin-bottom: 40px;
		padding: 29px 0 24px;
	}
	.absolute5 img {
		position: absolute;
	}
	.absolute5 img:first-child {
		width: 80px;
		left: -5px;
		top: -32px;
	}
	.absolute5 img:nth-child(2) {
		width: 136px;
		left: -24px;
		bottom: 103px;
	}
	.absolute5 img:nth-child(3) {
		width: 68px;
		right: 17px;
		bottom: 103px;
	}
	.absolute5 img:nth-child(4) {
		z-index: -1;
		width: 89px;
		top: -35px;
		right: -27px;
	}
	.absolute5 img:nth-child(5) {
		z-index: -1;
		width: 60px;
		left: -44px;
		top: 140px;
	}
	.campaign-1 ul {
		width: 348px;
		display: inline-block;
		text-align: center;
		margin: 0 auto;
	}
	.campaign-1 li:first-child img {
		width: 310px;
	}
	.campaign-1 li:nth-child(2) img {
		width: 310px;
		margin: 17px 0 23px;
	}
	.campaign-1 li:nth-child(3) {
		width: 309px;
		margin: 0 auto;
	}
	.campaign-1 li:nth-child(4) {
		width: 290px;
		margin: 20px auto 20px;
	}
	.campaign-1 li:nth-child(4) p {
		font-size: 14px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 28px;
		letter-spacing: 0.1em;
	}
	.campaign-1 li:nth-child(5) {
		width: 148px;
		margin: 0 auto;
		padding-left: 9px;
		position: relative;
	}
	.campaign-1 li:nth-child(5) img:nth-child(2) {
		position: absolute;
		width: 51px;
		left: -88px;
		top: -22px;
	}
	.campaign-1 li:nth-child(6) {
		position: relative;
		text-align: left;
		padding-left: 38px
	}
	.campaign-1 li:nth-child(6) p {
		font-size: 14px;
		color: #0023ff;
		font-weight: 600;
		line-height: 25px;
		letter-spacing: 0.1em;
		margin-top: 29px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns {
		position: absolute;
		display: flex;
		right: 25px;
		top: 11px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns img:first-child {
		width: 33px;
		margin-right: 10px;
	}
	.campaign-1 li:nth-child(6) .cam1-sns img:nth-child(2) {
		width: 33px;
	}
	
	
	.campaign-2 {
		position: relative;
		background-color: #fff;
		border-radius: 14px;
		padding: 28px 0 29px;
	}
	.absolute6 img {
		position: absolute;
	}
	.absolute6 img:first-child {
		width: 80px;
		left: -5px;
		top: -32px;
	}
	.absolute6 img:nth-child(2) {
		width: 74px;
		right: -20px;
		top: 101px;
	}
	.absolute6 img:nth-child(3) {
		z-index: -1;
		width: 89px;
		top: -33px;
		right: -28px;
	}
	.absolute6 img:nth-child(4) {
		z-index: -1;
		width: 60px;
		left: -44px;
		top: 282px;
	}
	.absolute6 img:nth-child(5) {
		z-index: -1;
		width: 60px;
		right: -43px;
		bottom: 453px;
	}
	.absolute6 img:nth-child(6) {
		z-index: -1;
		width: 60px;
		left: -44px;
		bottom: -22px;
	}
	.campaign-2 ul {
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	.campaign-2 li:first-child img {
		width: 218px;
	}
	.campaign-2 li:nth-child(2) img {
		width: 310px;
		margin: 17px 0 23px;
	}
	.campaign-2 li:nth-child(3) {
		width: 309px;
		margin: 0 auto;
	}
	.campaign-2 li:nth-child(4) {
		width: 304px;
		margin: 22px auto 22px;
	}
	.campaign-2 li:nth-child(4) p {
		font-size: 14px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 28px;
		letter-spacing: 0.1em;
	}
	.campaign-2 li:nth-child(4) p span {
		color: #ff5a00;
		font-weight: 600;
	}
	.campaign-2 li:nth-child(5) {
		width: 309px;
		text-align: left;
		margin: 0 auto;
	}
	.campaign-2 li:nth-child(5) p {
		font-size: 12px;
		text-align: left;
		color: #0023ff;
		font-weight: 600;
		line-height: 19px;
		letter-spacing: 0.1em;
		margin-top: 13px;
	}
	.campaign-2 li:nth-child(6) {
		margin: 35px auto 0;
	}
	.campaign-2 li:nth-child(6) .li6 img:nth-child(2) {
		width: 314px;
		margin-bottom: 12px;
	}
	.campaign-2 li:nth-child(6) .li6 img:nth-child(4) {
		width: 314px;
	}
	.campaign-2 li:nth-child(6) .li6 img:nth-child(5) {
		width: 312px;
		margin: 12px 0 17px;
	}
	.campaign-2 li:nth-child(6) a img {
		width: 220px;
	}
	#sns {
		background-color: #c3f2f9;
		padding: 46px 0 27px;
		text-align: center;
	}
	#sns p img {
		width: 357px;
		margin: 0 auto 44px;
	}
	#sns .sns {
		width: 348px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.sns-ig {
		position: relative;
	}
	.sns-ig img:first-child {
		width: 165px;
	}
	.sns-ig img:nth-child(2) {
		width: 59px;
		position: absolute;
		top: -24px;
		left: -3px;
	}
	.sns-x {
		position: relative;
	}
	.sns-x img:first-child {
		width: 165px;
	}
	.sns-x img:nth-child(2) {
		width: 59px;
		position: absolute;
		top: -24px;
		left: -3px;
	}
	footer {
		padding: 33px 0 32px;
		text-align: center;
		justify-content: center;
	}
	footer .copy {
		width: 92px;
		margin: 0 auto;
	}
	footer ul {
		display: flex;
		align-items: center;
		width: 288px;
		margin: 24px auto 25px;
	}
	footer li:first-child {
		width: 46px;
		margin-right: 33px;
	}
	footer li:nth-child(2) {
		width: 46px;
		margin-right: 36px;
	}
	footer li:nth-child(3) {
		width: 46px;
		margin-right: 37px;
	}
	footer li:nth-child(4) {
		width: 43px;
	}
	footer .love-milk {
		width: 208px;
		margin: 0 auto 10px;
	}
	footer p {
		width: 200px;
		margin-top: 22px;
		margin: 0 auto;
	}
}
}






word-break: break-all;