https://school.benesse-bestudio.com/bbs/

1<!DOCTYPE html>
2<html lang="ja" class="no-js">
3<head>
4
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
7<meta charset="utf-8">
8<title>ベネッセの英会話教室を検索｜幼児～小学生の英語・英会話教室「ビースタジオ」</title>
9        <link rel="canonical"  href="https://school.benesse-bestudio.com/bbs/">
10            <meta name="description"  content="ベネッセの子供向け英語・英会話教室「ビースタジオ」は、ネイティブの外国人講師がベビーから幼児、小学生、中学生の英会話を指導します。 全国の教室の口コミ・評判や料金、先生の情報を確認して、ぜひ無料体験にお越しください。">
11                
12
13    
14    <meta name="google-site-verification" content="XXNro4ArByt4kwPwa-uDJQnLvzLD0cCXH4P_ueXS1h4" />
15    <link rel="shortcut icon" href="https://benesse-bestudio.com/common/icons/favicon.ico" />
16    <link rel="apple-touch-icon" href="" />
17    <link rel="apple-touch-icon-precomposed" href="" />
18
19<!-- Google Tag Manager --> 

19<script>

19(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','

19GTM-TXHXM2V

19');

19</script>

19 <!-- End Google Tag Manager -->

19<script src="//asset-cf4065d0259efcb1-6030-1.codemarketing.cloud/js-sdk/code-1.0.min.js" async></script>

19<script>window._cq = window._cq || [];function _cc(){_cq.push(arguments);}_cc('load', '6030', '0001');</script>

19
20    

20<script>

20
21      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
22      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
23      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
24      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
25
26      ga('create', '

26UA-55797392-1

26', 'auto');
27      

27ga('set', 'dimension1', '181.215.65.73');
28      ga('require', 'displayfeatures');
29      ga('send', 'pageview');
30
31          ga('create', 'UA-106333726-1', 'auto', {'name': 'clientTracker'});
32      ga('clientTracker.send', 'pageview');
33        </script>

33
34</head>
35
36    <link rel="stylesheet" href="//school.benesse-bestudio.com/bbs/resources/css/bootstrap/3.2.0/css/bootstrap.min.css"></link>
37    <link rel="stylesheet"href="//school.benesse-bestudio.com/bbs/resources/css/common.css"></link>
38    <link rel="stylesheet"href="//school.benesse-bestudio.com/bbs/resources/css/font/pkg-icons.css?201902270900"></link>
39        <link rel="stylesheet" href="//school.benesse-bestudio.com/bbs/resources/css/slick/slick-theme.css"></link>
40        <link rel="stylesheet" href="//school.benesse-bestudio.com/bbs/resources/css/slick/slick.css"></link>
41        <style>
42    /* スタイルリセット ------------------------------------------------------------ */
43ul {
44    margin: 0;
45    padding: 0;
46}
47
48li {
49    list-style: none;
50}
51
52dt {
53    font-weight: normal;
54}
55
56/* レスポンシブ向けにデフォルトスタイル調整 ---------------------------------------------- */
57
58@media screen and (max-width:768px) {
59    /* スマホのルートフォントサイズを変更 */
60    /* 基本的にremでフォントサイズを調整するためです。 */
61    /* bootstrapでルートフォントサイズが10pxにされるので調整 */
62    html {
63        font-size: 14px !important;
64    }
65
66    /* スマホの場合、リンクをデフォルトで黒にします。 */
67    a {
68         color: rgba(0, 0, 0, 0.87);
69     }
70
71    /* リスト内のaタグは親DOMいっぱいにします。 */
72    li>a {
73        width: 100%;
74        display: block;
75   }
76}
77
78@media screen and (min-width:769px) {
79    html {
80        font-size: 16px !important;
81    }
82}
83
84/* citrusのテンプレートでbodyの文字サイズ(14px)が強要されるためデフォルトフォントサイズを変更します */
85body {
86    font-size: 1rem !important;
87}
88
89input[type="text"] {
90    font-size: 1rem;
91}
92
93/* 余計なbootstrapのスタイル初期化 */
94.list-group-item:first-child, .list-group-item:last-child {
95    border-radius: 0 !important;
96}
97
98.container {
99    width: 100%;
100    padding-right: 0;
101    padding-left: 0;
102}
103
104/* bootstrapを新デザイン向けに拡張 */
105@media screen and (max-width: 768px) {
106    .list-group-item {
107        border: none;
108    }
109}
110
111/* カルーセル使用時、縁の強調色を取り除きます */
112.slick-slide {
113    outline: none;
114}
115
116/* IEのバツ印を非表示 */
117input::-ms-clear {
118    visibility:hidden
119}
120
121/* ユーティリティー ------------------------------------------------------------- */
122
123/* フォントに関するスタイル */
124.copper-font-small {
125    font-size: .8rem;
126    font-weight: normal;
127}
128
129.copper-font-normal {
130    font-size: 1rem;
131    font-weight: normal;
132}
133
134.copper-font-large {
135    font-size: 1.2rem;
136}
137
138.copper-font-base-color {
139    color: rgba(0,117,194,1);
140}
141
142.copper-font-sub {
143    font-size: .8rem;
144    color: rgba(0, 0, 0, 0.54);
145}
146
147/* DOM間の隙間に関するスタイル */
148.copper-top-bottom-padding {
149    padding-top: .5rem;
150    padding-bottom: .5rem;
151}
152
153.copper-top-bottom-padding-large {
154    padding-top: 1.5rem;
155    padding-bottom: 1.5rem;
156}
157
158/* 「◯◯件」で使用するスタイル */
159.copper-count-label {
160    display: inline-block;
161    padding: .2rem .4rem;
162    margin: 0 .5rem;
163    background-color: rgba(230,230,230,1);
164    border-radius: 1rem;
165    color: rgba(0, 0, 0, 0.87);
166}
167
168/* リストのカラムで使うスタイル */
169.copper-list-items {
170  /* bootstrapの余計なpaddingを防ぎます */
171   padding: 1rem !important;
172   border-bottom: solid 1px #e1e1e1;
173}
174
175.copper-list-items>div {
176    max-width: 90vw;
177}
178
179.copper-list-items dl>dd {
180    padding: .3rem 0;
181}
182
183.copper-list-items dl>dt>a {
184    display: inline-block;
185}
186
187/* SP向け矢印つきリスト */
188@media screen and (max-width:768px) {
189    .copper-sp-list-arrow {
190        /* bootstrapの余計なpaddingを防ぎます */
191        padding: 1rem 1rem !important;
192        border-bottom: solid 1px #e1e1e1;
193        position: relative;
194    }
195
196    .copper-sp-list-arrow:after {
197        content: '';
198        position: absolute;
199        right: 20px;
200        width: .8rem;
201        height: .8rem;
202        border-left: 2px solid rgba(0,117,194,1);
203        border-bottom: 2px solid rgba(0,117,194,1);
204        -webkit-transform: rotate(225deg);
205        -ms-transform: rotate(225deg);
206        transform: rotate(225deg);
207        box-sizing: border-box;
208        top: calc(50% - .4rem);
209        bottom: calc(50% - .4rem);
210    }
211}
212
213/* PC向け矢印付きリスト */
214.copper-pc-list-arrow {

215    /* bootstrapの余計なpaddingを防ぎます */
216    padding: 1rem 1rem !important;
217    border-bottom: solid 1px #e1e1e1;
218    position: relative;
219}
220
221.copper-pc-list-arrow:after {
222    content: '';
223    position: absolute;
224    right: 20px;
225    width: .8rem;
226    height: .8rem;
227    border-left: 2px solid rgba(0,117,194,1);
228    border-bottom: 2px solid rgba(0,117,194,1);
229    -webkit-transform: rotate(225deg);
230    -ms-transform: rotate(225deg);
231    transform: rotate(225deg);
232    box-sizing: border-box;
233    top: 0;
234    bottom: 0;
235    margin: auto;
236}
237
238/* リストでボトムをドットにする */
239.copper-list-dotted:not(:last-child) {
240    border-bottom: 1px dotted #e1e1e1;
241}
242
243/* リストで結果が無しのスタイル */
244.copper-list-none {
245    color: rgba(0, 0, 0, 0.54);
246    display: flex;
247    align-items: center;
248}
249
250/* baseColor背景色のボタン */
251.copper-btn-back-baseColor {
252    font-weight: normal;
253    color: rgba(255,255,255,1);
254    padding: .7rem 0;
255    margin-top: 1rem;
256    margin-bottom: 1rem;
257    background-color: rgba(0,117,194,1);
258    border-radius: 4px;
259    text-align: center;
260    cursor: pointer;
261    min-width: 30%;
262}
263
264.copper-btn-back-baseColor:hover {
265    color: rgba(255,255,255,1);
266}
267
268/* 縁がbaseColorのボタン */
269.copper-btn-border-baseColor {
270    font-weight: normal;
271    color: rgba(0,117,194,1);
272    padding: .7rem 0;
273    margin-top: 1rem;
274    margin-bottom: 1rem;
275    background-color: #ffffff;
276    border: solid 1px rgba(0,117,194,1);
277    border-radius: 4px;
278    text-align: center;
279    cursor: pointer;
280    min-width: 30%;
281}
282
283.copper-btn-border-baseColor:hover {
284    color: rgba(0,117,194,1);
285}
286
287@media screen and (max-width:768px) {
288    .copper-btn-border-baseColor {
289        width: 90%;
290    }
291
292    .copper-btn-back-baseColor {

293        width: 90%;
294    }
295}
296
297/* 矢印マークのスタイル */
298.copper-arrow-mark {
299   border-radius: 50%;
300   width:1rem;
301   height:1rem;
302}
303
304.copper-arrow-mark.inactive {
305    background-color: rgba(230,230,230,1);
306}
307
308.copper-arrow-mark.active {
309    position:relative;
310}
311
312.copper-arrow-mark.active:before, .copper-arrow-mark.active:after {
313    content:"";
314    display:block;
315    position:absolute;
316}
317
318.copper-arrow-mark.active:before {
319    width:1rem;
320    height:1rem;
321    border-radius:.5rem;
322    background:rgba(232,56,13,1);
323}
324
325.copper-arrow-mark.active:after {
326    border-left:2px solid #fff;
327    border-bottom:2px solid #fff;
328    width: .4rem;
329    height: .4rem;
330    -webkit-transform: rotate(-135deg);
331    -ms-transform: rotate(-135deg);
332    transform: rotate(-135deg);
333    left: .25rem;
334    top: .32rem;
335}
336.copper-arrow-mark.active.alternative:before {
337	width:1rem;
338    height:1rem;
339    border-radius:.5rem;
340	background-color: #fff;
341}
342.copper-arrow-mark.active.alternative:after {
343    border-left:2px solid rgba(0,117,194,1);
344    border-bottom:2px solid rgba(0,117,194,1);
345    width: .4rem;
346    height: .4rem;
347    -webkit-transform: rotate(-135deg);
348    -ms-transform: rotate(-135deg);
349    transform: rotate(-135deg);
350}
351
352/* チェックマークのスタイル */
353.copper-check-mark {
354   border-radius: 50%;
355   min-width:1rem;
356   height:1rem;
357}
358
359.copper-check-mark.inactive {
360    background-color: rgba(230,230,230,1);
361}
362
363.copper-check-mark.active {
364    position:relative;
365}
366
367.copper-check-mark.active:before, .copper-check-mark.active:after {
368    content:"";
369    display:block;
370    position:absolute;
371}
372
373.copper-check-mark.active:before {
374    width:1rem;
375    height:1rem;
376    border-radius:.5rem;
377    background: rgba(0,117,194,1);
378}
379
380.copper-check-mark.active:after {
381    border-left:2px solid #fff;
382    border-bottom:2px solid #fff;
383    width: .5rem;
384    height: .3rem;
385    -webkit-transform: rotate(-45deg);
386    -ms-transform: rotate(-45deg);
387    transform: rotate(-45deg);
388    left: .25rem;
389    top: .32rem;
390}
391
392.copper-check-mark>input[type=checkbox] {
393    display: none;
394}
395
396/*!* スマホはチェックマークの位置を変えます *!*/
397/*@media screen and (max-width: 768px) {*/
398/*    .copper-check-mark {*/
399/*        display: none;*/
400/*        position: absolute;*/
401/*        top: 0;*/
402/*        left: 3rem;*/
403/*        !* transformで微調整。画像の右角に合わせます *!*/
404/*       transform: translate(.5rem, -0.4rem);*/
405/*    }*/
406
407/*    .copper-check-mark.active {*/
408/*        display: inline;*/
409/*        position:absolute;*/
410/*    }*/
411
412/*    !*  画像アイコンがない時用  *!*/
413/*    .copper-check-mark.no-icon {*/
414/*        display: inline-block;*/
415/*          border-radius: 50%;*/
416/*          width:1rem;*/
417/*          height:1rem;*/
418/*        top: auto;*/
419/*        left: auto;*/
420/*        transform: none;*/
421/*    }*/
422/*}*/
423
424/* ドロップダウンメニュー */
425.copper-select-wrapper {
426    width: 100%;
427    padding: 0 2rem;
428    position:relative;
429    /*  様々なデバイスやブラウザselectボックス内のテキストを中å¤

429®å¯„せするためのスタイル  */
430    text-align: center;
431    text-align: -webkit-center;
432}
433
434.copper-area-dropdown {
435    background: #fff;
436    padding: .8rem 0;
437    width: 100%;
438    border: none;
439    cursor: pointer;
440    border-radius: 8px;
441    /*  様々なデバイスやブラウザselectボックス内のテキストを中央寄せするためのスタイル  */
442    text-align: center;
443    text-align-last: center;
444    /* 各ブラウザのselect要素の標準CSSをリセット */
445    -webkit-appearance: none;
446    -moz-appearance: none;
447    appearance: none;
448}
449
450/* IEの矢印を非表示 */
451.copper-area-dropdown::-ms-expand {
452    display: none;
453}
454
455.copper-dropdown-icon {
456    position: absolute;
457    height: .7em;
458    width: .7em;
459    top: 0;
460    bottom: 0;
461    right: 0;
462    margin: auto;
463    transform: translateX(-3.5rem);
464    cursor: pointer;
465    pointer-events: none;
466    z-index: 3;
467}
468
469.copper-dropdown-icon:after {
470    content: '';
471    border-top: .5rem solid rgba(0, 0, 0, 0.87);;
472    border-right: .5rem solid transparent;
473    border-bottom: .5rem solid transparent;
474    border-left: .5rem solid transparent;
475    position: absolute;
476}
477
478/*  インフォメーションアイコン  */
479.copper-information-icon {
480     display: inline-block;
481     width: 1rem;
482     height: 1rem;
483     border: 1px solid rgba(0,117,194,1);
484     border-radius: 50%;
485     position: relative;
486     cursor: pointer;
487     /* アイコン横のテキストと高さをあわせる */
488     box-sizing: initial;
489     vertical-align: text-bottom;
490}
491
492.copper-information-icon:before {
493      content: "";
494      position: absolute;
495      top: .15rem;
496      left: 0;
497      right: 0;
498      margin: auto;
499      border: solid 1px rgba(0,117,194,1);
500      width: 0;
501}
502
503.copper-information-icon:after {
504      content: "";
505      border: solid 1px rgba(0,117,194,1);
506      width: 0;
507      height: .42rem;
508      position: absolute;
509      left: 0;
510      right: 0;
511      margin: auto;
512      top: .45rem;
513}
514
515.copper-panel {
516    border: 1px solid #e1e1e1;
517    border-radius: 8px;
518    padding: 1rem .5rem;
519}
520
521.copper-panel:not(:last-child) {
522    margin-bottom: .5rem;
523}
524
525/* pkg-iconをカスタム */
526.pkg-icons {
527    color: rgba(0,117,194,1);
528}
529
530/* baseColorのボタン内は白 */
531.copper-btn-back-baseColor .pkg-icons {
532    color: #ffffff;
533}
534
535/*
536    円形のborderを引いたアイコン
537    usage
538    <i class="pkg-icons pkg-icons-train copper-icon-circle"></i>
539 */
540
541.copper-icon-circle.pkg-icons:before {
542    position: absolute;
543}
544
545.copper-icon-circle {
546    border: 1px solid #e1e1e1;
547    border-radius: 50%;
548    height: 2rem;
549    width: 2rem;
550    background-color: #ffffff;
551}
552
553/* そのままだと使えないので位置を微調整 */
554.copper-icon-circle.pkg-icons-train:before {
555    transform: translate(73%, 50%);
556}
557
558.copper-icon-circle.pkg-icons-bus:before {
559    transform: translate(73%, 50%);
560}
561
562.copper-icon-circle.pkg-icons-car:before {
563    transform: translate(50%, 45%);
564}
565
566.copper-icon-circle.pkg-icons-spot:before {
567    transform: translate(100%, 50%);
568}
569
570.copper-icon-circle.pkg-icons-shop:before {
571    transform: translate(49%, 41%);
572}
573
574/*
575    検索ボックス
576    usage
577    <div class="copper-input-text-search-with-icons">
578        <input type="text">
579        <i class="pkg-icons pkg-icons-search copper-input-text-search-icon"></i>
580        <img class="copper-input-text-clear-icon" src="//school.benesse-bestudio.com/bbs/resources/img/common/close_black.png" alt="クリア">
581    </div>
582 */
583
584.copper-input-text-search-with-icons {
585    position: relative;
586}
587
588.copper-input-text-search-with-icons input[type="text"] {
589    padding-left: 1.5rem;
590}
591
592.copper-input-text-search-with-icons input[type="text"]:has(~ .copper-input-text-clear-icon) {
593    padding-right: 1.8rem;
594}
595
596.copper-input-text-search-icon {
597    position: absolute;
598    top: 0;
599    width: 1rem;
600    height: 1rem;
601    bottom: 0;
602    margin: auto;
603    left: .5rem;
604}
605
606.copper-input-text-clear-icon {
607        display: none;
608      position: absolute;
609      width: 1rem;
610      height: 1rem;
611      top: 0;
612      right: .5rem;
613      bottom: 0;
614      margin: auto;
615}
616
617/*
618    ウィジェットタイトルアイコン
619    usage
620    <div class="copper-title-icon">

621        <span class="pkg-icons pkg-icons-search"></span>
622    </div>
623 */
624.copper-title-icon {
625    position: relative;
626    display: inline-block;
627    align-items: center;
628    background-color: rgba(0,117,194,1);
629    border-radius: 50%;
630    width: 2rem;
631    height: 2rem;
632    margin-right: .5rem;
633}
634
635div>.copper-title-icon {
636    display: flex;
637    align-items: center;
638}
639
640.copper-title-icon>span {
641    position: absolute;
642    color: #ffffff;
643    top: 0;
644    bottom: 0;
645    right: 0;
646    left: 0;
647    margin: auto;
648    width: 50%;
649    height: 50%;
650}
651
652/* 個々のアイコンで位置を微調整します */
653.copper-title-icon>.pkg-icons-search:before {
654    position: absolute;
655    transform: translate(-0.2rem, -0.2rem);
656}
657
658.copper-title-icon>.pkg-icons-arrow-right-crossbar:before {
659    position: absolute;
660    transform: translate(-0.1rem, -0.1rem);
661}
662
663/* ウィジェットタイトルのtitleや注記文言エリア */
664.copper-title-sentence {
665    flex-shrink: 30;
666    display: inline-block;
667}
668
669/* フッターのPowerd by NAVITIME は一律真ん中に表示 */
670#w_255_poweredby_1_1-content {
671    display: flex;
672    justify-content: center;
673}
674
675/* - spot/list/mapとspot/routeの地図画面で使用 ----------------------------------- */
676.widgets-on-detailmap {
677    /* 高さは地図と同じ */
678    height: ${variables.w_7_detailmap_1_1_height};
679    width: ${variables.w_7_detailmap_1_1_leftPanelWidth};
680    position: absolute;
681    z-index: 100;
682    top: 0;
683    overflow: scroll;
684    background-color: #fff;
685}
686
687.widgets-on-detailmap>div {
688    /* widget templateで強制的にheight100%になるのを防ぐ */
689    height: auto !important;
690}
691
692.show-sidemenu-button,
693.hide-sidemenu-button {
694    display: none;
695    justify-content: center;
696    align-items: center;
697    background-color: rgba(0,117,194,1);
698    color: #ffffff;
699    border-radius: 20px;
700    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.24);
701    width: 6rem;
702    height: 2.5rem;
703    cursor: pointer;
704    bottom: 2rem;
705    z-index: 1000;
706}
707
708.show-sidemenu-button {
709    position: absolute;
710    left: 3vw;
711}
712
713.hide-sidemenu-button {
714    position: fixed;
715    left: calc(80% - 6rem - 3vw);
716}
717
718.show-sidemenu-button>.pkg-icons {
719    color: #ffffff;
720}
721
722.hide-sidemenu-button-icon-area {
723    width: 1rem;
724    height: 1rem;
725    display: inline-block;
726    position: relative;
727    margin-right: .3rem;
728}
729
730.hide-sidemenu-button-icon {
731    width: 1rem;
732    height: 1px;
733    border-bottom: 2px #fff solid;
734    position: absolute;
735    top: 0;
736    bottom: 0;
737    right: 0;
738    left: 0;
739    margin: auto;
740    -webkit-transform:rotate(45deg);
741    -ms-transform:rotate(45deg);
742    transform:rotate(45deg);
743}
744
745.hide-sidemenu-button-icon:before {
746    content: "";
747    position: absolute;
748    display: block;
749    width: 1rem;
750    height: 1px;
751    border-top: 2px #fff solid;
752    -webkit-transform:rotate(-90deg);
753    -ms-transform:rotate(-90deg);
754    transform:rotate(-90deg);
755}
756
757.detailmap-cover {
758    display: none;
759}
760
761/* タブレット */
762@media screen and (max-width:991px) {
763    .widgets-on-detailmap {
764        width: 80%;
765        display: none;
766        z-index: 4500;
767    }
768    .show-sidemenu-button,
769    .hide-sidemenu-button {
770        display: inline-flex;
771    }
772    .detailmap-cover {
773        position: absolute;
774        top: 0;
775        left: 0;
776        z-index: 99;
777        height: 100%;
778        width: 100%;
779    }
780}
781
782/* 地図吹き出しカスタマイズ */
783.ntgeo-infowindow-tail {
784    display: none !important;
785}
786
787.ntgeo-infowindow {
788    padding: 0 !important;
789    width: 23rem;
790    background-color: rgba(255, 255, 255, 0.9) !important;
791    border-radius: 8px !important;
792    overflow: hidden;
793    /* ntgeo-infowindow-tailを非表示分、位置調整 */
794    -webkit-transform: translate(-23px,0);
795    -ms-transform: translate(-23px,0);
796    transform: translate(-23px,0);
797}
798
799/* gaIA用地図吹き出しカスタマイズ */
800.gia-object-infowindow {
801    padding: 0 !important;
802    width: 23rem;
803    height: auto !important;
804    border-radius: 8px !important;
805    overflow: hidden;
806    font-size: 13px;
807    max-width: none !important;
808    box-shadow: 4px 4px 10px #777;
809    -webkit-box-shadow: 4px 4px 10px #777;
810    -moz-box-shadow: 4px 4px 10px #777;

811    -o-box-shadow: 4px 4px 10px #777;
812    -ms-box-shadow: 4px 4px 10px #777;
813}
814
815.infowindow-wrap {
816    width: 100%;
817    border-radius: 8px;
818    /*box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.24);*/
819}
820
821.infowindow-wrap>p {
822    margin: 0;
823    background-color: rgba(0,117,194,1);
824    color: #ffffff;
825    font-size: 1rem;
826    padding: 1rem;
827    /* クローズアイコンと被らないようにします */
828    padding-right: calc(1rem + 20px) !important;
829}
830
831.infowindow-body {
832    padding: 1rem;
833}
834
835.infowindow-btn {
836    margin: 0;
837    border: 1px solid rgba(0,117,194,1);
838    display: flex;
839    justify-content: center;
840    align-items: center;
841}
842
843.infowindow-btn>i {
844    margin-left: .25rem;
845}
846
847.infowindow-btn>a {
848    color: rgba(0,117,194,1);
849    display: inline-block;
850    margin-right: .25rem;
851}
852
853/* gaIA用地図クローズボタンカスタマイズ */
854.gia-object-infowindow__close-btn {
855    width: 20px !important;
856    height: 20px !important;
857    top: 15px !important;
858    right: 15px !important;
859    background-position: center;
860    background-image: url("//school.benesse-bestudio.com/bbs/resources/img/common/close_white.png") !important;
861    outline: none;
862    /* buttonタグ内の×マークを非表示 */
863    text-indent: -999px;
864    white-space: nowrap;
865    overflow: hidden;
866}
867
868.ntgeo-close {
869    width: 20px !important;
870    height: 20px !important;
871    background-position: center;
872    background-image: url("//school.benesse-bestudio.com/bbs/resources/img/common/close_white.png") !important;
873}
874
875@media screen and (max-width:768px) {
876    .ntgeo-infowindow {
877        width: 90vw;
878        -webkit-transform: translate(-23px,50vh);
879        -ms-transform: translate(-23px,50vh);
880        transform: translate(-23px,50vh);
881    }
882
883    .gia-object-infowindow__tail {
884        width: 0 !important;
885        height: 0 !important;
886    }
887}
888
889/* オートコンプリートをスクロールバーにします */
890.ui-autocomplete {
891    overflow-y: auto;
892    overflow-x: hidden;
893    z-index: 5000;
894    -ms-overflow-style: none;    /* IE, Edge 対応 */
895    scrollbar-width: none;       /* Firefox 対応 */
896}
897
898.ui-autocomplete::-webkit-scrollbar {

899    /* Chrome, Safari 対応 */
900    display:none;
901}
902
903/* 印刷ページ 全体のレイアウト */
904.print-wrap {
905    width: 960px;
906    padding: 40px 60px;
907}
908
909    #w_7_structuredmuhmg_1_1-widget {
910    background-color: rgba(255,255,255,0);
911
912            }
913
914#w_7_structuredmuhmg_1_1-widget-title {
915    display: flex;
916    align-items: center;
917    justify-content: flex-start;
918    flex-wrap: wrap;
919        border-style:none;
920border-color:rgba(0,117,194,1);
921border-width:2px;
922border-radius:4px;
923    padding:1rem 0;
924margin:0px 0px 0px 0px;
925background-color:rgba(255,255,255,0);
926box-shadow:none;
927    font-size:1.4rem;
928font-weight:bold;
929color:rgba(51,51,51,1);
930text-decoration:none;
931            border-bottom: solid #e1e1e1 1px;
932    }
933
934
935#w_7_structuredmuhmg_1_1-widget-body {
936           padding: 1rem 0;
937       background-color: rgba(255,255,255,1);
938    box-sizing: border-box;
939           border-bottom: solid #e1e1e1 1px;
940          }
941
942@media screen and (max-width: 1370px) {
943    #w_7_structuredmuhmg_1_1-widget {
944                            }
945
946    #w_7_structuredmuhmg_1_1-widget-body {
947                    }
948}
949
950@media screen and (max-width: 960px) {
951    #w_7_structuredmuhmg_1_1-widget {
952        padding-left: 0;
953        padding-right: 0;
954        min-width: 960px;
955    }
956
957    #w_7_structuredmuhmg_1_1-widget-body {
958        transform: none;
959        min-width: 960px;
960    }
961}
962#w_7_headerfooter_1_1-widget {
963    background-color: rgba(255,255,255,0);
964
965            }
966
967#w_7_headerfooter_1_1-widget-title {
968    display: flex;
969    align-items: center;
970    justify-content: flex-start;
971    flex-wrap: wrap;
972        border-style:none;
973border-color:rgba(0,117,194,1);
974border-width:2px;
975border-radius:4px;
976    padding:1rem 0;
977margin:0px 0px 0px 0px;
978background-color:rgba(255,255,255,0);
979box-shadow:none;
980    font-size:1.4rem;

981font-weight:bold;
982color:rgba(51,51,51,1);
983text-decoration:none;
984            border-bottom: solid #e1e1e1 1px;
985    }
986
987
988#w_7_headerfooter_1_1-widget-body {
989           padding: 1rem 0;
990       background-color: rgba(255,255,255,1);
991    box-sizing: border-box;
992           border-bottom: solid #e1e1e1 1px;
993          }
994
995@media screen and (max-width: 1370px) {
996    #w_7_headerfooter_1_1-widget {
997                            }
998
999    #w_7_headerfooter_1_1-widget-body {
1000                    }
1001}
1002
1003@media screen and (max-width: 960px) {
1004    #w_7_headerfooter_1_1-widget {
1005        padding-left: 0;
1006        padding-right: 0;
1007        min-width: 960px;
1008    }
1009
1010    #w_7_headerfooter_1_1-widget-body {
1011        transform: none;
1012        min-width: 960px;
1013    }
1014}
1015#w_7_topbreadcrumbs_1_1-widget {
1016    background-color: rgba(255,255,255,0);
1017
1018            padding-right: 15vw;
1019        padding-left: 15vw;
1020            }
1021
1022#w_7_topbreadcrumbs_1_1-widget-title {
1023    display: flex;
1024    align-items: center;
1025    justify-content: flex-start;
1026    flex-wrap: wrap;
1027        border-style:none;
1028border-color:rgba(0,117,194,1);
1029border-width:2px;
1030border-radius:4px;
1031    padding:1rem 0;
1032margin:0px 0px 0px 0px;
1033background-color:rgba(255,255,255,0);
1034box-shadow:none;
1035    font-size:1.4rem;

1036font-weight:bold;
1037color:rgba(51,51,51,1);
1038text-decoration:none;
1039            border-bottom: solid #e1e1e1 1px;
1040    }
1041
1042
1043#w_7_topbreadcrumbs_1_1-widget-body {
1044      background-color: rgba(255,255,255,0);
1045    box-sizing: border-box;
1046          }
1047
1048@media screen and (max-width: 1370px) {
1049    #w_7_topbreadcrumbs_1_1-widget {
1050                    padding-right: calc((100vw - 960px) / 2);
1051            padding-left: calc((100vw - 960px) / 2);
1052                            }
1053
1054    #w_7_topbreadcrumbs_1_1-widget-body {
1055                    }
1056}
1057
1058@media screen and (max-width: 960px) {
1059    #w_7_topbreadcrumbs_1_1-widget {
1060        padding-left: 0;
1061        padding-right: 0;
1062        min-width: 960px;
1063    }
1064
1065    #w_7_topbreadcrumbs_1_1-widget-body {
1066        transform: none;
1067        min-width: 960px;
1068    }
1069}
1070#w_7_imagelinkbanner_1_1-widget {
1071    background-color: rgba(255,255,255,0);
1072
1073            }
1074
1075#w_7_imagelinkbanner_1_1-widget-title {
1076    display: flex;
1077    align-items: center;
1078    justify-content: flex-start;
1079    flex-wrap: wrap;
1080        border-style:none;
1081border-color:rgba(0,117,194,1);
1082border-width:2px;
1083border-radius:4px;
1084    padding:1rem 0;
1085margin:0px 0px 0px 0px;
1086background-color:rgba(255,255,255,0);
1087box-shadow:none;
1088    font-size:1.4rem;

1089font-weight:bold;
1090color:rgba(51,51,51,1);
1091text-decoration:none;
1092            border-bottom: solid #e1e1e1 1px;
1093    }
1094
1095
1096#w_7_imagelinkbanner_1_1-widget-body {
1097      background-color: rgba(255,255,255,1);
1098    box-sizing: border-box;
1099           border-bottom: solid #e1e1e1 1px;
1100          }
1101
1102@media screen and (max-width: 1370px) {
1103    #w_7_imagelinkbanner_1_1-widget {
1104                            }
1105
1106    #w_7_imagelinkbanner_1_1-widget-body {
1107                    }
1108}
1109
1110@media screen and (max-width: 960px) {
1111    #w_7_imagelinkbanner_1_1-widget {
1112        padding-left: 0;
1113        padding-right: 0;
1114        min-width: 960px;
1115    }
1116
1117    #w_7_imagelinkbanner_1_1-widget-body {
1118        transform: none;
1119        min-width: 960px;
1120    }
1121}
1122#w_7_managementbanner_1_1-widget {
1123    background-color: rgba(255,255,255,0);
1124
1125            }
1126
1127#w_7_managementbanner_1_1-widget-title {
1128    display: flex;
1129    align-items: center;
1130    justify-content: flex-start;
1131    flex-wrap: wrap;
1132        border-style:none;
1133border-color:rgba(0,117,194,1);
1134border-width:2px;
1135border-radius:4px;
1136    padding:1rem 0;
1137margin:0px 0px 0px 0px;
1138background-color:rgba(255,255,255,0);
1139box-shadow:none;
1140    font-size:1.4rem;

1141font-weight:bold;
1142color:rgba(51,51,51,1);
1143text-decoration:none;
1144            border-bottom: solid #e1e1e1 1px;
1145    }
1146
1147
1148#w_7_managementbanner_1_1-widget-body {
1149      background-color: rgba(255,255,255,1);
1150    box-sizing: border-box;
1151           border-bottom: solid #e1e1e1 1px;
1152          }
1153
1154@media screen and (max-width: 1370px) {
1155    #w_7_managementbanner_1_1-widget {
1156                            }
1157
1158    #w_7_managementbanner_1_1-widget-body {
1159                    }
1160}
1161
1162@media screen and (max-width: 960px) {
1163    #w_7_managementbanner_1_1-widget {
1164        padding-left: 0;
1165        padding-right: 0;
1166        min-width: 960px;
1167    }
1168
1169    #w_7_managementbanner_1_1-widget-body {
1170        transform: none;
1171        min-width: 960px;
1172    }
1173}
1174#w_7_imagelink_1_1-widget {
1175    background-color: rgba(255,255,255,0);
1176
1177            }
1178
1179#w_7_imagelink_1_1-widget-title {
1180    display: flex;
1181    align-items: center;
1182    justify-content: flex-start;
1183    flex-wrap: wrap;
1184        border-style:none;
1185border-color:rgba(0,117,194,1);
1186border-width:2px;
1187border-radius:4px;
1188    padding:1rem 0;
1189margin:0px 0px 0px 0px;
1190background-color:rgba(255,255,255,0);
1191box-shadow:none;
1192    font-size:1.4rem;

1193font-weight:bold;
1194color:rgba(51,51,51,1);
1195text-decoration:none;
1196            border-bottom: solid #e1e1e1 1px;
1197    }
1198
1199
1200#w_7_imagelink_1_1-widget-body {
1201           padding: 1rem 0;
1202       background-color: rgba(255,255,255,1);
1203    box-sizing: border-box;
1204           border-bottom: solid #e1e1e1 1px;
1205          }
1206
1207@media screen and (max-width: 1370px) {
1208    #w_7_imagelink_1_1-widget {
1209                            }
1210
1211    #w_7_imagelink_1_1-widget-body {
1212                    }
1213}
1214
1215@media screen and (max-width: 960px) {
1216    #w_7_imagelink_1_1-widget {
1217        padding-left: 0;
1218        padding-right: 0;
1219        min-width: 960px;
1220    }
1221
1222    #w_7_imagelink_1_1-widget-body {
1223        transform: none;
1224        min-width: 960px;
1225    }
1226}
1227#w_7_template_html_1_1-widget {
1228    background-color: rgba(255,255,255,0);
1229
1230            }
1231
1232#w_7_template_html_1_1-widget-title {
1233    display: flex;
1234    align-items: center;
1235    justify-content: flex-start;
1236    flex-wrap: wrap;
1237        border-style:none;
1238border-color:rgba(0,117,194,1);
1239border-width:2px;
1240border-radius:4px;
1241    padding:1rem 0;
1242margin:0px 0px 0px 0px;
1243background-color:rgba(255,255,255,0);
1244box-shadow:none;
1245    font-size:1.4rem;

1246font-weight:bold;
1247color:rgba(51,51,51,1);
1248text-decoration:none;
1249            border-bottom: solid #e1e1e1 1px;
1250    }
1251
1252
1253#w_7_template_html_1_1-widget-body {
1254           padding: 1rem 0;
1255       background-color: rgba(255,255,255,1);
1256    box-sizing: border-box;
1257           border-bottom: solid #e1e1e1 1px;
1258          }
1259
1260@media screen and (max-width: 1370px) {
1261    #w_7_template_html_1_1-widget {
1262                            }
1263
1264    #w_7_template_html_1_1-widget-body {
1265                    }
1266}
1267
1268@media screen and (max-width: 960px) {
1269    #w_7_template_html_1_1-widget {
1270        padding-left: 0;
1271        padding-right: 0;
1272        min-width: 960px;
1273    }
1274
1275    #w_7_template_html_1_1-widget-body {
1276        transform: none;
1277        min-width: 960px;
1278    }
1279}
1280#w_7_top_freeword_1_1-widget {
1281    background-color: rgba(255,255,255,0);
1282
1283            }
1284
1285#w_7_top_freeword_1_1-widget-title {
1286    display: flex;
1287    align-items: center;
1288    justify-content: flex-start;
1289    flex-wrap: wrap;
1290        border-style:none;
1291border-color:rgba(0,117,194,1);
1292border-width:2px;
1293border-radius:4px;
1294    padding:0;
1295margin:0px 0px 0px 0px;
1296background-color:rgba(255,255,255,0);
1297box-shadow:none;
1298    font-size:1.4rem;

1299font-weight:bold;
1300color:rgba(51,51,51,1);
1301text-decoration:none;
1302            border-bottom: solid #e1e1e1 1px;
1303    }
1304
1305
1306#w_7_top_freeword_1_1-widget-body {
1307           padding: 1rem 0;
1308       background-color: rgba(255,255,255,1);
1309    box-sizing: border-box;
1310                  padding-right: 15vw;
1311        padding-left: 15vw;
1312    }
1313
1314@media screen and (max-width: 1370px) {
1315    #w_7_top_freeword_1_1-widget {
1316                            }
1317
1318    #w_7_top_freeword_1_1-widget-body {
1319                            padding-right: calc((100vw - 960px) / 2);
1320            padding-left: calc((100vw - 960px) / 2);
1321            }
1322}
1323
1324@media screen and (max-width: 960px) {
1325    #w_7_top_freeword_1_1-widget {
1326        padding-left: 0;
1327        padding-right: 0;
1328        min-width: 960px;
1329    }
1330
1331    #w_7_top_freeword_1_1-widget-body {
1332        transform: none;
1333        min-width: 960px;
1334    }
1335}
1336#w_7_top_freeword_1_1-widget-body {
1337    width:100%;
1338height:350px;
1339    display: flex;
1340    flex-direction: row;
1341    background-image:url(//image.pkg.navitime.co.jp/citrus/513/other_image/top1920_320.jpg);
1342background-repeat:repeat;
1343background-position:center;
1344background-size:cover;
1345}
1346
1347/********************************************
1348    search-area(店舗検索枠)
1349 ********************************************/
1350
1351#w_7_top_freeword_1_1-search-area {
1352    flex-grow: 1;
1353}
1354
1355#w_7_top_freeword_1_1_upperCaption {
1356    padding:0px 0px 0px 0px;
1357margin:0px 0 30px 0;
1358background-color:rgba(255,255,255,0);
1359box-shadow:none;
1360    font-size:46px;
1361font-weight:normal;
1362color:rgba(51,51,51,1);
1363text-decoration:none;
1364    border-style:none;
1365border-color:rgba(0,117,194,1);
1366border-width:2px;
1367border-radius:4px;
1368}
1369
1370#w_7_top_freeword_1_1_current-condition {
1371    padding:0px 0px 0px 0px;
1372margin:0px 0px 0px 0px;
1373background-color:rgba(255, 255, 255, 0);
1374box-shadow:none;
1375    font-size:1em;
1376font-weight:normal;
1377color:#333333;
1378text-decoration:none;
1379    border-style:none;
1380border-color:rgba(0,117,194,1);
1381border-width:2px;
1382border-radius:4px;
1383    min-height: 5em;
1384    display: flex;
1385    flex-direction: column;
1386    justify-content: center;
1387    }
1388
1389.w_7_top_freeword_1_1_current-condition-categories {
1390    display: flex;
1391    align-items: center;
1392    column-gap: 0.5em;
1393    flex-wrap: wrap;
1394        padding:0px 0px 0px 0px;
1395margin:0px 0px 0px 0px;
1396background-color:rgba(255, 255, 255, 0);
1397box-shadow:none;
1398    font-size:1em;
1399font-weight:normal;
1400color:#333333;
1401text-decoration:none;
1402    border-style:none;
1403border-color:rgba(0,117,194,1);
1404border-width:2px;
1405border-radius:4px;
1406}
1407
1408.w_7_top_freeword_1_1_current-condition-category {
1409    padding:0px 0px 0px 0px;
1410margin:0px 0px 0px 0px;
1411background-color:rgba(255, 255, 255, 0);
1412box-shadow:none;
1413    font-size:1em;
1414font-weight:normal;
1415color:#333333;
1416text-decoration:none;
1417    border-style:none;
1418border-color:rgba(0,117,194,1);
1419border-width:2px;
1420border-radius:4px;
1421}
1422
1423.w_7_top_freeword_1_1_current-condition-columns {
1424    padding:0px 0px 0px 0px;
1425margin:0px 0px 0px 0px;
1426background-color:rgba(255, 255, 255, 0);
1427box-shadow:none;
1428    font-size:1em;
1429font-weight:normal;
1430color:#333333;
1431text-decoration:none;
1432    border-style:none;
1433border-color:rgba(0,117,194,1);
1434border-width:2px;
1435border-radius:4px;
1436}
1437
1438.w_7_top_freeword_1_1_current-condition-total {
1439    padding:0px 0px 0px 0px;
1440margin:0px 0px 0px 0px;
1441background-color:rgba(255, 255, 255, 0);
1442box-shadow:none;
1443    font-size:1em;
1444font-weight:normal;
1445color:#333333;
1446text-decoration:none;
1447    border-style:none;
1448border-color:rgba(0,117,194,1);
1449border-width:2px;
1450border-radius:4px;
1451}
1452
1453#w_7_top_freeword_1_1_bottomCaption {
1454    padding:0px 0px 0px 0px;
1455margin:15px 0 0 0;
1456background-color:rgba(255,255,255,0);
1457box-shadow:none;
1458    font-size:14px;
1459font-weight:normal;
1460color:rgba(51,51,51,1);
1461text-decoration:none;
1462    border-style:none;
1463border-color:rgba(0,117,194,1);
1464border-width:2px;
1465border-radius:4px;
1466}
1467
1468#w_7_top_freeword_1_1_input-label {
1469    padding:0px 0px 0px 0px;
1470margin:0px 0px 0px 0px;
1471background-color:rgba(255,255,255,0);
1472box-shadow:none;
1473    background-image:none;
1474background-repeat:repeat;
1475background-position:0 0;
1476background-size:auto;
1477    font-size:1em;

1478font-weight:normal;
1479color:rgba(51,51,51,1);
1480text-decoration:none;
1481    width: ${variables.w_7_top_freeword_1_1_inputLabelWidth};
1482}
1483
1484#w_7_top_freeword_1_1_input {
1485    pointer-events: none;/* DP-7258 js内でボタンをアクティブ化します。 */
1486	padding:12px 24px;
1487margin:0px 0px 0px 0px;
1488background-color:rgba(255,255,255,1);
1489box-shadow:none;
1490	height: 45px;
1491    /* 指定がなければ親スタイルを適用 */
1492        }
1493
1494input#w_7_top_freeword_1_1_input::-webkit-input-placeholder,
1495input#w_7_top_freeword_1_1_input:-moz-placeholder {
1496    font-size:1em;
1497font-weight:normal;
1498color:rgba(51,51,51,1);
1499text-decoration:none;
1500}
1501
1502div.form-inline,.form-group {
1503    margin-bottom: 0;
1504}
1505
1506
1507div#w_7_top_freeword_1_1_freewordformarea {
1508    display: flex;
1509	text-align: center;
1510	padding: 0 4%;
1511}
1512
1513div#w_7_top_freeword_1_1_freewordformarea form {
1514	display: inline-block;
1515}
1516
1517#w_7_top_freeword_1_1-search-box {
1518    flex-basis: 78%;
1519    position: relative;
1520                width: 500px;
1521    }
1522
1523#w_7_top_freeword_1_1-search-button {
1524    flex-basis: 22%;
1525    width: 170px;
1526}
1527
1528#w_7_top_freeword_1_1_button-search{
1529	width: 100%;
1530}
1531
1532#w_7_top_freeword_1_1-button{
1533	margin: 0 0 0 .5rem;
1534    padding: 0;
1535   	height: 45px;
1536    pointer-events: none; /* DP-7258 js内でボタンをアクティブ化します。 */
1537}
1538
1539#w_7_top_freeword_1_1-current-button-area {
1540	padding:0px 0px 0px 0px;
1541margin:25px 0 0 0;
1542background-color:rgba(255,255,255,0);
1543box-shadow:none;
1544}
1545
1546#w_7_top_freeword_1_1-current-arrow {
1547	width: 1rem;
1548    height: 1rem;
1549    border-radius: 50%;
1550    margin-left: .3em;
1551}
1552
1553#w_7_top_freeword_1_1-arrow {
1554	display: block;
1555}
1556
1557#w_7_top_freeword_1_1-current-button {
1558	font-size:1em;
1559font-weight:normal;
1560color:rgba(255,255,255,1);
1561text-decoration:none;
1562	padding:13px 20px;
1563margin:25px 0 15px 0;
1564background-color:rgba(102,100,100,1);
1565box-shadow:none;
1566	border-style:solid;
1567border-color:rgba(255,255,255,1);
1568border-width:1px;
1569border-radius:14px;
1570	text-align:center;
1571	width:400px;
1572height:auto;
1573    cursor: pointer;
1574    display: flex;
1575    align-items: center;
1576    justify-content: center;
1577}
1578
1579
1580@media (min-width: 0px){
1581    .form-inline .form-group {
1582        display: inline-block;
1583        margin-bottom: 0;
1584        vertical-align: middle;
1585    }
1586
1587    .form-inline .form-control {
1588        display: inline-block;
1589        width: auto;
1590        vertical-align: middle;
1591    }
1592}
1593
1594@media screen and (min-width:769px) {
1595    div#w_7_top_freeword_1_1_freewordformarea {
1596		padding: 0 25%;
1597	}
1598}
1599
1600/* お知らせまたは新規店舗一覧が表示されている時 */
1601
1602/*PC*/
1603@media screen and (min-width:769px) {
1604
1605    #w_7_top_freeword_1_1_upperCaption, #w_7_top_freeword_1_1_bottomCaption {
1606        text-align: left;
1607    }
1608
1609    #w_7_top_freeword_1_1-widget-body {
1610        padding-right: 15vw;
1611        padding-left: 15vw;
1612    }
1613
1614    @media screen and (max-width: 1370px) {
1615        #w_7_top_freeword_1_1-widget-body {
1616            padding-right: calc((100vw - 960px) / 2);
1617            padding-left: calc((100vw - 960px) / 2);
1618        }
1619    }
1620
1621    #w_7_top_freeword_1_1_freewordformarea {
1622        flex-direction: column;
1623        padding: 0px !important;
1624    }
1625
1626    #w_7_top_freeword_1_1-button {
1627        margin: 20px 0 0 0;
1628    }
1629
1630    /*IE用*/
1631    .w_7_top_freeword_1_1_form-search-word {
1632        flex-basis: auto !important;
1633    }
1634
1635    #w_7_top_freeword_1_1-current-button {
1636        margin: 0 !important;
1637    }
1638
1639    
1640    #w_7_top_freeword_1_1-news-area-more-button {
1641        display: none;
1642    }
1643}
1644
1645/********************************************
1646    siteinformation-area(お知らせ/新規店舗枠)
1647 ********************************************/
1648
1649#w_7_top_freeword_1_1-siteinformation-area {
1650    z-index: 999;
1651}
1652
1653#w_7_top_freeword_1_1-siteinformation-area-body {
1654    width:480px;
1655height:auto;
1656    padding:0px 0px 0px 0px;
1657margin:0px 0px 0 0px;
1658background-color:rgba(255,255,255,1);
1659box-shadow:none;
1660    display: flex;
1661    flex-direction: column;
1662}
1663
1664.w_7_top_freeword_1_1-news-area {
1665    padding: 20px;
1666}
1667
1668.w_7_top_freeword_1_1-news-area-title {
1669    font-size:16px;
1670font-weight:bold;
1671color:rgba(51,51,51,1);
1672text-decoration:none;
1673        margin-bottom: 20px;
1674    }
1675
1676.w_7_top_freeword_1_1-news-area-body {
1677    outline: solid #e6e6e6;
1678}
1679
1680.w_7_top_freeword_1_1-news-area-body-contents {
1681    margin: 10px;
1682}
1683
1684.w_7_top_freeword_1_1-news-area-body-scroll {
1685    height: auto;
1686    max-height: 100px;
1687    margin: 5px;

1688    overflow-y: scroll;
1689}
1690
1691.w_7_top_freeword_1_1-news-area-body-scroll::-webkit-scrollbar {
1692    width: 4px;
1693    height: 4px;
1694    margin-top: 20px;
1695    padding-top: 20px;
1696}
1697
1698/*スクロールバーの軌道*/
1699.w_7_top_freeword_1_1-news-area-body-scroll::-webkit-scrollbar-track {
1700    border-radius: 10px;
1701    margin-top: 5px;
1702    margin-bottom: 5px;
1703}
1704
1705/*スクロールバーの動く部分*/
1706.w_7_top_freeword_1_1-news-area-body-scroll::-webkit-scrollbar-thumb {
1707    background-color: rgba(0, 0, 50, .3);
1708    border-radius: 10px;
1709    box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
1710}
1711
1712.w_7_top_freeword_1_1-news-list-item {
1713    padding:0px 0px 0px 0px;
1714margin:0 0 5px 0;
1715background-color:rgba(255,255,255,1);
1716box-shadow:none;
1717    display: flex;
1718}
1719
1720.w_7_top_freeword_1_1_from-date-area {
1721    padding-right: 20px;
1722}
1723
1724.w_7_top_freeword_1_1_news-info-area {
1725    flex-basis: 80%;
1726    flex-grow: 1;
1727}
1728
1729.w_7_top_freeword_1_1_from-date {
1730    font-size:0.9em;
1731font-weight:normal;
1732color:rgba(125,125,125,1);
1733text-decoration:none;
1734    vertical-align: middle;
1735}
1736
1737.w_7_top_freeword_1_1-news-area-info {
1738    overflow: hidden;
1739}
1740
1741.w_7_top_freeword_1_1-news-area-info > span {
1742    font-size: 0.9em;
1743    font-weight: normal;
1744    color: rgba(51,51,51,1);
1745    vertical-align: middle;
1746}
1747
1748div.w_7_top_freeword_1_1-news-area-info > span {
1749    color: #333333;
1750}
1751
1752
1753@supports (-webkit-line-clamp: 2) {
1754    .ellipsis-2nd-line {
1755        display: flex;
1756        align-items: center;
1757        display: -webkit-box;
1758        -webkit-box-orient: vertical;
1759        -webkit-line-clamp: 2;
1760        overflow: hidden;
1761    }
1762}
1763
1764#w_7_top_freeword_1_1-newshop-area {
1765    display: none;
1766    padding: 20px;
1767}
1768
1769.w_7_top_freeword_1_1-newshop-area-title {
1770    padding-bottom: 12px;
1771    border-bottom: solid 1px #e6e6e6;
1772}
1773
1774.w_7_top_freeword_1_1-newshop-area-title > span {
1775    font-size:16px;
1776font-weight:bold;
1777color:rgba(51,51,51,1);
1778text-decoration:none;
1779}
1780
1781.w_7_top_freeword_1_1-newshop-area-title > a {
1782    font-size: 14px;
1783    font-weight: bold;
1784    color: rgba(51,51,51,1);
1785    float: right;
1786}
1787
1788#w_7_top_freeword_1_1-newshop-list-item > a{
1789    display: flex;
1790    align-items: center;
1791    flex-grow: 1;
1792    padding-top: 10px;
1793}
1794
1795#w_7_top_freeword_1_1_newshop_spotIcon {
1796    display: flex;
1797    align-items: center;
1798    justify-content: center;
1799}
1800
1801#w_7_top_freeword_1_1_newshop_spotIcon > img {
1802    width:45px;
1803height:auto;
1804}
1805
1806.w_7_top_freeword_1_1_newshop_spot-name-area {
1807    display: flex;
1808    flex-direction: column;
1809    flex-basis: 80%;
1810    padding: 0 20px 0 20px;
1811    min-width: 0;
1812}
1813
1814#w_7_top_freeword_1_1_newshop_spot-name {
1815    font-size:14px;
1816font-weight:bold;
1817color:rgba(51,51,51,1);
1818text-decoration:none;
1819        order: 1;
1820    }
1821
1822#w_7_top_freeword_1_1_newshop_spot-address-name {
1823    font-size:12px;
1824font-weight:normal;
1825color:rgba(0,0,0,0.54);
1826text-decoration:none;
1827    overflow: hidden;
1828    text-overflow: ellipsis;
1829    white-space: nowrap;
1830        order: 2;
1831    }
1832
1833#w_7_top_freeword_1_1_newshop_opening-day {
1834    font-size:12px;
1835font-weight:normal;
1836color:rgba(254,140,0,1);
1837text-decoration:none;
1838    overflow: hidden;
1839    text-overflow: ellipsis;
1840    white-space: nowrap;
1841        order: 3;
1842    }
1843
1844#w_7_top_freeword_1_1_newshop_opening-day > span {
1845    border-radius: 6.5px;
1846    color: white;
1847    font-size: 7px;
1848    padding: 1px 3px 1px 7px;
1849    margin-right: 5px;
1850    background-color: rgba(254,140,0,1);
1851}
1852
1853#w_7_top_freeword_1_1_newshop_arrow-mark {
1854    content: '';
1855    right: 20px;
1856    width: .8rem;
1857    height: .8rem;
1858    border-left: 2px solid rgba(0,117,194,1);
1859    border-bottom: 2px solid rgba(0,117,194,1);
1860    -webkit-transform: rotate(225deg);
1861    -ms-transform: rotate(225deg);
1862    transform: rotate(225deg);
1863    box-sizing: border-box;
1864    top: 0;
1865    bottom: 0;
1866    margin: auto;
1867}
1868
1869/*SP*/
1870@media screen and (max-width:768px) {
1871    #w_7_top_freeword_1_1-widget-body {
1872        height: auto;
1873        flex-direction: column;
1874    }
1875
1876    .w_7_top_freeword_1_1-news-area {
1877        padding: 20px 20px 0 20px;
1878        flex-basis: 85%;
1879        display: flex;
1880        flex-direction: column;
1881    }
1882
1883    .w_7_top_freeword_1_1-news-area-title {
1884        display: flex;
1885        flex-direction: row;
1886        align-items: center;
1887    }
1888
1889    .w_7_top_freeword_1_1-news-area-title > span {
1890        flex-grow: 1;
1891    }
1892
1893    .w_7_top_freeword_1_1-news-area-title > button {
1894        font-size: 12px;
1895        color: 12px;
1896        font-weight: bold;
1897        border: solid 1px #e6e6e6;
1898        border-radius: 8px;
1899        padding: 5px 10px 5px 10px;
1900        /*buttonスタイル打ち消し*/
1901        background-color: transparent;
1902        outline: none;
1903        cursor: pointer;
1904        appearance: none;
1905    }
1906
1907    #w_7_top_freeword_1_1-news-area-modal {
1908        display: none;
1909    }
1910
1911    .w_7_top_freeword_1_1-news-area-cover-active {
1912        width: 100%;
1913        position: fixed;
1914        height: 120%;
1915        left: 0;
1916        top: 0;
1917        background-color: rgba(0, 0, 0, 0.8);
1918    }
1919
1920    .w_7_top_freeword_1_1-news-area-body-scroll {
1921        max-height: none;
1922        overflow-y: visible;
1923    }
1924
1925    .w_7_top_freeword_1_1-news-area-body {
1926        flex-basis: 80%;
1927        flex-grow: 1;
1928        outline: none;
1929    }
1930
1931    .w_7_top_freeword_1_1-news-area-body-scroll {
1932        margin: 0;
1933    }
1934
1935    .w_7_top_freeword_1_1-news-area-body-contents {
1936        margin: 0;
1937    }
1938
1939    .w_7_top_freeword_1_1-newshop-area-more-button {
1940        display: block;
1941        text-align: center;
1942        font-size: 14px;
1943        font-weight: bold;
1944        color: rgba(51,51,51,1);
1945        margin: 0 10px 0 10px;
1946        padding:  15px 20px;
1947        border: solid 1px rgba(51,51,51,1);
1948        border-radius: 8px;
1949    }
1950
1951    /*modal*/
1952    .w_7_top_freeword_1_1-news-area-modal-active {
1953        display: flex !important;
1954        flex-direction: column;
1955        position: fixed;
1956        width:auto;
1957height:auto;
1958        top: 50%;
1959        left: 50%;
1960        transform: translate(-50%, -50%);
1961        border-radius: 6px;
1962        background-color: white;
1963    }
1964
1965    #w_7_top_freeword_1_1-news-area-title-modal {
1966        font-size: 18px;
1967        font-weight: bold;
1968        margin-bottom: 30px;
1969    }
1970
1971    #w_7_top_freeword_1_1-news-list-item-modal {
1972        padding:0px 0px 0px 0px;
1973margin:0px 0px 0px 0px;
1974background-color:rgba(255,255,255,0);
1975box-shadow:none;
1976        flex-direction: column;
1977    }
1978
1979    #w_7_top_freeword_1_1-news-area-body-scroll-modal {
1980        height: 100px;
1981        min-height: 100%;

1982        overflow-y: scroll;
1983    }
1984
1985    #w_7_top_freeword_1_1-news-area-modal-bottom {
1986        display: flex;
1987        flex-grow: 1;
1988        align-items: center;
1989        justify-content: flex-end;
1990        padding: 20px;
1991    }
1992
1993    #w_7_top_freeword_1_1-news-area-modal-bottom > button {
1994        font-size: 18px;
1995        font-weight: bold;
1996        color: rgba(51,51,51,1);
1997        /*buttonスタイル打ち消し*/
1998        background-color: transparent;
1999        padding: 0;
2000        border: none;
2001        outline: none;
2002        cursor: pointer;
2003        appearance: none;
2004    }
2005
2006    #w_7_top_freeword_1_1-newshop-area {
2007        padding: 20px;
2008    }
2009
2010    .w_7_top_freeword_1_1-newshop-area-title {
2011        padding: 0px;
2012        border: none;
2013    }
2014
2015    .w_7_top_freeword_1_1-newshop-area-bottom {
2016        margin-top: 20px;
2017    }
2018}
2019
2020#w_6_now_3_1-widget {
2021    background-color: rgba(255,255,255,0);
2022
2023            }
2024
2025#w_6_now_3_1-widget-title {
2026    display: flex;
2027    align-items: center;
2028    justify-content: flex-start;
2029    flex-wrap: wrap;
2030        border-style:none;
2031border-color:rgba(0,117,194,1);
2032border-width:2px;
2033border-radius:4px;
2034    padding:1rem 0;
2035margin:0px 0px 0px 0px;
2036background-color:rgba(255,255,255,0);
2037box-shadow:none;
2038    font-size:1.4rem;

2039font-weight:bold;
2040color:rgba(51,51,51,1);
2041text-decoration:none;
2042            border-bottom: solid #e1e1e1 1px;
2043    }
2044
2045
2046#w_6_now_3_1-widget-body {
2047           padding: 1rem 0;
2048       background-color: rgba(255,255,255,1);
2049    box-sizing: border-box;
2050           border-bottom: solid #e1e1e1 1px;
2051          }
2052
2053@media screen and (max-width: 1370px) {
2054    #w_6_now_3_1-widget {
2055                            }
2056
2057    #w_6_now_3_1-widget-body {
2058                    }
2059}
2060
2061@media screen and (max-width: 960px) {
2062    #w_6_now_3_1-widget {
2063        padding-left: 0;
2064        padding-right: 0;
2065        min-width: 960px;
2066    }
2067
2068    #w_6_now_3_1-widget-body {
2069        transform: none;
2070        min-width: 960px;
2071    }
2072}
2073#w_7_imagelinkbanner_1_1_2-widget {
2074    background-color: rgba(255,255,255,0);
2075
2076            }
2077
2078#w_7_imagelinkbanner_1_1_2-widget-title {
2079    display: flex;
2080    align-items: center;
2081    justify-content: flex-start;
2082    flex-wrap: wrap;
2083        border-style:none;
2084border-color:rgba(0,117,194,1);
2085border-width:2px;
2086border-radius:4px;
2087    padding:1rem 0;
2088margin:0px 0px 0px 0px;
2089background-color:rgba(255,255,255,0);
2090box-shadow:none;
2091    font-size:1.4rem;

2092font-weight:bold;
2093color:rgba(51,51,51,1);
2094text-decoration:none;
2095            border-bottom: solid #e1e1e1 1px;
2096    }
2097
2098
2099#w_7_imagelinkbanner_1_1_2-widget-body {
2100           padding: 1rem 0;
2101       background-color: rgba(255,255,255,1);
2102    box-sizing: border-box;
2103           border-bottom: solid #e1e1e1 1px;
2104          }
2105
2106@media screen and (max-width: 1370px) {
2107    #w_7_imagelinkbanner_1_1_2-widget {
2108                            }
2109
2110    #w_7_imagelinkbanner_1_1_2-widget-body {
2111                    }
2112}
2113
2114@media screen and (max-width: 960px) {
2115    #w_7_imagelinkbanner_1_1_2-widget {
2116        padding-left: 0;
2117        padding-right: 0;
2118        min-width: 960px;
2119    }
2120
2121    #w_7_imagelinkbanner_1_1_2-widget-body {
2122        transform: none;
2123        min-width: 960px;
2124    }
2125}
2126#w_7_managementbanner_1_1_2-widget {
2127    background-color: rgba(255,255,255,0);
2128
2129            }
2130
2131#w_7_managementbanner_1_1_2-widget-title {
2132    display: flex;
2133    align-items: center;
2134    justify-content: flex-start;
2135    flex-wrap: wrap;
2136        border-style:none;
2137border-color:rgba(0,117,194,1);
2138border-width:2px;
2139border-radius:4px;
2140    padding:1rem 0;
2141margin:0px 0px 0px 0px;
2142background-color:rgba(255,255,255,0);
2143box-shadow:none;
2144    font-size:1.4rem;

2145font-weight:bold;
2146color:rgba(51,51,51,1);
2147text-decoration:none;
2148            border-bottom: solid #e1e1e1 1px;
2149    }
2150
2151
2152#w_7_managementbanner_1_1_2-widget-body {
2153      background-color: rgba(255,255,255,1);
2154    box-sizing: border-box;
2155           border-bottom: solid #e1e1e1 1px;
2156          }
2157
2158@media screen and (max-width: 1370px) {
2159    #w_7_managementbanner_1_1_2-widget {
2160                            }
2161
2162    #w_7_managementbanner_1_1_2-widget-body {
2163                    }
2164}
2165
2166@media screen and (max-width: 960px) {
2167    #w_7_managementbanner_1_1_2-widget {
2168        padding-left: 0;
2169        padding-right: 0;
2170        min-width: 960px;
2171    }
2172
2173    #w_7_managementbanner_1_1_2-widget-body {
2174        transform: none;
2175        min-width: 960px;
2176    }
2177}
2178#w_7_imagelink_1_1_2-widget {
2179    background-color: rgba(255,255,255,0);
2180
2181            }
2182
2183#w_7_imagelink_1_1_2-widget-title {
2184    display: flex;
2185    align-items: center;
2186    justify-content: flex-start;
2187    flex-wrap: wrap;
2188        border-style:none;
2189border-color:rgba(0,117,194,1);
2190border-width:2px;
2191border-radius:4px;
2192    padding:1rem 0;
2193margin:0px 0px 0px 0px;
2194background-color:rgba(255,255,255,0);
2195box-shadow:none;
2196    font-size:1.4rem;

2197font-weight:bold;
2198color:rgba(51,51,51,1);
2199text-decoration:none;
2200            border-bottom: solid #e1e1e1 1px;
2201    }
2202
2203
2204#w_7_imagelink_1_1_2-widget-body {
2205           padding: 1rem 0;
2206       background-color: rgba(255,255,255,1);
2207    box-sizing: border-box;
2208           border-bottom: solid #e1e1e1 1px;
2209          }
2210
2211@media screen and (max-width: 1370px) {
2212    #w_7_imagelink_1_1_2-widget {
2213                            }
2214
2215    #w_7_imagelink_1_1_2-widget-body {
2216                    }
2217}
2218
2219@media screen and (max-width: 960px) {
2220    #w_7_imagelink_1_1_2-widget {
2221        padding-left: 0;
2222        padding-right: 0;
2223        min-width: 960px;
2224    }
2225
2226    #w_7_imagelink_1_1_2-widget-body {
2227        transform: none;
2228        min-width: 960px;
2229    }
2230}
2231#w_7_linklist_2_1_2-widget {
2232    background-color: rgba(255,255,255,0);
2233
2234            }
2235
2236#w_7_linklist_2_1_2-widget-title {
2237    display: flex;
2238    align-items: center;
2239    justify-content: flex-start;
2240    flex-wrap: wrap;
2241        border-style:none;
2242border-color:rgba(0,117,194,1);
2243border-width:2px;
2244border-radius:4px;
2245    padding:1rem 0;
2246margin:0px 0px 0px 0px;
2247background-color:rgba(255,255,255,0);
2248box-shadow:none;
2249    font-size:16px;
2250font-weight:normal;
2251color:rgba(117,117,117,1);
2252text-decoration:none;
2253            border-bottom: solid #e1e1e1 1px;
2254    }
2255
2256
2257#w_7_linklist_2_1_2-widget-body {
2258           padding: 1rem 0;
2259       background-color: rgba(255,255,255,1);
2260    box-sizing: border-box;
2261          }
2262
2263@media screen and (max-width: 1370px) {
2264    #w_7_linklist_2_1_2-widget {
2265                            }
2266
2267    #w_7_linklist_2_1_2-widget-body {
2268                    }
2269}
2270
2271@media screen and (max-width: 960px) {
2272    #w_7_linklist_2_1_2-widget {
2273        padding-left: 0;
2274        padding-right: 0;
2275        min-width: 960px;
2276    }
2277
2278    #w_7_linklist_2_1_2-widget-body {
2279        transform: none;
2280        min-width: 960px;
2281    }
2282}
2283#w_7_linklist_2_1_2-label-upper {
2284    font-size:1em;
2285font-weight:normal;
2286color:rgba(51,51,51,1);
2287text-decoration:none;
2288    padding:0px 0px 0px 0px;
2289margin:0px 0px 0px 0px;
2290background-color:rgba(255,255,255,0);
2291box-shadow:none;
2292    background-image:none;
2293background-repeat:repeat;
2294background-position:0 0;
2295background-size:auto;
2296    border-style:none;
2297border-color:rgba(0,117,194,1);
2298border-width:2px;
2299border-radius:4px;
2300    text-align:left;
2301}
2302
2303ul#w_7_linklist_2_1_2-linklist {
2304    display: flex;
2305    flex-wrap: wrap;
2306    padding:0px 0px 0px 0px;
2307margin:0px 0px 0px 0px;
2308background-color:rgba(255,255,255,0);
2309box-shadow:none;
2310    background-image:none;
2311background-repeat:repeat;
2312background-position:0 0;
2313background-size:auto;
2314    border-style:none;
2315border-color:rgba(0,117,194,1);
2316border-width:2px;
2317border-radius:4px;
2318}
2319
2320@media screen and (max-width: 768px){
2321    ul#w_7_linklist_2_1_2-linklist {
2322        flex-direction: column;
2323    }
2324}
2325
2326li.w_7_linklist_2_1_2-links {
2327    padding:0px 0px 0px 0px;
2328margin:0 10px 15px 0;
2329background-color:rgba(255,255,255,0);
2330box-shadow:none;
2331    background-image:none;
2332background-repeat:repeat;
2333background-position:0 0;
2334background-size:auto;
2335    border-style:none;
2336border-color:rgba(0,117,194,1);
2337border-width:2px;
2338border-radius:4px;
2339    position: relative;
2340    margin: 
2341}
2342
2343a.w_7_linklist_2_1_2-link {
2344    font-size:1em;
2345font-weight:normal;
2346color:rgba(0,117,194,1);
2347text-decoration:none;
2348    padding-left: 30px;
2349}
2350
2351#w_7_linklist_2_1_2-label-lower {
2352    font-size:1em;
2353font-weight:normal;
2354color:rgba(51,51,51,1);
2355text-decoration:none;
2356    padding:0px 0px 0px 0px;
2357margin:0px 0px 0px 0px;
2358background-color:rgba(255,255,255,0);
2359box-shadow:none;
2360    background-image:none;
2361background-repeat:repeat;
2362background-position:0 0;
2363background-size:auto;
2364    border-style:none;
2365border-color:rgba(0,117,194,1);
2366border-width:2px;
2367border-radius:4px;
2368    text-align:left;
2369}#w_1_areamap_1_1-widget {
2370    background-color: rgba(255,255,255,0);
2371
2372            padding-right: 15vw;
2373        padding-left: 15vw;
2374            }
2375
2376#w_1_areamap_1_1-widget-title {
2377    display: flex;
2378    align-items: center;
2379    justify-content: flex-start;
2380    flex-wrap: wrap;
2381        border-style:none;
2382border-color:rgba(0,117,194,1);
2383border-width:2px;
2384border-radius:4px;
2385    padding:1rem 0;
2386margin:0px 0px 0px 0px;
2387background-color:rgba(255,255,255,0);
2388box-shadow:none;
2389    font-size:1.4rem;

2390font-weight:bold;
2391color:rgba(51,51,51,1);
2392text-decoration:none;
2393    }
2394
2395
2396#w_1_areamap_1_1-widget-body {
2397           padding: 1rem 0;
2398       background-color: rgba(255,255,255,1);
2399    box-sizing: border-box;
2400           border-bottom: solid #e1e1e1 1px;
2401          }
2402
2403@media screen and (max-width: 1370px) {
2404    #w_1_areamap_1_1-widget {
2405                    padding-right: calc((100vw - 960px) / 2);
2406            padding-left: calc((100vw - 960px) / 2);
2407                            }
2408
2409    #w_1_areamap_1_1-widget-body {
2410                    }
2411}
2412
2413@media screen and (max-width: 960px) {
2414    #w_1_areamap_1_1-widget {
2415        padding-left: 0;
2416        padding-right: 0;
2417        min-width: 960px;
2418    }
2419
2420    #w_1_areamap_1_1-widget-body {
2421        transform: none;
2422        min-width: 960px;
2423    }
2424}
2425#w_6_areamap_1_1-widget {
2426    background-color: rgba(255,255,255,0);
2427
2428            }
2429
2430#w_6_areamap_1_1-widget-title {
2431    display: flex;
2432    align-items: center;
2433    justify-content: flex-start;
2434    flex-wrap: wrap;
2435        border-style:none;
2436border-color:rgba(0,117,194,1);
2437border-width:2px;
2438border-radius:4px;
2439    padding:1rem 0;
2440margin:0px 0px 0px 0px;
2441background-color:rgba(255,255,255,0);
2442box-shadow:none;
2443    font-size:1.4rem;

2444font-weight:bold;
2445color:rgba(51,51,51,1);
2446text-decoration:none;
2447            border-bottom: solid #e1e1e1 1px;
2448    }
2449
2450
2451#w_6_areamap_1_1-widget-body {
2452           padding: 1rem 0;
2453       background-color: rgba(255,255,255,1);
2454    box-sizing: border-box;
2455           border-bottom: solid #e1e1e1 1px;
2456          }
2457
2458@media screen and (max-width: 1370px) {
2459    #w_6_areamap_1_1-widget {
2460                            }
2461
2462    #w_6_areamap_1_1-widget-body {
2463                    }
2464}
2465
2466@media screen and (max-width: 960px) {
2467    #w_6_areamap_1_1-widget {
2468        padding-left: 0;
2469        padding-right: 0;
2470        min-width: 960px;
2471    }
2472
2473    #w_6_areamap_1_1-widget-body {
2474        transform: none;
2475        min-width: 960px;
2476    }
2477}
2478#w_7_areamap_1_1-widget {
2479    background-color: rgba(230,230,230,1);
2480
2481            padding-right: 15vw;
2482        padding-left: 15vw;
2483            }
2484
2485#w_7_areamap_1_1-widget-title {
2486    display: flex;
2487    align-items: center;
2488    justify-content: flex-start;
2489    flex-wrap: wrap;
2490        border-style:none;
2491border-color:rgba(0,117,194,1);
2492border-width:2px;
2493border-radius:4px;
2494    padding:50px 0 10px 0;
2495margin:0px 0px 0px 0px;
2496background-color:rgba(255,255,255,0);
2497box-shadow:none;
2498    font-size:1.4rem;

2499font-weight:bold;
2500color:rgba(51,51,51,1);
2501text-decoration:none;
2502    }
2503
2504
2505#w_7_areamap_1_1-widget-body {
2506           padding: 1rem 0;
2507       background-color: rgba(230,230,230,1);
2508    box-sizing: border-box;
2509           border-bottom: solid #e1e1e1 1px;
2510          }
2511
2512@media screen and (max-width: 1370px) {
2513    #w_7_areamap_1_1-widget {
2514                    padding-right: calc((100vw - 960px) / 2);
2515            padding-left: calc((100vw - 960px) / 2);
2516                            }
2517
2518    #w_7_areamap_1_1-widget-body {
2519                    }
2520}
2521
2522@media screen and (max-width: 960px) {
2523    #w_7_areamap_1_1-widget {
2524        padding-left: 0;
2525        padding-right: 0;
2526        min-width: 960px;
2527    }
2528
2529    #w_7_areamap_1_1-widget-body {
2530        transform: none;
2531        min-width: 960px;
2532    }
2533}
2534#w_7_areamap_1_1-widget-title span {
2535    vertical-align: baseline;
2536}
2537
2538#w_7_areamap_1_1-icon-title {
2539    padding:0px 0px 0px 0px;
2540margin:0px 0px 0px 0px;
2541background-color:rgba(255,255,255,0);
2542box-shadow:none;
2543    background-image:none;
2544background-repeat:repeat;
2545background-position:0 0;
2546background-size:auto;
2547}
2548
2549#w_7_areamap_1_1-prefecture-area {
2550	z-index: 101;
2551}
2552
2553#w_7_areamap_1_1-color-description {
2554	position: absolute;
2555    right: 70px;
2556    bottom: 50px;
2557}
2558
2559#w_7_areamap_1_1-color-description div, #w_7_areamap_1_1-color-description span {
2560	vertical-align: middle;
2561}
2562
2563#w_7_areamap_1_1-color-description-ex {
2564	width: 15px;
2565    height: 15px;
2566    background-color: rgba(0,117,194,1);
2567    display: inline-block;
2568}
2569
2570#w_7_areamap_1_1-okinawa-svg {
2571	position: absolute;
2572    left: 90px;
2573    top: 250px;
2574}
2575
2576dl.w_7_areamap_1_1-regions {
2577	padding:10px;
2578margin:10px 6px;
2579background-color:rgba(255,255,255,1);
2580box-shadow:none;
2581	border-style:none;
2582border-color:rgba(0,117,194,1);
2583border-width:2px;
2584border-radius:8px;

2585	cursor: pointer;
2586}
2587
2588dl.w_7_areamap_1_1-regions.w_7_areamap_1_1-selected-region {
2589    padding: 3px;
2590
2591	border-style:none;
2592border-color:rgba(0,117,194,1);
2593border-width:2px;
2594border-radius:4px;
2595	cursor: pointer;
2596}
2597dl.w_7_areamap_1_1-regions.w_7_areamap_1_1-selected-region .w_7_areamap_1_1-area-label {
2598	font-size:1em;
2599font-weight:normal;
2600color:rgba(255,255,255,1);
2601text-decoration:none;
2602	padding:7px;
2603margin:0;
2604background-color:rgba(232,168,18,1);
2605box-shadow:none;
2606	border-style:none;
2607border-color:rgba(0,117,194,1);
2608border-width:2px;
2609border-radius:4px;
2610}
2611
2612dl.w_7_areamap_1_1-regions.w_7_areamap_1_1-selected-region .w_7_areamap_1_1-area-label span.w_7_areamap_1_1-area-count{
2613	font-size:1em;
2614font-weight:normal;
2615color:rgba(255,255,255,1);
2616text-decoration:none;
2617}
2618
2619dl.w_7_areamap_1_1-regions dd ul {
2620    padding: 0px;
2621}
2622
2623.w_7_areamap_1_1-area-label {
2624	display: flex;
2625	align-items: center;
2626	justify-content: space-between;
2627    font-size:1em;
2628font-weight:normal;
2629color:rgba(51,51,51,1);
2630text-decoration:none;
2631    padding:0px 0px 0px 0px;
2632margin:0px 0px 0px 0px;
2633background-color:rgba(255,255,255,0);
2634box-shadow:none;
2635    background-image:none;
2636background-repeat:repeat;
2637background-position:0 0;
2638background-size:auto;
2639    border-style:none;
2640border-color:rgba(0,117,194,1);
2641border-width:2px;
2642border-radius:4px;
2643}
2644
2645.w_7_areamap_1_1-regions.w_7_areamap_1_1-empty-area {
2646	cursor: default;
2647	opacity: 0.6;
2648}
2649
2650#w_7_areamap_1_1-svg {
2651    text-align: center;
2652}
2653
2654.w_7_areamap_1_1-btn {
2655    width: 140px;
2656    height: 30px;
2657    padding:4px;
2658margin:6px;
2659background-color:rgba(255,255,255,1);
2660box-shadow:none;
2661    background-image:none;
2662background-repeat:repeat;
2663background-position:0 0;
2664background-size:auto;
2665    border-style:none;
2666border-color:rgba(0,117,194,1);
2667border-width:2px;
2668border-radius:15px;
2669    text-align:left;
2670    z-index: 101;
2671    display: block;
2672}
2673
2674.w_7_areamap_1_1-btn a.w_7_areamap_1_1-link {
2675	display: flex;
2676	align-items: center;
2677    font-size:1em;
2678font-weight:normal;
2679color:rgba(51,51,51,1);
2680text-decoration:none;;
2681    padding:0 0 0 8px;
2682margin:0px 0px 0px 0px;
2683background-color:rgba(255,255,255,0);
2684box-shadow:none;;
2685
2686
2687}
2688.w_7_areamap_1_1-btn span.w_7_areamap_1_1-link {
2689	display: flex;
2690	align-items: center;
2691    padding-left: 8px;
2692}
2693
2694
2695.w_7_areamap_1_1-btn.disabled {
2696    color: rgba(51,51,51,1);
2697    background-color: rgba(204,204,204,1);
2698}
2699
2700.w_7_areamap_1_1-pref-arrow {
2701	display: inline-block;
2702	vertical-align: middle;
2703	margin: 0 8px 0 0;
2704}
2705.w_7_areamap_1_1-pref-arrow-sp {
2706	display: inline-block;
2707	vertical-align: text-bottom;
2708}
2709
2710.w_7_areamap_1_1-pref-name, .w_7_areamap_1_1-pref-count {
2711	font-size:1em;
2712font-weight:normal;
2713color:rgba(51,51,51,1);
2714text-decoration:underline;
2715}
2716
2717.w_7_areamap_1_1-pref-count{
2718	margin-left: auto;
2719    padding:0 10px 0 0;
2720margin:;
2721background-color:rgba(255,255,255,0);
2722box-shadow:none;
2723}
2724
2725.w_7_areamap_1_1-area-count {
2726	display: inline-block;
2727	vertical-align: middle;
2728	float: right;
2729	font-size:1em;
2730font-weight:normal;
2731color:rgba(51,51,51,1);
2732text-decoration:none;
2733	padding:0px 0px 0px 0px;
2734margin:0px 0px 0px 0px;
2735background-color:rgba(255,255,255,0);
2736box-shadow:none;
2737}
2738
2739#w_7_areamap_1_1-default-title-icon {
2740	width: 46px;
2741	height: 46px;
2742	border-radius: 50%;
2743    text-align: center;
2744    padding: 6px;
2745    margin-right: 16px;
2746	background-color: rgba(0,117,194,1);
2747}
2748
2749
2750
2751.w_7_areamap_1_1-btn:nth-child(2n+1) {
2752    clear: both;
2753}
2754
2755/* IE8 では nth-child が効かないので対策 */
2756.w_7_areamap_1_1-prefecture > *:first-child,
2757.w_7_areamap_1_1-prefecture > *:first-child + * + *,
2758.w_7_areamap_1_1-prefecture > *:first-child + * + * + * + *,
2759.w_7_areamap_1_1-prefecture > *:first-child + * + * + * + * + * + * {
2760    clear: both;
2761}
2762
2763#w_7_areamap_1_1-unselectedArea {
2764	display: none;
2765}
2766
2767dd#w_7_areamap_1_1-prefecture-list-1 {
2768	top: -16px;
2769	right: calc(-380px - 150px);
2770}
2771dd#w_7_areamap_1_1-prefecture-list-2 {
2772	top: -16px;
2773	right: calc(-190px - 160px);
2774}
2775dd#w_7_areamap_1_1-prefecture-list-3 {
2776	top: -78px;
2777	right: calc(-380px - 150px);
2778}
2779dd#w_7_areamap_1_1-prefecture-list-4 {
2780	top: -78px;
2781	right: calc(-190px - 160px);
2782}
2783dd#w_7_areamap_1_1-prefecture-list-5 {
2784	top: -140px;
2785	right: calc(-380px - 150px);
2786}
2787dd#w_7_areamap_1_1-prefecture-list-6 {
2788	top: -140px;
2789	right: calc(-190px - 160px);
2790}
2791dd#w_7_areamap_1_1-prefecture-list-7 {
2792	top: -202px;
2793	right: calc(-380px - 150px);
2794}
2795@media screen and (min-width:769px) {
2796	#w_7_areamap_1_1-parent-map {
2797	    position: relative;
2798	    height: 330px;
2799	}
2800	#w_7_areamap_1_1-corner {
2801		width: 15px;
2802	    transform: rotate(45deg);
2803	    height: 15px;
2804	    background-color: rgba(0,117,194,1);
2805	    position: absolute;
2806	    top: 40px;
2807	    left: calc(380px - 8px);
2808	    z-index: 99;
2809	}
2810	ul#w_7_areamap_1_1-region {
2811	    list-style: none;
2812	    margin: 0px;
2813	    width: 380px;
2814	    display: inline-block;
2815	    padding:10px;
2816margin:0px 0px 0px 0px;
2817background-color:rgba(0,117,194,1);
2818box-shadow:none;
2819	    border-style:none;
2820border-color:rgba(0,117,194,1);
2821border-width:2px;
2822border-radius:8px;
2823	}
2824
2825
2826	#w_7_areamap_1_1-unselectedArea {
2827		position: absolute;
2828		top: 0;
2829		left: calc(380px + 100px);
2830		width: 290px;
2831	    background-color: #fff;
2832	    text-align: center;
2833	    padding: 30px;
2834	    border-radius: 8px;
2835	}
2836
2837	#w_7_areamap_1_1-areamap {
2838		text-align: center;
2839	    display: inline-block;
2840	    float: right;
2841	    position: absolute;
2842	    right: -30px;
2843	    top: -90px;
2844	    z-index: 100;
2845	}
2846	dl.w_7_areamap_1_1-regions dd {
2847	    display: none;
2848	    position: absolute;
2849	    right: -150px;
2850	}
2851	.w_7_areamap_1_1-pref-arrow-sp {
2852		display: none;
2853	}
2854	img.w_7_areamap_1_1-pref-pic {
2855		display: none;
2856	}
2857}
2858
2859@media screen and (max-width:768px) {
2860	#w_7_areamap_1_1-areamap , #w_7_areamap_1_1-corner {
2861		display: none;
2862	}
2863	ul#w_7_areamap_1_1-region {
2864		position: relative;
2865	}
2866	ul#w_7_areamap_1_1-region li.w_7_areamap_1_1-region-item{
2867		width: 100%;
2868		position: static;
2869	}
2870	dl.w_7_areamap_1_1-regions {
2871	    width: 35%
2872	}
2873	dl.w_7_areamap_1_1-regions dd ul {
2874	    padding: 0 0 0 20px;;
2875	}
2876	dl.w_7_areamap_1_1-regions dd {
2877	    display: none;
2878	    position: absolute;
2879	    width: 65%;
2880	}
2881	dl.w_7_areamap_1_1-regions dd ul.w_7_areamap_1_1-prefecture li.w_7_areamap_1_1-btn {
2882		width: 100%;
2883	}
2884	.w_7_areamap_1_1-area-label {
2885		flex-direction: column;
2886		text-align: center;
2887	}
2888	.w_7_areamap_1_1-area-count{
2889		display: block;
2890		float: none;
2891		font-size: .8rem;
2892		padding: 0
2893	}
2894	ul.w_7_areamap_1_1-prefecture li.w_7_areamap_1_1-btn:not(:last-child) {
2895		border-bottom: 1px solid #ddd
2896	}
2897	.w_7_areamap_1_1-pref-arrow {
2898		display: none;
2899		vertical-align: middle;
2900	}
2901	#w_7_areamap_1_1-unselectedArea {
2902		position: absolute;
2903		${variables.w_7_areamap_1_1_unselectedTextPosition}
2904		width: 60vw;
2905		left: 35vw;
2906	    text-align: center;
2907	    height: 90%;
2908	    border-radius: 8px;
2909	    font-size:1em;