@charset "utf-8";
#page-mv{ padding: 20px 0;}
@media screen and (max-width: 600px) {
#page-mv .inner1200 .ttl .jpn-ttl{ font-size: 6.0vw;}
}
.line-p{ width: 100%; line-height: 1.2em !important; padding: 10px 50px 10px 10px !important; display: block !important; border-radius: 4px; border: solid 1px #ccc; letter-spacing: 0px !important;}
a.line-p::after { width: 24px !important; height: 24px !important; line-height: 24px !important; top: 50% !important; margin-top: -12px !important; right: 18px;}

/**/
#glossary-list { width: 96%; margin: 0 2%; max-width: 1100px; display: flex; flex-direction: column;}
#glossary-list .glossary-titleArea { padding: 30px 2%; border-bottom: solid 1px #555;}
#glossary-list .glossary-titleArea h2{ font-weight: 300; font-size: 30px; margin-bottom:15px;}
#glossary-list .glossary-titleArea h2 br{ display: none;}
#glossary-list .glossary-titleArea p{ font-size: 14px; line-height: 1.2em; color: #777; font-weight: 300;}
/**/
.glossary-kana-list{ width: 100%; display: flex; flex-direction: column; padding:30px 3%;}
.glossary-kana-list dl{ width: 100%; display: flex; flex-direction: row; padding: 5px 0;}
.glossary-kana-list dl dt{ width: 100px; line-height: 40px; padding-right: 30px; text-align: right; font-display: block; font-size: 14px; font-weight: bold;}
.glossary-kana-list dl dd{ flex: 1; display: flex; flex-direction: row;}
.glossary-kana-list dl dd > *{ width: 23%; height: 40px; margin: 0 1%; display: flex; justify-content: center; align-items: center; border-radius: 2px; font-size: 18px;}
.glossary-kana-list dl dd a{background: #fff; color: #111; border: solid 1px #ccc; font-weight: bold;}
.glossary-kana-list dl dd a:hover{ background: var(--color2); border: solid 1px var(--color2); }
.nofollow{ background: #efefef !important; color: #aaa !important; pointer-events: none !important; border: solid 1px #efefef !important; font-weight: 300 !important;}
.glossary-kana-list dl dd span.op0{ opacity: 0;}
@media screen and (max-width:700px) {
#glossary-list .glossary-titleArea { padding: 0px 4% 40px;}
#glossary-list .glossary-titleArea h2{ font-size: 7.6vw; margin-bottom: 20px;}
#glossary-list .glossary-titleArea h2 br{ display: block;}
.glossary-kana-list dl dt{ width: 40px; padding: 0; font-size: 12px; letter-spacing: 0; text-align: center;}
.glossary-kana-list dl dd > *{ font-size: 4.6vw;}
}



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

---------------------------*/
aside{ border-top: double 3px #888; display: flex; justify-content: center; padding: 0 0 60px;}

/**/
#glossary-page-ttl{ width: 100%; display: flex; border-bottom: solid 1px #aaa; justify-content: center;}
#glossary-page-ttl .tit{ display: block; margin-bottom: 70px; padding: 0 5%;}
#glossary-page-ttl .tit h1{ width: 100%; display: block; font-size: 44px; line-height: 1.2em; font-weight:300;}
#glossary-page-ttl .tit p{ font-size: 16px; color: #777; padding: 4px;}
@media screen and (max-width: 600px) {
#glossary-page-ttl .tit h1{ font-size: 8.8vw;}
#glossary-page-ttl .tit p{ font-size: 4.0vw;}
}
/**/
#glossary-page-ttl .txt{ width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 10px;}
#glossary-page-ttl .txt > div{ display: flex; flex-direction: row-reverse; align-items: center;}
#glossary-page-ttl .txt > div h2 a{ color: #777; font-size: 12px; font-weight: 400;  text-decoration: underline;}
#glossary-page-ttl .txt > div p{ display: flex; padding: 0 10px; font-size: 16px;}
#glossary-page-ttl .txt > div p a{ display: inline-block; padding: 0 10px; font-size: 16px; align-items: center; text-decoration: underline;}
#glossary-page-ttl .txt > div h2 a:hover, 
#glossary-page-ttl .txt > div p a:hover { color: #558EAA; text-decoration: none;}
#glossary-page-ttl .txt > p{ font-weight: bold;}
@media screen and (max-width: 700px) {
#glossary-page-ttl .txt{ flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start;}
#glossary-page-ttl .txt > div{ justify-content: flex-end; align-items: flex-start;}
#glossary-page-ttl .txt > div h2 a{ font-size: 13px; margin:0 0 2px 14px; display: block;}
#glossary-page-ttl .txt > div p{ padding: 0 5px; font-size: 13px; word-break: keep-all; margin-top: 4px;}
#glossary-page-ttl .txt > div p a{ font-size: 13px; padding: 0 4px; color: #777;}
#glossary-page-ttl .txt > p{ font-size: 16px;}
}




/**/
#detail-glossary { padding: 40px 5%;}
#detail-glossary > div{ align-items: flex-start;}
#detail-glossary h3{ font-size: 20px; margin: 40px 0 10px;}
#detail-glossary h4{ font-size: 24px; margin: 5px 0;}
#detail-glossary p{ display: block; width: 100%; margin-bottom: 40px; font-size: 16px; color: #555;}
#detail-glossary p a{ color: #0d4dd8; font-size: 14px; text-decoration: underline;}
#detail-glossary p a:hover{ color: #123c96; text-decoration: none;}
#detail-glossary p.gray{ width: 100%; padding: 15px ; border-radius: 8px; display: flex; flex-direction: column; margin: 40px 0; background: #e0e0e0;}
#detail-glossary p.gray b{ margin-bottom: 10px;}
/*----------*/
#detail-glossary .endpage{ width: 100%; display: flex; flex-direction: row-reverse; justify-content: space-between;  padding: 20px 0 50px; margin-top: 40px;}
#detail-glossary .endpage .connection { width: 30%; padding: 10px; border-radius: 10px; background: #f0f0f0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
#detail-glossary .endpage .connection h3{ font-size: 14px; font-weight: bold; margin-bottom: 6px; padding: 4px 10px;  margin: 0;}
#detail-glossary .endpage .connection p{ display: flex; flex-direction: column; margin-bottom: 0;}
#detail-glossary .endpage .connection p a{ width: 100%; padding: 2px 15px; font-size: 12px; display: flex; align-items: center; border-radius:20px; background: #fff; border: solid 1px #ccc; margin-bottom: 4px; line-height: 1.1em;}
#detail-glossary .endpage .connection p a:hover{ background:#5B6784; border: solid 1px #fff; color: #fff;}


/**/
#detail-glossary .endpage { width: 100%; display: block;}
#detail-glossary .endpage p{ width: 100%; display: flex; justify-content: flex-start; align-items: center;}
#detail-glossary .endpage p span{ display: flex; align-items: center; margin-right: 100px;}
#detail-glossary .endpage p span a{ display: block; font-size: 14px; text-decoration: underline;}
#detail-glossary .endpage p span a:hover{ text-decoration: none; color: #D87072;}
#detail-glossary .endpage p > a{ font-size: 12px; display: flex; align-items: center; border: solid 1px #aaa; color: #888; border-radius: 4px; width: auto; margin: 4px 0; padding: 8px 15px; line-height: 1.1em;}
#detail-glossary .endpage p > a:hover{ background:#555; border: solid 1px #555; color: #fff;}
#detail-glossary .endpage p > a.contact{ background:#D18889; border: solid 1px #D18889; color: #fff;}
#detail-glossary .endpage p > a.contact:hover{ background:#AA4F50; border: solid 1px #AA4F50; color: #fff;}
@media screen and (max-width: 700px) {
#detail-glossary .endpage{ flex-direction: column; padding-bottom: 0;}
#detail-glossary .endpage .connection { width:100%; margin-bottom: 40px;}
#detail-glossary .endpage{ width: 100%;}
#detail-glossary .endpage p{ width:100%; display: flex; flex-direction: row; flex-wrap: wrap;}
#detail-glossary .endpage p span{ width:auto; margin-right: 40px;}
#detail-glossary .endpage p span b, 
#detail-glossary .endpage p span a{ font-size: 12px;}
#detail-glossary .endpage p > a{ width: 100%; margin: 10px 0 0; }
}


















/*-------------------
ページリンク関連
----------------------*/
/*次へボタン*/
#blog-post-bottom{ width: 92%; margin: 0 4% 60px;}
#blog-post-bottom .pageInner{ width: 100%; max-width: 650px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#blog-post-bottom #blog_page_link { width: 100%;}
#blog-post-bottom #blog_page_link ul{ display: flex; flex-direction: row; justify-content: space-between;}
#blog-post-bottom #blog_page_link ul li{ display: block; width: 20%; margin: 0 3%; }
#blog-post-bottom #blog_page_link ul li.list{ width: 38%;}
#blog-post-bottom #blog_page_link ul li > *{ line-height: 60px; text-align: center; display: block; font-size: 16px; border-radius: 4px;}
#blog-post-bottom #blog_page_link ul li a{ border: solid 1px #555; text-decoration: none; color: #111; font-weight: bold;position: relative;}
#blog-post-bottom #blog_page_link ul li a span{ font-size: 16px;}
#blog-post-bottom #blog_page_link ul li a:hover{ background: #f0f0f0; border: solid 1px 000; box-shadow: 0 0 0 2px #000;}
#blog-post-bottom #blog_page_link ul li > span{ background: #e5e5e5; color: #888;}
/*icon*/
#blog-post-bottom #blog_page_link ul li.list a span, 
#blog-post-bottom #blog_page_link ul li.list a span::before, 
#blog-post-bottom #blog_page_link ul li.list a span::after{ content: ""; display: block; width: 20px; height: 2px; position: absolute; background: #111; transition: 0.3s;}
#blog-post-bottom #blog_page_link ul li.list a span{ margin-top: -1px; left: 15%; top: 50%;}
#blog-post-bottom #blog_page_link ul li.list a span::before{ margin-top: -6px; left: 0; top: 0;}
#blog-post-bottom #blog_page_link ul li.list a span::after{ margin-top: 6px; left: 0; top: 0;}
#blog-post-bottom #blog_page_link ul li.list a:hover span::before{ margin-top: -4px;}
#blog-post-bottom #blog_page_link ul li.list a:hover span::after{ margin-top: 4px;}
#blog-post-bottom #blog_page_link ul li a::before{ width: 10px; height: 10px; display: block; content: ""; position: absolute; border-bottom: solid 3px #111; top: 50%; margin-top: -7px; transition: 0.4s;}
#blog-post-bottom #blog_page_link ul li:nth-child(1) a::before{ left: 8%; border-left: solid 3px #111; transform:rotate(45deg);}
#blog-post-bottom #blog_page_link ul li:nth-child(1) a:hover::before{ left:6%;}
#blog-post-bottom #blog_page_link ul li:nth-child(2) a::before{ display: none;}
#blog-post-bottom #blog_page_link ul li:nth-child(3) a::before{ right: 8%; border-right: solid 3px #111; transform:rotate(-45deg);}
#blog-post-bottom #blog_page_link ul li:nth-child(3) a:hover::before{ right:6%;}
@media screen and (max-width:800px) {
#blog-post-bottom #blog_page_link ul li{width: 28%; margin: 0;}
#blog-post-bottom #blog_page_link ul li.list a span{ left: 8%;}
}
@media screen and (max-width:600px) {
#blog-post-bottom #blog_page_link ul li a span{ display: none;}
#blog-post-bottom #blog_page_link ul li a::before{ width: 8px; height: 8px; margin-top: -5px;}
#blog-post-bottom #blog_page_link ul li{width: 25%; margin: 0; }
#blog-post-bottom #blog_page_link ul li.list a{ padding-left: 8%;}
#blog-post-bottom #blog_page_link ul li.list a, 
#blog-post-bottom #blog_page_link ul li:nth-child(1) a::after, 
#blog-post-bottom #blog_page_link ul li:nth-child(3) a::after{ font-size: 13px;}
/*
#blog-post-bottom #blog_page_link ul li:nth-child(1) a::after{ content: "前へ";}
#blog-post-bottom #blog_page_link ul li:nth-child(3) a::after{ content: "次へ";}
*/
}

























/*-------------------
カテゴリー一覧
----------------------*/
@media screen and (min-width: 800px) {
#glossary-category { padding-left: 50px;}
#glossary-category .inner900 .g-cate-list .item:hover{ box-shadow: 0 4px 12px rgba(0,0,0,.2); background: #fff; border-bottom: dashed 1px #fff; z-index: 10; border-radius: 10px;}
}
#glossary-category { padding-bottom: 30px;}
#glossary-category .inner900{ padding: 30px 3%;}
#glossary-category .inner900 .g-cate-list{ width: 100%; display: flex; flex-direction: column;}
#glossary-category .inner900 .g-cate-list .item{ width: 100%; display: block; transition: 0.2s; border-bottom: dashed 1px #ccc; position: relative; z-index: 1;}
#glossary-category .inner900 .g-cate-list .item a{ width: 100%; display: flex; align-items: center; padding: 30px 10px; z-index: 1;}
#glossary-category .inner900 .g-cate-list .item a h2{ font-size: 20px; font-weight: 500; width: 35%; line-height: 1.1em; display: block; padding-right: 20px;}
#glossary-category .inner900 .g-cate-list .item a p{ flex: 1; font-size: 16px; line-height: 1.4em; font-weight: 400;}


@media screen and (max-width: 800px) {
#glossary-category .inner900 .g-cate-tit{ padding:10px;}
#glossary-category .inner900 .g-cate-tit h1 { font-size: 8.0vw; flex-direction: column; align-items: flex-start; text-indent: -0.5em;}
#glossary-category .inner900 .g-cate-tit h1 span{ font-size: 4.2vw; text-indent: 0;}
#glossary-category .inner900 .g-cate-tit p{ font-size: 12px; padding:10px 0 20px;}
#glossary-category .inner900 .g-cate-list{ padding: 0;}
#glossary-category .inner900 .g-cate-list .item a{ padding: 15px 3% 20px; flex-direction: column;}
#glossary-category .inner900 .g-cate-list .item a h2{ font-size: 18px; width: 100%; padding: 5px 0;}
#glossary-category .inner900 .g-cate-list .item a p{ width: 100%; font-size: 13px; color: #555;}
}


/*------------
 .pager
--------------*/
ul.page-numbers{ padding: 50px 0 100px; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start;}
ul.page-numbers li{ display: block; color: #fff; width: 34px; height: 48px; margin:6px ; text-align: center;}
ul.page-numbers li > *{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; line-height: 38px; font-style: 14px;  border-radius:2px;}
ul.page-numbers li a{ background: #fff; border: solid 1px #aaa; border-radius:2px; font-weight: 300; color: #888;}
ul.page-numbers li span{ background: #999;}
ul.page-numbers li a:hover{ border: solid 1px #fff; color: #000; box-shadow: 1px 1px 18px #ccc; background: #fff;}