@charset "utf-8"; /* margin -----------------------------------------*/ .ma0 { margin: 0 !important; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .ml0 { margin-left: 0 !important; } .mr0 { margin-right: 0 !important; } /* margin top */ .mt-5 { margin-top: -5px !important; } .mt-10 { margin-top: -10px !important; } .mt-15 { margin-top: -15px !important; } .mt-20 { margin-top: -20px !important; } .mt-25 { margin-top: -25px !important; } .mt-30 { margin-top: -30px !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; } .mt45 { margin-top: 45px !important; } .mt50 { margin-top: 50px !important; } /* margin bottom */ .mb-5 { margin-bottom: -5px !important; } .mb-10 { margin-bottom: -10px !important; } .mb-15 { margin-bottom: -15px !important; } .mb-20 { margin-bottom: -20px !important; } .mb-25 { margin-bottom: -25px !important; } .mb-30 { margin-bottom: -30px !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; } .mb45 { margin-bottom: 45px !important; } .mb50 { margin-bottom: 50px !important; } /* margin left */ .ml-5 { margin-left: -5px !important; } .ml-10 { margin-left: -10px !important; } .ml-15 { margin-left: -15px !important; } .ml-20 { margin-left: -20px !important; } .ml-25 { margin-left: -25px !important; } .ml-30 { margin-left: -30px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml45 { margin-left: 45px !important; } .ml50 { margin-left: 50px !important; } /* margin right */ .mr-5 { margin-right: -5px !important; } .mr-10 { margin-right: -10px !important; } .mr-15 { margin-right: -15px !important; } .mr-20 { margin-right: -20px !important; } .mr-25 { margin-right: -25px !important; } .mr-30 { margin-right: -30px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr45 { margin-right: 45px !important; } .mr50 { margin-right: 50px !important; } /* padding -----------------------------------------*/ .pa0 { padding: 0 !important; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pl0 { padding-left: 0 !important; } .pr0 { padding-right: 0 !important; } /* padding top */ .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; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt45 { padding-top: 45px !important; } .pt50 { padding-top: 50px !important; } /* padding bottom */ .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; } .pb45 { padding-bottom: 45px !important; } .pb50 { padding-bottom: 50px !important; } /* padding left */ .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl45 { padding-left: 45px !important; } .pl50 { padding-left: 50px !important; } /* padding right */ .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr45 { padding-right: 45px !important; } .pr50 { padding-right: 50px !important; } /* width ----------------------------------------*/ .w0 { width: 0 !important; } .w33 { width: 33.33333% !important; } .w5 { width: 5% !important; } .w10 { width: 10% !important; } .w15 { width: 15% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w30 { width: 30% !important; } .w35 { width: 35% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w50 { width: 50% !important; } .w55 { width: 55% !important; } .w60 { width: 60% !important; } .w65 { width: 65% !important; } .w70 { width: 70% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w85 { width: 85% !important; } .w90 { width: 90% !important; } .w95 { width: 95% !important; } .w100 { width: 100% !important; } /* font family -----------------------------------------*/ .ff_noto { font-family: notosans, "銉°偆銉偑", Meiryo, Osaka, "銉掋儵銈儙瑙掋偞 Pro W3", "Hiragino Kaku Gothic Pro", "锛汲 锛般偞銈枫儍銈?, "MS PGothic", sans-serif !important; } /* text indent -----------------------------------------*/ .indent1 { text-indent: -1em; margin-left: 1em; } .indent2 { text-indent: -2em; margin-left: 2em; } .indent3 { text-indent: -3em; margin-left: 3em; } .indent4 { text-indent: -4em; margin-left: 4em; } .indent5 { text-indent: -5em; margin-left: 5em; } /* text align -----------------------------------------*/ .aright { text-align: right !important; } .acenter { text-align: center !important; } .aleft { text-align: left !important; } /* clearfix -----------------------------------------*/ .clearfix:after { content: ""; clear: both; display: block; height: 0; } .clear { clear: both; } /* footer_sitemap_general -----------------------------------------*/ #footer.sitemap_general .sitemap { display: none; } .ss_footer_sitemap { padding: 20px 0; border-bottom: 1px solid #333; background: #fff; } .ss_footer_sitemap a, .ss_footer_sitemap a:link, .ss_footer_sitemap a:visited { color: #333; text-decoration: none; } .ss_footer_sitemap .map_list { -webkit-box-sizing: content-box; box-sizing: content-box; margin: 0 auto; padding: 0 5px; max-width: 980px; } .ss_footer_sitemap .map_list_ttl { display: inline-block; margin-bottom: 10px; font-weight: bold; font-size: 16px; } .ss_footer_sitemap .map_list .map_list_ttl a:hover, .ss_footer_sitemap .map_list .map_list_content li a:hover { text-decoration: underline #333; color: #333; opacity: 1; -webkit-text-decoration: underline #333; } .ss_footer_sitemap .map_list_content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; border-top: 1px solid #333; } .ss_footer_sitemap .map_list_content li { width: 33.2%; text-align: left; } .ss_footer_sitemap .map_list_content a { position: relative; display: inline-block; padding: 0 6px 0 12px; font-size: 14px; line-height: 1.714; } .ss_footer_sitemap .map_list_content a:before { position: absolute; top: 0.50em; left: 0; width: 0; height: 0; border-width: 3px 0 3px 5px; border-style: solid; border-color: transparent transparent transparent #333; content: ""; } .ss_footer_sitemap a img { vertical-align: baseline; } @media screen and (max-width: 640px) { #footer.sitemap_general .sitemap.js_sp_menu { display: block; } .ss_footer_sitemap { padding: 20px 15px; } .ss_footer_sitemap .map_list_content li { width: 100%; } }