@charset "utf-8"; /*============================================================= Common Layout =============================================================*/ /* element -------------------------------------------------------------*/ .disib { display: inline-block; } .imgFull { width: 100%; height: auto; } sup, .clrRed { /*color: #F00;*/ } .clrBlue { color: #0097e0; } p { margin-bottom: 0; } .g-sidebar_hd div, .g-sidebar_hd a { line-height: 1.0; } .g-sidebar_hd div a { padding: 0px; } /* FRAME -------------------------------------------------------------*/ .g-contents { padding-bottom: 70px; } /* GB -------------------------------------------------------------*/ .g-hnav_lv1_hd a { font-weight: bold; color: #737373 !important; text-decoration: none; } .act a { color: #0097e0 !important; text-decoration: none; } .g-hnav_lv1_hd a:hover { color: #0097e0 !important; text-decoration: none !important; } /* Lng -------------------------------------------------------------*/ .g-lnav_lv1_r ul { margin-top: 9px; display: inline-block; position: absolute; right: 0; width: 170px; z-index: 1; overflow: hidden; } #g-hnav ul.pichonlink li { background-color: #ddd; font-weight: bold; border: 1px solid #888; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(136, 136, 136); padding: 4px 0 3px; text-align: center; width: calc(50% - 2px); } #g-hnav .g-lnav_lv1_r li.re { background: #fff; border-right: medium none; } .g-lnav_lv1_r a, .g-lnav_lv1_r span { color: #737373; font-size: 14px; display: inline-block; padding: 0; } .g-lnav_lv1_r a.g-lnav-cur, .g-lnav_lv1_r span.g-lnav-cur { background: none; } /* margin padding */ .mT-20{margin-top:-20px !important;} .mT0{margin-top:0 !important;} .mT5{margin-top:5px !important;} .mT10{margin-top:10px !important;} .mT15{margin-top:15px !important;} .mT20{margin-top:20px !important;} .mT25{margin-top:25px !important;} .mT30{margin-top:30px !important;} .mT35{margin-top:35px !important;} .mT40{margin-top:40px !important;} .mT50{margin-top:50px !important;} .mT60{margin-top:60px !important;} .mT70{margin-top:70px !important;} .mT80{margin-top:80px !important;} .mT90{margin-top:90px !important;} .mR0 {margin-right:0 !important;} .mR10{margin-right:10px !important;} .mR20{margin-right:20px !important;} .mR40{margin-right:40px !important;} .mB0 {margin-bottom:0 !important;} .mB5 {margin-bottom:5px !important;} .mB10{margin-bottom:10px !important;} .mB15{margin-bottom:15px !important;} .mB20{margin-bottom:20px !important;} .mB25{margin-bottom:25px !important;} .mB30{margin-bottom:30px !important;} .mB35{margin-bottom:35px !important;} .mB40{margin-bottom:40px !important;} .mB50{margin-bottom:50px !important;} .mL0 {margin-left:0 !important;} .mL10{margin-left:10px !important;} .mL20{margin-left:20px !important;} .mL40{margin-left:40px !important;} .pT0{padding-top:0 !important;} .pT5{padding-top:5px !important;} .pT10{padding-top:10px !important;} .pT15{padding-top:15px !important;} .pT20{padding-top:20px !important;} .pT25{padding-top:25px !important;} .pT26{padding-top:25px !important;} .pT30{padding-top:30px !important;} .pT35{padding-top:35px !important;} .pT40{padding-top:40px !important;} .pT50{padding-top:50px !important;} .pR0 {padding-right:0 !important;} .pR10{padding-right:10px !important;} .pR20{padding-right:20px !important;} .pR40{padding-right:40px !important;} .pB0 {padding-bottom:0 !important;} .pB5 {padding-bottom:5px !important;} .pB10{padding-bottom:10px !important;} .pB15{padding-bottom:15px !important;} .pB20{padding-bottom:20px !important;} .pB25{padding-bottom:25px !important;} .pB30{padding-bottom:30px !important;} .pB35{padding-bottom:35px !important;} .pB40{padding-bottom:40px !important;} .pB50{padding-bottom:50px !important;} .pL0{padding-left:0 !important;} .pL10{padding-left:10px !important;} .pL20{padding-left:20px !important;} .pL40{padding-left:40px !important;} .sp-mT-20, .sp-mT0, .sp-mT10, .sp-mT15, .sp-mT20, .sp-mT25, .sp-mT30, .sp-mT35, .sp-mT40, .sp-mT50, .sp-mT60, .sp-mB0, .sp-mB10, .sp-mB15, .sp-mB20, .sp-mB25, .sp-mB30, .sp-mB35, .sp-mB40, .sp-mB50, .sp-mB60, .sp-pT0, .sp-pT10, .sp-pT15, .sp-pT20, .sp-pT25, .sp-pT30, .sp-pT35, .sp-pT40, .sp-pT50, .sp-pT60, .sp-pB0, .sp-pB10, .sp-pB15, .sp-pB20, .sp-pB25, .sp-pB30, .sp-pB35, .sp-pB40, .sp-pB50, .sp-pB60, .sp-pR0, .sp-pL0{} @media only screen and (max-width: 959px) { .g-contents { padding-bottom: 40px; } /* Lng -------------------------------------------------------------*/ .g-lnav_lv1_r { float: none; } .g-lnav_lv1_r ul { width: 100%; position: static; display: inline-block; margin: 0 auto; margin-top: 9px; display: table; overflow: hidden; } .g-lnav_lv1_r a::before, .g-lnav_lv1_r span::before { display: none; } .g-sidebar_hd div a { margin-left: 0px; } } @media only screen and (max-width: 480px) { /* margin padding */ .sp-mT0{margin-top:0 !important;} .sp-mT10{margin-top:10px !important;} .sp-mT15{margin-top:15px !important;} .sp-mT20{margin-top:20px !important;} .sp-mT25{margin-top:25px !important;} .sp-mT30{margin-top:30px !important;} .sp-mT35{margin-top:35px !important;} .sp-mT40{margin-top:40px !important;} .sp-mT50{margin-top:50px !important;} .sp-mT60{margin-top:60px !important;} .sp-mB0{margin-bottom:0 !important;} .sp-mB10{margin-bottom:10px !important;} .sp-mB15{margin-bottom:15px !important;} .sp-mB20{margin-bottom:20px !important;} .sp-mB25{margin-bottom:25px !important;} .sp-mB30{margin-bottom:30px !important;} .sp-mB35{margin-bottom:35px !important;} .sp-mB40{margin-bottom:40px !important;} .sp-mB50{margin-bottom:50px !important;} .sp-mB60{margin-bottom:60px !important;} .sp-pT0{padding-top:0 !important;} .sp-pT10{padding-top:10px !important;} .sp-pT15{padding-top:15px !important;} .sp-pT20{padding-top:20px !important;} .sp-pT25{padding-top:25px !important;} .sp-pT30{padding-top:30px !important;} .sp-pT35{padding-top:35px !important;} .sp-pT40{padding-top:40px !important;} .sp-pT50{padding-top:50px !important;} .sp-pT60{padding-top:60px !important;} .sp-pB0{padding-bottom:0 !important;} .sp-pB10{padding-bottom:10px !important;} .sp-pB15{padding-bottom:15px !important;} .sp-pB20{padding-bottom:20px !important;} .sp-pB25{padding-bottom:25px !important;} .sp-pB30{padding-bottom:30px !important;} .sp-pB35{padding-bottom:35px !important;} .sp-pB40{padding-bottom:40px !important;} .sp-pB50{padding-bottom:50px !important;} .sp-pB60{padding-bottom:60px !important;} .sp-pR0{padding-right:0 !important;} .sp-pL0{padding-left:0 !important;} } @media only screen and (max-width: 370px) { .g-lnav_lv1_r li { float: left; } }