@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: #fff; }
.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: 18px 0 26px; font-size: 133.333%; font-weight: 700; line-height: 1.75; box-shadow: 0px 7px 3.5px 1.5px rgb(0 0 0 / 5%); text-align: center; color: #fff; background: #23a19e; }
.campContArea { padding: 60px 0 0; }
.campContArea .loginNote { display: flex; align-items: center; margin: 0 0 78px; 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; }
.ekinote_intro_block { margin-bottom: 50px; }
.ekinote_intro { font-size: 200%; font-weight: bold; text-align: center; line-height: 1.438; position: relative; letter-spacing: 0.1em; }
.ekinote_intro:before { content: "＼"; }
.ekinote_intro:after { content: "／"; }
.ekinote_intro_inner { display: flex; margin-top: 54px; justify-content: space-between; }
.ekinote_intro_banner { width: 47.85%; }
.ekinote_intro_banner a { display: block; transition: all 0.3s ease; }
.ekinote_intro_banner a:hover { opacity: 0.7; }
.ekinote_intro_banner img { width: 100%; }
.quiz_block { background: #ebf5f5; padding: 40px 50px; }
.quiz_block_inner { background: #fff; padding: 64px 50px 60px; }
.quiz_text { text-align: center; font-weight: bold; font-size: 166.7%; line-height: 1.7; border-bottom: 1px solid #e8e8e8; padding-bottom: 43px; }
.quizList_block ul { padding: 0; margin: 0; }
.quizList_block { text-align: center; padding-top: 45px; }
.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; }
.quizList_block ul li + li { margin-left: 70px; }
.quizList_block ul li span { background: #ffda47; width: 40px; padding: 6px 0 8px; display: inline-block; text-align: center; border-radius: 50%; margin-right: 10px; }
.ekinoteTitle_block { text-align: center; }
.ekinoteTitle { margin-bottom: 30px; font-size: 333.333%; }
.ekinoteTitle span { display: block; background: url(../images/underline_bg.png)no-repeat center bottom; background-size: 213px 4px; padding: 20px 73px 15px 78px; }
.presentItem { display: flex; justify-content: space-between; margin-top: 65px; }
.colItem01 { position: relative; width: 47.85%; padding: 71px 46px 50px; border: 5px solid #23a19e; border-radius: 6px; background: #fff; }
.colItem02 { position: relative; width: 47.85%; padding: 71px 42px 40px 46px; border: 5px solid #ffda47; border-radius: 6px; background: #fff; }
.colItem02 .itemImage { margin-bottom: 37px; }
.itemTitle { text-align: center; padding-bottom: 62px; }
.colItem02 .itemTitle span { font-size: 66.6666%; font-weight: normal; line-height: 1.5; display: inline-block; }
.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: 1px; padding-left: 12px; background: url(../images/arr.png) no-repeat 0 48%; background-size: 6px 5px; }
.colItem02 .itemList { margin-top: 10px; position: relative; padding-left: 1em; }
.colItem02 .itemList span { position: absolute; left: 0; }
.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; }
.colItem02 .itemText .gift_text { color: #000000; }
.colItem01 .itemTitle { font-size: 233.333%; color: #23a19e; line-height: 1.214; }
.colItem02 .itemTitle { font-size: 233.4%; line-height: 1.214; padding-bottom: 34px; }
.itemImage { text-align: center; margin-bottom: 65px; }
.itemImage img { width: 100%; }
.colItem01 .itemImage img { max-width: 297px; }
.colItem02 .itemImage img { max-width: 192px; }
.colItem01:before { content: ''; position: absolute; background: url(../images/prize_01.png)no-repeat; background-size: 100% auto; display: block; width: 22.035%; height: 22.602%; left: -24px; top: -46px; }
.colItem02:before { content: ''; position: absolute; background: url(../images/prize_02.png)no-repeat; background-size: 100% auto; display: block; width: 22.035%; height: 22.602%; left: -24px; top: -47px; }
.ekinoteArea { padding: 50px 0 100px; background: #ebf5f5; margin-top: 80px; }
.ekinoteArea .ekinoteTitle { margin-bottom: 40px; }
.applicationBlock .ekinoteTitle { margin-bottom: 57px; }
.ekinoteArea .quizCont { padding: 50px 70px; background: #fff; }
.ekinoteArea .applicationBlock .quizCont { padding: 20px 70px 55px; }
.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; }
.black_icon span { display: inline-block; position: relative; }
.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; }
.present .presentItem .colItem02 .btn a.button { background: #ffda47; color: #333333 !important; }
.applicationBlock { margin-top: 50px; }
.quizCont .pointTitle { color: #dd4b21; font-weight: 700; padding-bottom: 10px; }
.quizCont:nth-of-type(3) .areaBox { margin-top: 50px; }
.ekinoteArea .quickBlock { margin-bottom: 70px; }
.ekinoteArea .presentSummary { width: 100%; border-collapse: collapse; font-size: 133.333%; line-height: calc(7/4); }
.ekinoteArea .presentSummary th, .ekinoteArea .presentSummary td { padding: 29px 30px 40px; border-bottom: 1px solid #dbdbdb; letter-spacing: -0.05em; }
.ekinoteArea .presentSummary tr:last-child th, .ekinoteArea .presentSummary tr:last-child td { border-bottom: 0; padding-bottom: 0; }
.ekinoteArea .presentSummary th {	/*width: 305px;*/
width: 26.5%; white-space: nowrap; text-align: left; }
.ekinoteArea .color_red { color: #cc0000; }
@media only screen and (min-width:768px) and (max-width:1300px) {
	.main_image img { width: 115%; left: 0; margin-left: -7%; }
	.quizList_block ul li + li { margin-left: 30px; }
}
@media only screen and (max-width:1000px) {
	.ekinoteArea .presentSummary th { white-space: normal; }
}
.ekinoteArea .presentSummary td ul { list-style-type: none; }
.ekinoteArea .presentSummary td ul li { margin-left: 1em; text-indent: -1em; }
.ekinoteArea .presentSummary tr:last-child td ul li:first-child { padding-bottom: 10px; }
.ekinoteArea .presentSummary td ul.termsNote { margin: 13px 0; }
.ekinoteArea .presentSummary td .detail { color: #333333; }
.ekinoteArea .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; }
#offical_wrap { margin: 60px 0; }
#offical_wrap .offical_block { background-color: #ebf5f5; padding: 63px 80px 67px; }
#offical_wrap .offical_2col { display: flex; align-items: center; }
#offical_wrap .offical_2col+.offical_2col { margin-top: 34px; }
#offical_wrap .offical_title { border: 1px solid #333; padding: 4px 10px; font-size: 108.34%; font-weight: bold; color: #222; display: inline-block; width: 17.175%; text-align: center; }
#offical_wrap .offical_under_block { margin-left: 29px; }
#offical_wrap .offical_logo .logo_link:hover { opacity: .7; }
#offical_wrap .offical_logo img { max-width: 230px; }
#offical_wrap .app_block { display: flex; align-items: center; }
#offical_wrap .app_img img { max-width: 155px; }
#offical_wrap .app_block .app_logo_block { display: flex; align-items: center; }
#offical_wrap .app_img a { -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; transition: opacity .25s ease-out; }
#offical_wrap .app_img a:hover { opacity: .7; }
#offical_wrap .qr_code { margin-left: 17px; }
#offical_wrap .qr_code img { max-width: 66px; }
#offical_wrap .app_text_block { margin-left: 30px; }
#offical_wrap .note { font-size: 100%; font-weight: bold; position: relative; padding-left: 1em; }
#offical_wrap .note span { position: absolute; left: 0; }
#offical_wrap .note_text { font-size: 91.67%; }
#offical_wrap img { width: 100%; vertical-align: bottom; height: auto; }
.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; }
	.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; }
	.ekinote_intro { font-size: 133.4%; line-height: 1.438; }
	.ekinote_intro_inner { display: block; margin-top: 26px; }
	.ekinote_intro_banner { width: 100%; }
	.ekinote_intro_banner + .ekinote_intro_banner { margin-top: 20px; }
	.ekinote_intro:before { content: ""; background: url(../images/line_left.png)no-repeat; width: 20px; height: 40px; position: absolute; left: 0; background-size: contain; bottom: 0; }
	.ekinote_intro:after { content: ""; background: url(../images/line_right.png)no-repeat; width: 20px; height: 40px; position: absolute; right: 0; background-size: contain; bottom: 0; }
	.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; }
	.quizList_block { padding-top: 15px; }
	.quizList_block ul li { display: block; text-align: left; font-size: 116.7%; }
	.quizList_block ul li span { width: 32px; padding: 5px 0 8px; }
	.quizList_block ul li + li { margin: 7px 0 0; }
	.quizArea { margin-bottom: 50px; }
	.recommended_text { font-size: 108.333%; text-align: left; padding: 25px 0; box-shadow: 0px 3px 3.5px 2px rgb(0 0 0 / 5%); line-height: 1.5; }
	.campContArea { padding: 24px 0 35px; }
	.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%; }
	.ekinoteTitle { background-size: 236px 26px; margin-bottom: 23px; }
	.ekinoteArea .ekinoteTitle { margin-bottom: 0; padding-bottom: 0px; }
	.ekinote_intro_block { margin-bottom: 27px; }
	.ekinoteTitle span { background: url(../images/underline_bg_sp.png)no-repeat center bottom; font-size: 57.5%; background-size: 108px 4px; padding: 25px 1px 10px; }
	.presentItem { display: block; }
	.colItem01, .colItem02 { width: 100%; }
	.colItem01, .colItem02 { padding: 45px 20px 20px; }
	.colItem01 .itemTitle { font-size: 19px; line-height: 1.4; }
	.itemTitle { padding-bottom: 22px; }
	.colItem01:before, .colItem02:before { width: 78px; height: 78px; left: 37.8%; }
	.itemText { font-size: 108.333%; letter-spacing: -0.054em; }
	.itemList { font-size: 100%; margin-top: 12px; }
	.itemImage { margin-bottom: 21px; }
	.itemText .gift_text { font-size: 115.385%; }
	.colItem01 .itemImage img { max-width: 171px; }
	.colItem02 { margin-top: 62px; }
	.colItem02 .itemTitle { font-size: 150%; padding-bottom: 24px; }
	.colItem02 .itemTitle span { font-size: 72.222%; line-height: 1.6; }
	.colItem02 .itemImage img { max-width: 115px; }
	.colItem02 .itemImage { margin-bottom: 15px; }
	.present .presentItem .colItem02 .btn a.button { padding: 6px 17px 9px 17px; line-height: 1.15; }
	.applicationBlock { margin-top: 30px; }
	.ekinoteArea .presentSummary tr:last-child { border-bottom: 0; padding-bottom: 0; }
	.ekinoteArea .presentSummary tr:last-child td .detail { margin-bottom: 0; }
	.itemLink { font-size: 108.333%; margin-top: 12px; }
	.colItem02 .itemList { margin-top: 15px; }
	.present .presentItem .btn a.button { font-size: 125%; }
	.present .presentItem .btn { margin: 17px auto 0; }
	.ekinoteArea { 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; }
	.ekinoteArea .quickBlock { margin-bottom: 28px; }
	.ekinoteArea .quizCont { padding: 26px 20px 33px; border-radius: 5px; margin-top: 20px; }
	.ekinoteArea .applicationBlock .quizCont { padding: 18px 20px 42px; }
	.applicationBlock .ekinoteTitle { margin-bottom: 25px; }
	.ekinoteArea .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; }
	.ekinoteArea .presentSummary { width: 100%; font-size: calc(100vw/(750/26)); line-height: 2; }
	.ekinoteArea .presentSummary, .ekinoteArea .presentSummary tbody, .ekinoteArea .presentSummary tr, .ekinoteArea .presentSummary th, .ekinoteArea .presentSummary td { display: block; }
	.ekinoteArea .presentSummary tr { margin-bottom: -1px; padding: 20px 0; border-bottom: 1px solid #dbdbdb; }
	.ekinoteArea .presentSummary th, .ekinoteArea .presentSummary td { letter-spacing: normal; padding: 0; border: none; }
	.ekinoteArea .presentSummary td { line-height: 1.6; }
	.ekinoteArea .presentSummary th { width: auto; margin-bottom: 6px; }
	.ekinoteArea .presentSummary td ul { font-size: calc(100vw/(750/24)); line-height: calc(35/24); }
	.ekinoteArea .presentSummary td ul li { margin-left: 1em; text-indent: -1em; }
	.ekinoteArea .presentSummary td ul.termsNote { margin: calc(100vw/(750/10)) 0; }
	.ekinoteArea .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)); }

	/* @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; }
	#offical_wrap { margin: 28px 0 40px; }
	#offical_wrap .offical_block { padding: 30px 20px; }
	#offical_wrap .offical_title { width: auto; display: block; font-size: 116.67%; padding: 6px 10px; }
	#offical_wrap .offical_2col { display: block; }
	#offical_wrap .offical_2col+.offical_2col { margin-top: 20px; }
	#offical_wrap .app_block { display: block; }
	#offical_wrap .offical_under_block { margin-left: 0; text-align: center; margin-top: 15px; }
	#offical_wrap .app_block .app_logo_block { justify-content: center; }
	#offical_wrap .offical_logo img { max-width: 200px; }
	#offical_wrap .app_img img { max-width: 140px; }
	#offical_wrap .qr_code img { max-width: 55px; }
	#offical_wrap .app_text_block { margin-left: 0; text-align: left; margin-top: 12px; }
	#offical_wrap .note { font-size: 100%; }
	#offical_wrap .note_text { font-size: 91.67%; margin-top: 5px; }
	.presentItem .itemLink.black_icon span { background-size: 15px 14px; padding-right: 20px; }
}