@charset "UTF-8";
body.fixed{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
}
#contents_block {
    font-weight: 400;
    background: url("../img/bg.jpg") repeat left top / 100px;
}
#contents_block .head_line01 {
    text-align: center;
}
#contents_block .content {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1030px;
    box-sizing: border-box;
}
#contents_block .main_visual {
    margin-bottom: 137px;
    height: 0;
    padding-bottom: 48%;
    position: relative;
    box-sizing: border-box;
    background: url("../img/main_img_bg.png") no-repeat left top / cover;
}
#contents_block h1 {
    width: 32%;
    top: 12.8%;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 6;
}
#contents_block .main_visual .img01 {
    margin-left: -1.4%;
    width: 19.5%;
    position: absolute;
    left: 50%;
    top: 0.4%;
	opacity: 0;
}
#contents_block .main_visual.on .img01 {
	transition: opacity ease 0.1s;
	opacity: 1;
}
#contents_block .main_visual .img02 {
    margin-left: -20.4%;
    width: 22%;
    position: absolute;
    left: 50%;
    top: 2.4%;
    z-index: 1;
	opacity: 0;
}
#contents_block .main_visual.on .img02 {
	transition: opacity ease 0.1s 0.1s;
	opacity: 1;
}
#contents_block .main_visual .img03 {
    margin-left: -39%;
    width: 28%;
    position: absolute;
    left: 50%;
    top: 16.4%;
    z-index: 2;
	opacity: 0;
}
#contents_block .main_visual.on .img03 {
	transition: opacity ease 0.1s 0.2s;
	opacity: 1;
}
#contents_block .main_visual .img04 {
    margin-left: -32.5%;
    width: 44%;
    position: absolute;
    left: 50%;
    top: 32%;
    z-index: 3;
	opacity: 0;
}
#contents_block .main_visual.on .img04 {
	transition: opacity ease 0.1s 0.3s;
	opacity: 1;
}
#contents_block .main_visual .img05 {
    margin-right: -34.9%;
    width: 31%;
    position: absolute;
    right: 50%;
    top: 13.5%;
    z-index: 2;
	opacity: 0;
}
#contents_block .main_visual.on .img05 {
	transition: opacity ease 0.1s 0.4s;
	opacity: 1;
}
#contents_block .main_visual .img06 {
    margin-right: -26.8%;
    width: 8.3%;
    position: absolute;
    right: 50%;
    top: 6%;
    z-index: 3;
}
#contents_block .main_visual .img06 a {
    display: block;
    width: 100%;
    height: 100%;
}
#contents_block .main_visual .scroll {
    position: absolute;
    bottom: -92px;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    font-weight: 500;
    z-index: 10;
}
#contents_block .main_visual .scroll a {
    padding-bottom: 25px;
    display: block;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    background: url("../img/icon01.png") no-repeat bottom center / 20px;
}
#contents_block .main_visual .scroll a:hover {
    opacity: 0.7;
}
#g_navi {
    margin-bottom: 87px;
    position: relative;
}
#g_navi ul {
    margin: 0 auto;
    display: flex;
    position: relative;
    justify-content: center;
    z-index: 10;
}
#g_navi ul li {
    margin: 0 28px;
	border-radius: 17px;
    background-color: #FC6B00;
}
#g_navi ul p {
	padding: 3px 10px 3px 10px;
}
#g_navi ul a {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
}
#g_navi ul a:hover {
    opacity: 0.7;
}
#g_navi::before {
    height: 543px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -195px;
    background: url("../img/navi_bg.png")no-repeat center center / 2500px 100%;
    content: "";
}
#contents_block .slide_area {
    margin-bottom: 138px;
    position: relative;
    z-index: 2;
}
#contents_block .slide_area .slide_box {
    margin: 0 auto;
    max-width: 834px;
    position: relative;
}
#contents_block .slide_area .slide_list li {
    width: 130px;
    margin: 0 18px;
    float: left;
}
#contents_block .slide_area .slide_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 198px;
}
#contents_block .slide_area .arrow li {
	margin: 0;
    width: 31px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	text-indent: 0;
}
#contents_block .slide_area .arrow .prev {
    left: -50px;
}
#contents_block .slide_area .arrow .next {
    right: -50px;
}
#contents_block .section01 {
    padding-bottom: 29px;
}
#contents_block .section01 .content {
    max-width: 1120px;
}
#contents_block .section01 h2 {
    margin-bottom: 25px;
    padding-left: 107px;
}
#contents_block .section01 h2 img {
    width: 550px;
}
#contents_block .section01 .write_bg {
    margin-bottom: 124px;
    position: relative;
    padding: 0 100px;
    z-index: 1;
}
#contents_block .section01 .write_bg::before {
    position: absolute;
    top: 66px;
    bottom: 94px;
    left: 0;
    right: 0;
    background: url("../img/section01_bg.png") no-repeat left top / 100% 100%;
    content: "";
    z-index: -1;
}
#contents_block .section01 p {
    margin-bottom: 17px;
    text-align: center;
    font-size: 16px;
    line-height: 2.19;
}
#contents_block .section01 .photo {
    text-align: center;
}
#contents_block .section01 .photo img {
    width: 611px;
}
#contents_block .section01 .inner h3 {
    margin-bottom: 9px;
}
#contents_block .section01 .inner h3 img{
    width: 732px;
}
#contents_block .section01 .inner .pic_box {
    margin: 0 auto;
    max-width: 748px;
}
#contents_block .section02 {
    padding: 120px 0 200px;
    background: url("../img/section02_bg.png") no-repeat top center / cover;
}
#contents_block .section02 h2 {
    margin-bottom: 103px;
}
#contents_block .section02 h2 img {
    width: 434px;
}
#contents_block .section02 .img_box {
    margin-bottom: 27px;
    position: relative;
}
#contents_block .section02 .img_box .img03 {
    width: 150px;
    position: absolute;
    right: -5.6%;
    top: -94px;
}
#contents_block .section02 .img_box .text_box {
    margin-left: auto;
    width: 66%;
    position: relative;
    z-index: 1;
}
#contents_block .section02 .img_box .text_box .sub_text {
    margin-bottom: 33px;
    padding: 18px 41px 22px;
    position: relative;
    color: #FFF;
    background-color: #FE962E;
    border-radius: 50px;
    box-shadow: 8px 9px 0 rgba(213,120,27);
}
#contents_block .section02 .img_box .text_box .sub_text::before {
    width: 36px;
    height: 41px;
    position: absolute;
    left: -31px;
    top: 74px;
    background: url("../img/icon02.png") no-repeat left top / 36px;
    content: "";
}
#contents_block .section02 .img_box .text_box h3 {
    margin-bottom: 22px;
    padding-bottom: 6px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1.5px solid #FFF;
}
#contents_block .section02 .img_box .text_box h3 span {
    vertical-align: middle;
}
#contents_block .section02 .img_box .text_box h3 .txt {
    margin-right: 16px;
}
#contents_block .section02 .img_box .text_box h3 .txt .sml {
    margin-left: 9px;
    font-size: 16px;
    vertical-align: 2px;
}
#contents_block .section02 .img_box .text_box h3 .name {
    font-size: 30px;
}
#contents_block .section02 .img_box .text_box h3 .name .sml {
    margin-left: 20px;
    font-size: 14px;
    vertical-align: 7px;
}
#contents_block .section02 .img_box .text_box .sub_text p {
    line-height: 1.87;
    font-weight: 400;
}
#contents_block .section02 .img_box .text_box .text {
    font-size: 14px;
    line-height: 1.71;
}
#contents_block .section02 .img_box .photo_box {
    width: 37.5%;
    position: absolute;
    bottom: -126px;
    left: -30px;
}
#contents_block .section02 .inner_bor {
    position: relative;
}
#contents_block .section02 .border_box {
    padding: 25px 39px 33px 23px;
    border: 3px solid #6ABE35;
    border-radius: 45px;
    position: relative;
    z-index: 1;
    background: #FFF url("../img/section02_line.png") repeat left top / 1000px;
}
#contents_block .section02 .border_box h3 {
    margin-bottom: 2px;
}
#contents_block .section02 .border_box h3 img {
    width: 644px;
}
#contents_block .section02 .border_box .pic_box {
    margin-bottom: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#contents_block .section02 .border_box .l_photo {
    width: 48.3%;
	position: relative;
}
#contents_block .section02 .border_box .l_photo .pos {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	opacity: 0;
}
#contents_block .section02 .border_box .l_photo.on .pos {
	opacity: 1;
	transform: scale(1);
	transform-origin: 54% 61%;
	transition: all ease-out 1.6s;
}
#contents_block .section02 .border_box .r_photo {
    width: 47%;
}
#contents_block .section02 .border_box .note {
    margin: 0 25px;
    font-size: 14px;
}
#contents_block .section02 .img_box .img01 {
    width: 91px;
    position: absolute;
    left: -9.5%;
    bottom: -42px;
}
#contents_block .section02 .inner_bor .img02 {
    width: 123px;
    position: absolute;
    right: -6.5%;
    top: -31px;
}
#contents_block .section03 {
    margin-top: -112px;
    padding: 195px 0 417px;
    position: relative;
    z-index: 1;
    background: url("../img/section03_bg01.png") no-repeat top center / cover;
}
#contents_block .section03 h2 {
    margin: 0 0 -23px -81px;
}
#contents_block .section03 h2 img {
    width: 585px;
}
#contents_block .section03 .img_box {
    position: relative;
}
#contents_block .section03 .img_box .photo,
#contents_block .section03 .img_box .photo_box {
    position: absolute;
    right: 1.2%;
    top: -26px;
    width: 47.5%;
}
#contents_block .section03 .img_box .photo {
	animation: hurueru .3s  infinite;
}
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(2px, 2px) rotateZ(1deg)}
    50% {transform: translate(0px, 2px) rotateZ(0deg)}
    75% {transform: translate(2px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
#contents_block .section03 .img_box .photo_box {
	opacity: 0;
}
#contents_block .section03 .img_box .photo_box.on {
	opacity: 1;
	transition: all ease 0.3s;
}
#contents_block .section03 .img_box .photo.on {
	opacity: 0;
	transition: all ease 0.3s;
}
#contents_block .section03 .img_box .text_img {
    width: 23px;
    position: absolute;
    right: -8px;
    top: 0;
}
#contents_block .section03 .img_box .text_box {
    width: 52%;
}
#contents_block .section03 .img_box .text_box p {
    color: #FFF;
    line-height: 1.75;
    font-size: 20px;
}
#contents_block .section04 {
    padding: 35px 0 0;
    position: relative;
}
#contents_block .section04 h2 {
    margin-bottom: 73px;
}
#contents_block .section04 h2 img {
    width: 490px;
}
#contents_block .section04 p.intro {
    text-align: center;
	margin: -70px 0 90px
}
#contents_block .section04 .inner {
    margin-bottom: 140px;
    padding: 1px 20px 66px;
    border: 2px solid #FC963C;
    border-radius: 31px;
    background-color: rgba(254,150,46,0.05);
}
#contents_block .section04 .inner h3 {
    text-align: center;
}
#contents_block .section04 .inner01 h3 {
    margin: -47px 0 6px;
}
#contents_block .section04 .inner01 h3 img {
    width: 223px;
}
#contents_block .section04 .inner .img_list {
    margin-top: -51px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#contents_block .section04 .inner .img_list li {
    margin: 51px 1.4% 0;
    width: 20.4%;
}
#contents_block .section04 .inner .img_list li .photo {
    margin-bottom: 12px;
}
#contents_block .section04 .inner .img_list li p {
    color: #333;
    font-size: 14.5px;
    text-align: center;
    line-height: 1.24;
}
#contents_block .section04 .inner02 {
    margin-bottom: 175px;
    padding-bottom: 50px;
    border-color: #159A44;
    background-color: rgba(21,154,68,0.03);
}
#contents_block .section04 .inner02 h3 {
    margin: -67px 0 10px;
}
#contents_block .section04 .inner02 h3 img {
    width: 391px;
}
#contents_block .section04 .inner03 {
    margin-bottom: 80px;
    padding-bottom: 42px;
    border-color: #B20610;
    background-color: rgba(178,6,16,0.05);
}
#contents_block .section04 .inner03 h3 {
    margin: -119px 0 8px;
}
#contents_block .section04 .inner03 h3 img {
    width: 418px;
}
#contents_block .section04 .inner03 .img_list {
    margin-bottom: 37px;
}
#contents_block .section04 .inner03 .pic_box {
    margin-bottom: -35px;
    width: 82%;
}
#contents_block .section04 .inner03 .pic_list {
    margin: -20px 0 32px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#contents_block .section04 .inner03 .pic_list li {
    margin: 20px -0.4% 0;
    width: 28%;
}
#contents_block .section04 .inner03 .slide_list {
    margin: 0 90px;
    padding: 20px 16px 10px;
    border: 4px solid #FC8400;
    border-radius: 16px;
    overflow: hidden;
    background-color: #FFF;
}
#contents_block .section04 .inner04 {
    padding: 24px 20px;
    border-color: #0D6637;
    border-radius: 27px;
    background-color: #FFF;
}
#contents_block .section04 .inner04 h3 {
    margin: -54px 0 11px;
}
#contents_block .section04 .inner04 h3 img {
    width: 479px;
}
#contents_block .section04 .inner04 .sub_inner {
    display: flex;
    justify-content: space-between;
}
#contents_block .section04 .inner04 .sub_img {
    width: 47%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#contents_block .section04 .inner04 .sub_img .sub_photo {
    width: 26%;
}
#contents_block .section04 .inner04 .sub_img p {
    width: 71%;
    line-height: 1.88;
}
#contents_block .section04 .inner04 .sub_img p .sub_inner_splt {
    font-size: 12px;
}
#contents_block .section04 .img01 {
    margin-left: -38.9%;
    width: 21.6%;
    position: absolute;
    left: 45%;
    top: 110px;
}
#contents_block .section04 .img02 {
    width: 35.6%;
    position: absolute;
    right: -176px;
    top: 808px;
}
#contents_block .section04 .img03 {
    width: 34.6%;
    position: absolute;
    left: -206px;
    top: 1370px;
}
#contents_block .section04 .img04 {
    width: 31%;
    position: absolute;
    right: -124px;
    top: 2000px;
}
#contents_block .section05 {
    margin-top: -27px;
    padding: 368px 0 213px;
    position: relative;
    background: url("../img/section05_bg.png") no-repeat top center / cover;
}
#contents_block .section05::before {
      position: absolute;
      left: 0;
      right: 0;
      top: 240px;
      background: url("../img/section05_img.png") no-repeat center center / 2035px;
      content: "";
      height: 654px;
}
#contents_block .section05 .content {
    position: relative;
    z-index: 1;
}
#contents_block .section05 h2 {
    margin-bottom: 37px;
}
#contents_block .section05 h2 img {
    width: 352px;
}
#contents_block .section05 .p_top {
    margin-bottom: 30px;
    text-align: center;
}
#contents_block .section05 .twitter {
    margin: 0 auto;
    width: 500px;
}
#contents_block .section05 .img01 {
    width: 28.4%;
    position: absolute;
    left: -116px;
    bottom: 131px;
}
#contents_block .section05 .img02 {
    width: 30.9%;
    position: absolute;
    right: 0;
    top: 302px;
}
#contents_block .section05 .img03 {
    width: 22.3%;
    position: absolute;
    bottom: -93px;
    left: 50%;
    margin-left: -31.4%;
}

#contents_block .section06 {
    padding: 0 0 0;
    position: relative;
	margin: -80px 0 0 0;
}
#contents_block .section06 h2 {
    margin-bottom: 40px;
}
#contents_block .section06 h2 img {
    width: 500px;
}
#contents_block .section06 .inner {
    margin-bottom: 123px;
    padding: 1px 20px 66px;
    border: 2px solid #FC963C;
    border-radius: 31px;
    background-color: rgba(254,150,46,0.05);
}
#contents_block .section06 .inner h3 {
    text-align: center;
}
#contents_block .section06 .inner ul li a.recipe-btn-menu-pc {
	display: block;
}
#contents_block .section06 .inner ul li a.recipe-btn-menu-sp {
	display: none;
}
#contents_block .section06 .inner .img_list {
    margin-top: -51px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#contents_block .section06 .inner .img_list li {
    margin: 80px 1.4% 0;
    width: 20.4%;
}
#contents_block .section06 .inner .img_list li a {
	opacity: 1
}
#contents_block .section06 .inner .img_list li a:hover {
	opacity: 0.7;
}
#contents_block .section06 .inner .img_list li .photo {
    margin-bottom: 12px;
}
#contents_block .section06 .inner .img_list li p {
    color: #333;
    font-size: 14.5px;
    text-align: center;
    line-height: 1.24;
}
#contents_block .section06 .inner02 {
    margin-bottom: 175px;
    padding-bottom: 20px;
    border-color: #FC963C;
	background-image: url(../img/section06_bg.png);
	background-size: contain;
    background-repeat: no-repeat;
}
#contents_block .section06 .inner02 h3 {
    margin: -67px 0 10px;
}
#contents_block .section06 .inner02 h3 img {
    width: 220px;
}
#contents_block .section06 .bnr01 {
	margin: -120px auto 60px;
    width: 370px;
}
#contents_block .section06 .bnr01 a {
	opacity: 1;
}
#contents_block .section06 .bnr01 a:hover {
	opacity: 0.7;
}
#contents_block .section06 .bnr01 a.recipe-btn-club-pc {
	display: block;
}
#contents_block .section06 .bnr01 a.recipe-btn-club-sp {
	display: none;
}

#contents_block .section06 .img01 {
    margin-left: -38.9%;
    width: 25%;
    position: absolute;
    left: 32%;
    top: 50px;
}
#contents_block .section06 .img02 {
    width: 29%;
    position: absolute;
    right: -100px;
    top: 520px;
}
#contents_block .section06 .img03 {
    width: 34.6%;
    position: absolute;
    left: -206px;
    top: 1370px;
}

#contents_block .page_top {
    margin-top: -71px;
    padding: 90px 0 15px;
    text-align: center;
    position: relative;
    z-index: 1;
    background: url("../img/page_top_bg.png") no-repeat top center / cover;
}
#contents_block .page_top a {
    padding-top: 27px;
    display: inline-block;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    background: url("../img/icon07.png") no-repeat center top / 20px;
}
#contents_block .pop_qr {
    padding: 200px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	display: none;
    box-sizing: border-box;
    background-color: #FFBF81;
    z-index: 1001;
    overflow: scroll;
}
#contents_block .pop_qr .popup_inner {
    margin: 0 auto;
    padding: 0 38px 47px;
    max-width: 960px;
    background-color: #FFF;
    box-sizing: border-box;
    position: relative;
}
#contents_block .pop_qr .popup_inner .btn {
    position: absolute;
    width: 32px;
    right: -8px;
    top: -15px;
}
#contents_block .pop_qr.popup_box01 .popup_inner h2 span {
    color: #333;
}
#contents_block .pop_qr .popup_inner h2 {
    margin: 0 -38px 42px;
    text-align: center;
    background: url("../img/pop_h2_bg.png") no-repeat left top / cover;
}
#contents_block .pop_qr .popup_inner h2 span {
    padding: 23px 73px 45px;
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #FFF;
    background: url("../img/pop_h2_img01.png") no-repeat left top 23px / 31px,url("../img/pop_h2_img02.png") no-repeat right top 28px / 108px;
}
#contents_block .pop_qr .info01 {
    margin-bottom: 41px;
}
#contents_block .pop_qr .info01 .p_top {
    margin-bottom: 43px;
    text-align: center;
    line-height: 1.25;
    font-weight: 400;
}
#contents_block .pop_qr .info01 .img_box {
    display: flex;
    justify-content: space-between;
}
#contents_block .pop_qr .info01 .img_box {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#contents_block .pop_qr .info01 .text_box {
    width: 29.4%;
}
#contents_block .pop_qr .info01 .text_box dl {
    padding: 25px 20px 22px;
    background-color: #FFF7EF;
    border-radius: 22px;
}
#contents_block .pop_qr .info01 .text_box dt {
    margin-bottom: 11px;
    padding: 3px 2px 8px;
    font-size: 25px;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    border-radius: 20px;
    background-color: #FDD436;
}
#contents_block .pop_qr .info01 .text_box dd {
    margin-bottom: 12px;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
}
#contents_block .pop_qr .info01 .text_box dd:last-child {
    margin-bottom: 0;
}
#contents_block .pop_qr .info01 .photo_box {
    width: 68.3%;
}
#contents_block .pop_qr .com_span {
    width: 26px;
    height: 26px;
    display: inline-block;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    box-sizing: border-box;
    background-color: #FDD436;
    border-radius: 50%;
}
#contents_block .pop_qr .head_line02 {
    margin-bottom: 24px;
    text-align: center;
}
#contents_block .pop_qr .head_line02 span {
    margin-top: -16px;
    padding: 2px 26px;
    display: inline-block;
    font-size: 18px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    border-radius: 26px;
    background-color: #FDD436;
}
#contents_block .pop_qr .info02 {
    margin-bottom: 50px;
}
#contents_block .pop_qr .head_line03 {
    margin-bottom: 62px;
    padding: 2px 10px 4px;
    text-align: center;
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
    border-radius: 30px;
    position: relative;
    background-color: #FDD436;
    z-index: 1;
}
#contents_block .pop_qr .head_line03::before {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 29px solid transparent;
    border-top: 29px solid #FDD436;
    position: absolute;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    content: "";
    z-index: -1;
}
#contents_block .pop_qr .info02 .img_box {
    margin-bottom: 66px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
#contents_block .pop_qr .info02 .img_box .photo_box {
    width: 54%;
}
#contents_block .pop_qr .info02 .img_box .photo_box .photo {
    margin-bottom: 27px;
    position: relative;
}
#contents_block .pop_qr .info02 .img_box .photo_box .photo .sub_pho {
    position: absolute;
    width: 38.8%;
    right: -15.5%;
    top: 7px;
}
#contents_block .pop_qr .info02 .img_box .photo_box p {
    margin-right: -10px;
    line-height: 1.45;
    font-size: 18px;
}
#contents_block .pop_qr .info02 .img_box .text_box {
    margin-top: 16px;
    padding: 0 36px 32px;
    width: 35%;
    background-color: #FFF7EF;
    border-radius: 22px;
    box-sizing: border-box;
}
#contents_block .pop_qr .info02 .img_box .text_box .text {
    margin-bottom: 27px;
    line-height: 1.43;
}
#contents_block .pop_qr .info02 .img_box .text_box .text01 {
    margin-bottom: 32px;
}
#contents_block .pop_qr .info02 .img_box .text_box .text .ttl {
    display: inline-block;
    margin-bottom: 4px;
}
#contents_block .pop_qr .info02 .img_box .text_box .text .sml {
    font-weight: 400;
}
#contents_block .pop_qr .info02 .img_box .text_box .txt {
    line-height: 1.25;
    font-weight: 400;
    padding-left: 37px;
    position: relative;
}
#contents_block .pop_qr .info02 .img_box .text_box .txt .com_span {
    position: absolute;
    left: 2px;
    top: -1px;
}
#contents_block .pop_qr .red_span {
    color: #FF0000;
    font-weight: 400;
}
#contents_block .pop_qr .info02 .img_box .text_box .txt .big {
    font-weight: 700;
}
#contents_block .pop_qr .info02 .text_area {
    padding: 0 20px 16px;
    border-radius: 22px;
    background-color: #FFF7EF;
}
#contents_block .pop_qr .info02 .text_area .head_line02 {
    margin-bottom: 14px;
}
#contents_block .pop_qr .info02 .text_area .head_line02 span {
    background-color: #FDD436;
    color: #333;
}
#contents_block .pop_qr .info02 .text_area .sub_area {
    display: flex;
    justify-content: space-between;
}
#contents_block .pop_qr .info02 .text_area .l_box {
    width: 51%;
    box-sizing: border-box;
    padding: 0 20px 10px;
    border-right: 2px dashed #333;
}
#contents_block .pop_qr .info02 .text_area .r_box {
    width: 44%;
}
#contents_block .pop_qr .info02 .text_area01 .l_box,
#contents_block .pop_qr .info02 .text_area01 .r_box,
#contents_block .pop_qr .info02 .text_area01 .m_box {
    width: 33.3%;
    box-sizing: border-box;
    padding: 0 15px 0 25px;
}
#contents_block .pop_qr .info02 .text_area01 .m_box {
    border-left: 2px dashed #333;
}
#contents_block .pop_qr .info02 .text_area .sub_area .text {
    font-weight: 400;
    line-height: 1.25;
}
#contents_block .pop_qr .info02 .text_area .sub_area .l_box .text {
    margin: 0 30px 22px 0;
}
#contents_block .pop_qr .info02 .text_area .sub_area .ttl {
    margin: 0 0 4px -11px;
}
#contents_block .pop_qr .info02 .text_area .sub_area .ttl .com_span {
    margin-right: 10px;
}
#contents_block .pop_qr .info02 .text_area .sub_area .text .com_span {
    width: 20px;
    height: 20px;
    font-size: 13px;
}
#contents_block .pop_qr .com_border {
    padding: 12px 19px 14px;
    border: 1px solid #FC963C;
    border-radius: 11px;
    background-color: #FFFDE5;
    position: relative;
}
#contents_block .pop_qr .com_border .point {
    padding: 2px 9px;
    position: absolute;
    top: -10px;
    left: -1px;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    background-color: #FE962E;
    border-radius: 4px;
    border-bottom-left-radius: 0;
}
#contents_block .pop_qr .com_border .txt {
    line-height: 1.25;
    font-weight: 400;
}
#contents_block .pop_qr .info02 .text_area .sub_area .l_box .com_border {
    margin-left: -14px;
}
#contents_block .pop_qr .info03 {
    margin: 0 -38px 44px;
    padding: 83px 38px 57px;
    position: relative;
    background: url("../img/sns_bg.png") no-repeat top center / cover;
}
#contents_block .pop_qr .info03 .write_bg {
    padding: 0 39px 34px;
    position: relative;
    background-color: #FFF;
    z-index: 1;
    border-radius: 24px;
}
#contents_block .pop_qr .info03 .photo {
    position: absolute;
    width: 15.6%;
    left: 11.2%;
    top: -66px;
    transform: rotate(-6deg);
}
#contents_block .pop_qr .info03 .head_line02 {
    margin-bottom: 16px;
}
#contents_block .pop_qr .info03 .title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}
#contents_block .pop_qr .info03 .title span {
    color: #FE962E;
    font-weight: 700;
    font-size: 25px;
    vertical-align: -3px;
}
#contents_block .pop_qr .info03 .text01 {
    margin-bottom: 3px;
    position: relative;
}
#contents_block .pop_qr .info03 .text01 span {
    padding-right: 15px;
    background-color: #FFF;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
#contents_block .pop_qr .info03 .text01::before {
    position: absolute;
    left: 0;
    right: 13px;
    top: 12px;
    border: 1px solid #707070;
    content: "";
}
#contents_block .pop_qr .info03 .text02 {
    margin-bottom: 21px;
    font-weight: 400;
}
#contents_block .pop_qr .info03 .com_border {
    padding: 12px 19px 6px;
}
#contents_block .pop_qr .info03 .com_border .text {
    font-weight: 400;
    line-height: 1.25;
}
#contents_block .pop_qr .info04 {
    margin-bottom: 93px;
}
#contents_block .pop_qr .info04 .sub_box {
    max-width: 734px;
    margin: 0 auto;
    position: relative;
}
#contents_block .pop_qr .info04 .sub_box .sub_text {
    position: absolute;
    left: 0;
    top: 0;
}
#contents_block .pop_qr .info04 .sub_box .title {
    margin-bottom: 4px;
    color: #FE962E;
    font-size: 20px;
    font-weight: 700;
}
#contents_block .pop_qr .info04 .sub_box .text_list li {
    padding: 3px 0 1px;
    color: #333;
    border-bottom: 1px solid #707070;
}
#contents_block .pop_qr .info04 .sub_box .text_list li:last-child {
    border-bottom: 0
}
#contents_block .pop_qr .info04 .sub_box .text_list li .txt {
    margin-right: 13px;
    display: inline-block;
    min-width: 87px;
}
#contents_block .pop_qr .info04 .sub_box .photo {
    margin: 0 auto 46px;
    width: 448px;
	position: relative;
}
#contents_block .pop_qr .info04 .sub_box .photo .pos {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	opacity: 0;
}
#contents_block .pop_qr .info04 .sub_box .photo.on .pos {
	opacity: 1;
	transform: scale(1);
	transform-origin: 51.85% 57.96%;
	transition: all ease-out 1.6s;
}
#contents_block .pop_qr .info04 .sub_box .sub_title {
    text-align: center;
    color: #FE962E;
    font-size: 18px;
    font-weight: 700;
}
#contents_block .pop_qr .info04 .sub_box .text {
    margin-top: -2px;
    text-align: center;
}
#contents_block .pop_qr .sns_area {
    margin-bottom: 31px;
}
#contents_block .pop_qr .sns_area .text_img {
    margin-bottom: 6px;
    padding-right: 120px;
    text-align: center;
}
#contents_block .pop_qr .sns_area .text_img img {
    width: 125px;
}
#contents_block .pop_qr .sns_area .sns_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
#contents_block .pop_qr .sns_area .sns_list li {
    margin: 0 14px;
    width: 35px;
}
#contents_block .pop_qr .sns_area .sns_list li a:hover {
    opacity: 0.7;
}
#contents_block .pop_qr .close {
    text-align: center;
}
#contents_block .pop_qr .close a {
    padding-left: 23px;
    display: inline-block;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    background: url("../img/close.png") no-repeat left center / 18px;
}
#contents_block .link {
    width: 255px;
    position: fixed;
    bottom: 40px;
    right: 0;
    z-index: 100;
}
#contents_block .link a:hover {
    opacity: 0.7
}
#contents_block .pop_qr.popup_box01 .info01 .text_box dt {
    color: #333;
}
#contents_block .pop_qr.popup_box01 .head_line03 {
    color: #333;
}
#contents_block .pop_qr.popup_box01 .head_line02 span {
    color: #333;
}
#contents_block .pop_qr.popup_box01 .com_span {
    color: #333;
}
#contents_block .pop_qr.popup_box02 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg02.png");
}
#contents_block .pop_qr.popup_box02 .info01 .text_box dt {
    background-color: #063191;
}
#contents_block .pop_qr.popup_box02  .head_line03 {
    background-color: #063191;
}
#contents_block .pop_qr.popup_box02 .head_line03::before {
    border-top-color: #063191;
}
#contents_block .pop_qr.popup_box02 .head_line02 span {
    background-color: #063191;
}
#contents_block .pop_qr.popup_box02 .com_span {
    background-color: #063191;
}
#contents_block .pop_qr.popup_box03 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg03.png");
}
#contents_block .pop_qr.popup_box03 .info01 .text_box dt {
    background-color: #F08222;
}
#contents_block .pop_qr.popup_box03 .head_line03 {
    background-color: #F08222;
}
#contents_block .pop_qr.popup_box03 .head_line03::before {
    border-top-color: #F08222;
}
#contents_block .pop_qr.popup_box03 .head_line02 span {
    background-color: #F08222;
}
#contents_block .pop_qr.popup_box03 .com_span {
    background-color: #F08222;
}
#contents_block .pop_qr.popup_box04 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg04.png");
}
#contents_block .pop_qr.popup_box04 .info01 .text_box dt {
    background-color: #5B2F16;
}
#contents_block .pop_qr.popup_box04 .head_line03 {
    background-color: #5B2F16;
}
#contents_block .pop_qr.popup_box04 .head_line03::before {
    border-top-color: #5B2F16;
}
#contents_block .pop_qr.popup_box04 .head_line02 span {
    background-color: #5B2F16;
}
#contents_block .pop_qr.popup_box04 .com_span {
    background-color: #5B2F16;
}
#contents_block .pop_qr.popup_box05 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg05.png");
}
#contents_block .pop_qr.popup_box05 .info01 .text_box dt {
    background-color: #CF0F66;
}
#contents_block .pop_qr.popup_box05 .head_line03 {
    background-color: #CF0F66;
}
#contents_block .pop_qr.popup_box05 .head_line03::before {
    border-top-color: #CF0F66;
}
#contents_block .pop_qr.popup_box05 .head_line02 span {
    background-color: #CF0F66;
}
#contents_block .pop_qr.popup_box05 .com_span {
    background-color: #CF0F66;
}
#contents_block .pop_qr.popup_box06 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg06.png");
}
#contents_block .pop_qr.popup_box06 .info01 .text_box dt {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box06 .head_line03 {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box06 .head_line03::before {
    border-top-color: #159A44;
}
#contents_block .pop_qr.popup_box06 .head_line02 span {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box06 .com_span {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box07 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg07.png");
}
#contents_block .pop_qr.popup_box07 .info01 .text_box dt {
    background-color: #EF8222;
}
#contents_block .pop_qr.popup_box07 .head_line03 {
    background-color: #EF8222;
}
#contents_block .pop_qr.popup_box07 .head_line03::before {
    border-top-color: #EF8222;
}
#contents_block .pop_qr.popup_box07 .head_line02 span {
    background-color: #EF8222;
}
#contents_block .pop_qr.popup_box07 .com_span {
    background-color: #EF8222;
}
#contents_block .pop_qr.popup_box08 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg08.png");
}
#contents_block .pop_qr.popup_box08 .info01 .text_box dt {
    background-color: #A6B123;
}
#contents_block .pop_qr.popup_box08 .head_line03 {
    background-color: #A6B123;
}
#contents_block .pop_qr.popup_box08 .head_line03::before {
    border-top-color: #A6B123;
}
#contents_block .pop_qr.popup_box08 .head_line02 span {
    background-color: #A6B123;
}
#contents_block .pop_qr.popup_box08 .com_span {
    background-color: #A6B123;
}
#contents_block .pop_qr.popup_box09 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg09.png");
}
#contents_block .pop_qr.popup_box09 .info01 .text_box dt {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box09 .head_line03 {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box09 .head_line03::before {
    border-top-color: #B60610;
}
#contents_block .pop_qr.popup_box09 .head_line02 span {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box09 .com_span {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box10 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg10.png");
}
#contents_block .pop_qr.popup_box10 .info01 .text_box dt {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box10 .head_line03 {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box10 .head_line03::before {
    border-top-color: #B60610;
}
#contents_block .pop_qr.popup_box10 .head_line02 span {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box10 .com_span {
    background-color: #B60610;
}
#contents_block .pop_qr.popup_box11 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg11.png");
}
#contents_block .pop_qr.popup_box11 .info01 .text_box dt {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box11 .head_line03 {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box11 .head_line03::before {
    border-top-color: #159A44;
}
#contents_block .pop_qr.popup_box11 .head_line02 span {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box11 .com_span {
    background-color: #159A44;
}
#contents_block .pop_qr.popup_box12 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg12.png");
}
#contents_block .pop_qr.popup_box12 .info01 .text_box dt {
    background-color: #B26B18;
}
#contents_block .pop_qr.popup_box12 .head_line03 {
    background-color: #B26B18;
}
#contents_block .pop_qr.popup_box12 .head_line03::before {
    border-top-color: #B26B18;
}
#contents_block .pop_qr.popup_box12 .head_line02 span {
    background-color: #B26B18;
}
#contents_block .pop_qr.popup_box12 .com_span {
    background-color: #B26B18;
}
#contents_block .pop_qr.popup_box13 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg13.png");
}
#contents_block .pop_qr.popup_box13 .info01 .text_box dt {
    background-color: #2E0658;
}
#contents_block .pop_qr.popup_box13 .head_line03 {
    background-color: #2E0658;
}
#contents_block .pop_qr.popup_box13 .head_line03::before {
    border-top-color: #2E0658;
}
#contents_block .pop_qr.popup_box13 .head_line02 span {
    background-color: #2E0658;
}
#contents_block .pop_qr.popup_box13 .com_span {
    background-color: #2E0658;
}
#contents_block .pop_qr.popup_box14 .popup_inner h2 {
    background-image: url("../img/pop_h2_bg14.png");
}
#contents_block .pop_qr.popup_box14 .info01 .text_box dt {
    background-color: #B20610;
}
#contents_block .pop_qr.popup_box14 .head_line03 {
    background-color: #B20610;
}
#contents_block .pop_qr.popup_box14 .head_line03::before {
    border-top-color: #B20610;
}
#contents_block .pop_qr.popup_box14 .head_line02 span {
    background-color: #B20610;
}
#contents_block .pop_qr.popup_box14 .com_span {
    background-color: #B20610;
}
#contents_block .pop_qr .top_note {
    margin-bottom: 20px;
    text-align: center;
}
#contents_block .fadein {
	opacity: 0;
}
#contents_block .fadein.on {
	opacity: 1;
	transition: opacity ease 0.3s;
}
@media all and (max-width: 1650px) {
    #contents_block .main_visual .img04 {
        width: 41%;
    }
}
@media all and (max-width: 1200px) {
    #g_navi::before {
        bottom: -160px;
    }
    #g_navi ul li {
        margin: 0 20px;
    }
}
@media all and (min-width: 897px) {
    #contents_block .section04 .inner .img_list li a .photo img {
        transition: all ease 0.3s;
    }
    #contents_block .section04 .inner .img_list li a:hover .photo img {
        transform: scale(1.2);
    }
    #contents_block .main_visual .img06 a:hover {
        opacity: 0.7;
    }
}
@media all and (max-width: 896px) {
    #contents_block {
        background-size: 80px;
    }
    #contents_block .content {
        margin: 0 auto;
        max-width: inherit;
    }
    #contents_block .main_visual {
        margin-bottom: 30px;
        padding-bottom: 173%;
        background: url("../img/sp_main_img_bg.png") no-repeat bottom center / cover;
    }
    #contents_block h1 {
        width: 66%;
        top: 22.6%;
    }
    #contents_block .main_visual .img01 {
        margin-left: -17.4%;
        width: 46.7%;
        top: -0.4%;
    }
    #contents_block .main_visual .img02 {
        margin-left: -48.4%;
        width: 56.8%;
        top: 9.2%;
    }
    #contents_block .main_visual .img03 {
        margin-left: 0;
        width: 75.5%;
        left: -27%;
        top: 25.2%;
    }
    #contents_block .main_visual .img04 {
        margin-left: 0;
        width: 114.4%;
        left: -38.4%;
        top: 44.5%;
    }
    #contents_block .main_visual .img05 {
        margin-right: -48.6%;
        width: 45.4%;
        top: 26%;
    }
    #contents_block .main_visual .img06 {
        margin-right: -47.8%;
        width: 26%;
        top: 1%;
    }
    #contents_block .main_visual .scroll {
        display: none;
    }
    #g_navi {
        display: none;
    }
    #contents_block .slide_area {
        margin: -33% 0 98px;
        padding: 0 46px;
        position: relative;
        z-index: 10;
    }
    #contents_block .slide_area .slide_box {
        max-width: inherit;
    }
    #contents_block .slide_area .slide_list li {
        width: 93px;
        margin: 0 3px;
    }
    #contents_block .slide_area .arrow li {
        width: 22px;
    }
    #contents_block .slide_area .arrow .prev {
        left: -26px;
    }
    #contents_block .slide_area .arrow .next {
        right: -26px;
    }
    #contents_block .section01 {
        padding-bottom: 10px;
    }
    #contents_block .section01 .content {
        max-width: inherit;
    }
    #contents_block .section01 h2 {
        margin-bottom: 59px;
        padding-left: 0;
    }
    #contents_block .section01 h2 img {
        width: 100%;
        max-width: 350px;
    }
    #contents_block .section01 .write_bg {
        margin-bottom: 30px;
        padding: 0;
    }
    #contents_block .section01 .write_bg::before {
        top: 10px;
        bottom: 36px;
        left: -65px;
        right: -86px;
        background-image: url("../img/sp_section01_bg.png");
    }
    #contents_block .section01 p {
        margin: 0 0 9px;
        line-height: 1.87;
    }
    #contents_block .section01 .photo {
        margin: 0 19px 0 31px;
    }
    #contents_block .section01 .photo img {
        max-width: 100%;
    }
    #contents_block .section01 .inner h3 {
        margin-bottom: 49px;
    }
    #contents_block .section01 .inner h3 img{
        width: 100%;
        max-width: 355px;
    }
    #contents_block .section01 .inner .pic_box {
        margin: 0;
        padding: 0 5px;
        max-width: inherit;
    }
    #contents_block .section01 .inner .pic_box img {
        width: 100%;
    }
    #contents_block .section02 {
        padding: 144px 0 200px;
        background-image: url("../img/sp_section02_bg.png");
    }
    #contents_block .section02 h2 {
        margin-bottom: 65px;
    }
    #contents_block .section02 h2 img {
        width: 100%;
        max-width: 323px;
    }
    #contents_block .section02 .img_box {
        margin-bottom: 45px;
    }
    #contents_block .section02 .img_box .img03 {
        width: 91px;
        right: -0.6%;
        top: -80px;
    }
    #contents_block .section02 .img_box .text_box {
        margin-left: 0;
        width: auto;
    }
    #contents_block .section02 .img_box .text_box .sub_text {
        margin: 0 5px 39px;
        padding: 24px 16px 23px;
        border-radius: 28px;
        box-shadow: 11px 11px 0 rgb(213 120 27);
    }
    #contents_block .section02 .img_box .text_box .sub_text::before {
        top: auto;
        left: 50%;
        transform: translateX(-50%) rotate(32deg);
        bottom: -26px;
    }
    #contents_block .section02 .img_box .text_box h3 {
        margin-bottom: 18px;
        padding-bottom: 10px;
        position: relative;
        border-bottom: 2px solid #FFF;
    }
    #contents_block .section02 .img_box .text_box h3 span {
        display: block;
    }
    #contents_block .section02 .img_box .text_box h3 .txt {
        margin-right: 0;
    }
    #contents_block .section02 .img_box .text_box h3 .txt .sml {
        margin: -5px 0 0;
    }
    #contents_block .section02 .img_box .text_box h3 .name {
        position: absolute;
        right: 9px;
        top: 9px;
    }
    #contents_block .section02 .img_box .text_box h3 .name .sml {
        margin: -61px 0 0 12px;
    }
    #contents_block .section02 .img_box .text_box .sub_text p {
        font-weight: 500;
    }
    #contents_block .section02 .img_box .text_box .text {
        margin: 0 5px;
        font-weight: 500;
    }
    #contents_block .section02 .img_box .photo_box {
        width: 153px;
        bottom: auto;
        left: -16px;
        top: -94px;
    }
    #contents_block .section02 .inner_bor {
        margin: 0 5px;
    }
    #contents_block .section02 .border_box {
        padding: 32px 14px 38px;
        border-radius: 27px;
    }
    #contents_block .section02 .border_box h3 {
        margin: 0 1px 18px 16px;
    }
    #contents_block .section02 .border_box h3 img {
        max-width: 324px;
        width: 100%;
    }
    #contents_block .section02 .border_box .pic_box {
        margin-bottom: 15px;
        display: block;
    }
    #contents_block .section02 .border_box .l_photo {
        margin-bottom: 33px;
        width: auto;
    }
    #contents_block .section02 .border_box .l_photo img {
        width: 100%;
    }
    #contents_block .section02 .border_box .r_photo {
        margin: 0 11px 0 8px;
        width: auto;
    }
    #contents_block .section02 .border_box .r_photo img {
        width: 100%;
    }
    #contents_block .section02 .border_box .note {
        margin: 0;
        line-height: 1.71;
    }
    #contents_block .section02 .img_box .img01 {
        width: 66px;
        top: -275px;
        right: auto;
        left: 21px;
    }
    #contents_block .section02 .inner_bor .img02 {
        width: 100px;
        right: -1.5%;
        top: auto;
        bottom: -75px;
    }
    #contents_block .section03 {
        margin-top: -171px;
        padding: 119px 0 312px;
        background-image: url("../img/sp_section03_bg01.png");
    }
    #contents_block .section03 h2 {
        margin: 0 -63px -35px;
        text-align: center;
    }
    #contents_block .section03 h2 img {
        width: 100%;
        max-width: 500px;
    }
    #contents_block .section03 .img_box .inner_pho {
        padding: 0 9px 0 22px;
        position: relative;
    }
    #contents_block .section03 .img_box .photo {
        left: 0;
        top: 0;
        width: auto;
    }
    #contents_block .section03 .img_box .photo_box {
        margin: 0 14px 24px 4px;
        position: static;
        width: auto;
    }
    #contents_block .section03 .img_box .text_box {
        width: auto;
    }
    #contents_block .section03 .img_box .text_box p {
        margin: 0 15px;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
        font-size: 16px;
    }
    #contents_block .section03 .img_box .text_img {
        width: 19px;
        right: 9px;
        top: 12px;
    }
    #contents_block .section04 {
        padding-top: 73px;
    }
    #contents_block .section04 h2 {
        margin-bottom: 103px;
    }
    #contents_block .section04 h2 img {
        width: 100%;
        max-width: 350px;
    }
    #contents_block .section04 .inner {
        margin: 0 5px 123px;
        padding: 46px 10px 46px;
    }
	#contents_block .section04 .inner01 h3 {
	    margin: -97px 0 6px;
	}
    #contents_block .section04 .inner01 h3 img {
        width: 223px;
    }
    #contents_block .section04 .inner .img_list {
        margin: -31px -1.7% 0;
    }
    #contents_block .section04 .inner .img_list li {
        margin: 31px 1.7% 0;
        width: 45%;
    }
    #contents_block .section04 .inner .img_list li .photo {
        margin-bottom: 8px;
    }
    #contents_block .section04 .inner .img_list li p {
        margin: 0 -10px;
        font-size: 13px;
        line-height: 1.15;
    }
    #contents_block .section04 .inner02 {
        margin-bottom: 163px;
    }
    #contents_block .section04 .inner02 h3 {
        margin: -67px -12px 22px;
    }
    #contents_block .section04 .inner02 h3 img {
        width: 100%;
        max-width: 350px;
    }
    #contents_block .section04 .inner02 .img_list {
        margin-top: -51px;
    }
    #contents_block .section04 .inner02 .img_list li {
        margin-top: 51px;
    }
    #contents_block .section04 .inner03 {
        margin-bottom: 50px;
        padding-bottom: 41px;
    }
    #contents_block .section04 .inner03 h3 {
        margin: -108px -12px 16px -16px;
    }
    #contents_block .section04 .inner03 h3 img {
        width: 100%;
        max-width: 354px;
    }
    #contents_block .section04 .inner03 .img_list {
        margin: -53px -1.7% 35px;
    }
    #contents_block .section04 .inner03 .img_list li {
        margin-top: 53px;
    }
    #contents_block .section04 .inner03 .pic_box {
        margin: 0 -3px 40px;
        width: auto;
    }
    #contents_block .section04 .inner03 .pic_box img {
        width: 100%;
    }
    #contents_block .section04 .inner03 .pic_list {
        margin: 0 -10px 19px;
    }
    #contents_block .section04 .inner03 .pic_list li {
        margin: -15px -0.4% 0;
        width: 50%;
    }
    #contents_block .section04 .inner03 .slide_list {
        margin: 0 -4px;
        padding: 14px 11px 29px;
        border-width: 2px;
        border-radius: 6px;
    }
    #contents_block .section04 .inner04 {
        padding-bottom: 39px;
    }
    #contents_block .section04 .inner04 h3 {
        margin: -100px 0 23px;
    }
    #contents_block .section04 .inner04 h3 img {
        width: 100%;
        max-width: 306px;
    }
    #contents_block .section04 .inner04 .sub_inner {
        display: block;
    }
    #contents_block .section04 .inner04 .sub_img {
        margin-bottom: 21px;
        width: auto;
    }
    #contents_block .section04 .inner04 .sub_img:last-of-type {
        margin-bottom: 0;
    }
    #contents_block .section04 .inner04 .sub_img .sub_photo {
        width: 107px;
    }
    #contents_block .section04 .inner04 .sub_img p {
        width: calc(100% - 137px);
        font-size: 15px;
        line-height: 1.6;
        margin-right: 8px;
    }
    #contents_block .section04 .img01 {
        margin-left: 0;
        width: 199px;
        left: -67px;
        top: -24px;
    }
    #contents_block .section04 .img02 {
        width: 200px;
        right: -61px;
        top: 30.5%;
    }
    #contents_block .section04 .img03 {
        width: 205px;
        left: -76px;
        top: 47.4%;
    }
    #contents_block .section04 .img04 {
        width: 210px;
        right: -79px;
        top: 60.4%;
    }
    #contents_block .section05 {
        margin-top: -24px;
        padding: 54% 0 264px;
        background-image: url("../img/sp_section05_bg.png");
    }
    #contents_block .section05::before {
        display: none;
    }
    #contents_block .section05 h2 {
        margin-bottom: 57px;
    }
    #contents_block .section05 h2 img {
        width: 100%;
        max-width: 352px;
    }
    #contents_block .section05 .twitter {
        margin: 0 5px;
        width: auto;
    }
    #contents_block .section05 .twitter iframe {
        width: 100%!important;
    }
    #contents_block .section05 .img01 {
        width: 162px;
        left: -53px;
        bottom: 126px;
    }
    #contents_block .section05 .img02 {
        width: 184px;
        right: -27px;
        top: auto;
        bottom: 70px;
    }
    #contents_block .section05 .img03 {
        width: 310px;
        bottom: -101px;
        margin-left: -45.2%;
    }
	
	#contents_block .section06 {
        padding-top: 0;
    }
    #contents_block .section06 h2 {
        margin-bottom: 30px;
    }
    #contents_block .section06 h2 img {
        width: 100%;
        max-width: 350px;
    }
    #contents_block .section06 .inner {
        margin: 0 5px 123px;
        padding: 46px 10px 46px;
    }
	#contents_block .section06 .inner ul li a.recipe-btn-menu-pc {
		display: none;
	}
	#contents_block .section06 .inner ul li a.recipe-btn-menu-sp {
		display: block;
	}
    #contents_block .section06 .inner01 h3 img {
        width: 223px;
    }
    #contents_block .section06 .inner .img_list {
        margin: -31px -1.7% 0;
    }
    #contents_block .section06 .inner .img_list li {
        margin: 0 1.7% -40px;
        width: 45%;
    }
    #contents_block .section06 .inner .img_list li .photo {
        margin-bottom: 8px;
    }
    #contents_block .section06 .inner .img_list li p {
        margin: 0 -10px;
        font-size: 13px;
        line-height: 1.15;
    }
    #contents_block .section06 .inner02 {
        margin-bottom: 163px;
    }
    #contents_block .section06 .inner02 h3 {
        margin: -87px -12px 22px;
    }
    #contents_block .section06 .inner02 h3 img {
        width: 100%;
        max-width: 200px;
    }
    #contents_block .section06 .inner02 .img_list {
        margin-top: -51px;
    }
    #contents_block .section06 .inner02 .img_list li {
        margin-top: 51px;
    }
    #contents_block .section06 .img01 {
		display: none;
    }
    #contents_block .section06 .img02 {
		display: none;
    }
    #contents_block .section06 .img03 {
        width: 205px;
        left: -76px;
        top: 46%;
    }
    #contents_block .section06 .img04 {
        width: 210px;
        right: -79px;
        top: 60.4%;
    }
    #contents_block .section06 .bnr01 {
        width: 80%;
    }
	#contents_block .section06 .bnr01 a.recipe-btn-club-pc {
		display: none;
	}
	#contents_block .section06 .bnr01 a.recipe-btn-club-sp {
		display: block;
	}	
    #contents_block .page_top {
        margin-top: -60px;
        padding: 75px 0 9px;
    }
    #contents_block .page_top a {
        padding-top: 22px;
    }
    #contents_block .pop_qr {
        padding: 100px 20px;
    }
    #contents_block .pop_qr .popup_inner {
        padding: 0 16px 47px;
        max-width: inherit;
    }
    #contents_block .pop_qr .popup_inner .btn {
        right: 0;
        top: -16px;
    }
    #contents_block .pop_qr .popup_inner h2 {
        margin: 0 -16px 13px;
        background-image: url("../img/sp_pop_h2_bg.png");
    }
    #contents_block .pop_qr .popup_inner h2 span {
        padding: 21px 20px 61px 8px;
        font-size: 26px;
        display: block;
        background: url("../img/pop_h2_img01.png") no-repeat left 32px top 15px / 31px,url("../img/sp_pop_h2_img02.png") no-repeat right 30px top 20px / 118px;
    }
    #contents_block .pop_qr .info01 {
        margin-bottom: 38px;
    }
    #contents_block .pop_qr .info01 .p_top {
        margin: 0 20px 48px;
    }
    #contents_block .pop_qr .info01 .img_box {
        display: block;
    }
    #contents_block .pop_qr .info01 .text_box {
        margin: 0 30px;
        width: auto;
    }
    #contents_block .pop_qr .info01 .photo_box {
        margin-bottom: 38px;
        width: auto;
    }
    #contents_block .pop_qr .info01 .photo_box img {
        width: 100%;
    }
    #contents_block .pop_qr .head_line02 span {
        min-width: 225px;
        box-sizing: border-box;
    }
    #contents_block .pop_qr .info02 {
        margin-bottom: 81px;
    }
    #contents_block .pop_qr .info02 .head_line03 {
        margin-bottom: 37px;
    }
    #contents_block .pop_qr .info02 .img_box {
        margin-bottom: 41px;
        display: block;
    }
    #contents_block .pop_qr .info02 .img_box .photo_box {
        margin-bottom: 58px;
        width: auto;
    }
    #contents_block .pop_qr .info02 .img_box .photo_box .photo {
        margin-bottom: 30px;
    }
    #contents_block .pop_qr .info02 .img_box .photo_box .photo img {
        width: 100%;
    }
    #contents_block .pop_qr .info02 .img_box .photo_box .photo .sub_pho {
        width: 34.2%;
        right: 5px;
        top: 42px;
    }
    #contents_block .pop_qr .info02 .img_box .photo_box p {
        line-height: 1.25;
    }
    #contents_block .pop_qr .info02 .img_box .text_box {
        margin-top: 0;
        padding: 0 18px 32px;
        width: auto;
    }
    #contents_block .pop_qr .info02 .text_area {
        padding: 0 16px 34px;
    }
    #contents_block .pop_qr .info02 .text_area .head_line02 {
        margin-bottom: 28px;
    }
    #contents_block .pop_qr .info02 .text_area .sub_area {
        display: block;
    }
    #contents_block .pop_qr .info02 .text_area .l_box {
        margin-bottom: 24px;
        width: auto;
        padding: 0 0 29px;
        border-right: 0;
        border-bottom: 2px dashed #333;
    }
    #contents_block .pop_qr .info02 .text_area .r_box {
        width: auto;
    }
    #contents_block .pop_qr .info02 .text_area .sub_area .l_box .text {
        margin: 0 0 24px;
    }
    #contents_block .pop_qr .info02 .text_area .sub_area .ttl {
        margin: 0 0 5px;
    }
    #contents_block .pop_qr .info02 .text_area .sub_area .text .com_span {
        vertical-align: top;
    }
    #contents_block .pop_qr .com_border {
        padding: 17px 13px 20px;
    }
    #contents_block .pop_qr .info02 .text_area .sub_area .l_box .com_border {
        margin-left: -0;
    }
    #contents_block .pop_qr .info03 {
        margin: 0 -16px 2px;
        padding: 96px 16px 57px;
        background-image: url("../img/sp_sns_bg.png")
    }
    #contents_block .pop_qr .info03 .write_bg {
        padding: 0 19px 22px;
    }
    #contents_block .pop_qr .info03 .photo {
        width: 150px;
        left: 3%;
        top: -76px;
    }
    #contents_block .pop_qr .info03 .head_line02 {
        margin-bottom: 20px;
    }
    #contents_block .pop_qr .info03 .head_line02 span {
        margin-top: -29px;
        line-height: 1.22;
        padding: 6px 18px;
        max-width: 210px;
    }
    #contents_block .pop_qr .info03 .title {
        margin-bottom: 33px;
        line-height: 1.22;
        text-align: center;
    }
    #contents_block .pop_qr .info03 .title span {
        margin-bottom: 4px;
        display: inline-block;
    }
    #contents_block .pop_qr .info03 .text01 {
        margin-bottom: 10px;
        padding-bottom: 12px;
        text-align: center;
        line-height: 1.25;
        border-bottom: 1px solid #707070;
    }
    #contents_block .pop_qr .info03 .text01 span {
        padding-right: 0;
        background-color: transparent;
    }
    #contents_block .pop_qr .info03 .text01::before {
        display: none;
    }
    #contents_block .pop_qr .info03 .text02 {
        margin-bottom: 25px;
        text-align: center;
        line-height: 1.25;
    }
    #contents_block .pop_qr .info03 .com_border {
        padding: 16px 11px 16px;
    }
    #contents_block .pop_qr .info04 {
        margin-bottom: 94px;
    }
    #contents_block .pop_qr .info04 .head_line03 {
        margin-bottom: 41px;
        padding: 15px 33px 12px;
        font-size: 25px;
        line-height: 1.28;
        border-radius: 64px;
    }
    #contents_block .pop_qr .info04 .head_line03::before {
        bottom: -16px;
    }
    #contents_block .pop_qr .info04 .sub_box {
        max-width: inherit;
    }
    #contents_block .pop_qr .info04 .sub_box .sub_text {
        position: static;
        margin-bottom: 29px;
    }
    #contents_block .pop_qr .info04 .sub_box .title {
        text-align: center;
    }
    #contents_block .pop_qr .info04 .sub_box .text_list {
        margin: 0 auto;
        max-width: 148px;
    }
    #contents_block .pop_qr .info04 .sub_box .photo {
        margin-bottom: 44px;
        width: auto;
    }
    #contents_block .pop_qr .info04 .sub_box .sub_title {
        margin-bottom: 13px;
        line-height: 1.33;
    }
    #contents_block .pop_qr .info04 .sub_box .text {
        margin-top: 0px;
        line-height: 1.37;
    }
    #contents_block .pop_qr .info04 .sub_box .text span {
        display: none;
    }
    #contents_block .pop_qr .sns_area {
        margin-bottom: 17px;
    }
    #contents_block .link {
        width: 166px;
        bottom: 80px;
    }
    #contents_block .link a:hover {
        opacity: 1;
    }
    #contents_block .pop_qr .info02 .text_area01 .l_box,
    #contents_block .pop_qr .info02 .text_area01 .r_box,
    #contents_block .pop_qr .info02 .text_area01 .m_box {
        width: auto;
        box-sizing: border-box;
        padding: 0 0 29px;
    }
    #contents_block .pop_qr .info02 .text_area01 .m_box {
        padding: 29px 0;
        border-left: 0;
        border-top: 2px dashed #333
    }
    #contents_block .pop_qr .info02 .text_area01 .l_box {
        padding: 0 0 29px;
    }
    #contents_block .pop_qr.popup_box02 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg02.png");
    }
    #contents_block .pop_qr.popup_box03 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg03.png");
    }
    #contents_block .pop_qr.popup_box04 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg04.png");
    }
    #contents_block .pop_qr.popup_box05 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg05.png");
    }
    #contents_block .pop_qr.popup_box06 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg06.png");
    }
    #contents_block .pop_qr.popup_box07 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg07.png");
    }
    #contents_block .pop_qr.popup_box08 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg08.png");
    }
    #contents_block .pop_qr.popup_box09 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg09.png");
    }
    #contents_block .pop_qr.popup_box10 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg10.png");
    }
    #contents_block .pop_qr.popup_box11 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg11.png");
    }
    #contents_block .pop_qr.popup_box12 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg12.png");
    }
    #contents_block .pop_qr.popup_box13 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg13.png");
    }
    #contents_block .pop_qr.popup_box14 .popup_inner h2 {
        background-image: url("../img/sp_pop_h2_bg14.png");
    }
}
@media all and (max-width: 896px) and (min-width: 460px){
    #contents_block .slide_area {
        margin-top: 0;
    }
}
@media all and (max-width: 374px) {
    #contents_block .section01 p {
        font-size: 13px;
    }
}
@media all and (max-width: 359px) {
    #contents_block .pop_qr .popup_inner h2 span {
        padding: 21px 56px 61px 56px;
    }
    #contents_block .pop_qr .info01 .text_box {
        margin: 0 10px;
    }
    #contents_block .pop_qr .head_line02 span {
        padding: 2px 10px;
    }
    #contents_block .section02 .img_box .text_box h3 .txt .sml {
        font-size: 14px;
    }
    #contents_block .section02 .img_box .text_box h3 .name {
        font-size: 20px;
        right: -12px;
        top: 22px;
        text-align: center;
    }
    #contents_block .section02 .img_box .text_box h3 .name .sml {
        margin: -61px 7px 0 6px;
    }
    #contents_block .section03 .img_box .text_box p {
        font-size: 15px;
    }
}