@font-face{font-family:iconfont;src:url(../img/dictionary/iconfont.woff2) format("woff2"),url(../img/dictionary/iconfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
/* Web制作会社まとめ図鑑：日本地図ブロック（現行サイトから移植） */
.dictionary-map-outer{background-image:-webkit-gradient(linear,left top,right top,from(#a1bdc4),to(#f5ffff));background-image:linear-gradient(to right,#a1bdc4,#f5ffff);overflow:hidden;padding:25px 15px}
.dictionary-map{position:relative}
.dictionary-area,.dictionary-area-outer,.dictionary-area-select-outer,.dictionary-map__circle,.dictionary-map__lead,.dictionary-map__title{position:absolute}
.dictionary-map__image{text-align:center}
.dictionary-map__image img{width:100%}
.dictionary-area-outer{display:none}
.dictionary-map__title-inner{display:block;position:relative;background-color:#fff;-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow:0 0 6px rgba(0,0,0,.5);width:60vw;line-height:1;padding:10px 15px;z-index:2}
.dictionary-map__title-blue{display:inline-block;color:#294676;font-size:5vw;font-weight:700}
.dictionary-map__title-black{display:inline-block;color:#040429;font-size:3vw;font-weight:700}
.dictionary-map__title-orange{display:inline-block;color:#e16d38;font-size:4vw;font-weight:700;margin-top:.5em;padding-left:1em}
.dictionary-map__title-image{position:absolute;top:-10%;right:3%}
.dictionary-map__title-image img{width:20vw}
.dictionary-map__title-supplement{display:block;position:absolute;background-color:#e16d38;color:#fff;-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow:0 0 6px rgba(0,0,0,.5);font-size:2.5vw;line-height:1;padding:8px 12px 10px;font-weight:400;left:20px;z-index:1}
.dictionary-map__title-supplement-number{display:inline-block;margin-left:5px;margin-right:5px;font-size:3vw}
.dictionary-map__circle{width:22vw;height:22vw;left:0;top:calc(38px + 12vw);border:2px solid #fff;overflow:hidden;border-radius:100%}
.dictionary-map__circle img{width:100%}
.dictionary-map__lead{background-color:rgba(225,109,56,.9);font-size:2.75vw;right:0;bottom:calc(10vw + 40px);font-weight:700;color:#fff;line-height:1;padding:.5em .6em .5em 2em}
.dictionary-map__lead::before{font-family:iconfont;font-style:normal;font-weight:400;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\EA0D';position:absolute;font-size:1.5em;line-height:0;top:50%;left:.25em}
.dictionary-map__lead::after{content:'';display:block;width:10px;height:40px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:20px solid rgba(225,109,56,.9);border-bottom:20px solid transparent;position:absolute;top:100%;right:50%;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}
.dictionary-area-select-outer{opacity:.8;font-size:3vw;left:20%;bottom:2vw;-webkit-box-shadow:0 0 6px rgba(0,0,0,.5);box-shadow:0 0 6px rgba(0,0,0,.5);width:60%}
.dictionary-area-select-outer::before{font-family:iconfont;font-style:normal;font-weight:400;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\EA01';position:absolute;top:50%;line-height:0;right:.5em;color:#16346a;pointer-events:none}
.dictionary-area-select-outer select{color:#16346a;background-color:#fff;outline:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.25em 2em .25em 1em;font-weight:700;border-width:0}
.dictionary-area-select-outer select::-ms-expand{display:none}
@media (max-width:540px){.dictionary-map__lead{font-size:12px;bottom:70px}}
@media (max-width:540px){.dictionary-area-select-outer{font-size:16px;bottom:0;left:10%;width:80%}}
@media (min-width:992px){.dictionary-map-outer{height:780px;padding:50px 0}}
@media (min-width:992px){.dictionary-map__image{padding-top:13px}}
@media (min-width:992px){.dictionary-map__image img{max-width:940px}}
@media (min-width:992px){.dictionary-map{height:100%;width:960px;margin-left:auto;margin-right:auto}}
@media (min-width:992px){.dictionary-map__title-inner{width:560px;padding:18px 24px}}
@media (min-width:992px){.dictionary-map__title-blue{font-size:54px}}
@media (min-width:992px){.dictionary-map__title-black{font-size:38px}}
@media (min-width:992px){.dictionary-map__title-orange{font-size:30px;margin-top:10px;padding-left:60px}}
@media (min-width:992px){.dictionary-map__title-image{top:-18px;right:24px}}
@media (min-width:992px){.dictionary-map__title-image img{width:162px}}
@media (min-width:992px){.dictionary-map__title-supplement{font-size:26px;padding:8px 26px 10px;left:32px}}
@media (min-width:992px){.dictionary-map__title-supplement-number{font-size:40px}}
@media (min-width:992px){.dictionary-map__circle{width:200px;height:200px;left:20px;top:160px;border:5px solid #fff}}
@media (min-width:992px){.dictionary-map__circle img{width:100%}}
@media (min-width:992px){.dictionary-area-select-outer{display:none}}
@media (min-width:992px){.dictionary-map__lead{font-size:24px;bottom:auto;top:0;padding:15px 20px 15px 50px}}
@media (min-width:992px){.dictionary-map__lead::before{font-size:36px;top:50%;left:10px}}
@media (min-width:992px){.dictionary-map__lead::after{height:60px;border-top:30px solid rgba(225,109,56,.9);border-bottom:30px solid transparent;right:30%}}
@media (min-width:992px){.dictionary-area-outer{display:block;width:100%;height:100%;top:0;left:0}}
@media (min-width:992px){.dictionary-area{list-style:none;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 8px 4px;width:160px;background-color:rgba(255,255,255,.7)}}
@media (min-width:992px){.dictionary-area li{width:70px;margin-bottom:4px}}
@media (min-width:992px){.dictionary-area a{display:block;text-align:center;background-color:#16346a;color:#fff;text-decoration:none;border-radius:3px;font-size:14px;line-height:28px;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}}
@media (min-width:992px){.dictionary-area a:hover{opacity:.5}}
@media (min-width:992px){.dictionary-area--short{width:86px}}
@media (min-width:992px){.dictionary-area--hokkaido{top:112px;left:605px}}
@media (min-width:992px){.dictionary-area--tohoku{top:280px;left:765px}}
@media (min-width:992px){.dictionary-area--kanto{top:450px;left:705px}}
@media (min-width:992px){.dictionary-area--chubu{top:260px;left:460px}}
@media (min-width:992px){.dictionary-area--tokai{top:560px;left:480px}}
@media (min-width:992px){.dictionary-area--shikoku{top:590px;left:255px}}
@media (min-width:992px){.dictionary-area--kansai{top:235px;left:355px}}
@media (min-width:992px){.dictionary-area--chugoku{top:305px;left:250px}}
@media (min-width:992px){.dictionary-area--kyushu{top:435px;left:20px}}
@media (min-width:992px){.dictionary-area--okinawa{top:630px;left:10px}}
@media (min-width:1280px){.dictionary-area{padding:12px 12px 6px;width:200px}}
@media (min-width:1280px){.dictionary-area li{width:85px;margin-bottom:6px}}
@media (min-width:1280px){.dictionary-area a{font-size:17px;line-height:32px}}
@media (min-width:1280px){.dictionary-area--short{width:109px}}
@media (min-width:1280px){.dictionary-map__image{padding-top:26px;padding-left:180px}}
@media (min-width:1280px){.dictionary-map{width:1120px}}
@media (min-width:1280px){.dictionary-map__circle{width:250px;height:250px;left:0;top:160px;border:7px solid #fff}}
@media (min-width:1280px){.dictionary-area--hokkaido{top:112px;left:755px}}
@media (min-width:1280px){.dictionary-area--tohoku{top:280px;left:915px}}
@media (min-width:1280px){.dictionary-area--kanto{top:450px;left:855px}}
@media (min-width:1280px){.dictionary-area--chubu{top:240px;left:600px}}
@media (min-width:1280px){.dictionary-area--tokai{top:560px;left:630px}}
@media (min-width:1280px){.dictionary-area--shikoku{top:590px;left:405px}}
@media (min-width:1280px){.dictionary-area--kansai{top:215px;left:465px}}
@media (min-width:1280px){.dictionary-area--chugoku{top:285px;left:330px}}
@media (min-width:1280px){.dictionary-area--kyushu{top:435px;left:105px}}
@media (min-width:1280px){.dictionary-area--okinawa{top:630px;left:80px}}
/* フルブリード帯：ヘッダー下〜地図まで背景を連続させる */
.dc-map-band {
  padding-top: var(--header-h);
  background: linear-gradient(to right, #a1bdc4, #f5ffff);
}
.dc-map-band .dictionary-map-outer { padding-top: 30px; }
