@charset "UTF-8";
/*--------
------------------------qualifications
--------------------------------------------------*/
.qualifications #titleBox h2 {
    color: #7C209B;
    background-image: linear-gradient(45deg, #e0d1e3 25%, transparent 25%, transparent 75%, #e0d1e3 75%, #e0d1e3), linear-gradient(-45deg, #e0d1e3 25%, transparent 25%, transparent 75%, #e0d1e3 75%, #e0d1e3);
}
.qualifications #titleBox h2 span {
    border-left: solid #7C209B 3px;
}
.qualifications #contents #sideBlock #searchBox h4::before{
color: #842EA0;
}

/*--------

navigation

----------*/
#nav_qualifications .navBlock .navContents .menuBox {
width:710px;
}
#nav_qualifications .navBlock .navContents .menuBox ul {
width:220px;
}
#nav_qualifications .navBlock .navContents .menuBox ul:nth-of-type(2) {
padding-right:30px;
}
#nav_qualifications .navBlock .navContents .menuBox ul li .category {
height:30px;
text-align:left;
}
#nav_qualifications .navBlock .navContents .menuBox ul:nth-of-type(3) li dl,
#nav_qualifications .navBlock .navContents .menuBox ul:nth-of-type(2) li dl {
padding-top:30px;
}
#nav_qualifications .navBlock .navContents .recommendInfo ul li dl dt a {
color:#710C92;
}

#nav_qualifications .navBlock .navContents .exam_info {
width:262px;
float:right;
position:relative;
}
#nav_qualifications .navBlock .navContents .exam_info article {
border:1px solid #D6D6D6;
padding:30px 15px 10px 15px;
margin-top:17px;
margin-bottom:10px;
}
#nav_qualifications .navBlock .navContents .exam_info .tit {
width:100%;
height:30px;
text-align:center;
position:absolute;
top:0px;
left:0px;
}
#nav_qualifications .navBlock .navContents .exam_info p {
font-size:10px;
line-height:14px;
text-align:center;
padding-bottom:8px;
}
#nav_qualifications .navBlock .navContents .exam_info #kanji_exam .tit {
top:2px;
}
#nav_qualifications .navBlock .navContents .exam_info #fe_exam .tit {
top:188px;
}
#nav_qualifications .navBlock .navContents .exam_info ul {
width:230px;
margin:0 auto;
}
#nav_qualifications .navBlock .navContents .exam_info ul li {
width:230px;
height:30px;
padding:0;
clear:both;
background:url(../images/qualifications/bg/infoBtnBg-on.png) no-repeat 50% 50%;
margin:0 0 5px 0;
}
#nav_qualifications .navBlock .navContents .exam_info ul li a {
width:230px;
height:30px;
font-size:13px;
line-height:30px;
color:#fff;
display:block;
text-decoration:none;
text-align:center;
background:url(../images/qualifications/bg/infoBtnBg.png) no-repeat 50% 50%;
}
#nav_qualifications .navBlock .navContents .exam_info ul li a:hover {
background:url(../images/qualifications/bg/infoBtnBg-on.png) no-repeat 50% 50%;
}



/*--------// O ^ - ^ O //--
------------------------

side

------------------------
--------------------------*/

.qualifications #contents  #sideBlock #searchBox dl dd a:hover {
color:#701192;
}


/*--------// O ^ - ^ O //--
------------------------

list

------------------------
--------------------------*/

.qualifications #contents  #contentsBlock #categoryBlock .blockInner .metaBox table th {
background:#EEE1F4;
}
.qualifications #contents  #contentsBlock #categoryBlock .blockInner .metaBox table td {
background:#F6F0F9;
}

/* ランキング表示をキャンセル */

.qualifications #contents  #contentsBlock #goodBox .boxInner {
width:100%;
zoom:1;
}
.qualifications #contents  #contentsBlock #goodBox .boxInner article {
border-right:2px solid #FaFaFa;
border-bottom:none;
zoom:1;
}

.qualifications #contents  #contentsBlock #goodBox .boxInner article:nth-of-type(1) {
border-left:none;
}
.qualifications #contents  #contentsBlock #goodBox .boxInner article:nth-last-of-type(1) {
border-right:none;
}
.qualifications #contents  #contentsBlock #goodBox .boxInner article dl {
width:110px;
float:right;
}



.qualifications #contents #contentsBlock #goodBox .boxInner article dl dt ,
.qualifications #contents #contentsBlock #rankingBox .boxInner article dl dt {
color:#701192;
}

.qualifications #contents #contentsBlock #listBox #sTitle {
background:#EEE1F4;
}
.qualifications #contents  #contentsBlock #listBox #sTitle p span {
color:#710C92;
}
.qualifications #contents #contentsBlock #examBox {
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
}
.qualifications #contents #contentsBlock #examBox #sTitle {
background:#EEE1F4;
width:712px;
text-align:left;
height:30px;
padding:9px 20px;
margin:3px auto 0 auto;
}
.qualifications #contents  #contentsBlock #examBox #sTitle p {
font-size:20px;
line-height:30px;
border-left:8px solid #fff;
padding:0 0 0 13px;
color:#444;
}
.qualifications #contents  #contentsBlock #examBox #sTitle p span {
font-size:16px;
margin-right:10px;
color:#710C92;
}
.qualifications #contents #contentsBlock #examBox .boxInner {
width:720px;
padding-top:20px;
margin:0 auto;
overflow:hidden;
zoom:1;
clear:both;
}
.qualifications #contents  #contentsBlock #examBox .textBox {
font-size:14px;
line-height:22px;
text-align:left;
clear:both;
}
.qualifications #contents  #contentsBlock #examBox .btn {
width:500px;
margin:20px auto 20px;
border:2px solid #EEE1F6;
padding:10px;
}
.qualifications #contents  #contentsBlock #examBox .btn a {
font-size:14px;
line-height:20px;
text-align:center;
background:url(../images/qualifications/icon/icon00.png) no-repeat 0px 0%;
text-decoration:none;
color:#8936A4;
padding-left:20px;
}
.qualifications #contents  #contentsBlock #examBox .btn a span {
font-size:11px;
}
.qualifications #contents  #contentsBlock #examBox .btn a:hover {
color:#EEE1F5;
}
.qualifications #contents  #contentsBlock #examBox section {
clear:both;
padding:15px;
overflow:hidden;
zoom:1;
}
.qualifications #contents  #contentsBlock #examBox section .textBox {
width:700px;
padding:15px 0 15px 0px;
margin:0 auto;
}
.qualifications #contents  #contentsBlock #examBox section .textBox ul li {
list-style:outside disc;
margin-left:20px;
overflow:visible;
zoom:normal;
}
.qualifications #contents  #contentsBlock #examBox section .textBox ol li {
list-style:outside decimal;
margin-left:30px;
overflow:visible;
zoom:normal;
}
.qualifications #contents  #contentsBlock #examBox section h4 {
font-size:16px;
line-height:24px;
text-align:left;
border-left:5px solid #EEE1F5;
padding-left:8px;
}
.qualifications #contents  #contentsBlock #examBox section .textBox p {
padding-bottom:15px;
}
.qualifications #contents  #contentsBlock #examBox section .textBox b {
color:#8936A4;
}
.qualifications #contents  #contentsBlock #examBox section .textBox span {
font-size:12px;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table {
width:100%;
border-left:1px solid #eee;
border-top:1px solid #eee;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table th {
font-size:14px;
line-height:22px;
text-align:center;
font-weight:bold;
color:#666;
padding:10px;
background:#F6F6F6;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table td {
font-size:14px;
line-height:22px;
text-align:left;
padding:10px;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table tr.c td {
text-align:center;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table td.step {
font-size:12px;
text-align:center;
font-weight:bold;
background:#f6f6f6;
color:#888;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table td.s {
font-size:12px;
text-align:center;
background:#fbfbfb;
color:#888;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table td a {
margin:0 3px;
text-decoration:none;
}
.qualifications #contents  #contentsBlock #examBox section .textBox table td a:hover {
color:#999;
}


.qualifications #contents #sideBlock #searchBox dl dt::before,
.qualifications #goodBox a.btn,
.qualifications #rankingBox a.btn{
background: #7C209B;
}

.qualifications #contents #contentsBlock #goodBox h3 i,
.qualifications #contents #contentsBlock #rankingBox h3 i,
.qualifications #contents #contentsBlock #listBox h3 i,
.qualifications #contents #sideBlock #searchBox dl dd a::after,
.qualifications #contents #sideBlock #searchBox dl dd a:hover,
.qualifications #contents #contentsBlock #goodBox .boxInner article dl dt ,
.qualifications #contents #contentsBlock #rankingBox .boxInner article dl dt{
color:#7C209B;
}

.qualifications #contents #contentsBlock #listBox .selectBox nav ul li ,
.qualifications #contents #contentsBlock #listBox .selectBox nav ul li.on{
background: linear-gradient(180deg, #e0d1e3, #ca9cda);
border-radius: .2em;
margin-right: .5em;
}
.qualifications #contents #contentsBlock #goodBox h3 ,
.qualifications #contents #contentsBlock #rankingBox h3,
.qualifications #contents #contentsBlock #listBox h3,
.qualifications #contents  #contentsBlock #categoryBlock{
background-image: linear-gradient( 45deg , #e0d1e3 25%, transparent 25%, transparent 75%, #e0d1e3 75%, #e0d1e3), linear-gradient( -45deg , #e0d1e3 25%, transparent 25%, transparent 75%, #e0d1e3 75%, #e0d1e3);
background-size: 3px 3px;
    }

/*
------------------------
トップページLP（漢字検定）2021年8月更新
------------------------
*/

#kanken_202108 {
    text-align: left;
    margin: 1em;
}
#kanken_202108 h2 {
    color: #7C209B;
        margin-bottom: 1em;
}
#kanken_202108 .inner {
    margin: 0 1em;
}
#kanken_202108 p.inner {
    margin-bottom: 1em;
}
#kanken_202108 h3 {
    background-image: linear-gradient( 
45deg
 , #f9e2ff 25%, transparent 25%, transparent 75%, #f9e2ff 75%, #f9e2ff), linear-gradient( 
-45deg
 , #f9e2ff 25%, transparent 25%, transparent 75%, #f9e2ff 75%, #f9e2ff);
    background-size: 3px 3px;
    padding: .5em 1em;
    font-size: 140%;
    height: 1em;
    line-height: 0em;
    margin: 1.5em 0 1em;
}
#kanken_202108 h3 span {
    color: rebeccapurple;
    font-size: 300%;
    padding: 0 .1em;
}
#kanken_202108 h3 span small {
    font-size: 40%;
}
#kanken_202108 .booksnav {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-around;
}
#kanken_202108 .booksnav > li {
width: 44%;
    position: relative;
    background-image: url(/qualifications/images/kanken_bg.webp);
    background-size: cover;
    border: solid 2px #7c209b;
    padding: 1em;
    border-radius: .5em;
margin-bottom:.3em;
}
#kanken_202108 .booksnav > li:nth-child(1)::before {
    content: "1";
}
#kanken_202108 .booksnav > li:nth-child(2)::before {
    content: "2";
}
#kanken_202108 .booksnav > li:nth-child(3)::before {
    content: "3";
}
#kanken_202108 .booksnav > li:nth-child(4)::before {
    content: "4";
}
#kanken_202108 .booksnav > li::before {
    color: white;
    background: #7C209B;
    left: 0;
    top: 0;
    padding: .2em .5em;
    position: absolute;
    font-size: 190%;
    line-height: 1em;
    font-weight: bold;
}
#kanken_202108 .booksnav h5 {
    color: #7C209B;
    position: absolute;
    font-size: 120%;
    top: .5em;
    left: 3em;
}
#kanken_202108 .booksinfo {
    margin-top: 2.5em;
    display: flex;


    align-items: center;
    justify-content: space-around;
    align-content: flex-start;
    flex-wrap: wrap;
}
#kanken_202108 > ul > li > div > a {
    width: 35%;
    margin-right: 5%;
}
#kanken_202108 .booksinfo img {
    width: 100%;
}
#kanken_202108 .bookslevel {
    width: 60%;
}
#kanken_202108 .bookslevel ul {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: .5em;
}
#kanken_202108 .bookslevel ul li {
    width: 43%;
    background: #cfc1b1;
    padding: .3em;
    margin-bottom: .3em;
    text-align: center;
    transition: 1s;
}
#kanken_202108 .bookslevel ul li  a {
    text-decoration: none;
    display: block;
}
#kanken_202108 .bookslevel ul li:hover {
    background: #9c8163;
}
#kanken_202108 table {
border: none;
    padding: 0px;
    margin: 0px auto 4em;
    background: #cfc1b1;
    font-size: 80%;
    width: 70%;
    }
#kanken_202108 th {
    background: #cfc1b1;
    width: 15%;
    text-align: center;
    border-bottom: solid white 1px;
}
#kanken_202108 tr:last-child th {
    border-bottom: none;
}
#kanken_202108 td {
    background: white;
    padding: 0 0 0 1em;
}

#kanken_202108 table caption {
    text-align: left;
    margin: 2em 0 .5em;
    font-size: 120%;
    font-weight: bold;
}

    /* --------------------
    レスポンシブ対応
    -------------------- */
    @media screen and (max-width:480px) {
        /*　画面サイズが480pxまでのスマホ　*/
#kanken_202108 {
    margin: .5em;
}
#kanken_202108 .inner {
    margin: 0 0;
}
#kanken_202108 h3 {
    font-size: 110%;
    line-height: 1.2em;
    text-align: center;
}
#kanken_202108 .booksnav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
}
#kanken_202108 .booksnav > li {
    width: 85%;
    }
#kanken_202108 > ul > li > div > a {
    width: 80%;
}    
#kanken_202108 .bookslevel {
    width: 100%;
}    
#kanken_202108 .booksinfo img {
    width: 80%;
    margin: 0 auto 1em;
    display: block;
}
#kanken_202108 table {
    margin: 0px auto 1em;
    width: 100%;
    }
    }