/* ===================================

辞書機能のcss

=================================== */
.dictionary_link {
	color: blue;
	cursor: pointer;
	border-bottom: 1px blue dotted;
}

.dictionary {
	position: fixed;
	top: 5%;
	right: 1%;
	z-index: 100000000;
}
@media (min-width: 960px){
    .dictionary {
        /*
        top: 50%;
        transform: translateY(-50%);
        */
        top: 14%;
        right: 60%;
    }
}
@media (max-width: 959px){
    .dictionary {
        right: 3%;
        left: 3%;
    }
}

.dictionary_list {
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
	border-radius: 5px;
	display: none;
    width: 360px;
	padding: 12px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	font-size: 13px;
    max-width: 100%;
}

.dictionary_list_cross {
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 18px;
	cursor: pointer;
}

.dictionary_list h6 {
	font-weight: bold;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 1.3em;
}

.dictionary_list p {
	margin: 0;
}
.dictionary_archive_list li {
    display: inline-block;
    line-height: 1.4;
    margin: 0 20px 10px 0;
}
.dictionary_archive_list_title {
    color: #285D89;
    font-size: 140%;
    display: inline-block;
    font-weight: bold;
}
.dictionary_archive_list a {
    display: inline-block;
    position: relative;
    padding: 0 2px 0 20px;
    border-bottom: 1px solid #285d89;
}
.dictionary_archive_list a::before {
    content: "";
    position: absolute;
    border: 3px solid #285D89;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    border-left: 0;
    border-bottom: 0;
    transform: translateY(-50%) rotate(45deg);
}
@media(max-width: 959px){
    .dictionary_archive_list li {
        margin-bottom: 20px;
    }
}

.dictionary_cat_list li {
    padding: 10px;
    border-bottom: 1px solid #285D89;
}
.dictionary_cat_list li:first-child {
    border-top: 1px solid #285D89;
}
.dictionary_cat_list li p:last-child {
    margin-bottom: 0;
}
.dictionary_cat_list_title {
    color: #285D89;
    font-size: 140%;
    display: inline-block;
    font-weight: bold;
}

