@charset "utf-8";/*=========================================================
[ local_asp.css ]
design - content style	date - creation:2016-04-05 // update:2016-05-24
=========================================================*/


body:not(.top) .global_navi{position: absolute;top: 3em;}
body:not(.top) ul#navGlobal{}
body:not(.top) ul#navGlobal li{}
body:not(.top) ul#navGlobal li a{}
body:not(.top) #navGlobal a{padding-left:8px;padding-right:9px;}

#mainArea .mainblock{z-index: 101;}
#mainArea .mainblock .subTitle{}
#mainArea .mainblock .subTitle a{background: url(/common_asp/images/top_main/tmBg.png) 0 0;padding: 4px 15px 5px;display: inline-block;color: #333;font-weight: bold;font-size: 20px;letter-spacing: 2px;}
#mainArea .mainblock .subTitle a span{font-size: 24px;}

#online{position:absolute;display:block;margin:auto;top:-182px;left:0;right:0;width:352px;background-color:#fff;border-radius:8px;box-shadow: 2px 2px 2px gray;}
#online img{border:1px solid #fff;border-radius:6px;}
#online:hover {box-shadow: none;}
#online:hover img{opacity:0.8;}
body.shop .boxPhoto{background-image:none;}
body.shop section.access .location img{max-width: 100% !important;}

aside .contact h2 {position: relative;margin-bottom: 0}
aside .contact h2:after{content:'';background-image:url(/local_asp/seoul/images/tell_attention_seoul.png);width: 272px;height: 91px;background-size: cover;display: block;margin-top: 15px;}
aside .contact h2+img {display: none;}

ul.guide {}
ul.guide  li.guide388{display: none}




/* チャットのフッタアイコンのための作業 */
#sticky{    right: 65px;bottom: 25px;}

@media screen and (max-width: 1100px){
    #header div.headerBoxLists ul {width: auto !important;justify-content: space-around;}
    .tele-ja {font-size: 20px;}
}

@media screen and (max-width: 960px){
    #header {z-index: 100 !important;}
    #header div.headerBoxLists{}
    #header div.headerBoxLists p{margin: 0;}
    body.top.seoul #header {height: 400px !important;}
    .tele-ja {font-size: 14px;}
    #mainArea .mainblock {top: 80px !important;}
    #mainArea .mainblock .subTitle a {font-size: 16px;}
    #mainArea .mainblock .subTitle a span{font-size: 18px;}
    #seminar{z-index: 120;left: 0;right: 0;background-color: transparent;border: none;box-shadow: none;text-align: center;}
    #seminar img{margin: 0 auto;}
    #online{position:relative;top:0;}
    #slides{height: 280px !important;}
    body.top #container{padding-top:0px !important;}
    body.top #searchBtn{padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;}
    body.top #searchBtn .content860{padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0;}
    aside .contact h2:after{margin: 10px auto}

}

@media screen and (max-width: 800px){
    #contactHeader .locShopBox{display: block !important;}
    #contactHeader dl{display:none;}
    .locShopBox img{max-width: 100%;height: auto !important;}
    .tSearchArea td>span{width: 100% !important;}
   /* #footer #pagetopFooter.fixed {bottom: 70px;}*/
}
@media screen and (max-width: 767px){
	#header div.headerBoxLists ul{display: block;text-align: center;}
	#header div.headerBoxLists ul li{max-width: 300px;margin: 5px auto 0 auto;text-align: center;background-color: transparent;}
	#online{position:relative;width:100%;top:0;}
	#online img{width:100% !important;top:0;}
	#headNavInner.fixed #online {width:166px !important;top:0;height:40px;position:absolute;margin:0;left:100px;box-shadow:unset;}
	#headNavInner.fixed #online img{width:auto;height:100%;}

    #sticky{    right: 65px;bottom: 10px;}
    #sticky .contact{margin-right: 10px;}
    #sticky .contact a{padding-left: 1em;padding-right: 1em;}
    #sticky .div-seminar {right: calc((100vw - 300px) / 2 - 65px);}

}


@media screen and (max-width: 420px){
    body.top.seoul #header {height: auto !important;}
    body.top #headerInfo {height: 180px !important;}    
    body.top #mainArea .mainblock{top: 80px;}
    #mainArea .mainblock .subTitle{margin-top: 5px;}
    #mainArea .mainblock .subTitle a{font-size: 14px;}
    #mainArea .mainblock .subTitle a span{font-size: 18px;}
}


.tele-ja{/* display:none !important;*/ font-size:16px;}
#localShop .locShopBoxInner dl dt:nth-of-type(1){display:none !important;}
#boxShop td dl dt:nth-of-type(1){display:none !important;}