@charset "utf-8";

.sp-item {display:none !important;}

#debug.close {width:50px; height:0px; overflow:hidden; font-size:0 !important; cursor:pointer;}
#debug.close:after{content:'＋DEBUG'; font-size:15px; line-height:1; position:absolute; left:10px; top:50%; margin:-0.5em 0 0 -0.5em; font-weight:bold;}

#daigakuContent{padding:0px !important; width:100%; overflow:hidden; text-align: left;}
#daigakuWrapper .bgGrid {padding-bottom:70px; padding-top:1px;}
#daigakuContent img {display:inline-block;}
#daigakuMainTitle{text-align: center;}

/* index */
#dst114Index .mv {text-align:center; position: relative; margin: 0 0 65px;background:#e8c817}
#dst114Index .mv img {display:inline-block;}
#dst114Index .mv img + img{display:none;}
#dst114Index .mv:before{content:''; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/index/batch.png) 990px 0 no-repeat; width: 1582px; height: 16.25vw; position: absolute; left: 50%; bottom: -74px; margin:0 0 0 -817px; z-index: 10; background-size: auto 100%; background-size:auto 100%; max-height: 340px;}
@media (min-width:641px) and (max-width:1582px){
	#dst114Index .mv:before{ min-height: 209px;}
}
#dst114Index p.lead {text-align:center; font-size: 18px; line-height: 2.22; letter-spacing: 1.8px;font-weight: bold;max-width:960px; position:relative; padding:0 20px; width:100%; margin:0 auto;}
#dst114Index p.lead + p.lead {margin: 40px auto 0;}
#dst114Index p.lead strong {color:#f39700; display:inline-block; padding:0 2px; font-size:22px;}
#dst114Index p.lead strong.pink {color:#ff6666;}
#dst114Index p.lead strong.orange {color:#ff6600;}
#dst114Index p.lead strong.blue {color:#6bc0da;}
#dst114Index div.start {max-width:900px; margin:65px auto 0; position:relative; text-align:center; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/index/startBg.png) center 50px no-repeat;}
#dst114Index div.start p.red{margin-bottom:-5px;  font-size: 22px;  line-height: 1.82; letter-spacing: 2.2px; text-align: center; color: #ee7900;font-weight: bold;}
#dst114Index div.start p.btn {margin:0 auto; text-align:center;}
#dst114Index div.start p.btn a{display:inline-block; text-align:center; position:relative; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/index/btnStart.png) left top no-repeat; background-size:100% auto; width:380px;}
#dst114Index div.start p.btn img {opacity:0!important; width:100%; height:auto;transition: opacity 0.3s}
#dst114Index div.start p.btn a:hover img {opacity:1!important;}


/* quiz */
#bakuQuiz {color: #000;}
#bakuQuiz #step {position:relative; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/stepBaseBg.jpg) center top repeat-x !important; height:86px;/* opacity:0;*/}
#bakuQuiz #step span.base {display:block; margin:0 auto; height:86px; position:relative; text-align:center; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/stepBaseBg.jpg) center top no-repeat; overflow:hidden;}
#bakuQuiz #step span.base img {margin:0 auto;}
#bakuQuiz #step span.base img + img {display:none;}
#bakuQuiz.stepA #step {background-position:left 0px;}

#bakuQuiz #daigakuContent {max-width:800px; overflow:visible; min-height:300px; opacity:0; padding-top: 32px !important;}
#bakuQuiz #daigakuContent header {position:relative; font-size:24px;line-height: 1.58;margin-bottom:36px;}
#bakuQuiz #daigakuContent h1 {font-weight: bold}
#bakuQuiz #daigakuContent header p{position:relative; margin-bottom:9px; font-weight: bold;}
#bakuQuiz #daigakuContent ol.q {text-align:center; line-height:1; font-size:0;padding-bottom: 20px}
#bakuQuiz #daigakuContent ol.q li {font-size:23px; display:inline-block; position:relative; padding:0; line-height:32px; left:0; padding-right:7px; text-align:left; width: 400px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(even) {padding-right:0; padding-left: 7px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(n+3) {margin-top:13px;}



#bakuQuiz #daigakuContent ol.q li a{display:table; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1.png) left top no-repeat; height:136px; width:100%; padding:0; color:#000; position:relative; z-index:10; text-align:left;background-size: 100% auto;transition: 0.2s}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4.png);}
#bakuQuiz #daigakuContent ol.q li a span {display:table-cell; min-height:130px; vertical-align:middle; text-align:left; padding:10px 20px 10px 110px;}
#bakuQuiz #daigakuContent ol.q li a span + span {display: none;}
#bakuQuiz #daigakuContent ol.q li a:hover {background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1over.png)no-repeat; text-decoration: none; background-position: left top;height:136px;background-size: 100% auto;}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a:hover{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2over.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a:hover{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3over.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a:hover{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4over.png);}

/*
.ipad #bakuQuiz #daigakuContent ol.q li:before{content:''; width:5px; height:99%; background:#f7fafc; position:absolute; left:-5px; top:1px; z-index:20;}
.safari #bakuQuiz #daigakuContent ol.q li a span{position:relative; left:-1px; z-index:0; zoom:1;}
*/

#bakuQuiz #daigakuContent div.answer {clear:both; zoom:1; overflow:hidden; margin:0 0 25px;}
#bakuQuiz #daigakuContent div.answer:after{content:''; clear:both; display:block;}
#bakuQuiz #daigakuContent div.answer figure{float:left; margin:0 44px 0 0 !important; font-size:0; line-height:1;}
#bakuQuiz #daigakuContent div.answer figure img {margin:0 !important; display:inline-block;}
#bakuQuiz #daigakuContent div.text {zoom:1; overflow:hidden;}
#bakuQuiz #daigakuContent div.text h2{font-size:0; line-height:1; margin:0 0 22px;}
#bakuQuiz #daigakuContent div.text h2 img {height:53px;}
#bakuQuiz #daigakuContent div.text h3{font-size:21px; line-height:24px;padding-bottom:3px; font-weight:bold; display:table; width:auto;}
#bakuQuiz #daigakuContent div.text h3 span {display:table-cell; vertical-align:middle; text-align:left;}
#bakuQuiz #daigakuContent div.text h3 span:nth-child(1) {white-space:nowrap;}
#bakuQuiz #daigakuContent div.text h3 em {width:40px; height:40px; display:inline-block; margin:0 10px 0 0; position:relative;}
#bakuQuiz #daigakuContent div.text h3 em:before {content:''; background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png); background-position: left top; background-repeat: no-repeat; width:40px; height:40px; position:absolute; left:0; top:0;}
#bakuQuiz #daigakuContent div.text h3.a2 em:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuiz #daigakuContent div.text h3.a3 em:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuiz #daigakuContent div.text h3.a4 em:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}
#bakuQuiz #daigakuContent div.text p {  font-size: 15px; line-height: 2.13; margin:0px 0 15px; border-top: #e8c817 2px solid;  padding-top: 12px;}
#bakuQuiz #daigakuContent div.nextBase{width:900px; margin-left:-50px; position:relative; top:0; padding:5px 0 0;}
#bakuQuiz #daigakuContent p.next {text-align:center; font-size:0; line-height:1; clear:both;}
#bakuQuiz #daigakuContent p.next a:hover {opacity:1 !important; transition:0.4s; text-align: left;}
#bakuQuiz #daigakuContent p.next a {background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/btnNextOver.png) left top no-repeat; display:block; width:380px; height:90px; margin:0 auto;}
#bakuQuiz #daigakuContent p.next a img {transition:0.4s;}
#bakuQuiz #daigakuContent p.next a:hover img {opacity:0;}
#bakuQuiz #daigakuContent p.next.result a {background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/btnResultOver.png) left top no-repeat;}
#bakuQuiz #preload {height:10px; width:10px; overflow:hidden; position:fixed; left:-9999px; top:-9999px;}

/* bakuQuizKekka */
#bakuQuizKekka #kekkaMv {position:relative; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/mvBg.png) center top repeat-x; height:85px; margin-bottom: 75px;}
#bakuQuizKekka .bgGrid{padding-top:75px;}
#bakuQuizKekka #kekkaMv span.base {display:block; margin:0 auto; height:85px; position:relative; text-align:center; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/mvBg.png) center top no-repeat; overflow:hidden;}
#bakuQuizKekka #kekkaMv span.base img {margin:0 auto;}
#bakuQuizKekka #kekkaMv span.base img + img {display:none;}
#bakuQuizKekka #daigakuContent{max-width:960px; overflow:hidden; padding:0 0 !important;}
#bakuQuizKekka {color: #000;}
#bakuQuizKekka section{padding-top: 100px !important; clear:both; zoom:1; position:relative; }
#bakuQuizKekka section.detail:before{content:'';width:800px;height:3px;background: url("/alcohol/beer/daigaku/ZMG/dst/no114/images/result/border.png")no-repeat center top; background-size: 100% auto;position: absolute;left:0;right:0;top:0;margin:auto}
#bakuQuizKekka section:after{content:''; clear:both; display:block;}
#bakuQuizKekka h1.title{font-size:0;}
#bakuQuizKekka h1.title + p{text-align:center; font-size:18px; margin-bottom:28px; letter-spacing: 0.1em;}
#bakuQuizKekka h1.title + p br.spBr{display:none;}
#bakuQuizKekka h1.minaoshi{margin-bottom:37px; background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/title.png) no-repeat center top; height: 116px; text-indent: -200%; overflow: hidden; white-space: nowrap;}
#bakuQuizKekka h1.minaoshi img {opacity: 0;}
@media (min-width:769px){
#bakuQuizKekka h1.minaoshi + p br {display: none;}
}
#bakuQuizKekka p.pre{width:1px; height:1px; position:fixed; left:-8999px; top:-10000px;}
#bakuQuizKekka em {color:#df4c49;}

#bakuQuizKekka .border{position: relative;}
#bakuQuizKekka .border:before,
#bakuQuizKekka .border:after{content: ''; background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/base.png) no-repeat left top / 100% 100%; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
#bakuQuizKekka .border.top:before,
#bakuQuizKekka .border.top:after{background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/baseTop.png) no-repeat left top;}
#bakuQuizKekka .border:before{width: 100%; height: 100%; left:0; top: 0;}
#bakuQuizKekka .border .border:before{width: 100%; height: 100%; left:inherit; right: 0; top: 0;}
#bakuQuizKekka .border .border:after {top:inherit; bottom: 0;}
#bakuQuizKekka section.saiten{margin-bottom:30px; padding: 130px 50px 0; z-index:11;}
#bakuQuizKekka #ten {position:relative; width:100%; height:127px;padding-top:25px; font-size:0;}

#bakuQuizKekka #ten p b span.score{display:block; width:100%; height:107px; background:no-repeat center top; background-size: auto 107px;}
#bakuQuizKekka #ten p b span.score0{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score0.png);}
#bakuQuizKekka #ten p b span.score10{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score10.png);}
#bakuQuizKekka #ten p b span.score20{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score20.png);}
#bakuQuizKekka #ten p b span.score30{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score30.png);}
#bakuQuizKekka #ten p b span.score40{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score40.png);}
#bakuQuizKekka #ten p b span.score50{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score50.png);}
#bakuQuizKekka #ten p b span.score60{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score60.png);}
#bakuQuizKekka #ten p b span.score70{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score70.png);}
#bakuQuizKekka #ten p b span.score80{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score80.png);}
#bakuQuizKekka #ten p b span.score90{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score90.png);}
#bakuQuizKekka #ten p b span.score100{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score100.png);}
#bakuQuizKekka #level {position:relative; width:100%; height:107px; font-size:0;}
#bakuQuizKekka .comment {position:relative; width:425px; height:179px; margin:0 auto;}
#bakuQuizKekka .comment .scorecomment {text-align:center; color:#333;font-size: 18px; line-height: 1.67;display: table; width: 100%; height: 100%;margin-top: 6px;}
#bakuQuizKekka .comment .scorecomment span{display: table-cell; vertical-align: middle; text-align: center;}
#bakuQuizKekka .comment .scorecomment span strong{display: block;font-weight: bold;color:#333;}
#bakuQuizKekka .comment .scorecomment span strong span{color:#E38A0C;display: inline-block;padding-bottom:3px}

#bakuQuizKekka .bakuryokuSNS {position:relative; padding:75px 0 0; text-align:center; line-height:1; font-size:0;}
#bakuQuizKekka .bakuryokuSNS li{display:inline-block; margin:0; padding: 0 10px;}
#bakuQuizKekka .bakuryokuSNS li a{display:block; margin:0; width:56px; text-align:left;}
#bakuQuizKekka .bakuryokuSNS li a{background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/btnFacebookOv.png) left top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li + li a{background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/btnTwitterOv.png) left top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li a:hover img {opacity:0 !important;}

#bakuQuizKekka  p.onemore{padding:0 0 88px; clear:both; zoom:1; text-align: center;}
#bakuQuizKekka  p.onemore a {background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/btnOnemoreOv.png) left top no-repeat; height:90px; width:380px; display:block; margin:0 auto; text-align: left;}
#bakuQuizKekka  p.onemore a img {transition: opacity 0.2s}
#bakuQuizKekka  p.onemore a img + img{display: none}
#bakuQuizKekka  p.onemore a:hover img {opacity:0 !important;}

#bakuQuizKekka .item {min-height:200px; padding:0 80px; margin-bottom:0px;}
#bakuQuizKekka .item[data-q='10'] ol li:nth-of-type(n+3){display: none}
#bakuQuizKekka .item  + .item,
#bakuQuizKekka .step  + .item{margin-top: 40px; clear: both; zoom:1;}
#bakuQuizKekka .item .base {position:relative; padding:54px 50px 55px; z-index:11;}
#bakuQuizKekka .item .base h3 {font-size:18px; line-height:28px; font-weight:bold; margin-bottom:24px; color:#333;}
#bakuQuizKekka .item .base h3 i{display:block; margin-bottom:-13px; font-size:24px; font-style:normal;}
#bakuQuizKekka .item .base ol {padding:0; text-align:center; font-size:0; margin-bottom:25px;display:flex;flex-wrap: wrap;justify-content: space-between;}
#bakuQuizKekka .item .base ol li {font-size:18px; line-height:1.2; width:calc( 50% - 3px ); margin-bottom: 7px; border:1px solid #e8c817;display: flex;align-items: center}
#bakuQuizKekka .item .base ol li span {display:block; position:relative; border-radius:3px; text-align:left; padding:14px 10px 14px 50px;}
#bakuQuizKekka .item .base ol li span i{display:table; vertical-align:middle; font-style:normal;}
#bakuQuizKekka .item .base ol li span i i {display:table-cell; vertical-align:middle;}
#bakuQuizKekka .item .base ol li span:before{width:33px; height:34px;background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png) no-repeat left top / 100% auto; position:absolute; left:10px; top:50%; margin-top:-17px; content:'';}
#bakuQuizKekka .item .base ol li:nth-child(2) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ol li:nth-child(3) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ol li:nth-child(4) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

/*#bakuQuizKekka .item + h2 {margin-bottom:50px; position:relative; top:30px;}*/
#bakuQuizKekka .item .base ul {display:table; width:100%; font-size:0; line-height:1; margin-bottom:0;}
#bakuQuizKekka .item .base ul li {display:table-cell; vertical-align:middle;}
#bakuQuizKekka .item .base ul li:nth-child(1) {width:166px;}
#bakuQuizKekka .item .base ul li:nth-child(2) {text-align:right; font-size:18px; padding-left:20px; line-height:1.4;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line {display:table;max-width:470px; border-bottom:2px solid #e8c817;font-weight:bold; float:right;padding-bottom: 3px;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span {display:table-cell; vertical-align:middle; text-align:left;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(1){white-space:nowrap;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(2){padding-top: 3px}
#bakuQuizKekka .item .base ul li:nth-child(2) em {width:38px; height:38px; display:inline-block; background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png); background-size:100% auto; background-repeat:no-repeat; margin:0px 10px 0 0; position:relative;}
#bakuQuizKekka .item .base ul li:nth-child(2).a2 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a3 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a4 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

#bakuQuizKekka .item .base dl {display:table; width:100%; height:90px;  font-size: 14px; line-height: 1.57; letter-spacing: 0.77px; text-align: justify; color: #000000; clear:both; zoom:1; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/note.png) no-repeat left top;margin-top: 30px;}
#bakuQuizKekka .item .base dl:after{content:''; clear:both; display:block;}
#bakuQuizKekka .item .base dl dt{float:left;width:137px; font-weight:bold; font-size:0;}
#bakuQuizKekka .item .base dl dd{width:100%;display:table-cell;vertical-align:middle; zoom:1; font-size:14px; line-height:22px; overflow:hidden;padding:0 30px}
#bakuQuizKekka .item .base dl dd a{color:#000000; text-decoration:underline; position:relative;}
#bakuQuizKekka .item .base dl dd a[target=_blank] span:after{content:''; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/iconBlank.png) left top no-repeat; width:14px; height:14px; position:absolute; right:-17px; bottom:0.1em; background-size: cover;}
#bakuQuizKekka .item .base dl dd a:hover{text-decoration:none;}


#bakuQuizKekka p.oubo{text-align:center; clear:both;}
#bakuQuizKekka h2.present {text-align: center; width: 800px; margin: 80px auto 25px;}
#bakuQuizKekka h2.present img + img {display: none;}

#bakuQuizKekka .presentBnr{margin-top:56px;}
#bakuQuizKekka .presentBnr a{display:block; width:640px; height:141px; margin:0 auto; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/presentOv.png) no-repeat left top;}
#bakuQuizKekka .presentBnr a img{opacity:0!important;transition: 0.3s}
#bakuQuizKekka .presentBnr a:hover img{opacity:1!important;transition: 0.3s}

.snsLinksBaku {clear:both; zoom:1; max-width:920px; margin:0 auto 10px; padding:0 20px 0;}
.snsLinksBaku:after{content:''; clear:both; display:block;}
.snsLinksBaku ul {float:right; font-size:0;}
.snsLinksBaku ul li{float:left; padding:0 0 0 6px;}
.snsLinksBaku ul li a{display:block; text-indent:100%; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -400px -620px no-repeat; width:28px; height:28px; overflow:hidden;}
.snsLinksBaku ul li:nth-child(2) a{background-position:-433px -620px;}
.snsLinksBaku ul li:nth-child(3) a{background-position:-466px -620px;}
.snsLinksBaku ul li a:hover {opacity:0.7; transition:0.2s;}

.loader {position:absolute; left:50%; top:220%; z-index:999; font-size:35px; text-indent: -9999em; overflow: hidden; width:40px;
height: 40px; border-radius: 50%; margin:0 0 0 -25px; display:none;}
.loader {
  font-size: 5px;
  text-indent: -9999em;
  border-top: 0.4em solid rgba(29,133,203,0.3);
  border-right: 0.4em solid rgba(29,133,203,0.3);
  border-bottom: 0.4em solid rgba(29,133,203,0.3);
  border-left: 0.4em solid rgba(29,133,203,1);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  overflow:hidden;
}

@media (min-width:641px) and (max-width:768px){
	
.loader {top:220%; font-size:10px; text-indent: -9999em; overflow: hidden; width:30px; height:30px; border-radius: 50%; margin:-0px 0 0 -24px;}
#daigakuContent {margin: 0;}
#dst114Index .mv {padding: 0; background: none !important;margin-bottom: 0}

#dst114Index .mv img {display:none;}
#dst114Index .mv img + img{display:block; width:100%; height:auto;}
#dst114Index .mv:before {display: none;}

#dst114Index p.lead {font-size:14px; line-height:28px; padding:0 30px 40px; background-size:100% auto; letter-spacing: inherit;}
#dst114Index p.lead strong {font-size:20px;}
#dst114Index p.lead + p.lead {margin-top: 10px;}

#dst114Index div.start {max-width:900px; margin:0 auto; position:relative; text-align:center; font-size:18px; padding:0 50px 50px; /*background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/index/startBg.png) center 50px no-repeat; background-size:110% auto;*/}

/* quiz */
#bakuQuiz #step {height:auto;}
#bakuQuiz #step span.base img {opacity:1; width:100%; height:auto; display:none;}
#bakuQuiz #step span.base img + img {display:block;}
#bakuQuiz #step span.base {background:none; height:auto;}
#bakuQuiz #daigakuContent {min-height:inherit;}
#bakuQuiz #daigakuContent header {padding:40px 20px 20px; font-size:18px; line-height:28px;margin-bottom: 10px}

#bakuQuiz #daigakuContent ol.q {padding:0 20px 40px;}
#bakuQuiz #daigakuContent ol.q li {font-size:16px; line-height:20px; left:0; padding-right:5px; width: 50%;}
#bakuQuiz #daigakuContent ol.q li:nth-child(even){padding-left: 5px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(n+3) {margin-top:10px;}
#bakuQuiz #daigakuContent ol.q li a{background-size: 100% auto !important; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li a{height: 16.796vw;}
#bakuQuiz #daigakuContent ol.q li a:hover{height: 16.796vw;}

#bakuQuiz #daigakuContent ol.q li a span {padding-left: 12vw;}


#bakuQuiz #daigakuContent div.answer figure{padding:0 0 0 20px; width:30%; min-width:300px;}
#bakuQuiz #daigakuContent div.text {margin-right:20px;}
#bakuQuiz #daigakuContent div.text h3{font-size:18px; line-height:26px; margin:0 0 0; background-size:150% auto; background:none; position:relative; padding-bottom:15px;}
#bakuQuiz #daigakuContent div.nextBase{width:auto; margin-left:0; position:relative; top:0; padding:0 0 30px;}


/* bakuQuizKekka */
#bakuQuizKekka {margin-bottom:50px;}
#bakuQuizKekka #kekkaMv {height:auto;}
#bakuQuizKekka #kekkaMv span.base img {opacity:1; width:100%; height:auto; display:none;}
#bakuQuizKekka #kekkaMv span.base img + img {display:block;}
#bakuQuizKekka #kekkaMv span.base {background:none; height:auto;}
#bakuQuizKekka #daigakuContent{padding:0 0 !important;}


#bakuQuizKekka .border{position: relative; width: 640px; margin: 0 auto;}
#bakuQuizKekka .comment .scorecomment span strong {display: block;text-align: center}
#bakuQuizKekka .border:before{display: none !important;}
#bakuQuizKekka .border.top:after{background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/baseTopSp.png) no-repeat center top; height: 796px; width: 640px;}

#bakuQuizKekka section.saiten{margin-bottom:25px; padding: 0; z-index:11;}
#bakuQuizKekka #ten {position:relative; width:100%; height:605px; margin-bottom:0; padding-top:70px; font-size:0;}

#bakuQuizKekka #ten p b span.score{display:block; width:100%; height:154px; background:no-repeat center top; background-size: auto 154px;}
#bakuQuizKekka #ten p b span.score0{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score0.png);}
#bakuQuizKekka #ten p b span.score10{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score10.png);}
#bakuQuizKekka #ten p b span.score20{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score20.png);}
#bakuQuizKekka #ten p b span.score30{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score30.png);}
#bakuQuizKekka #ten p b span.score40{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score40.png);}
#bakuQuizKekka #ten p b span.score50{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score50.png);}
#bakuQuizKekka #ten p b span.score60{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score60.png);}
#bakuQuizKekka #ten p b span.score70{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score70.png);}
#bakuQuizKekka #ten p b span.score80{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score80.png);}
#bakuQuizKekka #ten p b span.score90{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score90.png);}
#bakuQuizKekka #ten p b span.score100{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score100.png);}

#bakuQuizKekka .comment {position:relative; width:480px; height:238px; margin-left:0; position: absolute; left: 90px; top:350px;}
#bakuQuizKekka .comment .scorecomment {text-align:center; color:#333; font-size:20px; line-height:32px; letter-spacing: 0.1em; display: table; width: 100%; height: 100%;}
#bakuQuizKekka .comment .scorecomment span{display: table-cell; vertical-align: middle; text-align: center;}

#bakuQuizKekka .bakuryokuSNS {padding-top: 220px;}

#bakuQuizKekka .item {min-height:200px; padding:0 20px; margin-bottom:0px;}
#bakuQuizKekka .item .border {width: auto;}
#bakuQuizKekka .item  + .item,
#bakuQuizKekka .step  + .item{margin-top: 20px;}
#bakuQuizKekka .item .base {position:relative; padding:27px 20px 20px; z-index:11;}
#bakuQuizKekka .item .base h3 {font-size:18px; line-height:28px; font-weight:bold; margin-bottom:24px; color:#333;}
#bakuQuizKekka .item .base h3 i{display:block; margin-bottom:-13px; font-size:24px; font-style:normal;}
#bakuQuizKekka .item .base ol {padding:0; text-align:center; font-size:0; margin-bottom:10px;}
#bakuQuizKekka .item .base ol li {font-size:18px; line-height:1.2; display: block; width: 100%; padding:0 0 10px 0; vertical-align:top;border:none;margin-bottom: 0}
#bakuQuizKekka .item .base ol li:nth-child(even){padding:0 0 10px 0;}
#bakuQuizKekka .item .base ol li span {display:block; position:relative; border-radius:3px; text-align:left; border:2px solid #e8c817; padding:14px 10px 14px 50px;}
#bakuQuizKekka .item .base ol li span i{display:table; vertical-align:middle; font-style:normal;}
#bakuQuizKekka .item .base ol li span i i {display:table-cell; vertical-align:middle;}
#bakuQuizKekka .item .base ol li span:before{width:33px; height:34px;background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png) no-repeat left top / 100% auto; position:absolute; left:10px; top:50%; margin-top:-17px; content:'';}
#bakuQuizKekka .item .base ol li:nth-child(2) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ol li:nth-child(3) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ol li:nth-child(4) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

/*#bakuQuizKekka .item + h2 {margin-bottom:50px; position:relative; top:30px;}*/
#bakuQuizKekka .item .base ul {display:table; width:100%; font-size:0; line-height:1; margin-bottom:0;}
#bakuQuizKekka .item .base ul li {display:table-cell; vertical-align:middle;}
#bakuQuizKekka .item .base ul li:nth-child(1) {width:166px;}
#bakuQuizKekka .item .base ul li:nth-child(2) {text-align:right; font-size:18px; padding-left:20px; line-height:1.4;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line {display:table; border-bottom:2px solid #e8c817; padding:10px 0; font-weight:bold; float:right;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span {display:table-cell; vertical-align:middle; text-align:left;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(1){white-space:nowrap;}
#bakuQuizKekka .item .base ul li:nth-child(2) em {width:33px; height:34px; display:inline-block; background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png); background-size:100% auto; background-repeat:no-repeat; margin:0px 10px 0 0; position:relative;}
#bakuQuizKekka .item .base ul li:nth-child(2).a2 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a3 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a4 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

#bakuQuizKekka .item .base dl {display:table; width:100%; height:97px; padding:13px 30px 25px 0; font-size:14px; clear:both; zoom:1; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/note.png) no-repeat left top;background-size: 100% auto}
#bakuQuizKekka .item .base dl:after{content:''; clear:both; display:block;}
#bakuQuizKekka .item .base dl dt{float:left; font-weight:bold; font-size:0;}
#bakuQuizKekka .item .base dl dd{display:table-cell; vertical-align:middle; zoom:1; font-size:14px; line-height:22px; overflow:hidden; padding:0 0 0 5px;}
#bakuQuizKekka .item .base dl dd a { text-decoration:underline; display:inline-block; position:relative;}
#bakuQuizKekka .item .base dl dd a[target=_blank] {padding-left:20px;}
#bakuQuizKekka .item .base dl dd a[target=_blank]:after{content:''; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/iconBlank.png) left top no-repeat; width:14px; height:14px; position:absolute; right:-20px; top:0.2em;}
#bakuQuizKekka .item .base dl dd a:hover{text-decoration:none;}

#bakuQuizKekka p.oubo{text-align:center; clear:both;}
#bakuQuizKekka h2.present {text-align: center; width: 800px; margin: 80px auto 25px;}
#bakuQuizKekka h2.present img + img {display: none;}

#bakuQuizKekka .presentBnr{margin-top:30px; padding: 0 100px;}
#bakuQuizKekka .presentBnr a{display:block; width:100%; height:141px; margin:0 auto; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/present.png) no-repeat left top; background-size: 100% auto;}
#bakuQuizKekka .presentBnr a:hover{background:none;}
#bakuQuizKekka .presentBnr a img{opacity:0!important;}
#bakuQuizKekka .presentBnr a:hover img{opacity:1!important;}

.snsLinksBaku {margin:0 auto 10px; padding:10px 20px 0;}

}
@media (max-width:640px){
	#daigakuWrapper .bgGrid {padding-bottom:18.667vw;}
.loader {top:280%; font-size:5px; text-indent: -9999em; overflow: hidden; width:25px; height:25px; border-radius: 50%; margin:-12px 0 0 -12px;}
#daigakuContent {margin: 0;}
#dst114Index .mv {padding: 0; background: none !important; margin-bottom: 10.667vw;}
#dst114Index .mv img {display:none;}
#dst114Index .mv img + img{display:block; width:100%; height:auto;}
#dst114Index .mv:before {display: none;}

#dst114Index p.lead {font-size:3.467vw;font-weight: bold;line-height:7.5vw; padding:0 2.344vw 0; background-size:100% auto; background-position:center 90%; letter-spacing: inherit;}
#dst114Index p.lead strong {font-size:5vw;}
#dst114Index p.lead + p.lead {margin-top: 6.25vw;}

#dst114Index div.start{padding:0 0 11.719vw; margin-top: 10.667vw; background-size:110% auto; background-position:center 90%;}
#dst114Index div.start p{font-size:15px; line-height:1.6;}
#dst114Index div.start p.btn {margin:0 auto 0; text-align:center;margin-top: 3vw}
#dst114Index div.start p.btn a{display:block;margin:0 auto; text-align:center; position:relative; width:78.667vw;background:none}
#dst114Index div.start p.btn a img{opacity: 1!important}
#dst114Index ul.notes {font-size:11px; line-height:18px; padding:27px 15px 0;}
#dst114Index br.spBr {display:inline-block;}
#dst114Index div.start p.red{margin-bottom:4px; font-size:4.267vw; font-weight:bold; text-align:center;}

/* quiz */
#bakuQuiz #step {height:auto;}
#bakuQuiz #step span.base img {opacity:1; width:100%; height:auto; display:none;}
#bakuQuiz #step span.base img + img {display:block;}
#bakuQuiz #step span.base {background:none; height:auto;}
#bakuQuiz #daigakuContent {min-height:inherit;}
#bakuQuiz #daigakuContent header {font-size:3.467vw; line-height:6.25vw; padding:0 5.469vw 0 !important; margin-bottom:3vw;}
#bakuQuiz #daigakuContent header p{margin-bottom:0.5vw; font-weight:bold;font-size:4.4vw;}

#bakuQuiz #daigakuContent ol.q {margin-top: 10vw; margin-bottom: 18.667vw;padding-bottom: 0}
#bakuQuiz #daigakuContent ol.q li {width:inherit; display: block; padding: 0 5.469vw !important; min-height: 30px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(n+3){margin: 0;}
#bakuQuiz #daigakuContent ol.q li + li {margin-top:6vw !important;}
#bakuQuiz #daigakuContent ol.q li a{background:url(../images/question/baseSp.png) center bottom no-repeat !important; background-size: 100% auto !important; border:none; height:auto; font-size: 4.375vw; line-height: 1.4;}
#bakuQuiz #daigakuContent ol.q li a:before{content: ''; background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png) left top no-repeat; width: 7.2vw; height: 7.2vw; position: absolute; left: 4.688vw; top: 42%; margin-top: -4.688vw; background-size: 100% auto; z-index: 10;}
#bakuQuiz #daigakuContent ol.q li a:hover{height: auto}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a:before {background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png); background-size:100% auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a:before {background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png); background-size: 100% auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a:before {background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png); background-size: 100% auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li a::after{content: ''; width: 100%; height: 3.75vw; background: url(../images/question/baseSp.png) center top no-repeat; background-size: 100% auto; position: absolute; left: 0; top: -3.75vw;}
#bakuQuiz #daigakuContent ol.q li a span {padding:1.2vw 3vw 4vw 16.406vw; min-height: inherit;font-size: 3.733vw;font-weight: bold}

#bakuQuiz #daigakuContent div.answer{text-align:center;}
#bakuQuiz #daigakuContent div.answer figure{float:none; text-align:center; margin:0 auto 6.8vw !important;  display:inline-block; width:78.667vw }
#bakuQuiz #daigakuContent div.answer figure img{width:100%}
#bakuQuiz #daigakuContent div.text h2 {text-align:center;margin-bottom: 6.933vw}
#bakuQuiz #daigakuContent div.text h2 img{height:12vw; width:auto;}
#bakuQuiz #daigakuContent div.text p {font-size:3.467vw; line-height: 1.54; margin:0 5.469vw 6.4vw; text-align:left; border-top:#e7c733 4px solid;  padding-top: 3.125vw;}

#bakuQuiz #daigakuContent div.text h3{font-size:4.688vw; line-height:1.4; margin:0 auto 1.6vw; padding:0 18.667vw 0;}
#bakuQuiz #daigakuContent div.text h3 span{vertical-align:middle;font-size: 4vw}
#bakuQuiz #daigakuContent div.text h3 em {width:9.375vw; height:9.375vw; display:block; margin:0 10px 0 0; position:relative; top:-3px;}
#bakuQuiz #daigakuContent div.text h3 em:before {content:''; width:7.733vw; height:7.733vw; position:absolute; left:0.6vw; top:60%; margin-top:-4.688vw; background-size: cover;}

#bakuQuiz #daigakuContent div.nextBase{width:100%; margin-left:0; top:0; padding:0 0 70px;  background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/bgBtnSp.png) center center no-repeat; background-size:100% auto; margin:-20px 0 0;}
#bakuQuiz #daigakuContent p.next a {background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/btnNextSp.png); display:block; width:78.667vw; height:16vw; background-size:100% auto;}
#bakuQuiz #daigakuContent p.next a img {display: none}
#bakuQuiz #daigakuContent p.next.result a {background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/btnResultSp.png)no-repeat; background-size:100% auto;}

/* bakuQuizKekka */
#bakuQuizKekka #kekkaMv {height:auto;}
#bakuQuizKekka #kekkaMv span.base img {opacity:1; width:100%; height:auto; display:none;}
#bakuQuizKekka #kekkaMv span.base img + img {display:block;}
#bakuQuizKekka #kekkaMv span.base {background:none; height:auto;}
#bakuQuizKekka #daigakuContent{padding:0 10px !important;}


/* bakuQuizKekka */
  #bakuQuizKekka section.detail:before{
    content: ''; width: 89.333vw; height: 4px;  background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/borderSp.png)no-repeat center top;
    background-size: 100% auto; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
#bakuQuizKekka {margin-bottom:50px;}
#bakuQuizKekka .bgGrid{padding-top: 7.813vw}
#bakuQuizKekka #kekkaMv {height:auto;}
#bakuQuizKekka #kekkaMv span.base img {opacity:1; width:100%; height:auto; display:none;}
#bakuQuizKekka #kekkaMv span.base img + img {display:block;}
#bakuQuizKekka #kekkaMv span.base {background:none; height:auto;}
#bakuQuizKekka #daigakuContent{padding:0 0 !important;}


#bakuQuizKekka .border{position: relative; width: 100%; margin: 0 auto;}
#bakuQuizKekka .border:before{display: none !important;}
#bakuQuizKekka .border.top:after{background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/baseTopSp.png) no-repeat left top; height: 106.133vw; width: 89.333vw;left:0;right:0;top:0;margin:auto;background-size:  cover;}

#bakuQuizKekka section.saiten{width: 89.333vw;margin:0 auto; padding: 0; z-index:11;}
#bakuQuizKekka #ten {width:100%; height:24vw; margin-bottom:0; padding-top:4vw; font-size:0;}

#bakuQuizKekka #ten p b span.score{display:block; width:100%; height:20vw; background:no-repeat center top; background-size: auto 20vw}
#bakuQuizKekka #ten p b span.score0{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score0.png);}
#bakuQuizKekka #ten p b span.score10{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score10.png);}
#bakuQuizKekka #ten p b span.score20{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score20.png);}
#bakuQuizKekka #ten p b span.score30{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score30.png);}
#bakuQuizKekka #ten p b span.score40{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score40.png);}
#bakuQuizKekka #ten p b span.score50{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score50.png);}
#bakuQuizKekka #ten p b span.score60{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score60.png);}
#bakuQuizKekka #ten p b span.score70{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score70.png);}
#bakuQuizKekka #ten p b span.score80{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score80.png);}
#bakuQuizKekka #ten p b span.score90{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score90.png);}
#bakuQuizKekka #ten p b span.score100{background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/score100.png);}

#bakuQuizKekka .comment {width:100%; height:37.188vw; margin-left:0;padding:0 16vw;text-align: left}
#bakuQuizKekka .comment .scorecomment {text-align:center; color:#333; font-size:3.467vw; line-height: 1.54; display: table; width: 100%; height: 100%;}
#bakuQuizKekka .comment .scorecomment span{display: table-cell; vertical-align: middle;text-align: left}
#bakuQuizKekka .comment .scorecomment span strong{display: block;text-align: center}

#bakuQuizKekka .bakuryokuSNS {padding-top: 30.667vw;}
#bakuQuizKekka .bakuryokuSNS li{display:inline-block; margin:0; padding: 0 3.125vw;}
#bakuQuizKekka .bakuryokuSNS li a{display:block; margin:0; width:10.667vw; height: 10.667vw; text-align:left; background-size: cover !important;}
#bakuQuizKekka .bakuryokuSNS li a{background:none !important;}
#bakuQuizKekka .bakuryokuSNS li a img {width: 100%; height: 100%; opacity: 1 !important;}
#bakuQuizKekka .bakuryokuSNS li a:hover img {width: 100%; height: 100%; opacity: 1 !important;}

#bakuQuizKekka  p.onemore{padding:6.667vw 0 18.266vw; clear:both; zoom:1; text-align: center;}
#bakuQuizKekka  p.onemore a {background:none; width: 78.667vw; height: auto;}
#bakuQuizKekka  p.onemore a img {display: none;opacity:1 !important; width: 100%; height: auto;}
#bakuQuizKekka  p.onemore a img + img {display: block}
#bakuQuizKekka p.onemore  a:hover img {width: 100%; height: 100%; opacity: 1 !important;}

#bakuQuizKekka h1.title + p{text-align:center; font-size:3.467vw; margin-bottom:6.25vw; letter-spacing: 0.1em; line-height: 6.25vw;}
#bakuQuizKekka h1.title + p br.spBr{display:none;}
#bakuQuizKekka h1.minaoshi{margin-bottom:37px; background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/titleSp.png) no-repeat center top; height: 21.333vw; text-indent: -200%; overflow: hidden; white-space: nowrap; background-size: cover;}
#bakuQuizKekka h1.minaoshi img {opacity: 0;}

#bakuQuizKekka .item {min-height:inherit; padding:0 5.625vw; margin-bottom:0px;}
#bakuQuizKekka .item .border {width: auto;}
#bakuQuizKekka .item .border::after{content: '';  background: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/baseSp.png) no-repeat left top / 100% 100%; width: 100%;height: 100%;
    position: absolute; left: 0;  top: 0;  z-index: 10;}
#bakuQuizKekka .item .border::before{display: none !important;}
#bakuQuizKekka .item  + .item,
#bakuQuizKekka .step  + .item{margin-top: 4.8vw;}
#bakuQuizKekka .item .base {position:relative; padding:6.25vw 4.667vw 5.469vw; z-index:11; border-radius: 5px; overflow: hidden; /*border: 1px solid #ead5a3; background: #fff;*/}
#bakuQuizKekka .item .base h3 {font-size:3.467vw; line-height:6.25vw; font-weight:normal; margin-bottom:3.125vw; color:#333;}
#bakuQuizKekka .item .base h3 i{display:block; margin-bottom:-4vw; font-size:4.4vw; font-weight:bold; line-height: 1;}
#bakuQuizKekka .item .base ol {padding:0; text-align:center; font-size:0; margin-bottom:4.688vw;}
#bakuQuizKekka .item .base ol li {font-size:3.2vw; line-height:1.2; font-weight: bold;display: block; width: 100%; padding:0 0 1.333vw 0; vertical-align:top;border:none;margin-bottom:0}
#bakuQuizKekka .item .base ol li:nth-child(even){padding:0 0 1.563vw 0;}
#bakuQuizKekka .item .base ol li span {display:block; position:relative; border-radius:3px; text-align:left; border: solid 2px #e8c817; padding:3.906vw 3.125vw 3.906vw 15vw;}
#bakuQuizKekka .item .base ol li span i{display:table; vertical-align:middle; font-style:normal;}
#bakuQuizKekka .item .base ol li span i i {display:table-cell; vertical-align:middle;}
#bakuQuizKekka .item .base ol li span:before{width:7.2vw; height:7.2vw;background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png) no-repeat left top / 100% auto; position:absolute; left:3.125vw; top:57%; margin-top:-4.531vw; content:'';}
#bakuQuizKekka .item .base ol li:nth-child(2) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ol li:nth-child(3) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ol li:nth-child(4) span:before{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

/*#bakuQuizKekka .item + h2 {margin-bottom:50px; position:relative; top:30px;}*/
#bakuQuizKekka .item .base ul {display:table; width:100%; font-size:0; line-height:1; margin-bottom:0;}
#bakuQuizKekka .item .base ul li {display:block; vertical-align:middle;}
#bakuQuizKekka .item .base ul li:nth-child(1) {width:auto; text-align: center; margin-bottom: 5.333vw;}
#bakuQuizKekka .item .base ul li:nth-child(1) img {height:11vw;}
#bakuQuizKekka .item .base ul li:nth-child(2) {text-align:center; font-size:4vw; padding-left:0px; line-height:1.4; width: auto; margin: 0 auto;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line {display:block; border-bottom:0.533vw solid #e8c817; padding:0 7.333vw 0.933vw; font-weight:bold; float:none; margin: 0 auto;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span {display:table-cell; vertical-align:middle; text-align:left;padding-top: 0}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(1){white-space:nowrap;}
#bakuQuizKekka .item .base ul li:nth-child(2) em {width:7.2vw; height:7.2vw; display:inline-block; background-image:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num1a.png); background-size:100% auto; background-repeat:no-repeat; margin:0px 2.533vw 0 0; position:relative;}
#bakuQuizKekka .item .base ul li:nth-child(2).a2 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num2a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a3 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num3a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a4 em{background-image: url(/alcohol/beer/daigaku/ZMG/dst/no114/images/question/num4a.png);}

#bakuQuizKekka .item .base dl {display:block; width:100%; height:40vw;margin-top: 6.667vw; padding:13vw 5.333vw 0; font-size:3.75vw; clear:both; zoom:1; position: relative;background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/noteSp.png) no-repeat left top; background-size: 100% auto;}
#bakuQuizKekka .item .base dl::before{content: ''; width: 100%; height: auto; background: url(../images/result/noteSp.png) left top no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 0; z-index: 10;}
#bakuQuizKekka .item .base dl:after{content:''; clear:both; display:block;}
#bakuQuizKekka .item .base dl dt{float:none; font-weight:bold; font-size:0;}
#bakuQuizKekka .item .base dl dd{display:flex;align-items: center;height:25vw;vertical-align:middle; zoom:1; font-size:3.2vw; line-height: 1.5; overflow:hidden; padding:0; position: relative; z-index: 20;}
#bakuQuizKekka .item .base dl dd a {text-decoration:underline; display:inline-block; position:relative;}

#bakuQuizKekka .item .base dl dd a[target=_blank] {padding-left:0; display: inline;}
#bakuQuizKekka .item .base dl dd a[target=_blank]:after {display: none;}
#bakuQuizKekka .item .base dl dd a[target=_blank] i{ background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/iconBlank.png) left top no-repeat; width:3.75vw; height:3.75vw; background-size: 100% auto; display: inline-block; position: relative; left: 1vw;}
#bakuQuizKekka .item .base dl dd a:hover{text-decoration:none;}
  #bakuQuizKekka .item .base dl dd a[target=_blank] span:after{width:3.2vw;height:3.2vw;right:-4vw;bottom:0}

#bakuQuizKekka p.oubo{text-align:center; clear:both;}
#bakuQuizKekka h2.present {text-align: center; width: 800px; margin: 80px auto 25px;}
#bakuQuizKekka h2.present img + img {display: none;}

#bakuQuizKekka .presentBnr{margin-top:0; padding: 4.667vw 0 15.625vw;}
#bakuQuizKekka .presentBnr a:hover,
#bakuQuizKekka .presentBnr a{display:block; width:89.063vw; height:38.667vw; margin:0 auto; background:url(/alcohol/beer/daigaku/ZMG/dst/no114/images/result/presentSp.png) no-repeat left top; background-size: 100% auto;}
#bakuQuizKekka .presentBnr a img{display: none !important;}

.snsLinksBaku {margin:0 auto 10px; padding:0px 20px 0;}

.snsLinksBaku ul {float:none; font-size:0; text-align:center;}
.snsLinksBaku ul li{float:none; padding:0 6px; display:inline-block;}
.snsLinksBaku ul li a{display:block; text-indent:100%; background:url(/alcohol/beer/daigaku/common/images/2015/sprite.png) -200px -265px no-repeat; background-size:500px 500px; width:42px; height:42px; overflow:hidden;}
.snsLinksBaku ul li:nth-child(2) a{background-position:-252px -265px;}
.snsLinksBaku ul li:nth-child(3) a{background-position:-303px -265px;}
.snsLinksBaku ul li a:hover {opacity:0.7; transition:0.2s;}


.sp-item {display:inline-block !important;}
.pc-item {display:none !important;}

}


@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
