@charset "utf-8";
#cmeCont { padding: 0; }

/*body.remodal_lock {
	position: fixed;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: visible;
	padding-right: 15px;
}*/
html.remodal_lock, body.remodal_lock { width: 100%; overflow: visible; }
.titleArea { position: relative; text-align: center; background-color: #f3f1ed; }
.main_image { overflow: hidden; min-width: 0; }
.main_image img { width: auto; margin-left: -802px; left: 50%; position: relative; }
.recommended_text { position: relative; z-index: 2; padding: 25px 0 30px; font-size: 133.333%; font-weight: 700; line-height: 1.9; box-shadow: 0px 7px 3.5px 1.5px rgb(0 0 0 / 5%); text-align: center; color: #fff; background: #a54e4e; }
#cmeCont .recommended_text a{color: #fff;border-bottom: 1px solid #fff;transition: all 0.3s ease;}
#cmeCont .recommended_text a:hover{text-decoration: none;opacity: 0.7;}
.campContArea { padding: 60px 0 0; }
.campContArea .loginNote { display: flex; align-items: center;margin: 0 0 47px; padding: 15px 3em 20px 3.2em; color: #cb0000; background: #fcf2f2; font-size: 133.333%; line-height: 1.625; }
.campContArea .loginNote p { background-image: url(../images/icon_ex.png); background-repeat: no-repeat; background-size: 30px 30px; background-position: left center; padding-left: 3em; }
.container { max-width: 1254px; margin: 0 auto; }
.diningTable_block {margin: 73px 0 50px;padding: 80px 0 95px; background: #f3f1ed;}
.diningTable_title { font-size: 200%; font-weight: bold; text-align: center; line-height: 1.4;color: #a54e4e;padding-bottom: 45px;letter-spacing: 0.04em; }
.diningTable_title span{position: relative;display: inline-block;}
.diningTable_title span:before { content: "";position: absolute;left: -14%;bottom: 3px;background: url(../images/line_left.png)no-repeat;background-size: contain;width: 38px;height: 38px;}
.diningTable_title span:after { content: "";position: absolute;right: -12.5%;bottom: 3px;background: url(../images/line_right.png)no-repeat;background-size: contain;width: 38px;height: 38px;}
.diningTable_inner { display: flex; margin-top: 40px; justify-content: space-between; }
.diningTable_banner { width: 47.85%; }
.diningTable_banner a { display: block; transition: all 0.3s ease; }
.diningTable_banner a:hover { opacity: 0.7; }
.diningTable_banner img { width: 100%; }
.diningTable_text{text-align: center;line-height: 2.2;font-size: 1.334em;}
.quiz_block { background: #f3f1ed; padding: 40px 50px; }
.quiz_block_inner { background: #fff; padding: 58px 50px 50px; }
.quiz_text { text-align: center; font-weight: bold; font-size: 166.7%; line-height: 1.7; border-bottom: 1px solid #e8e8e8;padding-bottom: 35px; }
.quizList_block ul { padding: 0; margin: 0; }
.quizList_block { text-align: center;padding-top: 42px; }
.quizList_block ul li { list-style: none; font-size: 150%; font-weight: bold; align-items: center; display: inline-flex;text-align: left;line-height: 1.3;letter-spacing: -0.04em; }
.quizList_block ul li + li { margin-left: 23px; }
.quizList_block ul li span { background: #e5d3b5; width: 40px; padding: 7px 0 9px; display: inline-block; text-align: center; border-radius: 50%; margin-right: 10px;color: #222;line-height: 1.335; }
.quizArea .btn {width: 100%;max-width: 610px;margin: 26px auto 0;}
.quizArea .btn a.button {background: #a54e4e;color: #fff !important;display: block; text-align: center; padding: 13px 0;line-height: 1.2;transition: all 0.3s ease;}
.quizArea .btn a.button:hover{opacity: 0.7;}
.wasyokuTitle_block { text-align: center; }
.wasyokuTitle { margin-bottom: 30px; font-size: 333.333%; }
.wasyokuTitle span { display: block; background: url(../images/underline_bg.png)no-repeat center bottom; background-size: 83px 9px; padding: 20px 0 17px 0; }
.presentItem {margin-top: 45px; }
.colItem01 { position: relative; padding: 63px 64px 70px; border: 5px solid #a54e4e; border-radius: 6px; background: #fff;display: flex;justify-content: space-between; }
.itemTitle { text-align: center; padding-bottom: 62px; }
.itemText { font-size: 133.333%; line-height: 1.875; }
.itemImage + .itemText { line-height: 1.6; }
.itemLink { display: inline-block; font-size: 133.333%; color: #cc0000 !important; margin-top: 20px; padding-left: 12px; background: url(../images/arr.png) no-repeat 0 48%; background-size: 6px 5px; }
.itemText + .itemText { margin-top: 10px; }
.itemList { font-size: 116.667%; margin-top: 14px; position: relative; padding-left: 10px; letter-spacing: -0.08em; }
.itemList span { position: absolute; left: -4px; }
.itemText .gift_text { font-size: 125.0001%; font-weight: 700; color: #23a19e; }
.colItem01 .itemTitle { font-size: 233.333%; color: #a54e4e; line-height: 1.4;text-align: left;padding-bottom: 13px; }
.itemImage { text-align: center;width: 47.57%; }
.itemContent{width: 47.5%;}
.itemImage img { width: 100%; }
.colItem01 .itemImage img {max-width: 364px;padding-top: 5px;}
.colItem01:before { content: ''; position: absolute; background: url(../images/prize_01.png)no-repeat; background-size: 100% auto; display: block; width: 10.46%;height: 29.35%; left: -24px; top: -48px; }
.wasyokuArea { padding: 50px 0 100px; background: #f3f1ed; margin-top: 80px; }
.wasyokuArea .wasyokuTitle { margin-bottom: 40px; }
.applicationBlock .wasyokuTitle { margin-bottom: 52px; }
.wasyokuArea .quizCont { padding: 50px 70px; background: #fff; }
.wasyokuArea .applicationBlock .quizCont { padding: 20px 70px 60px; }
.quizCont .secTitle { font-size: 233.333%; padding: 10px 0; margin-bottom: 36px; color: #fff; background: #32ae7d; border-radius: 6px; text-align: center; }
.quizCont .leadTitle { font-size: 150%; margin-bottom: 16px; line-height: 1.3em; }
.quizCont .productText { line-height: 1.75; }
.quizCont .productList { display: flex; justify-content: space-between; }
.quizCont .productList .itemLeft { width: 41.294%; }
.quizCont .productList .itemLeft img { max-width: 100%; display: block; margin-top: 8px; }
.quizCont #present_a .productList .itemLeft img { margin-top: 25px; }
.quizCont .productList .itemRight { width: 53.322%; font-size: 133.333%; }
.quizCont .areaBox { border: 1px solid #dd4b21; border-radius: 3px; margin-top: 28px; padding: 28px 35px; }
.quizCont .areaBox .productCaption { text-align: right; margin-top: 7px; }
.quizCont:nth-of-type(2) .areaBox .productCaption { margin-top: 0; }
.quizCont:nth-of-type(3) .areaBox .productCaption { margin-top: 20px; }
.quizArea .btn .black_icon span { display: inline-block; position: relative;font-size: 1.67em;font-weight: bold; }
.quizArea .btn .black_icon span small{font-size: 80%;}
.quizArea .btn .blank_icon { width: 15px; vertical-align: middle !important; }
small { font-size: 89%; }
.quizCont + .quizCont { margin-top: 38px; }
.present .presentItem .btn { width: 100%; max-width: 700px; margin: 40px auto 0; }
.present .presentItem .btn a.button { display: block; width: 100%; align-items: center; justify-content: center; position: relative; padding: 9px 17px 12px 17px; border-radius: 3px; font-size: 166.7%; line-height: 1.3; font-weight: 700; text-decoration: none; transition: all 0.3s ease; text-align: center; }
.present .presentItem .btn a.button small { font-size: 80%; }
.present .presentItem .btn a.button:hover { opacity: 0.7; }
.present .presentItem .colItem01 .btn a.button { background: #1a8d8a; color: #fff !important; }
.quizCont .pointTitle { color: #dd4b21; font-weight: 700; padding-bottom: 10px; }
.quizCont:nth-of-type(3) .areaBox { margin-top: 50px; }
.wasyokuArea .quickBlock { margin-bottom: 70px; }
.wasyokuArea .presentSummary { width: 100%; border-collapse: collapse; font-size: 133.333%; line-height: calc(7/4); }
.wasyokuArea .presentSummary th, .wasyokuArea .presentSummary td { padding: 29px 30px 40px; border-bottom: 1px solid #dbdbdb; letter-spacing: -0.05em; }
.wasyokuArea .presentSummary tr:last-child th, .wasyokuArea .presentSummary tr:last-child td { border-bottom: 0; padding-bottom: 0; }
.wasyokuArea .presentSummary th {	/*width: 305px;*/
width: 26.5%; white-space: nowrap; text-align: left; }
.wasyokuArea .color_red { color: #cc0000; }
.wasyoku_banner{padding: 60px 0;text-align: center;}
.wasyoku_banner a{transition: all 0.3s ease;width: 70.7%;max-width: 954px;display: block;margin: 0 auto;;}
.wasyoku_banner a img{max-width: 100%;}
.wasyoku_banner a:hover{opacity: 0.7;}
@media only screen and (min-width:768px) and (max-width:1400px) {
	.main_image img { width: 113.3%; left: 0; margin-left: -6.4%; }
	.quizList_block ul li + li { margin-left: 30px; }
}
@media only screen and (min-width:768px) and (max-width:850px) {
	.diningTable_title span:before { content: "";position: absolute;left: -8%;bottom: 3px;background: url(../images/line_left.png)no-repeat;background-size: contain;width: 38px;height: 38px;}
	.diningTable_title span:after { content: "";position: absolute;right: -8.5%;bottom: 3px;background: url(../images/line_right.png)no-repeat;background-size: contain;width: 38px;height: 38px;}
}
@media only screen and (max-width:1000px) {
	.wasyokuArea .presentSummary th { white-space: normal; }
}
.wasyokuArea .presentSummary td ul { list-style-type: none; }
.wasyokuArea .presentSummary td ul li { margin-left: 1em; text-indent: -1em; }
.wasyokuArea .presentSummary tr:last-child td ul li:first-child { padding-bottom: 10px; }
.wasyokuArea .presentSummary td ul.termsNote { margin: 13px 0; }
.wasyokuArea .presentSummary td .detail { color: #333333; }
.wasyokuArea .presentSummary td .detail a { color: #c00 !important; text-decoration: underline; }
.bottomBtn { width: 350px; margin: 60px auto; }
.bottomBtn a { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; padding: 0 24px; background-color: #fff; border: 1px solid #dbdbdb; border-radius: 3px; font-size: 133.333%; text-decoration: none; transition: all 0.3s ease; }
.bottomBtn a:hover { color: #c00 !important; background: #f5f5f5; }
.bottomBtn a:after { content: ''; display: block; width: 7px; height: 7px; margin: 0 0 0 10px; border-top: 2px solid #c00; border-right: 2px solid #c00; transform: rotate(45deg) }

/* @end */

/* @group モーダル ------------------------------ */

.remodal { max-width: 934px; padding-top: 68px; padding-bottom: 40px; padding-left: 80px; padding-right: 80px; border-radius: 3px; text-align: left; }
.remodal .modal_lede { margin: 0 0 24px; color: #f2a200; font-size: 200%; line-height: 1.5; font-weight: 700; text-align: center; }
.remodal .modal_lede .modal_title { background: #f1a201; color: #fff; padding: 9px; margin-bottom: 20px; }
.remodal .note_list { display: flex; align-items: flex-start; color: #333333; font-size: 108.333%; line-height: 1.5; }
.remodal .button_wrap ul { display: flex; align-items: center; justify-content: space-between; margin: 20px 0 0; padding: 40px 30px; background: #f2f2f2; border-radius: 3px; list-style-type: none; }
.remodal .button_wrap ul li { width: 48.591549%; }
.remodal .button_wrap ul li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; color: #fff !important; border-radius: 3px; font-size: 166.6666%; font-weight: 700; text-decoration: none; transition: all 0.3s ease; }
.remodal .button_wrap ul li a.button_vote { background-color: #f2a200; }
.remodal .button_wrap ul li a.button_cancel { background-color: #808080; }
.remodal .button_wrap ul li a:hover { opacity: 0.7; }
.remodal-close { top: 25px; left: auto; right: 25px; width: 35px; height: 35px; background: none; transform: rotate(45deg); }
.remodal-close:before, .remodal-close:after { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #222; }
.remodal-close:after { transform: rotate(90deg); }
.bottom_border { border-top: 1px solid #dbdbdb; }
.presentItem .itemLink.black_icon span { display: inline-block; background: url(../images/icon_blank.png) no-repeat right 0.3em; background-size: auto; background-size: 15px 14px; padding-right: 20px; }
@media only screen and (min-width:768px) and (max-width:1140px) {
	.presentItem { padding-left: 15px; }
	.quizList_block ul { display: flex;justify-content: center; }
	.quizList_block ul li span { min-width: 40px; }
}
@media only screen and (max-width:767px) {
	#cmeCont { padding: 0; }
	#cmeCont .cFrame{line-height: 1.75;}
	.container { max-width: 100%; }
	.main_image img { max-width: 100%; margin-left: 0; left: 0; }
	.main_image { min-width: 0; width: 100%; margin: 0 auto; }
	.period { padding: 6px 20px; font-size: 108.333%; text-align: center; color: #222222; font-weight: 700; line-height: 1.54; letter-spacing: -0.04em; }
	.diningTable_title { font-size: 133.4%; line-height: 1.438;padding-bottom: 28px; }
	.diningTable_inner { display: block; margin-top: 26px; }
	.diningTable_banner { width: 100%; }
	.diningTable_banner + .diningTable_banner { margin-top: 20px; }
	.diningTable_title span:before { content: ""; background: url(../images/line_left_sp.png)no-repeat; width: 20px; height: 40px; position: absolute; left: 0; background-size: contain; bottom: 0; }
	.diningTable_title span:after { content: ""; background: url(../images/line_right_sp.png)no-repeat; width: 20px; height: 40px; position: absolute; right: 0; background-size: contain; bottom: 0; }
	.diningTable_text{text-align: left;font-size: 1.09em;line-height: 1.8;}
	.quiz_block { padding: 20px; }
	.quiz_text { text-align: left; font-size: 116.7%; line-height: 1.5; letter-spacing: -0.02em; padding-bottom: 13px; }
	.quiz_block_inner { padding: 17px 25px 30px; }
	.quizList_block { padding-top: 15px; }
	.quizList_block ul li { display: block; text-align: left; font-size: 116.7%;position: relative;padding-left: 43px;}
	.quizList_block ul li:first-child span,.quizList_block ul li:last-child span{top: 0;}
	.quizList_block ul li span { width: 32px; padding: 5px 0 8px;margin-left: -43px;}
	.quizList_block ul li + li { margin: 7px 0 0; }
	.quizArea { margin-bottom: 40px; }
	.recommended_text { font-size: 108.333%; text-align: left; padding: 25px 0 20px; box-shadow: 0px 3px 3.5px 2px rgb(0 0 0 / 5%); line-height: 1.5; }
	.campContArea { padding: 24px 0 8px; }
	.presentItem {margin-top: 58px;}
	.campContArea .loginNote { padding: calc(100vw/(750/25)) calc(100vw/(750/25)) calc(100vw/(750/25)) calc(100vw/(750/30)); font-weight: normal; font-size: 108.333%; margin-bottom: 10px; line-height: 1.54; }
	.campContArea .loginNote p { background-size: 23px 23px; background-position: left 0.3em; padding-left: 2.5em; }
	.campContArea .loginNote small { font-size: 92.308%; }
	.wasyokuTitle { background-size: 236px 26px; margin-bottom: 23px; }
	.wasyokuArea .wasyokuTitle { margin-bottom: 0; padding-bottom: 0px; }
	.diningTable_block { margin: 50px 0 20px; padding: 53px 0 60px;}
	.wasyokuTitle span { background: url(../images/underline_bg_sp.png)no-repeat center bottom; font-size: 57.5%; background-size: 75px 8px; padding: 25px 1px 6px; }
	.presentItem { display: block; }
	.colItem01 { width: 100%; }
	.colItem01 { padding: 123px 20px 20px; display: block;position: relative;}
	.colItem01 .itemTitle { font-size: 19px; line-height: 1.4;position: absolute;top: 50px;left: 0;right: 0;margin: auto;text-align: center; }
	.itemTitle { padding-bottom: 22px; }
	.colItem01:before { width: 78px; height: 78px; left: 50%; top: -40px;transform: translateX(-50%); }
	.itemText { font-size: 108.333%; letter-spacing: -0.054em; }
	.itemList { font-size: 100%; margin-top: 12px; }
	.itemImage { margin-bottom: 21px;width: 100%; }
	.itemContent{width: 100%;}
	.itemText .gift_text { font-size: 115.385%; }
	.colItem01 .itemImage img { max-width: 205px; }
	.applicationBlock { margin-top: 30px; }
	.wasyokuArea .presentSummary tr:last-child { border-bottom: 0; padding-bottom: 0; }
	.wasyokuArea .presentSummary tr:last-child td .detail { margin-bottom: 0; }
	.itemLink { font-size: 108.333%; margin-top: 0px; }
	.present .presentItem .btn a.button { font-size: 125%; }
	.present .presentItem .btn { margin: 17px auto 0; }
	.wasyokuArea { margin-top: 0; padding: 15px 0 62px; }
	.quizCont .secTitle { font-size: 150%; padding: 6px 6px 7px; border-radius: 3px; margin-bottom: 26px; line-height: 1.3; }
	.quizCont .areaBox .productCaption { text-align: left; margin-top: 12px; }
	.quizCont:nth-of-type(3) .areaBox .productCaption { margin-top: 10px; }
	.quizCont:nth-of-type(3) .areaBox { margin-top: 22px; }
	.quizCont .leadTitle { font-size: 106.25%; margin-bottom: 7px; line-height: normal; }
	.quizArea .btn a.button{padding: 9px 17px 9px 17px;line-height: 1.15;}
	.quizArea .btn .black_icon span{font-size: 1.25em;}
	.wasyokuArea .quickBlock { margin-bottom: 28px; }
	.wasyokuArea .quizCont { padding: 26px 20px 33px; border-radius: 5px; margin-top: 20px; }
	.wasyokuArea .applicationBlock .quizCont { padding: 18px 20px 42px; }
	.applicationBlock .wasyokuTitle { margin-bottom: 25px; }
	.wasyokuArea .productText { font-size: 81.25%; letter-spacing: -0.03em; }
	.quizCont .areaBox { padding: 15px 20px 20px; font-size: 81.25%; margin-top: 15px; }
	.quizCont:nth-of-type(2) .areaBox .productCaption { margin-top: 12px; }
	.quizCont .productList { display: block; }
	.quizCont .productList .itemLeft img { margin-top: 0; }
	.quizCont .productList .itemLeft { width: 77.97%; margin: 0 auto; }
	.quizCont #present_a .productList .itemLeft img { margin-top: 0; }
	.black_icon span { background-size: 15px 14px; }
	.quizCont .btn .black_icon span { display: inline-block; background-position: right 0.25em; padding-right: 20px; background-size: 15px 14px; }
	.quizCont .productList .itemRight { width: 100%; margin-top: 15px; }
	.wasyokuArea .presentSummary { width: 100%; font-size: calc(100vw/(750/26)); line-height: 2; }
	.wasyokuArea .presentSummary, .wasyokuArea .presentSummary tbody, .wasyokuArea .presentSummary tr, .wasyokuArea .presentSummary th, .wasyokuArea .presentSummary td { display: block; }
	.wasyokuArea .presentSummary tr { margin-bottom: -1px; padding: 20px 0; border-bottom: 1px solid #dbdbdb; }
	.wasyokuArea .presentSummary th, .wasyokuArea .presentSummary td { letter-spacing: normal; padding: 0; border: none; }
	.wasyokuArea .presentSummary td { line-height: 1.6; }
	.wasyokuArea .presentSummary th { width: auto; margin-bottom: 6px; }
	.wasyokuArea .presentSummary td ul { font-size: calc(100vw/(750/24)); line-height: calc(35/24); }
	.wasyokuArea .presentSummary td ul li { margin-left: 1em; text-indent: -1em; }
	.wasyokuArea .presentSummary td ul.termsNote { margin: calc(100vw/(750/10)) 0; }
	.wasyokuArea .presentSummary td .detail { margin: calc(100vw/(750/24)) 0; }
	.bottomBtn { width: calc(100vw/(750/510)); margin: calc(100vw/(750/80)) auto; }
	.bottomBtn a { height: calc(100vw/(750/120)); border-radius: 5px; font-size: calc(100vw/(750/30)); }
	.bottomBtn a:after { width: 9px; height: 9px; margin: 0 0 0 calc(100vw/(750/14)); }
	.wasyoku_banner a{width: 100%;}
	.wasyoku_banner{padding: 40px 20px;}
	/* @end */

	/* @group モーダル ------------------------------ */

	.remodal { max-width: calc(100vw/(750/670)); min-height: 0; height: auto; padding: calc(100vw/(750/78)) calc(100vw/(750/40)) 0; border-radius: 5px; }
	.remodal .modal_lede { margin: 0 0 calc(100vw/(750/15)); font-size: calc(100vw/(750/30)); line-height: calc(26/15); }
	.remodal .note_list { display: block; font-size: calc(100vw/(750/24)); }
	.remodal .note_list dt, .remodal .note_list dd { display: inline; }
	.remodal .button_wrap ul { margin: calc(100vw/(750/30)) calc(100vw/(750/40) * -1) 0; padding: calc(100vw/(750/40)); border-radius: 0 0 5px 5px; list-style-type: none; }
	.remodal .button_wrap ul li { width: calc(100vw/(750/280)); }
	.remodal .button_wrap ul li a { height: calc(100vw/(750/120)); border-radius: 5px; font-size: calc(100vw/(750/30)); }
	.remodal-close { top: calc(100vw/(750/17)); left: auto; right: calc(100vw/(750/17)); width: calc(100vw/(750/55)); height: calc(100vw/(750/55)); }
	.remodal-close:before, .remodal-close:after { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #222; }
	.remodal-close:after { transform: rotate(90deg); }

	/* @end */
	.ekinote_app_cover { margin: 15px auto 0; width: 175px; min-width: auto; display: flex; justify-items: center; justify-content: space-between; }
	.presentItem .itemLink.black_icon span { background-size: 15px 14px; padding-right: 20px; }
}