@charset "utf-8";
.main-container-inner { min-height: 50px !important;}
.searchWrap { min-height:50px !important;}
#map-wrap { position:relative; width:962px; overflow:hidden; margin:0 auto}
#mapTtl {  text-align:center; margin:35px auto 18px;}
p.attention-txt { text-align:center; font-size:13px;}
#map-wrap-inner { position:relative; overflow:hidden; width:962px; margin:21px auto 13px;}
#map-wrap-inner-left { position:relative; overflow:hidden; float:left; margin-right:40px; width:626px; }

#map-wrap-inner-flyer { display: flex; flex-wrap:wrap; margin: 0 15px 20px; }
#map-wrap-inner-flyer dl { width: 100%; margin: 0 auto; }
#map-wrap-inner-flyer dl:nth-child(even) { margin-right: 0; }
#map-wrap-inner-flyer dt { font-weight: bold; font-size: 15px; }
#map-wrap-inner-flyer dt img { vertical-align: middle; margin-right: 5px; }
#map-wrap-inner-flyer dd { margin-left: 10px; color: #999999; }
#map-wrap-inner-flyer dd p { margin-bottom: 10px; /*font-size: 11px;*/ }

#map-wrap-inner-flyer .btn-block {
	width: 400px;
	margin: 40px auto 20px;
	font-size: 16px;
}

#map-wrap-inner-flyer .btn-block .store {
	background-color: #014490;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	width: 400px;
	border-radius: 15px;
	margin-bottom: 30px;
}

#map-wrap-inner-flyer .btn-block a {
	text-decoration: none;
}

#map-wrap-inner-flyer .btn-block a:hover .store {
	background-color: #257ee1;
}


#map-wrap-inner-flyer .btn-block .online {
	background-color: #de0e0e;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	width: 400px;
	border-radius: 15px;
	margin-bottom: 30px;
}

#map-wrap-inner-flyer .btn-block a:hover .online {
	background-color: #fe5b5b;
}

#map-wrap-inner-flyer .btn-block .back-to-school {
	background-color: #015529;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	width: 400px;
	border-radius: 15px;
}

#map-wrap-inner-flyer .btn-block a:hover .back-to-school {
	background-color: #028943;
}


#map-wrap-inner-flyer .bnr-block {
	margin: 0 auto 30px;
}

#map-wrap-inner-container { border:8px solid #f3f3f3; }
#map-wrap-inner-left-block01 { position:relative; overflow:hidden; width:624px; min-height:629px; padding:0; border:1px solid #e6e6e6;}
#map-wrap-inner-center { position:relative; overflow:hidden; margin:0 auto; width:584px; min-height:629px; background-image:url(/map/images/japan-map-bg-basic.png); background-repeat:no-repeat;}
#left-ttl { margin:30px 0 0 26px; width:142px; height:22px;}
#left-ttl-wide { margin:30px 0 0 26px; width:598px; height:22px;}
#left-ttl-wide span {padding-left:29px; font-size:12px; height:22px; line-height:22px;}
#japan-map { margin:63px 0 0 111px; width:447px; height:362px; background-image:url(/map/images/japan_map.png); background-repeat:no-repeat;}
#japan-map ul { display:block; width:62px; height:100px; padding-top:3px; border-top:2px solid #acacac;}
#japan-map ul#hokkaido-area { position: absolute; top: 130px; left: 397px; display: block; }
#japan-map ul#touhoku-area { position: absolute; top: 231px; left: 315px; display: block; }
#japan-map ul#kanto-area { position: absolute; top: 387px; left: 402px; display: block; }
#japan-map ul#toukai-area { position: absolute; top: 437px; left: 314px; display: block; }
#japan-map ul#kansai-area { position: absolute; top: 451px; left: 237px; display: block; }
#japan-map ul#kansai-area li#wakayama a { margin-left:5px; white-space:nowrap;}
#japan-map ul#hokuriku-area { position: absolute; top: 268px; left: 218px; display: block; }
#japan-map ul#shikoku-area { position: absolute; top: 451px; left: 164px; display: block; }
#japan-map ul#cyugoku-area { position: absolute; top: 303px; left: 136px; display: block; }
#japan-map ul#kyushu-area { position: absolute; top: 483px; left: 56px; display: block; }
#japan-map ul#okinawa-area { position: absolute; top: 188px; left: 159px; display: block; }
#japan-map ul li { display:inline-block; text-align:left; float:left; font-size:13px; width:31px; line-height:1.5;}
#japan-map ul li:nth-child(even)  { text-align:right;}
#japan-map ul li.width60 { width:60px;}
#japan-map ul li a {}
#japan-map ul li a:hover { color:#F00;}
#map-wrap-inner-right { position:relative; overflow:hidden; }
#map-wrap-inner-right-block01Wrap { position:relative; overflow:hidden; /*border:8px solid #f3f3f3;*/ margin:0 0 14px 0}
#map-wrap-inner-right-block01 { position:relative; overflow:hidden; width:240px; /*padding:21px 25px; border:1px solid #e6e6e6;*/}
#map-wrap-inner-right-block01 h4 { margin-bottom:22px;}
#map-wrap-inner-right-block01 ul#campaign-banner { width:240px; padding:0; overflow:hidden; display:block}
#map-wrap-inner-right-block01 ul#campaign-banner li { width:240px; overflow:hidden; margin:0 0 20px 0; text-align:left;}
#map-wrap-inner-right-block01 ul#campaign-banner li a { display:block;}
#map-wrap-inner-right-block01 ul#campaign-banner li p { padding:4px 0 0 0; font-size:12px;}

.tooltip {position: relative;display: inline-block;}
.tooltip:hover { cursor: pointer}
.tooltip .tooltiptext {visibility: hidden;width: 150px;background-color: rgba(0,0,0,0.6);color: #fff;text-align: center;border-radius: 6px;padding: 4px 0;position: absolute;z-index: 1;bottom: 120%;left: 50%;margin-left: -75px;font-size:11px;opacity: 0; transition: opacity 0.5s;}
.tooltip .tooltiptext::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: rgba(0,0,0,0.6) transparent transparent transparent;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}

/*　colorbox.css このページのみ上書き　*/
/*#cboxTitle { text-align: center; width: 98%; }
#cboxCurrent { margin-left: 60px; }
#cboxPrevious { margin-left: 20px;}
#cboxNext { margin-left: 200px; }*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:35px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-25px; left:0; color:#000; font-size: 16px;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:40px; height:30px; position:absolute; top:-30px; background:url(../images/controls.png?3) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px -2px; right:90px;}
        #cboxPrevious:hover{background-position:0px -42px;}
        #cboxNext{background-position:-50px -2px; right:40px;}
        #cboxNext:hover{background-position:-50px -42px;}
        #cboxClose{background-position:-90px -2px; right:0;}
        #cboxClose:hover{background-position:-90px -42px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}