@charset "UTF-8";

.Visual{
	min-height:160px;
	background: url(../refer/dictionary/bg_dictionary_visual.png) no-repeat 50% 0;
}
.AncBox{
	display:block;
	padding-top:80px;
	margin-top:-80px;
}
.Inyou{
	font-size:75%;
	margin-top:1em;
}
.Inyou.NoteBlankLink{
    padding: 1em;
    color: #FFF;
    background-color: #0071B1;
}
.Inyou.NoteBlankLink a{
    color: #FFF;
}
.Inyou.NoteBlankLink a:hover{
    color: rgba(255,255,255,0.8);
}
.Inyou.NoteBlankLink strong{
    font-weight: bold;
    font-size: 133%;
    color: #FDFF00;
}

@media only screen and (max-width: 960px){
.Visual{
	background-position:-200px 0;
}
}
.Visual .CornerName{
	height:160px;
	font-size:1px;
	text-indent:-9999px;
}
@media only screen and (max-width: 767px){
.Visual{
	min-height:inherit;
	background-image: url(../refer/dictionary/bg_dictionary_visual_sp.png);
	background-size:100vw;
	background-position:50% 0;
}
.Visual .CornerName{
	height:24vw;
}
}

/*-----------------------------------------------
 __Old CSS
-----------------------------------------------*/
main {
}

main i {
	padding:0 3px 0 0;
	font-style:italic;
}

main em.kana {
	font-size:100%;
	font-style:normal;
}

.pgNavi {
	width:100%;
	max-width:960px;
	margin:0 auto 20px;
	padding:20px 0;
	background-color:#e2aa3b;
	text-align:center;
	font-size:0;
}

.pgNavi li {
	display:inline-block;
	font-size:1.6rem;
	color:#ffffff;
}

.pgNavi li:first-of-type::before {
	content:"|";
	margin:0 0.8em;
}
.pgNavi li::after {
	content:"|";
	margin:0 0.8em;
}

.pgNavi li a {
	color:#ffffff;
	letter-spacing: 1em;
	margin-right: -1em;
}

.pgNavi li:last-of-type a {
	letter-spacing: 0.4em;
	margin-right: -0.4em;
}

.pgNavi li a:hover {
	text-decoration:none;
	color:#00397b;
}

.pgNavi li.crnt a {
	color:#00397b;
}

.anchorNavi {
	position:relative;
	display:table;
	width:100%;
	margin:0 0 20px;
	background-color:#f7f4ea;
	border:1px solid #b4b5b5;
	box-sizing:border-box;
	z-index:1;
}

.anchorNavi dt {
	display:table-cell;
	background-color:#00397b;
	width:3em;
	padding:8px;
	text-align:center;
	vertical-align:middle;
	font-size:2.0rem;
	font-weight:bold;
	color:#ffffff;
}

.anchorNavi dt span {
	margin-left:0.7em;
	font-size:1.6rem;
}

.anchorNavi dd {
	display:table-cell;
	width:auto;
	padding:8px 12px;
	text-align:left;
	vertical-align:middle;
}

.anchorNavi dd ul {
	font-size:0;
}

.anchorNavi dd ul li {
	display:inline-block;
	margin:0 1.5em 0 0;
	font-size:1.4rem
}
.anchorNavi dd ul li:last-of-type {
	margin:0;
}

.anchorNavi dd ul li a {
	color:#00397b;
}

.itemWrap {
	width:100%;
}

.itemWrap .item {
	position:relative;
	width:100%;
	margin:0 0 20px 0;
	padding:20px;
	box-sizing:border-box;
	border:1px solid #b4b5b5;
}
.itemWrap .item::before {
	content:" ";
	display:block;
	background:#0d6fb8;
	border:1px solid #9f9fa0;
	position:absolute;
	left:-1px;
	top:-1px;
	width:84%;
	max-width:380px;
	height:10px;
	box-sizing:border-box;
}

.item .inrWrap {
}

.item .inrClmL {
	float:left;
	width:47.5%;
}
.item .inrClmR {
	float:right;
	width:47.5%;
	text-align:center;
}

.item h2 {
	margin:0 0 14px;
	font-size:2.0rem;
	font-weight:bold;
	color:#00397b;
}

.item h2 i {
	font-weight:bold;
}


.item .ind {
	text-indent:1em;
}

.item p.captionText {
	padding:0.8em 0 0;
	font-size:1.4rem;
}

.item p.captionTextS {
	padding:0.8em 0 0;
	font-size:1.2rem;
}

.item .img1clm {
	padding:20px 0 0;
	text-align:center;
}
.item img {
	max-width:100%;
}

main .sp_text{
	display:none;
}

@media only screen and (max-width: 980px) {
main {
	padding:0 2%;
	box-sizing:border-box;
}
}

@media only screen and (max-width: 640px) {
.pgNavi {
	width:100%;
}

.itemWrap .item{
	float:none;
	width:100%;
	margin:0 0 30px;
	padding:20px;
}

.item .inrClmL {
	float: none;
	width: 100%;
}
.item .inrClmR {
	float: none;
	width: 100%;
	padding:20px 0 0;
}

.item h2 {
	font-size:1.8rem;
}

}
/*-----------------------------------------------
 __Old CSSここまで
-----------------------------------------------*/