@charset "UTF-8";
@import "/mc45th/common/css/reset.css";
@import "/mc45th/common/css/common.css";

/**************************************************/
/* 共通項目 */
/**************************************************/
body{background:url("/mc45th/kentei/img/body.jpg") repeat center top;background-size:34px auto;min-height:100vh;}
.sectionBox{max-width:600px;}

.sp{display:none!important;}

.section{overflow:visible;}
.sectionBox:before,
.sectionBox:after{display:none;}

.sectionBox img{margin:0 auto;}

.btn{margin:0 auto;padding:0;}
.btn span,
.btn a{display:block;position:relative;}
.btn span:before,
.btn a:before{content:'';display:block;position:relative;padding:0;z-index:1;}
.btn span img,
.btn a img{position:absolute;top:0;left:0;width:100%;margin:0 auto;z-index:2;}
.btn span:hover img,
.btn a:hover img{opacity:0.6;}

/* 共通ヘッダ */
/**************************************************/
#head h1{padding:4.5334% 0 2.5334%;}
#head h1 img{width:87.8667%;margin-left:6.4%;}

#head.result{display:none;}

/* メイン */
/**************************************************/
#main .sectionBox:before{content:'';display:block;position:absolute;top:0;left:auto;right:9.7334%;bottom:auto;width:12.2667%;margin:-6.4% auto 0;padding:7.3334% 0 0;background:url("/mc45th/kentei/img/main-deco01.png") no-repeat center;background-size:100% auto;z-index:2;}

#visual{z-index:1;}
#visual p{position:relative;width:86.6667%;margin:0 auto;margin-left:6.6667%;}
#visual p:before,
#visual p:after{content:'';display:block;}
#visual p:before{position:relative;padding:0;z-index:1;}
#visual p:after{position:absolute;bottom:0;right:0;width:100%;margin:0 auto;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% auto;z-index:3;}
#visual p img{position:absolute;top:0;left:0;width:100%;z-index:2;}

#btn .btn{position:relative;width:51.2%;margin-left:24.4%;padding-bottom:2%;}
#btn .btn:last-child{padding-bottom:2.5334%;}
#btn .btn span:before,
#btn .btn a:before{padding-top:19.2709%;z-index:2;}
#btn .btn span:after,
#btn .btn a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#fff;font-size:20px;border-radius:0.45em;z-index:1;}
#btn .btn span img,
#btn .btn a img{left:-0.7463%;width:104.6875%;margin-top:-0.7463%;z-index:3;}

/* 検定トップ */
/**************************************************/
#index #visual{padding-bottom:8.8%;}
#index #visual p:before{padding-top:67.3847%;}
#index #visual p:after{right:-5.2308%;width:25.6924%;margin-bottom:-26.1539%;padding-top:35.077%;background-image:url("/mc45th/kentei/img/chara-index.png");}
#index #visual p img{width:100.92308%;}

#indexBtn .btn{position:relative;width:51.2%;margin-left:24.4%;padding-bottom:20%;}
#indexBtn .btn:last-child{padding-bottom:7.6%;}
#indexBtn .btn span:before,
#indexBtn .btn a:before{padding-top:19.2709%;z-index:2;}
#indexBtn .btn span:after,
#indexBtn .btn a:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;width:100%;background-color:#fff;font-size:20px;border-radius:0.45em;z-index:1;}
#indexBtn .btn span img,
#indexBtn .btn a img{left:-0.7463%;width:104.6875%;margin-top:-0.7463%;z-index:3;}

#index,
#question{display:none;}

#index.view,
#question.view{display:block;}

/* 認定 */
/**************************************************/
#main .sectionBox:before{margin-top:5.2%;}
.result #visual{padding:11.6% 0 6.5334%;}
.result #visual:before{content:'';display:block;position:absolute;top:0;left:6.6667%;width:87.4667%;margin:11.6% auto 0;padding-top:70.5334%;background:url("/mc45th/kentei/img/img-result.png") no-repeat left top;background-size:100% auto;z-index:1;}
.result #visual p{z-index:2;}
.result #visual p:before{padding-top:81.3847%;}

.result #btn:before,
.result #btn:after{content:'';display:block;position:absolute;top:0;width:100%;margin:0 auto;padding:0;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.result #btn:before{left:3.2%;width:16.5334%;margin-top:-1.2%;padding-top:34%;background-image:url("/mc45th/kentei/img/btn-deco01.png");}
.result #btn:after{right:5.3334%;width:13.7334%;margin-top:0.2667%;padding-top:31.2%;background-image:url("/mc45th/kentei/img/btn-deco02.png");}

/* 0～1問正解！ ミッキャロ好き */
/**************************************************/
#lover #visual p img{width:88.6154%;}
#lover #visual p:after{right:-7.077%;width:37.2308%;margin-bottom:-9.3847%;padding-top:49.38477%;background-image:url("/mc45th/kentei/img/chara-lover.png");}

/* 2～3問正解！ ミッキャロ先生 */
/**************************************************/
#teacher #visual p img{width:85.6924%;}
#teacher #visual p:after{right:-6.9231%;width:33.077%;margin-bottom:-8%;padding-top:42.6154%;background-image:url("/mc45th/kentei/img/chara-teacher.png");}

/* 4問正解！ ミッキャロ博士 */
/**************************************************/
#docter #visual p img{width:88%;}
#docter #visual p:after{right:-4.6154%;width:35.2308%;margin-bottom:-8.7693%;padding-top:47.5385%;background-image:url("/mc45th/kentei/img/chara-docter.png");}

/* 全問正解！ ミッキャロ伝道師 */
/**************************************************/
#evangelist #visual p img{width:88.7693%;}
#evangelist #visual p:after{right:-5.5385%;width:42.6154%;margin-bottom:-5.2308%;padding-top:41.6924%;background-image:url("/mc45th/kentei/img/chara-evangelist.png");}

/* 共通フッタ */
/**************************************************/
#copy p{color:#000;font-size:15px;font-style:normal;font-weight:normal;line-height:1.7334em;text-align:center;padding:3.8667% 0;}

@media print, screen and (max-width: 750px) {

/**************************************************/
/* 共通項目 */
/**************************************************/
body{background-image:url("/mc45th/kentei/img/sp/body.jpg");background-size:4.4% auto;min-height:0;}

.pc{display:none!important;}
.sp{display:block!important;}

.btn span:hover img,
.btn a:hover img{opacity:1;}

/* 共通ヘッダ */
/**************************************************/
#head h1{padding:5.0667% 0 1.0667%;}
#head h1 img{margin-left:6.5334%;}

#head.result{display:block;}

/* メイン */
/**************************************************/
#main .sectionBox:before{right:7.8667%;width:12.1334%;margin-top:0.1334%;padding-top:7.2%;background-image:url("/mc45th/kentei/img/sp/main-deco01.png")}
#visual{padding-top:6.6667%;}
#btn .btn{width:67.0667%;margin-left:16.4%;padding-bottom:4.2667%;}
#btn .btn:last-child{padding-bottom:3.0667%;}
#btn .btn span:before,
#btn .btn a:before{padding-top:18.8867%;}
#btn .btn a:after{font-size:2.6667vw;}
#btn .btn span img,
#btn .btn a img{left:-0.5965%;width:103.7774%;margin-top:-0.5965%;}

/* 検定トップ */
/**************************************************/
#index #visual{padding-bottom:10%;}
#index #visual p:before{padding-top:127.8462%;}
#index #visual p:after{right:-6.3077%;width:28.7693%;margin-bottom:-12%;padding-top:38.9231%;background-image:url("/mc45th/kentei/img/chara-index.png");}
#indexBtn .btn{width:67.0667%;margin-left:16.4%;padding-bottom:4.2667%;}
#indexBtn .btn:last-child{padding-bottom:3.2%;}
#indexBtn .btn span:after,
#indexBtn .btn a:after{font-size:2.6667vw;}
#indexBtn .btn span img,
#indexBtn .btn a img{left:-0.5965%;width:103.7774%;margin-top:-0.5965%;}
#indexBtn .btn span:before,
#indexBtn .btn a:before{padding-top:18.8867%;}

/* 認定 */
/**************************************************/
#main .sectionBox:before{margin-top:0.1334%;}
.result #visual{padding:6.6667% 0 8.6667%;}
.result #visual:before{margin-top:6.6667%;padding-top:79.2001%;background-image:url("/mc45th/kentei/img/sp/img-result.png");}
.result #btn:before{left:2.4%;width:11.4667%;margin-top:1.4667%;padding-top:45.0667%;background-image:url("/mc45th/kentei/img/sp/btn-deco01.png");}
.result #btn:after{right:3.4667%;width:11.8667%;margin-top:6%;padding-top:35.3334%;background-image:url("/mc45th/kentei/img/sp/btn-deco02.png");}
.result #visual p:before{padding-top:90.4616%;}

/* 0～1問正解！ ミッキャロ好き */
/**************************************************/
#lover #visual p img{width:87.8462%;}
#lover #visual p:after{right:-7.077%;width:38.7693%;margin-bottom:-9.5385%;padding-top:51.3847%;background-image:url("/mc45th/kentei/img/sp/chara-lover.png");}

/* 2～3問正解！ ミッキャロ先生 */
/**************************************************/
#teacher #visual p img{width:89.2308%;}
#teacher #visual p:after{right:-6%;margin-bottom:-7.2308%;}

/* 4問正解！ ミッキャロ博士 */
/**************************************************/
#docter #visual p img{width:91.077%;}
#docter #visual p:after{right:-6%;margin-bottom:-11.077%;}

/* 全問正解！ ミッキャロ伝道師 */
/**************************************************/
#evangelist #visual p img{width:87.8462%;}
#evangelist #visual p:after{right:-6%;margin-bottom:-6.6154%;}

/* 共通フッタ */
/**************************************************/
#copy p{font-size:2.6667vw;line-height:1.5em;padding:3.4667% 0 7.2%;}

}

/**************************************************/