@charset "utf-8";


#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 0 60px !important; width:100%; overflow:hidden; text-align: left;}
#daigakuWrapper .bgGrid {padding-bottom:70px; padding-top:1px;}
#daigakuContent img {display:inline-block;}

/* index */
#clb30Index .mv {text-align:center; position: relative; margin: 0 0 58px; background: url(/entertainment/daigaku/CLB/clb/no30/images/index/mvBg.jpg) center top  repeat-x !important;}
#clb30Index .mv img {display:inline-block;}
#clb30Index .mv img + img{display:none;}
#clb30Index .mv:before{content:''; background:url(/entertainment/daigaku/CLB/clb/no30/images/index/batch.png) 1030px 0 no-repeat; width: 1582px; height: 272px; position: absolute; left: 50%; bottom: -25px; margin: 0 0 0 -791px; z-index: 10;}
@media (min-width:641px) and (max-width:1582px){
	#bakuIndex .mv{background-size:auto;}
}
#clb30Index p.lead {text-align:center; font-size:18px; line-height:40px; max-width:960px; position:relative; padding:0 20px; width:100%; margin:0 auto; letter-spacing: 0.1em;}
#clb30Index p.lead + p.lead {margin: 42px auto 0;}
#clb30Index p.lead strong {color:#f39700; display:inline-block; padding:0 2px; font-size:22px;}
#clb30Index p.lead strong.pink {color:#ff6666;}
#clb30Index p.lead strong.orange {color:#ff6600;}
#clb30Index p.lead strong.blue {color:#6bc0da;}
#clb30Index div.start {max-width:900px; margin:0 auto; position:relative; text-align:center; background:url(/entertainment/daigaku/CLB/clb/no30/images/index/startBg.png) center 50px no-repeat;}
#clb30Index div.start p.btn {margin:18px auto 0; text-align:center;}
#clb30Index div.start p.btn a{display:inline-block; text-align:center; position:relative; background:url(/entertainment/daigaku/CLB/clb/no30/images/index/btnStartOver.png) left top no-repeat; background-size:100% auto; width:400px;}
#clb30Index div.start p.btn img {opacity:1 !important; transition:0.4s; width:100%; height:auto;}
#clb30Index div.start p.btn a:hover img {opacity:0 !important;}

/* quiz */
#bakuQuiz {color: #000;}
#bakuQuiz #step {position:relative; background:url(/entertainment/daigaku/CLB/clb/no30/images/question/stepBaseBg.png) center top repeat-x !important; height:85px;/* opacity:0;*/}
#bakuQuiz #step span.base {display:block; margin:0 auto; height:85px; position:relative; text-align:center; background:url(/entertainment/daigaku/CLB/clb/no30/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: 50px !important;}
#bakuQuiz #daigakuContent header {position:relative; font-size:24px; line-height:32px; margin-bottom:40px;}
#bakuQuiz #daigakuContent header p{position:relative; margin-bottom:15px; font-weight: bold;}
#bakuQuiz #daigakuContent ol.q {text-align:center; line-height:1; font-size:0;}
#bakuQuiz #daigakuContent ol.q li {font-size:24px; display:inline-block; position:relative; padding:0; line-height:32px; left:0; padding-right:10px; text-align:left; width: 400px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(even) {padding-right:0; padding-left: 10px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(n+3) {margin-top:20px;}
#bakuQuiz #daigakuContent ol.q li a{display:table; background:url(/entertainment/daigaku/CLB/clb/no30/images/question/num1.png) left top no-repeat; height:130px; width:100%; padding:0; color:#000; position:relative; z-index:10; text-align:left;}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a{background-image: url(/entertainment/daigaku/CLB/clb/no30/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 10px 10px 110px;}
#bakuQuiz #daigakuContent ol.q li a span + span {display: none;}
#bakuQuiz #daigakuContent ol.q li a:hover {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num1over.png); text-decoration: none; background-position: left top;}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a:hover{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2over.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a:hover{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3over.png);}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a:hover{background-image: url(/entertainment/daigaku/CLB/clb/no30/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 30px 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 16px;}
#bakuQuiz #daigakuContent div.text h3{font-size:24px; line-height:30px; margin:0 0 10px; 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:30px; height:31px; display:inline-block; margin:0 10px 0 0; position:relative;}
#bakuQuiz #daigakuContent div.text h3 em:before {content:''; background-image:url(/entertainment/daigaku/CLB/clb/no30/images/question/num1a.png); background-position: left top; background-repeat: no-repeat; width:30px; height:31px; position:absolute; left:0; top:50%; margin-top:-15px;}
#bakuQuiz #daigakuContent div.text h3.a2 em:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2a.png);}
#bakuQuiz #daigakuContent div.text h3.a3 em:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3a.png);}
#bakuQuiz #daigakuContent div.text h3.a4 em:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num4a.png);}
#bakuQuiz #daigakuContent div.text p {font-size:14px; line-height:22px; margin:0px 0 15px; background: url(/entertainment/daigaku/CLB/clb/no30/images/question/hr.png) center top no-repeat; padding-top: 17px;}
#bakuQuiz #daigakuContent div.nextBase{width:900px; margin-left:-50px; position:relative; top:0; padding:30px 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(/entertainment/daigaku/CLB/clb/no30/images/question/btnNextOver.png) left top no-repeat; display:block; width:299px; height:50px; 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(/entertainment/daigaku/CLB/clb/no30/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(/entertainment/daigaku/CLB/clb/no30/images/result/mvBg.png) center top repeat-x; height:85px;}
#bakuQuizKekka #kekkaMv span.base {display:block; margin:0 auto; height:85px; position:relative; text-align:center; background:url(/entertainment/daigaku/CLB/clb/no30/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:902px; overflow:hidden; padding:0 0 !important;}
#bakuQuizKekka {color: #000;}
#bakuQuizKekka section{clear:both; zoom:1; position:relative; }
#bakuQuizKekka section:after{content:''; clear:both; display:block;}
#bakuQuizKekka h1.title {text-align:center; position:relative; margin-bottom:27px; padding-bottom:0; margin-top:0;}
#bakuQuizKekka h1.head  {margin-bottom:52px; padding-bottom:0px; margin-top:9px; background: url(/entertainment/daigaku/CLB/clb/no30/images/result/title01.png) center top no-repeat; height: 57px; font-size: 0; line-height: 1;}
#bakuQuizKekka h1.title + p{text-align:center; font-size:18px; margin-bottom:42px; letter-spacing: 0.1em;}
#bakuQuizKekka h1.title + p br.spBr{display:none;}
#bakuQuizKekka h1.minaoshi {background: url(/entertainment/daigaku/CLB/clb/no30/images/result/title02.png) center top no-repeat; height: 188px; text-indent: -200%; overflow: hidden; white-space: nowrap;}
#bakuQuizKekka h1.minaoshi img {opacity: 0;}
#bakuQuizKekka p.pre{width:1px; height:1px; position:fixed; left:-8999px; top:-10000px;}
#bakuQuizKekka em {color:#ff0000;}

#bakuQuizKekka .border{position: relative;}
#bakuQuizKekka .border:before,
#bakuQuizKekka .border:after{content: ''; background: url(/entertainment/daigaku/CLB/clb/no30/images/result/base.png) left top repeat; width: 100%; height: 1px; position: absolute; left: 0; top: 0; z-index: 10;}
#bakuQuizKekka .border:before{width: 1px; height: 100%; left:0; top: 0;}
#bakuQuizKekka .border .border:before{width: 1px; height: 100%; left:inherit; right: 0; top: 0;}
#bakuQuizKekka .border .border:after {top:inherit; bottom: 0;}
#bakuQuizKekka section.saiten{margin-bottom:50px;background: #fff; padding: 50px 50px;}
#bakuQuizKekka #ten {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/ten.jpg) left top no-repeat; width:390px; height:260px; float:left; position:relative;font-weight: bold;}
#bakuQuizKekka #ten h2 {font-size: 20px; text-align: center; font-weight: bold; position: absolute; left: 0; top: 94px; text-align: center; width: 100%;}
#bakuQuizKekka #ten p {position:absolute; bottom:75px; font-size:24px; text-align:center; width:100%;}
#bakuQuizKekka #ten p b{color:#f4a018; font-size:46px;}
#bakuQuizKekka #ten p b span + span {font-size:24px; display:inline-block; padding:0 5px;}

#bakuQuizKekka #level h2 {font-size: 20px; text-align: center; font-weight: bold; position: absolute; left: 0; top: 94px; text-align: center; width: 100%;}
#bakuQuizKekka #level {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/level.jpg) left top no-repeat; width:390px; height:260px; position:relative; float:right;}
#bakuQuizKekka #level p {position:absolute; bottom:80px; font-size:36px; text-align:center; width:100%; font-weight: bold; letter-spacing: 0.1em;}

#bakuQuizKekka #ten img,
#bakuQuizKekka #level img {display: none;}

#bakuQuizKekka .comment {clear:both; zoom:1;font-size:18px; line-height:40px; padding-top:36px; margin-bottom:36px; text-align: center; letter-spacing: 0.1em;}
#bakuQuizKekka .comment .scorecomment {font-weight: bold;}
#bakuQuizKekka .comment strong {font-size:23px; line-height: 40px; color: #f4a018;}

#bakuQuizKekka .bakuryokuSNS {position:relative; padding:40px 0 0; text-align:center; line-height:1; font-size:0; background:url(/entertainment/daigaku/CLB/clb/no30/images/hr.png) center top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li{display:inline-block; margin:0; padding: 0 20px;}
#bakuQuizKekka .bakuryokuSNS li a{display:block; margin:0; width:298px; text-align:left;}
#bakuQuizKekka .bakuryokuSNS li a{background:url(/entertainment/daigaku/CLB/clb/no30/images/result/btnFacebookOv.png) left top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li + li a{background:url(/entertainment/daigaku/CLB/clb/no30/images/result/btnTwitterOv.png) left top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li a:hover img {opacity:0 !important;}

#bakuQuizKekka  p.onemore{padding:0 0 90px; clear:both; zoom:1; text-align: center;}
#bakuQuizKekka  p.onemore a {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/btnOnemoreOv.png) left top no-repeat; height:80px; width:400px; display:block; margin:0 auto; text-align: left;}
#bakuQuizKekka  p.onemore a:hover img {opacity:0 !important;}

/*
#bakuQuizKekka h2 {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/h2.png) center top no-repeat; height:40px; overflow:hidden; text-indent:120%; white-space:nowrap; margin-bottom:20px;}
#bakuQuizKekka h2.stepC{background-position:center -40px;}
#bakuQuizKekka h2.stepB{background-position:center -80px;}
#bakuQuizKekka h2.stepE{background-position:center -120px;}
#bakuQuizKekka h2.stepD{background-position:center -160px;}
*/
#bakuQuizKekka .item {min-height:200px; padding:0; margin-bottom:0px;}
#bakuQuizKekka .item  + .item,
#bakuQuizKekka .step  + .item{margin-top: 50px; clear: both; zoom:1;}
#bakuQuizKekka .item .base{background:#fff; padding:30px 50px;}
#bakuQuizKekka .item .base h3 {font-size:20px; line-height:28px; margin-bottom:15px;}
#bakuQuizKekka .item .base ol {padding:0; text-align:center; font-size:0; margin-bottom:10px;}
#bakuQuizKekka .item .base ol li {font-size:16px; line-height:20px; width:50%; display:inline-block; padding:0 5px 10px 0; vertical-align:top;}
#bakuQuizKekka .item .base ol li:nth-child(even){padding:0 0 10px 5px;}
#bakuQuizKekka .item .base ol li span {display:block; position:relative; text-align:left; border:1px solid #dcdcdc; padding:5px 10px 5px 50px; height:50px;}
#bakuQuizKekka .item .base ol li span i{display:table; height:40px; vertical-align:middle; font-style:normal;}
#bakuQuizKekka .item .base ol li span i i {display:table-cell; vertical-align:middle; height:40px;}
#bakuQuizKekka .item .base ol li span:before{width:30px; height:31px;background:url(/entertainment/daigaku/CLB/clb/no30/images/question/num1a.png) left top no-repeat; position:absolute; left:10px; top:50%; margin-top:-15px; content:'';}
#bakuQuizKekka .item .base ol li:nth-child(2) span:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2a.png);}
#bakuQuizKekka .item .base ol li:nth-child(3) span:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3a.png);}
#bakuQuizKekka .item .base ol li:nth-child(4) span:before{background-image: url(/entertainment/daigaku/CLB/clb/no30/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:20px;}
#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:24px; padding-left:20px; line-height:31px;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line {display:table; border-bottom:2px solid #e8e8e8; padding:10px 0; font-weight:bold; float:right;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span {display:table-cell; vertical-align:top; 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:30px; height:31px; display:inline-block; background-image:url(/entertainment/daigaku/CLB/clb/no30/images/question/num1a.png); margin:0px 10px 0 0; position:relative;}
#bakuQuizKekka .item .base ul li:nth-child(2).a2 em{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a3 em{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3a.png);}
#bakuQuizKekka .item .base ul li:nth-child(2).a4 em{background-image: url(/entertainment/daigaku/CLB/clb/no30/images/question/num4a.png);}

#bakuQuizKekka .item .base dl {padding:25px 30px; font-size:14px; background:#fff; clear:both; zoom:1; border: 1px solid #dfdfdf;}
#bakuQuizKekka .item .base dl:after{content:''; clear:both; display:block;}
#bakuQuizKekka .item .base dl dt{float:left; font-weight:bold;}
#bakuQuizKekka .item .base dl dd{zoom:1; overflow:hidden; padding:0 0 0 5px;}
#bakuQuizKekka .item .base dl dd a {color:#44403f; text-decoration:underline; display:block; position:relative;}
#bakuQuizKekka .item .base dl dd a[target=_blank] {padding-left:20px;}
#bakuQuizKekka .item .base dl dd a[target=_blank]:before{content:''; background:url(/entertainment/daigaku/CLB/clb/no30/images/result/iconBlank.gif) left top no-repeat; width:14px; height:14px; position:absolute; left:0; 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;}

.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(/entertainment/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;}
#clb30Index .mv {padding: 0; background: none !important;}

#clb30Index .mv img {display:none;}
#clb30Index .mv img + img{display:block; width:100%; height:auto;}
#clb30Index .mv:before {display: none;}

#clb30Index p.lead {font-size:14px; line-height:28px; padding:0 30px 40px; background-size:100% auto; letter-spacing: inherit;}
#clb30Index p.lead strong {font-size:20px;}
#clb30Index p.lead + p.lead {margin-top: 10px;}

#clb30Index div.start {max-width:900px; margin:0 auto; position:relative; text-align:center; font-size:18px; padding:0 50px 50px; background:url(/entertainment/daigaku/CLB/clb/no30/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;}

#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:#fff !important; border: 1px solid #ccc;}
#bakuQuiz #daigakuContent ol.q li a:before{content: ''; background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num1.gif) left top no-repeat; width: 50px; height: 50px; position: absolute; left: 15px; top: 50%; margin-top: -25px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2.gif);}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3.gif);}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num4.gif);}
#bakuQuiz #daigakuContent ol.q li a span {padding-left: 80px;}


#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;}


/*
#bakuQuiz #daigakuContent div.text h3:before{content:''; background:url(/entertainment/daigaku/special/bakuryoku/images/hr.png); width:100%; height:3px; position:absolute; left:0; bottom:0;}
#bakuQuiz #daigakuContent div.text h3 span{width:26px; height:26px; background-size:120px auto;}
#bakuQuiz #daigakuContent div.text h3.a2 span{background-position:-30px 0;}
#bakuQuiz #daigakuContent div.text h3.a3 span{background-position:-60px 0;}
#bakuQuiz #daigakuContent div.text h3.a4 span{background-position:-90px 0;}
#bakuQuiz #daigakuContent div.text p.next.result a:hover:before {opacity:0;}
*/

/* 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 25px !important;}

#bakuQuizKekka h1.title {margin-bottom:27px; padding-bottom:0; margin-top:0;}
#bakuQuizKekka h1.head  {margin-bottom:27px; padding-bottom:17px; margin-top:50px; background: none; border-bottom: 2px solid #f3aa1e; font-size: 24px; font-weight: bold; height: inherit;}
#bakuQuizKekka h1.title + p{text-align:center; font-size:18px; margin-bottom:42px; letter-spacing: 0.1em;}
#bakuQuizKekka h1.title + p br.spBr{display:none;}
#bakuQuizKekka h1.minaoshi {background:none; height:inherit; text-indent:0; text-align: center; overflow: hidden; white-space: nowrap;}
#bakuQuizKekka h1.minaoshi img {width: 100%; height: auto; max-width: 640px; margin: 0 auto; opacity: 1;}
#bakuQuizKekka h1.minaoshi span {display: block; font-size: 24px; border-bottom: 2px solid #f3aa1e; font-weight: bold; padding: 20px 0 17px;}

#bakuQuizKekka #ten {float:none; margin:0 auto 10px;}
#bakuQuizKekka #level {float:none; margin:0 auto 0;}

#bakuQuizKekka .comment {clear:both; zoom:1;font-size:16px; line-height:28px; padding-top:36px; margin:0 auto 50px; width:80%;}

#bakuQuizKekka .bakuryokuSNS {position:relative; padding:40px 0 0; text-align:center; line-height:1; font-size:0; background:url(/entertainment/daigaku/CLB/clb/no30/images/hr.png) center top no-repeat;}
#bakuQuizKekka .bakuryokuSNS li{display:block; font-size:15px; line-height:22px;}
#bakuQuizKekka .bakuryokuSNS li a{margin:15px auto 0;}

#bakuQuizKekka section p.btn {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/bgBtn.png) center 60px no-repeat;}
#bakuQuizKekka .saiten p.btn{padding:70px 0; clear:both; zoom:1;}
#bakuQuizKekka .saiten p.btn a {background:url(/entertainment/daigaku/CLB/clb/no30/images/result/btnOnemoreOv.png) left top no-repeat; height:45px; width:300px; display:block; margin:0 auto; background-size:100%;}
#bakuQuizKekka .saiten p.btn a img {width:100%; height:auto;}

#bakuQuizKekka .item .base {background:#fff; padding:15px 20px;}
#bakuQuizKekka .item .base h3 {font-size:16px; line-height:24px; margin-bottom:15px;}
#bakuQuizKekka .item .base ol li {font-size:14px; line-height:18px;}
#bakuQuizKekka .item .base ul li:nth-child(2) {font-size:18px; padding-left:20px;}
#bakuQuizKekka .item .base dl {padding:20px; font-size:13px;}

#bakuQuizKekka h2.present {width: auto;}
#bakuQuizKekka h2.present img{display: none; width: 100%; height: auto; max-width: 640px; margin: 0 auto;}
#bakuQuizKekka h2.present img + img {display:block;}
#bakuQuizKekka h2.present + .oubo {margin-bottom: 50px;}

}
@media (max-width:640px){
	
.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;}
#clb30Index .mv {padding: 0; background: none !important; margin-bottom: 30px;}
#clb30Index .mv img {display:none;}
#clb30Index .mv img + img{display:block; width:100%; height:auto;}
#clb30Index .mv:before {display: none;}

#clb30Index p.lead {font-size:12px; line-height:24px; padding:0 15px 0; background-size:100% auto; background-position:center 90%; letter-spacing: inherit;}
#clb30Index p.lead strong {font-size:15px;}
#clb30Index p.lead + p.lead {margin-top: 20px;}

#clb30Index div.start {font-size:12px; padding:0 15px 75px; background-size:110% auto; background-position:center 90%;}
#clb30Index div.start p{font-size:15px; line-height:1.6;}
#clb30Index div.start p.btn {margin:20px auto 0; text-align:center;}
#clb30Index div.start p.btn a{display:inline-block; text-align:center; position:relative; background:url(/entertainment/daigaku/CLB/clb/no30/images/index/btnStartOver.png) left top no-repeat; background-size:100% auto; width:81%; max-width:300px;}
#clb30Index div.start p.btn img {opacity:1 !important; transition:0.4s; width:100%; height:auto;}
#clb30Index ul.notes {font-size:11px; line-height:18px; padding:27px 15px 0;}
#clb30Index br.spBr {display:inline-block;}

/* 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:13px; line-height:24px; padding:40px 20px 0 !important; margin-bottom:15px;}
#bakuQuiz #daigakuContent header p{margin-bottom:0px; font-weight:bold;}

#bakuQuiz #daigakuContent ol.q {margin-bottom: 40px;}
#bakuQuiz #daigakuContent ol.q li {width:inherit; display: block; padding: 0 20px !important;min-height: 30px;}
#bakuQuiz #daigakuContent ol.q li:nth-child(n+3){margin: 0;}
#bakuQuiz #daigakuContent ol.q li + li {margin-top: 5px !important;}
#bakuQuiz #daigakuContent ol.q li a{background:#fff !important; border: 1px solid #ccc; height:auto; font-size: 13px;}
#bakuQuiz #daigakuContent ol.q li a:before{content: ''; background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num1.gif) left top no-repeat; width: 50px; height: 50px; position: absolute; left: 7px; top: 50%; margin-top: -15px; background-size: 30px auto;}
#bakuQuiz #daigakuContent ol.q li:nth-child(2) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num2.gif); background-size: 30px auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li:nth-child(3) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num3.gif); background-size: 30px auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li:nth-child(4) a:before {background: url(/entertainment/daigaku/CLB/clb/no30/images/question/num4.gif); background-size: 30px auto; background-repeat: no-repeat;}
#bakuQuiz #daigakuContent ol.q li a span {padding-left: 50px; min-height: 30px; line-height: 1.5	}

/*
.win.gecko #bakuQuiz #daigakuContent ol.q li a {height:inherit;}
.mac.safari #bakuQuiz #daigakuContent ol.q li a {height:inherit;}
*/

/*
.safari #bakuQuiz #daigakuContent ol.q li a span{position:relative; left:-1px; z-index:0; zoom:1;}
*/

#bakuQuiz #daigakuContent div.answer{text-align:center;}
#bakuQuiz #daigakuContent div.answer figure{float:none; text-align:center; margin:0 auto 20px !important; width:auto; display:inline-block; width:90%; max-width:300px;}
#bakuQuiz #daigakuContent div.text {margin-right:0px;}
#bakuQuiz #daigakuContent div.text h2 {text-align:center;}
#bakuQuiz #daigakuContent div.text h2 img{height:29px; width:auto;}
#bakuQuiz #daigakuContent div.text p {font-size:13px; line-height:21px; margin:0 20px 25px; text-align:left;}

#bakuQuiz #daigakuContent div.text h3{font-size:14px; line-height:21px; margin:0 0 16px; padding:0 20px 0;}
#bakuQuiz #daigakuContent div.text h3 span{vertical-align:middle;}
#bakuQuiz #daigakuContent div.text h3 em {width:24px; height:24px; display:block; margin:0 10px 0 0; position:relative; top:-3px;}
#bakuQuiz #daigakuContent div.text h3 em:before {content:''; width:30px; height:31px; position:absolute; left:0px; top:50%; margin-top:-15px; background-size: 30px auto;}

#bakuQuiz #daigakuContent div.nextBase{width:100%; margin-left:0; top:0; padding:0 0 70px;  background:url(/entertainment/daigaku/CLB/clb/no30/images/question/bgBtnSp.png) center center no-repeat; background-size:100% auto; margin:-20px 0 0;}
#bakuQuiz #daigakuContent p.next a {background:url(/entertainment/daigaku/CLB/clb/no30/images/question/btnNextOver.png); display:block; width:70%/*80% 0217fuku*/; height:auto; background-size:100% auto; max-width:290px;}
#bakuQuiz #daigakuContent p.next a img {width:100%; height:auto;}
#bakuQuiz #daigakuContent p.next.result a {background:url(/entertainment/daigaku/CLB/clb/no30/images/question/btnResultOver.png); 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 h1.title {margin-bottom:27px; padding-bottom:0; margin-top:0;}
#bakuQuizKekka h1.head  {margin-bottom:20px; padding-bottom:12px; margin-top:25px; background: none; border-bottom: 2px solid #f3aa1e; font-size: 18px; font-weight: bold; height: inherit;}
#bakuQuizKekka h1.title + p{text-align:center; font-size:14px; margin-bottom:10px;}
#bakuQuizKekka h1.title + p br.spBr{display:none;}
#bakuQuizKekka h1.minaoshi {background:none; height:inherit; text-indent:0; text-align: center; overflow: hidden; white-space: nowrap;}
#bakuQuizKekka h1.minaoshi img {width: 100%; height: auto; max-width: 640px; margin: 0 auto;}
#bakuQuizKekka h1.minaoshi span {display: block; font-size: 18px; border-bottom: 2px solid #f3aa1e; font-weight: bold; padding: 15px 0 7px;}

#bakuQuizKekka section.saiten{margin-bottom:30px; padding: 20px 20px;}
#bakuQuizKekka #ten {background:none; width:auto; height:auto; float:none; margin-bottom: 10px;}
#bakuQuizKekka #ten h2 {font-size: 18px; left: 0; top:inherit; bottom: 55%; text-align: center; width: 100%; z-index: 10;}
#bakuQuizKekka #ten p {position:absolute; bottom:30%; font-size:20px; text-align:center; width:100%; z-index: 10;}
#bakuQuizKekka #ten p b{color:#f4a018; font-size:32px;}
#bakuQuizKekka #ten p b span + span {font-size:24px; display:inline-block; padding:0 5px;}
#bakuQuizKekka #level h2 {font-size: 18px; left: 0; top:inherit; bottom: 60%; z-index: 10;}
#bakuQuizKekka #level {background:none; width:auto; height:auto; float: none;}
#bakuQuizKekka #level p {position:absolute; bottom:30%; font-size:32px; z-index: 10;}
#bakuQuizKekka #ten img,
#bakuQuizKekka #level img {display: block; width: 100%; height: auto; position: relative; z-index: 0; max-width: 320px; margin: 0 auto;}

#bakuQuizKekka .comment {font-size:14px; line-height:30px; padding-top:20px; margin-bottom:20px;}
#bakuQuizKekka .comment strong {font-size:20px; line-height: 30px;}

#bakuQuizKekka .bakuryokuSNS {position:relative; padding:20px 0 0;}
#bakuQuizKekka .bakuryokuSNS li{display:block; margin:0; padding: 0px;}
#bakuQuizKekka .bakuryokuSNS li + li {margin-top: 10px;}
#bakuQuizKekka .bakuryokuSNS li a{display:block; margin:0 auto; width:298px;}
#bakuQuizKekka .bakuryokuSNS li a:hover img {opacity:1 !important;}

#bakuQuizKekka  p.onemore{padding:0 0 45px;}
#bakuQuizKekka  p.onemore a {height:auto; display:block; margin:0 auto; width: 100%; max-width: 400px; background-size:100% auto;}
#bakuQuizKekka  p.onemore a:hover img {opacity:1 !important;}

#bakuQuizKekka .item {margin-bottom:10px;}
#bakuQuizKekka .item .base{padding:10px;}
#bakuQuizKekka .item .base h3 {font-size:13px; line-height:20px; margin-bottom:10px;}
#bakuQuizKekka .item .base ol li {font-size:12px; line-height:20px; width:100%; display:inline-block; padding:0 0 5px 0;}
#bakuQuizKekka .item .base ol li:nth-child(even){padding:0 0 5px 0;}
#bakuQuizKekka .item .base ol li span{padding:9px 10px 6px 38px; height:auto; line-height:1.3; min-height:34px;}
#bakuQuizKekka .item .base ol li span i{display:table; height:auto; vertical-align:middle; font-style:normal;}
#bakuQuizKekka .item .base ol li span i i {height:auto;}
#bakuQuizKekka .item .base ol li span:before{width:20px; height:21px;left:10px; top:50%; margin-top:-10px; content:''; background-size:20px auto;}

#bakuQuizKekka .item .base ul {display:block; margin-bottom:10px;}
#bakuQuizKekka .item .base ul li {display:block;}
#bakuQuizKekka .item .base ul li:nth-child(1) {width:83px;}
#bakuQuizKekka .item .base ul li:nth-child(2) {text-align:right; font-size:13px; padding-left:0; line-height:26px;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line {display:block; border-bottom:none; padding:10px 0 0; float:none; clear:both; zoom:1;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line:after{content:''; clear:both; display:block;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span {display:block; vertical-align:middle; text-align:left; float:left; line-height:24px; padding:0 0 5px;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(1) {white-space:nowrap; position:relative; top:0.1em;}
#bakuQuizKekka .item .base ul li:nth-child(2) span.line span:nth-child(3) {line-height:20px; padding:3px 0 0;}
#bakuQuizKekka .item .base ul li:nth-child(2) em {width:24px; height:26px; background-size:24px auto; background-repeat: no-repeat; margin: 0 6px 0 4px;}
#bakuQuizKekka .item .base dl {padding:12px; font-size:13px;}
#bakuQuizKekka .item .base dl dt{float:none;}
#bakuQuizKekka .item .base dl dd{zoom:1; overflow:hidden; padding:0;}
#bakuQuizKekka .item .base dl dd a {color:#44403f; text-decoration:underline; display:block; position:relative; line-height:20px;}

#bakuQuizKekka .item + .item,
#bakuQuizKekka .step + .item{margin-top: 20px;}

.snsLinksBaku {margin:0px auto 0px;}
.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(/entertainment/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;}

#bakuQuizKekka h2.present {width: auto; margin:40px 0 20px;}
#bakuQuizKekka h2.present img{display: none; width: 100%; height: auto; max-width: 640px; margin: 0 auto;}
#bakuQuizKekka h2.present img + img {display:block;}
#bakuQuizKekka h2.present + .oubo {margin-bottom: 50px;}
#bakuQuizKekka  p.oubo{padding:0;}
#bakuQuizKekka  p.oubo a {height:auto; display:block; margin:0 auto; width: 100%; max-width: 400px; background-size:100% auto;}
#bakuQuizKekka  p.oubo a:hover img {opacity:1 !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);
  }
}