@charset "utf-8";


@media print,screen and (min-width:641px){
	li{list-style-type:none;}
	.modalRoot{display:none;}
	
	/**/
	.btnCont{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
	.btnCont li{display:block;width: 300px;}
	.btnCont li + li{margin-left:25px;}
	.btnCont li a{display:block;width:100%;line-height:66px;color:#fff;font-size:2.2rem; font-weight:bold;border-radius:10px;position:relative;box-sizing:border-box;transition:all 0.2s ease;cursor:pointer;}
	.btnCont li a.btnHowto{background-color:#2c90ff;border:#2c90ff solid 2px;}
	.btnCont li a.btnStart{background-color:#21c652;border:#21c652 solid 2px;}
	.btnCont li a::after{position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.btnCont li a:hover{background-color:#fff;}
	.btnCont li a.btnHowto:hover{color:#2c90ff;}
	.btnCont li a.btnStart:hover{color:#21c652;}
	/**/
	.meisterMv{text-align:center;}
	.title{margin:35px auto 50px;}
	/**/	
	.Wrapper{position:relative;}
	.Wrapper .corrVal{position:fixed;left:10px;top:10px;display:none;min-width:5em;min-height:1.5em;border:#f00 solid 2px;background-color:#fff;color:#f00;padding:3px;z-index:9002;}
	/**/
	.mdlBg{display:none;position:fixed;left:0;top:0;width:100%;height:120%;position:fixed;background-color:rgba(0,0,0,0.7);z-index:9001;}
	/**/
	.btnHowto{text-align:center;}
	.btnStart{text-align:center;}
	/**/
	.progress{text-align:center;max-width:600px;margin:0 auto 20px;}
	.progress .bar{width:100%;height:12px;background-color:#e6e6e6;border-radius:6px;overflow:hidden;}
	.progress .bar span{display:block;width:0;height:12px;background-color:#2c90ff;transition:all 0.2s ease;}
	.progress > p{font-size:2.2rem;}
	.progress > p em{font-style:normal;}
	/* HOWTO */
	.howtoMdl{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9002;}
	.howtoMdl .hotoWrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;}
	/* .howtoMdl .hotoWrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} */
	.howtoMdl .hotoWrap .howtoInner{display:-webkit-flex; display: flex; flex-direction: column; width:944px;background-color:#fff;position:relative;}
	.howtoMdl .hotoWrap .howtoInner div{background-color:#fff;padding:50px 170px 50px;width:100%;box-sizing:border-box;}
	.howtoMdl .hotoWrap .howtoInner h3{text-align:center;background-color:#2c90ff;color:#fff;font-size:1.8rem;line-height:50px;}
	.howtoMdl .hotoWrap .howtoInner div p{font-size:2.0rem;}
	/**/
	.howtoMdl .hotoWrap .howtoInner .btnClose{position:absolute;right:0;top:0;cursor:pointer;width:50px;height:50px;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span{position:relative;display:block;width:100%;height:100%;transition:all 0.2s ease;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::before{display:block;position:absolute;left:23px;top:0;content:"";margin:0;padding:0;width:3px;height:50px;background:#fff;transform:rotate(-45deg);}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::after{display:block;position:absolute;left:23px;top:0;content:"";margin:0;padding:0;width:3px;height:50px;background:#fff;transform:rotate(45deg);}	
	.howtoMdl .hotoWrap .howtoInner .btnClose span:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
	/* MEISTER */
	.meisterMdl{display:none;position:fixed;top:0;width:100%;height:100%;z-index:9002;}
	.meisterMdl .meisterWrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;height:100%;}
	.meisterMdl .meisterWrap .meisterInner{width:944px;background-color:#fff;position:relative;}
	/* .meisterMdl.result .meisterWrap .meisterInner{width:1100px;} */
	.meisterMdl .meisterWrap .meisterInner > div{position: relative; background-color:#fff;padding:10px 20px 0;width:100%;height:645px;box-sizing:border-box;overflow-y:auto;}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar{width:10px;}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.5);border-radius:10px;box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3);}
	.meisterMdl .meisterWrap .meisterInner > h3{text-align:center;background-color:#2c90ff;color:#fff;font-size:1.8rem;line-height:50px;}
	/**/
	.meisterMdl .meisterWrap .meisterInner .btnClose{position:absolute;right:0;top:0;cursor:pointer;width:50px;height:50px;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span{position:relative;display:block;width:100%;height:100%;transition:all 0.2s ease;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::before{display:block;position:absolute;left:23px;top:0;content:"";margin:0;padding:0;width:3px;height:50px;background:#fff;transform:rotate(-45deg);}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::after{display:block;position:absolute;left:23px;top:0;content:"";margin:0;padding:0;width:3px;height:50px;background:#fff;transform:rotate(45deg);}	
	.meisterMdl .meisterWrap .meisterInner .btnClose span:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
	/**/
	.meisterMdl .meisterWrap .meisterInner{height:635px;transition:all 0.2s ease;}
	.meisterMdl .meisterWrap .meisterInner > div{height:98%;}
	.meisterMdl.result .meisterWrap .meisterInner > div{height: 94%;}
	.meisterMdl.result .meisterWrap .meisterInner{height:94%;}
	/**/
	.meisterCont{width:600px;margin:0 auto;overflow:hidden;}
	.meisterCont > ul{padding:0;transition:all 0.2s ease;}
	.meisterCont > ul::after{content:"";display:block;clear:both;}
	.meisterCont > ul > li{width:600px;height:100%;float:left;border-radius:10px;}
	.meisterCont > ul > li > div{padding:0;}
	/**/
	.nextBtn{opacity:1;margin:0 auto;padding: 6px;width:300px;line-height:1.4;font-size:1.6rem;font-weight:bold;color:#fff;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;;border-radius:10px;position:relative;cursor:pointer;transition:all 0.2s ease;}
	.nextBtn.dis{pointer-events:none;opacity:0.5;}
	.nextBtn::after {position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.nextBtn:hover{background-color:#fff;color:#2c90ff;}
	/**/
	.exp{display:none;}
	/**/
	.meisterCont > ul > li > div dl{margin-bottom:10px;}
	.meisterCont > ul > li > div dl::after{content:"";display:block;clear:both;}
	.meisterCont > ul > li > div dl dt{width:80px;line-height:56px;font-size:3.0rem;background-color:#d4e8ff;color:#2c90ff;font-weight:bold;text-align:center;border-radius:5px;float:left;}
	.meisterCont > ul > li > div dl dd{padding-left:95px;font-size:2.0rem;line-height:1.4;}
	.meisterCont > ul > li > div dl dd span.label{padding: 0 15px; font-size: 1.4rem; display: inline-block; line-height: 1.6; vertical-align: middle;}
	.meisterCont > ul > li > div dl dd span.label.beginner{background-color: #000; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.intermediate{background-color: #1e90ff; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.higher{background-color: #ef454a; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.extra{background-color: #21c652; color: #fff;}
	/**/
	.meisterCont .qWrap{max-width:400px;margin:0 auto 40px;}
	.meisterCont .qWrap ul{min-height:278px;}
	.meisterCont .qWrap ul#q1val,.meisterCont .qWrap ul#q2val,.meisterCont .qWrap ul#q3val,.meisterCont .qWrap ul#q4val,.meisterCont .qWrap ul#q5val{min-height:140px;}
	.meisterCont.result .qWrap ul{min-height:183px;}
	.meisterCont .qWrap ul li{border:#969696 solid 1px;border-radius:10px;background-color:#fff;box-shadow:0px 1px 2px 1px rgba(0,0,0,0.1);transition:all 0.2s ease;}
	.meisterCont .qWrap ul li input{-webkit-appearance:none;border-radius:0;display:none;}
	.meisterCont .qWrap ul li + li{margin-top:10px;}
	.meisterCont .qWrap ul li label{display:block; width:100%;padding:15px 30px;box-sizing:border-box; cursor:pointer;}
	.meisterCont .qWrap ul li.chk{box-shadow:none;background-color:#d4e8ff;}
	.meisterCont .qWrap ul li:hover{background-color:#ebf3fd;}
	.meisterCont .qWrap ul li.chk:hover{background-color:#d4e8ff;}
	/* カンニング */
	.meisterCont ul li.chk[data-corr="1"]{/*color:#c00;*/}
	/**/
	.hitIndex{display:none;border-collapse:collapse;padding-bottom:30px;}
	.hitIndex > div{width: 600px;margin: 0 auto 70px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.hitIndex table{margin:0 auto;width:50%;}
	.hitIndex table:nth-child(even){margin-left: -2px;}
	.hitIndex table:nth-child(n + 3){margin-top: -2px;}
	.hitIndex th{width:20%;background-color:#e7e7e7;}
	.hitIndex th,.hitIndex td{border:#4a4a4a solid 1px;}
	.hitIndex td{text-align:center;font-size:3.6rem;background-color: #fff;cursor:pointer;}
	.hitIndex td::after{content:"×";display:block;text-decoration:underline;transition: all .3s;color: #d90b0b;}
	.hitIndex td:hover::after{opacity: 0.4;}
	.hitIndex td.hit{color:#2c90ff;}
	.hitIndex td.hit::after{content:"〇";display:block;transition: all .3s; color: #2c90ff;}
	.hitIndex td.hit:hover::after{opacity: 0.4;}
	.hitIndex div + p{font-size:3rem;text-align:center;font-weight:bold;}
	/* result */
	.resultTxt{font-size:2.8rem;text-align:center;margin-bottom:50px;}
	.resultBtn{margin:0 auto;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;font-size:2.0rem;color:#fff;font-weight:bold;line-height:60px;cursor:pointer;transition:all 0.2s ease;}
	.resultBtn:hover{background-color:#fff;color:#2c90ff;}
	/* 結果 */
	.meisterCont.result{max-width:1000px;width:100%;height:auto;}
	/*.meisterCont.result > ul{width:100% !important;margin:0 !important;transition:all 0s ease !important;}*/
	.meisterCont.result > ul{width:100% !important;margin:0 !important;transition:all 0s ease !important;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.meisterCont.result > ul > li{width:49% !important;height:auto;float:none;border: #4A4A4A solid 1px;box-sizing: border-box;}
	.meisterCont.result > ul > li:nth-child(even){margin-left:2%;}
	.meisterCont.result > ul > li:nth-child(n + 3){margin-top:6%;}
	.meisterCont.result > ul > li.thanks{display:none;}
	.meisterCont.result li.chk{position:relative;}
	.meisterCont.result li.chk::after{position:absolute;right:10px;top:50%;content:"あなたの回答";display:inline-block;padding:0 1em;background-color:#21c652;color:#fff;font-size:1.2rem;line-height:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li.chk{background-color:transparent;}
	.meisterCont.result .qWrap ul li.chk label{padding-right: 7em;}
	.meisterCont.result li[data-corr="1"]{font-weight:bold;}
	.meisterCont.result .qWrap ul li::before{position:absolute;left:5px;top:50%;width:19px;height:19px;content:"";background:url("/meiji-nutrition-info/images/science/info/quiz_foodicon_batsu.png");background-size:100% 100%; display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li[data-corr="1"]{border:#2c90ff solid 2px;}
	.meisterCont.result .qWrap ul li[data-corr="1"]::before{position:absolute;left:6px;top:50%;width:19px;height:19px; content:"";background:url("/meiji-nutrition-info/images/science/info/quiz_food/icon_maru.png");background-size:100% 100%; display:inline-block;font-size:2.3rem;font-weight:bold;color:#2c90ff;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li[data-corr="1"] label{color:#2c90ff;}
	.meisterCont.result .resultBtn{display:none;}
	.meisterCont.result .qWrap ul li:hover {background-color:transparent;}
	/**/
	.meisterCont.result dl dt{width:40%;float:none;background-color:transparent;color:#4a4a4a;text-align:right;}
	.meisterCont.result dl dd{font-size:1.6rem;padding-left:0;padding:0 8%;}
	.meisterCont.result > ul > li > div {padding: 10px 0 30px;}
	/**/
	.meisterCont.result li.rsltHit{position:relative;}
	.meisterCont.result li.rsltMiss{position:relative;}
	.meisterCont.result li.rsltHit::before{position:absolute;top:10px;left:40%; content:"正解！";display:inline-block;font-size:3.0rem;font-weight:bold;color:#2c90ff;line-height:56px;margin-left:0.5em;}
	.meisterCont.result li.rsltMiss::before{position:absolute;top:10px;left:40%; content:"不正解…";display:inline-block;font-size:3.0rem;font-weight:bold;color: #d90b0b; line-height:56px;margin-left:0.5em;}
	/**/
	.meisterCont.result .nextBtn{display:none;}
	.meisterMdl.result .progress{display:none;}
	/**/
	.meisterCont.result .qWrap {max-width:370px;margin:0 auto 40px;}
	.meisterCont.result .qWrap ul li label {padding:5px 30px;cursor:default;color:#868686;}
	.meisterCont.result .qWrap ul li + li {margin-top:5px;}
	.meisterCont.result .qWrap ul li{position:relative;}
	.meisterCont.result > ul > li > div dl{margin-bottom:10px;}
	.meisterCont.result > ul > li > div dl::after{display:none;}
	/**/
	.meisterCont.result .exp{display:block;max-width:370px;margin: 0 auto;box-sizing:border-box;border-radius:10px;background-color:#eeeeee;padding:0.5em 1em;font-size:1.6rem;}
	.meisterCont.result .exp a{display:inline-block;padding-left:1em;color:#003b78;position:relative;}
	.meisterCont.result .exp a::before {position:absolute;top:46%;left:0;display:block;content:"";width:7px;height:7px;vertical-align:middle;border-top:2px solid #003b78;border-right:2px solid #003b78;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}
	.meisterCont.result .exp a:hover{text-decoration:none;}
	.meisterCont.result .exp a:hover::before{left:3px;}
	/**/
	.rankCont{width:600px;text-align:center;margin:0 auto;display:none;margin-bottom:35px;}
	/**/
	.rankCont .point{font-size:3.0rem;font-weight:bold;line-height:1;margin-bottom:25px;}
	.rankCont .point em{display:block;font-size:2.2rem;font-style:normal;font-weight:normal;margin-bottom:25px;}
	.rankCont .point span{display:inline-block;font-size:4.8rem;color:#2c90ff;}
	.rankCont .rank{text-align:center;font-weight:bold;}
	/**/
	.meisterMdl.result .rankCont .point{opacity:0;animation:show 0.5s ease 0.5s;animation-fill-mode:forwards;}
	.meisterMdl.result .rankCont .rankTxt{opacity:0;animation:show 0.5s ease 1.5s;animation-fill-mode:forwards;}
	.meisterMdl.result .rankCont .replay{opacity:0;animation:show 0.5s ease 2.5s;animation-fill-mode:forwards;}
	/**/
	.meisterMdl.result .hitIndex{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	.meisterMdl.result .hitIndex + p{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	.meisterMdl.result .meisterCont{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	/**/
	.rankCont .rankTxt{width:600px;height:220px;font-size:2.2rem;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
	.rankCont.bronz .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/bg_bronz.png") no-repeat;background-size:100%;}
	.rankCont.silver .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/bg_silver.png") no-repeat;background-size:100%;}
	.rankCont.gold .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/bg_gold.png") no-repeat;background-size:100%;}
	.rankCont .rankTxt p+p{margin-top: 0;}
	.rankCont .rankTxt .rank{display:none;font-size:2.6rem;font-weight:bold;}
	.rankCont .rankTxt .rank br{display: none;}
	.rankCont.gold .rankTxt .txt1{display:block;}
	.rankCont.silver .rankTxt .txt2{display:block;}
	.rankCont.bronz .rankTxt .txt3{display:block;}
	.rankCont .rankTxt .detail{font-size:1.8rem;}
	.rankCont .detail{display:none;}
	.rankCont.gold .txt1{display:block;}
	.rankCont.silver .txt2{display:block;}
	.rankCont.bronz .txt3{display:block;}
	/**/
	.rankCont .replay{margin:0 auto;width:230px;line-height:40px;font-size:1.6rem;font-weight:bold;color:#fff;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;position:relative;cursor:pointer;transition:all 0.2s ease;}
	.rankCont .replay::after {position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.rankCont .replay:hover{background-color:#fff;color:#2c90ff;}
	/**/
	.meisterMdl .meisterWrap .meisterInner > div > p.replay{display:none;}
	.meisterMdl.result .meisterWrap .meisterInner > div > p.replay{display:block;margin:50px auto 40px;width:300px;line-height:60px;font-size:1.6rem;font-weight:bold;color:#fff;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;position:relative;cursor:pointer;transition:all 0.2s ease;}
	.meisterMdl.result .meisterWrap .meisterInner > div > p.replay::after{position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterMdl.result .meisterWrap .meisterInner > div > p.replay:hover{background-color:#fff;color:#2c90ff;}
	
	
}

@media print,screen and (min-width:641px) and (max-width:963px){
	.meisterMdl .meisterWrap .meisterInner{width: 100%;}
}

@media only screen and (max-width:640px){
	li{list-style-type:none;}
	.modalRoot{display:none;}
	/**/
	.btnCont{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
	.btnCont li{width: 48.48%;}
	.btnCont li + li{}
	.btnCont li a{display:block;width:100%;line-height:45px;text-indent: -0.5em;color:#fff;font-size:1.4rem; font-weight:bold;border-radius:10px;position:relative;box-sizing:border-box;transition:all 0.2s ease;cursor:pointer;}
	.btnCont li a.btnHowto{background-color:#2c90ff;border:#2c90ff solid 2px;}
	.btnCont li a.btnStart{background-color:#21c652;border:#21c652 solid 2px;}
	.btnCont li a::after{position:absolute;right:3%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	/**/
	.meisterMv{text-align:center;margin-bottom:40px;}
	.title{margin:35px auto 50px;}
	/**/	
	.Wrapper{position:relative;}
	.Wrapper .corrVal{position:fixed;left:10px;top:10px;display:none;min-width:5em;min-height:1.5em;border:#f00 solid 2px;background-color:#fff;color:#f00;padding:3px;z-index:9002;}
	/**/
	.mdlBg{display:none;position:fixed;left:0;top:0;width:100%;height:120%;position:fixed;background-color:rgba(0,0,0,0.7);z-index:9001;}
	/**/
	.btnHowto{text-align:center;}
	.btnStart{text-align:center;}
	/**/
	.progress{text-align:center;max-width:600px;margin:0 auto 40px;}
	.progress .bar{width:100%;height:12px;background-color:#e6e6e6;border-radius:6px;overflow:hidden;}
	.progress .bar span{display:block;width:0;height:12px;background-color:#2c90ff;transition:all 0.2s ease;}
	.progress > p{font-size:1.8rem;}
	.progress > p em{font-style:normal;}
	/* HOWTO */
	.howtoMdl{display:none;position:fixed;top:60px;left:20px;width:calc(100% - 40px);height:calc(100% - 70px);z-index:9002;}
	.howtoMdl .hotoWrap{width:100%;height:100%;}
	.howtoMdl .hotoWrap .howtoInner{width:100%;background-color:#fff;position:relative;}
	.howtoMdl .hotoWrap .howtoInner div{background-color:#fff;padding:25px 20px 25px;width:100%;box-sizing:border-box;}
	.howtoMdl .hotoWrap .howtoInner h3{text-align:center;background-color:#2c90ff;color:#fff;font-size:1.8rem;line-height:50px;}
	.howtoMdl .hotoWrap .howtoInner div p{font-size:1.5rem;}
	/**/
	.howtoMdl .hotoWrap .howtoInner .btnClose{position:absolute;right:0;top:-33px;cursor:pointer;width:25px;height:25px;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span{position:relative;display:block;width:100%;height:100%;transition:all 0.2s ease;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::before{display:block;position:absolute;left:11px;top:0;content:"";margin:0;padding:0;width:3px;height:25px;background:#fff;transform:rotate(-45deg);}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::after{display:block;position:absolute;left:11px;top:0;content:"";margin:0;padding:0;width:3px;height:25px;background:#fff;transform:rotate(45deg);}	
	/* MEISTER */
	.meisterMdl{display:none;position:fixed;top:40px;left:20px;width:calc(100% - 40px);height:calc(100% - 60px);z-index:9002;}
	.meisterMdl .meisterWrap{width:100%;height:100%;}	
	.meisterMdl .meisterWrap .meisterInner{width:100%;height:100%;background-color:#fff;position:relative;}
	.meisterMdl .meisterWrap .meisterInner > div{background-color:#fff;padding:20px 20px 20px;width:100%;height: calc(100% - 50px); box-sizing:border-box;overflow:hidden;}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar{width:10px;}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1);}
	.meisterMdl .meisterWrap .meisterInner > div::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.5);border-radius:10px;box-shadow:0 0 0 1px rgba(255, 255, 255, 0.3);}
	.meisterMdl .meisterWrap .meisterInner > h3{text-align:center;background-color:#2c90ff;color:#fff;font-size:1.4rem;line-height:50px;}
	/**/
	.meisterMdl .meisterWrap .meisterInner .btnClose{position:absolute;right:0;top:-33px;cursor:pointer;width:25px;height:25px;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span{position:relative;display:block;width:100%;height:100%;transition:all 0.2s ease;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::before{display:block;position:absolute;left:11px;top:0;content:"";margin:0;padding:0;width:3px;height:25px;background:#fff;transform:rotate(-45deg);}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::after{display:block;position:absolute;left:11px;top:0;content:"";margin:0;padding:0;width:3px;height:25px;background:#fff;transform:rotate(45deg);}	
	/**/
	.meisterCont{width:100%;margin:0 auto;overflow:hidden;}
	.meisterCont > ul{padding:0;transition:all 0.2s ease;}
	.meisterCont > ul::after{content:"";display:block;clear:both;}
	.meisterCont > ul > li{height:100%;float:left;/*border-radius:10px;*/transition: all 0.2s ease;}
	.meisterCont > ul > li > div{padding:0;}
	.meisterCont > ul > li.thanks{opacity: 0;}
	/**/
	.nextBtn{opacity:1;margin:0 10px;padding: 0; width:calc(100% - 20px);line-height:45px;font-size:1.4rem;font-weight:bold;color:#fff;letter-spacing: 1px;text-align:center;background-color:#2c90ff;box-sizing: border-box;border:#2c90ff solid 2px;;border-radius:10px;position:relative;cursor:pointer;transition:all 0.2s ease;}
	.nextBtn span{display: none;}
	.nextBtn.dis{pointer-events:none;opacity:0.5;}
	.nextBtn::after {position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	/**/
	.exp{display:none;}
	/**/
	.meisterCont > ul > li > div dl{margin-bottom:20px;}
	.meisterCont > ul > li > div dl::after{content:"";display:block;clear:both;}
	.meisterCont > ul > li > div dl dt{width:40px;line-height:30px;font-size:1.5rem;background-color:#d4e8ff;color:#2c90ff;font-weight:bold;text-align:center;border-radius:5px;float:left;}
	.meisterCont > ul > li > div dl dd{padding-left:50px;padding-right: 10px;font-size:1.5rem;}
	.meisterCont > ul > li > div dl dd span.label{padding:0 10px; font-size: 1.2rem;}
	.meisterCont > ul > li > div dl dd span.label.beginner{background-color: #000; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.intermediate{background-color: #1e90ff; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.higher{background-color: #ef454a; color: #fff;}
	.meisterCont > ul > li > div dl dd span.label.extra{background-color: #21c652; color: #fff;}
	/**/
	.meisterCont .qWrap{/*max-width:400px;*/margin:0 10px 25px;}
	.meisterCont .qWrap ul{min-height:210px;}
	.meisterCont.result .qWrap ul{min-height:auto;}
	.meisterCont .qWrap ul li{border:#969696 solid 1px;border-radius:10px;background-color:#fff;box-shadow:0px 2px 0px 0px rgba(0,0,0,0.1);transition:all 0.2s ease;}
	.meisterCont .qWrap ul li input{-webkit-appearance:none;border-radius:0;display:none;}
	.meisterCont .qWrap ul li + li{margin-top:10px;}
	.meisterCont .qWrap ul li label{display:block; width:100%;padding:9px 9px 9px 30px;font-size:1.5rem;box-sizing:border-box; cursor:pointer;}
	.meisterCont .qWrap ul li.chk{box-shadow:none;background-color:#d4e8ff;}
	/* カンニング */
	.meisterCont ul li.chk[data-corr="1"]{/*color:#c00;*/}
	/**/
	.hitIndex{display:none;border-collapse:collapse;padding-bottom:30px;}
	.hitIndex > div{width: 100%;max-width: 400px;margin: 0 auto 35px;}
	.hitIndex table{margin:0 auto;width:100%;}
	.hitIndex table + table{margin-top: -1px;}
	.hitIndex th{width:20%;background-color:#e7e7e7;font-size: 1.5rem;font-weight: normal;}
	.hitIndex th,.hitIndex td{border:#4a4a4a solid 1px;}
	.hitIndex td{text-align:center;font-size:3.6rem}
	.hitIndex td::after{content:"×";display:block;text-decoration: underline; transition: all ease .3s; color: #d90b0b;}
	.hitIndex td::after:hover{background-color: #2c90ff;}
	.hitIndex td.hit{color:#2c90ff;}
	.hitIndex td.hit::after{content:"〇";display:block;transition: all ease .3s; color: #2c90ff;}
	/* .hitIndex td.hit::after:hover{color: #21c652;} */
	.hitIndex div + p{font-size:3.0rem;text-align:center;font-weight:bold;}
	/* result */
	.resultTxt{font-size:2.0rem;text-align:center;margin-bottom:50px;}
	.resultBtn{margin:0 10px;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;font-size:1.6rem;color:#fff;font-weight:bold;line-height:45px;cursor:pointer;transition:all 0.2s ease;}
	/* 結果 */
	.meisterCont.result{max-width:1000px;width:100%;height:auto;}
	.meisterCont.result > ul{width:100% !important;margin:0 !important;transition:all 0s ease !important;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.meisterCont.result > ul > li{width:49%;height:auto;float:none;padding-top: 40px;}
	.meisterCont.result > ul > li:first-child{margin-top:-40px;}
	.meisterCont.result > ul > li + li{margin-top:40px;border-top: #ccc solid 1px;}
	.meisterCont.result > ul > li.thanks{display:none;}
	.meisterCont.result li.chk{position:relative;}
	.meisterCont.result li.chk::after{position:absolute;right:10px;top:50%;content:"あなたの回答";display:inline-block;padding:0 1em;background-color:#21c652;color:#fff;font-size:1.2rem;line-height:25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li.chk{background-color:transparent;}
	.meisterCont.result li[data-corr="1"]{font-weight:bold;}
	.meisterCont.result .qWrap ul li::before{position:absolute;left:5px;top:50%;width:19px;height:19px;content:"";background:url("/meiji-nutrition-info/images/science/info/quiz_food/icon_batsu.png");background-size:100% 100%; display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li[data-corr="1"]{border:#2c90ff solid 2px;}
	.meisterCont.result .qWrap ul li[data-corr="1"]::before{position:absolute;left:6px;top:50%;width:19px;height:19px; content:"";background:url("/meiji-nutrition-info/images/science/info/quiz_food/icon_maru.png");background-size:100% 100%; display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	.meisterCont.result .qWrap ul li[data-corr="1"] label{color:#2c90ff;}
	.meisterCont.result .resultBtn{display:none;}
	/**/
	.meisterCont.result dl dt{width:40%;font-size:2.0rem;float:none;background-color:transparent;color:#4a4a4a;text-align:right;}
	.meisterCont.result dl dd{font-size:1.5rem;padding-left:0;padding:10px 0 0;}
	/**/
	.meisterCont.result li.rsltHit{position:relative;}
	.meisterCont.result li.rsltMiss{position:relative;}
	.meisterCont.result li.rsltHit::before{position:absolute;top:40px;left:40%; content:"正解！";display:inline-block;font-size:2.0rem;font-weight:bold;color:#2c90ff;line-height:30px;margin-left:0.5em;}
	.meisterCont.result li.rsltMiss::before{position:absolute;top:40px;left:40%; content:"不正解…";display:inline-block;font-size:2.0rem;font-weight:bold;color: #d90b0b; line-height:30px;margin-left:0.5em;}
	/**/
	.meisterCont.result .nextBtn{display:none;}
	.meisterMdl.result .progress{display:none;}
	/**/
	.meisterCont.result .qWrap {max-width:370px;margin:0 auto 15px;}
	.meisterCont.result .qWrap ul li label {padding:5px 30px;cursor:default;color:#868686;}
	.meisterCont.result .qWrap ul li.chk label{padding-right: 7em;}
	.meisterCont.result .qWrap ul li + li {margin-top:5px;}
	.meisterCont.result .qWrap ul li{position:relative;}
	.meisterCont.result > ul > li > div dl{margin-bottom:10px;}
	.meisterCont.result > ul > li > div dl::after{display:none;}
	/**/
	.meisterCont.result .exp{display:block;width:100%;box-sizing:border-box;border-radius:10px;background-color:#eeeeee;padding:0.5em 1em;font-size:1.5rem;}
	.meisterCont.result .exp a{display:inline-block;padding-left:1em;color:#003b78;position:relative;}
	.meisterCont.result .exp a::before {position:absolute;top:46%;left:0;display:block;content:"";width:7px;height:7px;vertical-align:middle;border-top:2px solid #003b78;border-right:2px solid #003b78;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);transition:all 0.2s ease;}
	/**/
	.rankCont{width:100%;text-align:center;margin:0 auto;display:none;margin-bottom:35px;}
	/**/
	.rankCont .point{font-size:3.0rem;font-weight:bold;line-height:1;margin-bottom:25px;}
	.rankCont .point em{display:block;font-size:1.8rem;font-style:normal;font-weight:normal;margin-bottom:15px;}
	.rankCont .point span{display:inline-block;font-size:4.5rem;color:#2c90ff;}
	.rankCont .rank{text-align:center;font-weight:bold;}
	/**/
	.meisterMdl.result .rankCont .point{opacity:0;animation:show 0.5s ease 0.5s;animation-fill-mode:forwards;}
	.meisterMdl.result .rankCont .rankTxt{opacity:0;animation:show 0.5s ease 1.5s;animation-fill-mode:forwards;}
	.meisterMdl.result .rankCont .replay{opacity:0;animation:show 0.5s ease 2.5s;animation-fill-mode:forwards;}
	/**/
	.meisterMdl.result .hitIndex{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	.meisterMdl.result .hitIndex + p{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	.meisterMdl.result .meisterCont{opacity:0;animation:show2 0.5s ease 3.0s;animation-fill-mode:forwards;}
	/**/
	.rankCont .rankTxt{width:100%;height:54vw;font-size:1.5rem;margin-bottom:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
	.rankCont.bronz .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_bronz.png") no-repeat;background-size:100% 100%;}
	.rankCont.silver .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_silver.png") no-repeat;background-size:100% 100%;}
	.rankCont.gold .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_gold.png") no-repeat;background-size:100% 100%;}
	.rankCont .rankTxt .rank{display:none;font-size:1.7rem;font-weight:bold;line-height: 1.5;margin-bottom: 8px;}
	.rankCont.gold .rankTxt .txt1{display:block;}
	.rankCont.silver .rankTxt .txt2{display:block;}
	.rankCont.bronz .rankTxt .txt3{display:block;}
	.rankCont .rankTxt .detail{font-size:1.6rem;}
	.rankCont .detail{display:none;padding: 0 25px;line-height: 1.3;}
	.rankCont.bronz .txt3{display:block;}
	.rankCont.silver .txt2{display:block;}
	.rankCont.gold .txt1{display:block;}
	/**/
	.rankCont .replay{margin:0 auto;width:100%;line-height:45px;font-size:1.5rem;font-weight:bold;color:#fff;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;position:relative;cursor:pointer;transition:all 0.2s ease;}
	.rankCont .replay::after {position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
	/**/
	.meisterMdl .meisterWrap .meisterInner > div{overflow-y: auto;}
	.meisterMdl .meisterWrap .meisterInner > div > p.replay{display:none;}
	.meisterMdl.result .meisterWrap .meisterInner > div > p.replay{display:block;margin:50px auto 0;width:100%;line-height:45px;font-size:1.5rem;font-weight:bold;color:#fff;text-align:center;background-color:#2c90ff;border:#2c90ff solid 2px;border-radius:10px;box-sizing: border-box; position:relative;cursor:pointer;}
	.meisterMdl.result .meisterWrap .meisterInner > div > p.replay::after{position:absolute;right:4%;top:50%;content:"";display:block;width:14px;height:14px;background:url(/meiji-nutrition-info/images/common/icon_detail_arr.png) no-repeat;background-size:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}


@media screen and (max-width:668px) and (orientation:landscape){
	main{padding-bottom:80px;}
	.howtoMdl{top: 10px;left: 10px;width: calc(100% - 20px);}
	.howtoMdl .hotoWrap{display: block; width: 100%;}
	.howtoMdl .hotoWrap .howtoInner {width: 100%;height: 100%;}
	.howtoMdl .hotoWrap .howtoInner div {padding:30px 30px 20px;height: calc(100% - 45px);overflow-y: scroll;}
	.howtoMdl .hotoWrap .howtoInner .btnClose{top: 6px;right:3px;width: 35px;height: 35px;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::after {left: 18px;height: 35px;}
	.howtoMdl .hotoWrap .howtoInner .btnClose span::before {left: 18px;height: 35px;}
	.howtoMdl .hotoWrap .howtoInner div p {font-size: 1.8rem;}
	/**/
	.meisterMdl{top: 10px;left:10px;height: calc(100% - 30px);width:calc(100% - 20px);}
	.meisterMdl .meisterWrap{display: block;}
	.meisterMdl .meisterWrap .meisterInner{height: 100%;}
	.meisterMdl .meisterWrap .meisterInner > h3{line-height: 2.5;}
	.meisterMdl .meisterWrap .meisterInner > div{position: relative;height:calc(100% - 45px);}
	.meisterMdl .meisterWrap .meisterInner > div {padding: 10px 20px 20px;}
	.meisterMdl .meisterWrap .meisterInner .btnClose{top: 6px;right:3px;width: 35px;height: 35px;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::after {left: 18px;height: 35px;}
	.meisterMdl .meisterWrap .meisterInner .btnClose span::before {left: 18px;height: 35px;}
	.meisterCont .qWrap {max-width: 70%;margin: 0 auto 30px;}
	.meisterCont .qWrap ul{min-height: inherit;}
	.meisterCont .qWrap ul li label {padding: 10px 30px;}
	.meisterCont > ul > li > div dl{margin-left:10px;margin-right:10px;}
	.meisterCont.result .exp p{font-size: 1.5rem;}
	.rankCont {width: 70%;}
	.rankCont .rankTxt{width: 100%;height: 31vw;}
	.rankCont .rankTxt > div > p{font-size: 1.6rem;}
	.rankCont .rankTxt .rank {font-size: 2.4rem;}
	.rankCont .point em {margin: 10px;}
	.rankCont.bronz .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_bronz.png") no-repeat;background-size:100% 100%;}
	.rankCont.silver .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_silver.png") no-repeat;background-size:100% 100%;}
	.rankCont.gold .rankTxt{background:url("/meiji-nutrition-info/images/science/info/quiz_food/sp_bg_gold.png") no-repeat;background-size:100% 100%;}
	.progress {margin: 0 auto 20px;}
	.progress > p {font-size: 1.8rem;}
	/**/
	.meisterCont > ul > li > div dl dt {width: 60px;line-height: 46px;font-size: 2.5rem;}
	.meisterCont > ul > li > div dl dd {padding-left: 80px;font-size: 1.8rem;line-height: 1.4;}
	.nextBtn span {display: none;}
	.nextBtn{line-height: 45px;}
	.btnCont li a {line-height: 45px;font-size: 1.8rem;}
	.btnCont li {width: 250px;}
	.resultTxt {font-size: 2.3rem;margin-bottom: 20px;}
	.resultBtn {line-height: 50px;width: 70%;margin: 0 auto;}
	/**/
	.meisterMdl.result .meisterWrap .meisterInner{height:100%;}
	.meisterCont.result .qWrap {max-width: 90%;margin: 0 auto 20px;}
	.meisterCont.result dl dt{font-size: 2.2rem;}
	.meisterCont.result li.rsltMiss::before{font-size: 2.2rem;}
	.meisterCont.result li.rsltHit::before{font-size: 2.2rem;}
	.meisterCont.result li.chk::after{padding: 0 0.6em;}
	.meisterCont.result .qWrap ul li label{font-size: 1.4rem;}
	.meisterCont.result .exp {margin: 0 15px;}

	.howtoMdl .hotoWrap .howtoInner .btnClose{right: 10px; top: 5px;}
}

@media only screen and (max-width:320px){
	.meisterMdl .meisterWrap .meisterInner > h3{line-height: 1.6;padding: 5px 10px;}
	.meisterCont .qWrap ul {min-height:inherit;}
	.rankCont .rankTxt .rank {font-size: 1.7rem;}
	.rankCont .rankTxt .detail {font-size: 1.4rem;}
	.btnCont li a.btnStart{font-size: 1.2rem;}
	.meisterCont.result .qWrap ul li label{font-size: 1.3rem;}
	.meisterCont.result dl dd {font-size: 1.3rem;}
	.meisterCont.result .exp{font-size: 1.3rem;}
	.meisterCont > ul > li > div dl dd {padding-right: 10px;line-height: 1.4;font-size: 1.3rem;}
	.meisterCont.result li.chk::after{font-size: 1rem;padding: 0 0.8em;line-height: 20px;}
	.progress {margin: 0 auto 20px;}
	.meisterMdl .meisterWrap .meisterInner > div {padding: 10px 20px 10px;}
	.meisterCont .qWrap {margin: 0 10px 15px;}
	.meisterCont > ul > li > div dl {margin-bottom: 15px;}
	.meisterCont .qWrap ul li + li {margin-top: 5px;}
	.meisterCont .qWrap ul li label{font-size: 1.3rem;}
		
}
@media screen and (max-width:568px) and (orientation:landscape){
	.btnCont li {width: 48.48%;}
}

@keyframes show{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes show2{from{opacity:0;}to{opacity:1;}}

@media print, screen and (min-width: 641px){
	.q5val,.n-border{border-right: none !important;}
}
/* @media only screen and (orientation: landscape) and (min-width: 641px) and (max-width:1023px){
	.meisterMdl.result .meisterWrap .meisterInner{width:633px;}
} */

@media (orientation: landscape) and (min-width: 641px) and (max-width: 963px){
	.meisterMdl .meisterWrap .meisterInner{width: 640px;max-height:100%;overflow-y: scroll;}
	.meisterMdl .meisterWrap .meisterInner .btnClose{right: 0; top: 0;}
	.howtoMdl .hotoWrap .howtoInner{max-height: 100%;overflow-y: auto;}
}