@charset "utf-8";

/* reset css start */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, code, img, q, s,
small, strong, sub, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
button { border: none; background-color: transparent; outline: none;}
/* reset css end */

html { height: 100%; font-size: 62.5%;}
body { height: 100%; font-size:1.5rem; line-height: 30px; color: #333333; font-family: "Hiragino Maru Gothic ProN", Meiryo, sans-serif;}
body * {  box-sizing: border-box;}
* a { text-decoration: none;}
* a img { border-style: none; outline: none;}
img { vertical-align: middle;}
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; visibility: hidden; clear: both;}
::selection { background: #e7e7e7;}
::-moz-selection { background: #e7e7e7;}
.resize-no-transition * {    transition: none!important;}

/* ========================================
   Desktop-first base styles (was body#pc)
   ======================================== */

header { height: 42px; border-bottom: solid 1px #CCCCCC; width: 100%; background-color:rgba(245,245,245,0.6); position: fixed; top: 0; z-index: 100;}
header > div:first-child { float: left;}
header > div:first-child .wp-p_logo { font-family: 'times new roman', 'Times'; font-style: italic; font-size: 3.0rem; line-height: 1; height: 30px; margin: 6px 0 6px 6px; display: inline-block; float: left; white-space: nowrap; text-align: left;}
header > div:first-child .wp-p_logo a { display: inline-block; position: relative;}
header > div:first-child .wp-p_logo a span { color: #737a80; display: inline-block; transition: 0.5s linear;}
header > div:first-child .wp-p_logo a span.logo4 { margin-left: 3px; font-size: 1.2rem;}
header > div:first-child .wp-p_logo a span.logo1:first-letter { color: #fe3535;}
header > div:first-child .wp-p_logo a span.logo2:first-letter { color: #0000ff;}
header > div:first-child .wp-p_logo a span.logo3:first-letter { color: #01bcd8;}
header > div:first-child .wp-p_logo a:hover span.logo1 { color: #fe3535;}
header > div:first-child .wp-p_logo a:hover span.logo2 { color: #0000ff;}
header > div:first-child .wp-p_logo a:hover span.logo3 { color: #01bcd8;}
header > div:first-child .wp-p_logo a:hover span.logo4 { color: #90f;}
header #lang_switch { float: right; height: 100%; padding: 10px 6px 0 0;}
header #lang_switch * { display: inline-block;}
header #lang_switch dl {}
header #lang_switch dl dt { margin-right: 6px;}
header #lang_switch dl dt::after { content: ":";}
header #lang_switch dl dd { }
header #lang_switch dl dd:first-of-type::after { content: "|"; color: #000; margin: 0 5px;}
header #lang_switch dl dd span { color: #F09;}
header #lang_switch dl dd a:hover { color: #ff6c00; transition: 0.2s ease;}

main{ position: relative; width: 100%; min-width: 1080px; margin: 42px auto 0; background-color: #fafafa; font-size:1.5rem; line-height: 30px;}
main a { transition: 0.2s ease;}
:root main a:hover { color: #ff6c00;}

div#main_contents { min-width: 922px; margin-right: 396px; border-right: solid 1px #CCCCCC; position: relative; z-index: 10;}

div#main_contents div#topix {}
div#main_contents div#topix div { padding: 2px 20px; background-color: #fff; border: solid 2px #ffa500;}
div#main_contents div#topix div > span { display: inline-block;}
div#main_contents div#topix div > span:first-child { margin-right: 10px;}
div#main_contents div#topix div > span:last-child {}
div#main_contents div#topix div > span a { display: inline-block;}

div.slide_anime_loop { overflow: hidden; margin: 10px 10px 0;}
div.slide_anime_loop > div { position: relative; overflow: hidden; padding: 30px 0 10px; color: #f09; border: solid 1px #f09; border-radius: 3px; background-color: #fff;}
div.slide_anime_loop > div > h4 { position: absolute; z-index: 2; top: -2px; right: 10px; text-align: right;}
div.slide_anime_loop > div > div { position: absolute; z-index: 1; top: 0; width: 18px; height: 100%; line-height: 100%; background-color: #fff;}
div.slide_anime_loop > div > div:hover { color: #ff6c00; cursor: pointer;}
div.slide_anime_loop > div > div:before { position: absolute; top: 50%; width: 100%;}
div.slide_anime_loop > div > div:first-of-type { left: 0;}
div.slide_anime_loop > div > div:first-of-type:before { content: "<"; left: 0;}
div.slide_anime_loop > div > div:last-of-type { right: 0;}
div.slide_anime_loop > div > div:last-of-type:before { content: ">"; right: 0;}
div.slide_anime_loop ul { overflow: hidden; width: 10000px;}
div.slide_anime_loop ul li { float: left; width: 356px; padding: 0 20px;}

div.main_grid { border-bottom: solid 1px #CCCCCC; background-color: #fafafa;}
div.main_grid > h2 { width: 17%; float: left; padding: 40px 20px 0; font-size: 2.1rem; line-height: 30px; float: left; text-align: center; word-wrap: break-word; letter-spacing: 0.1em; font-family: 'times new roman', 'Times'; transition: 0.5s linear;}
div.main_grid > h2:first-letter { font-size: 3.0rem;}
div.main_grid > div { width: 83%; padding: 42px 0 42px 42px; float: right; background-color: #FFF; border-left: solid 1px #CCCCCC;}
div.main_grid.development_support > div { padding-right: 42px;}
div.main_grid > div > ol { list-style-position: inside; width: 50%;}
div.main_grid > div > ol:nth-of-type(1) { float: left;}
div.main_grid > div > ol:nth-of-type(2) { float: right;}
div.main_grid > div > div { clear: both;}
div.main_grid > div > ol li { position: relative; margin-bottom: 10px; list-style-type: decimal; padding: 0 1em 0 1.5em; text-indent: -1.2em; transition: 0.5s linear;}
div.main_grid > div > ol li span.toll_icon { font-size: 1.2rem; color: #F60;}
div.main_grid > div > ol li span.toll_icon:before { content:"【書籍】"; display: inline;}
:lang(en) div.main_grid > div > ol li span.toll_icon:before { content:"【Book】";}

div.main_grid > div > ul { list-style-position: inside; width: 50%;}
div.main_grid > div > ul:nth-of-type(1) { float: left;}
div.main_grid > div > ul:nth-of-type(2) { float: right;}
div.main_grid.info > div > ul,
div.main_grid.books > div > ul { width: 100%; float: none;}
div.main_grid > div li { margin-bottom: 10px; list-style-type: disc; transition: 0.5s linear;}
div.main_grid > div .dict_search_link a::before { transition: 0.5s linear;}
div.main_grid > div > p {}
div.main_grid > div > p > a { color: #0000ff;}
.dict_search_link { margin-bottom: -3px; }
.dict_search_link a { position: relative; display: inline-block; margin-left: 1.5rem; font-size: 1.6rem; color: #333; background: linear-gradient(transparent 50%, #ff8 50%);}
.dict_search_link a::before { content: "・"; position: absolute; left: -20px; top: 2px; display: inline-block; font-size: 2.2rem;}
.dict_list_scroll { margin-top: 10px !important; clear: none !important;}
.dict_list_scroll ul { list-style-position: inside; width: 50%; margin-bottom: 10px;}
.dict_list_scroll ul:nth-of-type(1) { float: left;}
.dict_list_scroll ul:nth-of-type(2) { float: right;}
.dict_list_scroll ul li { margin-bottom: 3px; list-style-type: disc; padding: 0 0 0 1.5em; text-indent: -1.2em;}
.dict_list_scroll ul a { color: #333333;}
div.main_grid > div > ol a,
div.main_grid > div > ul a,
div.main_grid > div > table a { color: #333333;}
div.notfound_grid { height: calc(100% - 60px); padding-top: 42px;}
div.notfound_grid > div { position: relative; height: 100%; padding-top: 0;}
div.notfound_grid > div > div { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
div.notfound_grid > div > div h1 { font-size: 2.1rem; padding-bottom: 30px;}
div.notfound_grid > div > div p:last-child { margin-top: 20px;}

div.development_support form > div { overflow: hidden; margin-top: 10px;}
div.development_support form > div > div:first-child { float: left; width: 200px;}
div.development_support form > div > div:last-child { float: left; width: 50%;}
div.development_support form > div > div input[type=text] { font-family: "Hiragino Maru Gothic ProN", Meiryo, sans-serif; font-size: 1.4rem; width: 100px; padding: 3px; border-radius: 3px; outline: none; border: solid 1px #cccccc; transition: 0.2s linear;}
div.development_support form > div > div input[type=text]:focus { border: solid 1px #f90;}
div.development_support form > div > div input[type=submit] { display: inline-block; background-color: #f09; color: #fff; padding: 4px 10px; font-size: 1.4rem; border: none; border-radius: 3px; outline: none; transition: 0.2s linear;}
div.development_support form > div > div input[type=submit]:disabled { opacity: 0.5;}
div.development_support form > div > div input[type=submit]:hover { background-color: #90F; cursor: pointer;}
div.development_support form > div > div input[type=submit]:disabled:hover { background-color: #f09; cursor: no-drop;}

div.development_support form small { font-size: 1.2rem;}
div.development_support form small.error { display: block; font-size: 1.2rem; color: #ff0000;}
div.development_support form small.sending { display: inline-block; vertical-align: text-top; margin-left: 10px; color: #f0c;}
div.development_support form > p { margin-top: 10px;}
div.development_support form > p small { position: relative; display: block; padding-left: 1em; font-size: 1.4rem; line-height: 1.8;}
div.development_support form > table { margin-top: 10px;}

div.pankuzu { width: 83%; margin-left: auto; border-left: solid 1px #CCCCCC; padding-left: 10px; background-color: #fff; overflow-x: scroll; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none;}
div.pankuzu::-webkit-scrollbar { display: none;}
div.pankuzu ol { height: 30px; font-size: 0; line-height: 30px;}
div.pankuzu ol li { display: inline; padding-right: 30px; font-size: 1.6rem; white-space:pre; background-image: url(/img/arrow_pankuzu.png); background-repeat: no-repeat; background-position: right -8px; background-size: 30px auto;}
div.pankuzu ol li:last-child { background-image: none;}
div.pankuzu ol li a {}

div#whats_new > div { position: relative;}
div#whats_new p.whatsnew_more { position: absolute; right: 21px; bottom: 10px; font-size: 1.3rem;}
div#whats_new p.whatsnew_more a { color: #666; transition: 0.2s ease;}
div#whats_new p.whatsnew_more a:hover { color: #d84d8e;}
div#whats_new > div > dl { overflow: hidden;}
div#whats_new > div > dl dt { width: 14%; float: left; clear: left;}
div#whats_new > div > dl dd { width: 86%; float: right;}

div.dictionary_menus { width: 83%; padding: 42px 21px 42px; margin-left: auto; overflow: hidden; background-color: #fff; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;}
div.dictionary_menus > h1 { font-size: 2.1rem; line-height: 42px; margin: 0 0 42px 0; border-bottom: solid 1px #CCCCCC;}
div.dictionary_menus > h1 > span { display: inline-block; }
div.dictionary_menus > #dict_search_count { margin-left: 21px;}
div.dictionary_menus > table { margin: 0 0 21px 21px; font-size: 1.6rem;}
div.dictionary_menus > table tr td:first-child { padding-right: 10px;}
div.dictionary_menus > table tr td:last-child { white-space: pre-wrap; word-break: break-all; overflow-wrap: break-word; transition: 0.2s ease;}
div.dictionary_menus > table tr td:last-child span { display: inline;}
div.dictionary_menus > table tr td:first-child { position: relative;}
div.dictionary_menus > table tr a:focus { outline: none; background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.8) 50%);}
div.dictionary_menus > table tr a:focus::before { content: ""; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #000;}
div.dictionary_menus > table tr a:focus::before { top: 1.5rem;}
div.dictionary_menus > table tr:has(a:focus) td:last-child span { background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.8) 50%);}
div#dictionary_menu div { height: 320px; overflow-y: scroll; }

div.dictionary_search { width: 83%; padding: 42px 21px 42px; margin-left: auto; overflow: hidden; background-color: #fff; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;}
div.dictionary_search > h1 { font-size: 2.1rem; line-height: 42px; margin: 0 0 21px 0; border-bottom: solid 1px #CCCCCC;}
div.dictionary_search > h1 > span { display: inline-block; }
#dict_search_box { display: flex; align-items: center; gap: 10px; margin: 0 0 15px 0; position: relative;}
#dict_search_box:before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; padding: 5px; background-image: url(/img/search.png); background-size: 20px auto; background-position: 5px center; background-repeat: no-repeat;}
#dict_search_input { display: block; font-size: 1.5rem; width: 100%; max-width: 500px; height: 36px; padding: 5px 5px 5px 30px; border-radius: 3px; outline: none; border: solid 1px #cccccc; box-sizing: border-box;}
#dict_search_input::placeholder { font-size: 1.3rem; color: #999;}
#dict_search_clear { font-size: 1.2rem; padding: 0 10px; height: 36px; border: solid 1px #ccc; border-radius: 3px; background: #fff; cursor: pointer; white-space: nowrap; transition: 0.2s;}
#dict_search_clear:hover { background: #555; color: #fff; border-color: #555;}
#dict_search_filters { display: flex; flex-wrap: wrap; gap: 6px 8px; margin: 0 0 15px 0;}
.dict_filter_label { display: inline-flex; align-items: center; gap: 3px; font-size: 1.3rem; cursor: pointer; padding: 3px 8px; border-radius: 3px; border: solid 1px #ddd; background: #f8f8f8; transition: 0.15s;}
.dict_filter_label:has(input:checked) { background: var(--theme-color); border-color: var(--theme-color); color: #fff;}
.dict_filter_label input { display: none;}
.dict_filter_label span { white-space: nowrap;}
#dict_search_actions { display: flex; gap: 8px; margin: 0 0 15px 0;}
#dict_filter_all, #dict_filter_none { font-size: 1.2rem; padding: 3px 10px; border: solid 1px #ccc; border-radius: 3px; background: #fff; cursor: pointer; transition: 0.2s;}
#dict_filter_all:hover, #dict_filter_none:hover { background: #555; color: #fff; border-color: #555;}
#dict_search_count { font-size: 1.3rem; color: #666; margin: 0 0 10px 0;}
#dict_search_results { margin: 0 0 21px 0; font-size: 1.6rem; width: 100%; border-collapse: collapse;}
#dict_search_results tr td:first-child { position: relative; padding: 4px 10px 4px 0; vertical-align: top;}
#dict_search_results tr td:first-child > div { display: table-cell; height: 100%;}
#dict_search_results tr td:first-child > div:first-child { padding-right: 5px;}
#dict_search_results tr td:last-child { padding: 6px 0; color: #555; line-height: 1.5;}
#dict_search_results tr a:focus { outline: none; background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.8) 50%);}
#dict_search_results tr a:focus::before { content: ""; position: absolute; left: -14px; top: 2rem; transform: translateY(-50%); width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #000;}
#dict_search_results tr:has(a:focus) td:last-child span { background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.8) 50%);}
.dict_label { display: inline-block; font-size: 1.1rem; font-weight: bold; padding: 1px 6px; border-radius: 3px; margin-right: 4px; vertical-align: middle; color: #fff; white-space: nowrap;}

.rep_grid { width: 83%; padding: 42px 21px 21px; margin-left: auto; overflow: hidden; background-color: #fff; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC;}
.rep_grid h1 { font-size: 2.1rem; line-height: 35px; margin: 0 0 42px 0; border-bottom: solid 1px #CCCCCC; display: flex; justify-content: space-between; align-items: baseline;}
.rep_grid h1 span { display: inline-block;}
:root .ver_label-rap { margin-top: -42px;}
:root table.ver_label { margin-top: 0; margin-left: auto; margin-right: 0; font-size: 1.3rem; color: #666; white-space: nowrap;}
:root table.ver_label tr th { padding-right: 10px;}
:root table.ver_label tr td { padding-right: 10px; text-align: left!important;}
:root table.ver_label tr td:last-of-type { padding-right: 0;}
:root table.ver_label tr td span:first-of-type { display: inline; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; padding: 1px 8px; font-weight: bold; color: #c24; margin: 0 2px;}
.ja_only_label { display: inline; font-size: 1.1rem; font-weight: normal; color: #F09; margin-left: 6px;}
.rep_grid h2 { font-size: 1.6rem; margin: 42px 42px 0 42px; font-weight: bold;}
.rep_grid h2 + div { margin-left: 21px;}
.rep_grid h2 + div p:first-child { margin-top: 10px;}
.rep_grid div h3 { margin: 21px 42px 0 42px; font-weight: bold;}
.marker-yellow { display: inline; background: linear-gradient(transparent 50%, #ff8 50%); -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.rep_grid div h3 + p { margin-top: 10px;}
.rep_grid div h3 + pre { margin-top: 10px;}
.rep_grid div p + pre { margin-top: 10px;}
.rep_grid .section-sub-label { font-size: 1.6rem; color: #333; margin: 15px 0 4px 42px; letter-spacing: 0.05em;}
.rep_grid .section-sub-label + svg { display: block; margin-left: 42px;}
.rep_grid svg { max-width: 100%; height: auto;}
.rep_grid img.img-screenshot { max-width: 480px; width: 100%;}
.rep_grid .section-sub-label + pre { margin-top: 10px;}
.rep_grid div.browser_prev { margin: 21px 42px 42px 42px; padding: 7px 21px 21px 21px; border: dashed 1px #666666;  box-sizing: content-box;}
.rep_grid div.browser_prev iframe { display: block; width: 100%;}
.rep_grid table { margin: 42px 42px 0 42px;}
.rep_grid table.table_border tr td,
.rep_grid table.table_border tr th { border: solid 1px #cccccc; padding: 10px;}
.rep_grid table.table_browser_correspondence_list { margin-bottom: 30px;}
.rep_grid table.table_browser_correspondence_list tr td,
.rep_grid table.table_browser_correspondence_list tr th { border: solid 1px #cccccc; padding: 10px; text-align: center;}
.rep_grid table.table_browser_correspondence_list tr th { background-color: #efefef;}
.rep_grid table.table_browser_correspondence_list tr td.maru:before { content: "○"; display: inline; color: #00f; font-weight: bold; font-size: 2.1rem;}
.rep_grid table.table_browser_correspondence_list tr td.sankaku:before { content: "△"; display: inline; color: #00e100; font-weight: bold; font-size: 2.1rem;}
.rep_grid table.table_browser_correspondence_list tr td.batsu:before { content: "×"; display: inline; color: #f00; font-weight: bold; font-size: 2.1rem;}
.rep_grid p.browser_correspondence_annotation { font-size: 1.2rem; margin-top: 0; margin-left: auto; text-align: left; display: table;}
.rep_grid p.browser_correspondence_annotation_sp { font-size: 1.2rem; margin-top: 0; margin-left: auto; text-align: left; display: table;}
/* Browser compat cards */
.rep_grid .compat-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 21px 42px 0 42px; }
.rep_grid .compat-cards .compat-section-label { width: 100%; font-size: 1.2rem; font-weight: bold; color: #666; letter-spacing: 0.05em; margin: 8px 0 -4px 0; padding-bottom: 4px; border-bottom: 1px solid #e0e0e0; }
.rep_grid .compat-cards .compat-section-label:first-child { margin-top: 0; }
.rep_grid .compat-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; min-width: 155px; flex: 1 1 155px; max-width: calc((100% - 24px) / 3); background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.06); }
.rep_grid .compat-card-header { padding: 10px 14px; font-weight: bold; font-size: 1.5rem; color: #333; background: #fafafa; border-bottom: 1px solid #eee; display: flex; align-items: center; gap: 8px; }
.rep_grid .compat-card-header .compat-icon { width: 28px; height: 28px; flex-shrink: 0; }
.rep_grid .compat-card-body { padding: 10px 14px; }
.rep_grid .compat-card-body .compat-row { display: flex; justify-content: space-between; align-items: center; padding: 4px 0; font-size: 1.3rem; color: #444; }
.rep_grid .compat-card-body .compat-row .compat-ver { display: flex; align-items: center; gap: 5px; }
.rep_grid .compat-card-body .compat-row .compat-ver .compat-ver-icon { width: 18px; height: 18px; flex-shrink: 0; opacity: 0.85; }
.rep_grid .compat-card-body .compat-row + .compat-row, .rep_grid .compat-card-body .compat-row-note + .compat-row { border-top: 1px solid #f5f5f5; }
.rep_grid .compat-card-body .compat-status { font-weight: bold; font-size: 1.9rem; }
.rep_grid .compat-card-body .compat-status.s-yes { color: #00f; }
.rep_grid .compat-card-body .compat-status.s-partial { color: #00e100; }
.rep_grid .compat-card-body .compat-status.s-no { color: #f00; }
.rep_grid .compat-card-body .compat-note { font-size: 1.1rem; line-height: 1.4; color: #888; padding: 4px 0 0 0; border-top: 1px dashed #eee; margin-top: 4px; }
.rep_grid .compat-card-body .compat-row-note { font-size: 1.1rem; line-height: 1.4; color: #888; padding: 0 0 2px 12px; }
.rep_grid .compat-cards + .compat-annotation { font-size: 1.2rem; margin-top: 12px; margin-left: auto; text-align: left; display: table; color: #666; }
.rep_grid p { margin: 42px 42px 0 42px; overflow: hidden;}
.rep_grid p a { color: #0000ff;}
.rep_grid p a:hover { color: #ff6c00;}
.rep_grid img { max-width: 100%;}
.rep_grid ul { margin: 21px 42px 0 63px; list-style-type: disc;}
.rep_grid ol { margin: 21px 42px 0 70px; list-style-type: decimal;}
.rep_grid dl { margin: 21px 42px 0 42px;}
.rep_grid dl dt {}
.rep_grid dl dd { padding-left: 63px;}
.rep_grid dl.whatsnew_list { display: grid; grid-template-columns: auto 1fr; gap: 0;}
.rep_grid dl.whatsnew_list dt { padding-left: 0;}
.rep_grid dl.whatsnew_list dd { padding-left: 10px; margin-bottom: 6px;}
.rep_grid div.note { display: block; border: dashed 1px #01bcd8; padding: 0 0 21px; margin: 42px;}
.rep_grid div.note:before { content: "Note"; display: block; margin: 10px auto 0 21px; font-size: 2.1rem; line-height: 42px; color: #01bcd8;}
.rep_grid div.note p:first-child { margin-top: 0;}

div.table-scroll-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch;}
.rep_grid table { margin: 42px 42px 0 42px;}
.rep_grid h2 + div table:first-child { margin-top: 21px;}
.rep_grid h2 + div pre:first-child { margin-top: 21px;}
.rep_grid table.table_border_head_gray tr th,
.rep_grid table.table_border_head_gray tr td { border: solid 1px #cccccc; padding: 10px;}
.rep_grid table.table_border_head_gray tr th { font-weight: bold; text-align: center; background-color: #efefef; white-space: nowrap;}
.rep_grid table.table_border_head_gray tr td:first-child { white-space: nowrap;}
.rep_grid table.table_border_head_gray tr td.maru { text-align: center!important; vertical-align: middle;}
.rep_grid table.table_border_head_gray tr td.maru:before { content: "○"; display: inline; color: #00f; font-weight: bold; font-size: 2.1rem;}
.rep_grid table.table_border_head_gray tr td.sankaku { text-align: center!important; vertical-align: middle;}
.rep_grid table.table_border_head_gray tr td.sankaku:before { content: "△"; display: inline; color: #00e100; font-weight: bold; font-size: 2.1rem;}
.rep_grid table.table_border_head_gray tr td.batsu { text-align: center!important; vertical-align: middle;}
.rep_grid table.table_border_head_gray tr td.batsu:before { content: "×"; display: inline; color: #f00; font-weight: bold; font-size: 2.1rem;}
.rep_grid table.table_browser_correspondence_list { margin-bottom: 0;}
.rep_grid table.table_browser_correspondence_list tr td { border: solid 1px #cccccc; padding: 10px; text-align: center;}
.rep_grid table.table_browser_correspondence_list tr td.ok:before { content: "OK"; display: inline; color: #00f; font-weight: bold;}
.rep_grid table.table_browser_correspondence_list tr td.ng:before { content: "NG"; display: inline; color: #f00; font-weight: bold;}
.rep_grid table tr td:nth-child(1) { text-align: center;}
.rep_grid table.table_border_head_gray tr td:nth-child(1) { text-align: left;}
.rep_grid table.table_border_head_gray tr:nth-child(1) td:nth-child(1) { text-align: center;}
.rep_grid table.table_border tr td:nth-child(1) { text-align: left;}
.rep_grid form { margin: 42px 42px 0 42px;}
.rep_grid form p { margin-left: 0; padding: 10px 0;}
.rep_grid p.arrow_source { margin-top: 10px; margin-bottom: -10px;}
.rep_grid p.arrow_source:before { content: ""; display: block; width: 50px; height: 30px; margin: 0 auto; background-image: url(/img/arrow_source.png); background-size: 50px 30px;}
.rep_grid p.plus_source { margin-top: 10px; margin-bottom: -30px;}
.rep_grid p.plus_source:before { content: ""; display: block; width: 40px; height: 40px; margin: 0 auto; background-image: url(/img/plus_mark.png); background-size: 40px auto;}
.rep_grid .border_gray { margin: 42px 42px 0 42px; padding: 21px; border: solid 1px #cccccc;}
.rep_grid .border_gray p { margin-left: 0;}
.rep_grid .border_gray p:first-child { margin-top: 0;}
.rep_grid h2 + div .border_gray:first-child { margin-top: 21px;}

div.writer { margin: 42px 42px 42px 0;}
div.writer p { margin-top: 0;}
div.writer p span { color: #0000ff; cursor: pointer; transition: 0.2s ease;}
div.writer p span:hover { color: #ff6c00;}
div.writer div#writer_info { height: 0px; margin-left: 0; overflow: hidden; transition: 0.3s linear;}
div.writer div#writer_info table { width: 500px; margin: 0 42px 0 21px;}
div.writer div#writer_info table tr td { width: 250px; vertical-align: top; padding: 21px 0;}
div.writer div#writer_info table tr td img { width: 200px; margin-top: 8px;}
div.writer div#writer_info table tr td h2 { font-weight: bold; border-bottom: dashed 1px #CCCCCC; margin: 0 0 5px 0; text-align: center;}
div.writer div#writer_info table tr td p { margin: 0; font-size:1.2rem; line-height: 21px;}
div.writer div#writer_info table tr td:first-child p { width: 250px; text-align: center;}

#search_dic { position: relative; margin: -21px 0 21px 21px; display: flex; align-items: center; gap: 6px;}
#search_dic:before { content: ""; display: block; position: absolute; width: 20px; height: 20px; padding: 5px; background-image: url(/img/search.png); background-size: 20px auto; background-position: 5px 5px; background-repeat: no-repeat;}
#search_dic input { display: block; font-size: 1.5rem; width: 300px; height: 30px; padding: 5px 5px 5px 30px; border-radius: 3px; outline: none; border: solid 1px #cccccc; transition: 0.2s linear;}
#search_dic input::placeholder { font-size: 1.2rem; color: #999;}
#search_dic input::-webkit-input-placeholder { font-size: 1.2rem; line-height: 18px; color: #999;}
#search_dic input:-ms-input-placeholder { font-size: 1.2rem; line-height: 18px; color: #999;}
#search_dic input::-moz-placeholder { font-size: 1.2rem; line-height: 18px; color: #999;}
#search_dic_clear { font-size: 1.2rem; padding: 0 10px; height: 30px; border: solid 1px #ccc; border-radius: 3px; background: #fff; cursor: pointer; white-space: nowrap; transition: 0.2s;}
#search_dic_clear:hover { background: #555; color: #fff; border-color: #555;}
.dictionary_menus .current { color: inherit!important; background-color: yellow;}

div#pagination { height: 40px; margin: 42px 42px 21px 42px; position: relative;}
div#pagination div#pagination_home { width: 160px; height: 40px; margin: 0 auto; overflow: hidden;}
html:lang(en) div#pagination div#pagination_home { width: 100px;}
div#pagination div#pagination_home a { display: block; position: relative; width: 160px; height: 40px;}
div#pagination div#pagination_home a div { float: left; width: 40px; height: 40px; border : solid 2px #737a80; border-radius: 50%; transition: 0.4s linear;}
div#pagination div#pagination_home a div img { width: 40px; position: absolute; top: 0; left: 0; transition: opacity 0.4s linear;}
div#pagination div#pagination_home a p { float: right; width: 120px; height: 26px; margin: 7px 0 0 0; color: #737a80; text-align: center; transition: 0.4s linear;}
html:lang(en) div#pagination div#pagination_home a { width: 100px;}
html:lang(en) div#pagination div#pagination_home a p { width: 60px;}
div#pagination div#pagination_home:hover a p { color: #25da91;}
div#pagination div#pagination_home a div img#pagination_home_btn_default { opacity: 1;}
div#pagination div#pagination_home a div img#pagination_home_btn_hover { opacity: 0;}
div#pagination div#pagination_home:hover a div { border : solid 2px #25da91;}
div#pagination div#pagination_home:hover a div img#pagination_home_btn_default { opacity: 0;}
div#pagination div#pagination_home:hover a div img#pagination_home_btn_hover { opacity: 1;}

div#pagination div#pagination_prev,
div#pagination div#pagination_next { position: absolute; top: 0; width: 120px; height: 40px;}
div#pagination div#pagination_prev { left: 0;}
div#pagination div#pagination_next { right: 0px;}
div#pagination div#pagination_prev a,
div#pagination div#pagination_next a { display: block; width: 120px; height: 40px;}
div#pagination div#pagination_prev a div,
div#pagination div#pagination_next a div { position: absolute; top: 0; width: 40px; height: 40px; border : solid 2px #737a80; border-radius: 50%; transition: 0.5s linear;}
div#pagination div#pagination_prev a div { left: 0;}
div#pagination div#pagination_next a div { right: 0;}
div#pagination div#pagination_prev a div img,
div#pagination div#pagination_next a div img { position: absolute; top: 0; width: 40px; transition: 0.5s linear;}
div#pagination div#pagination_prev a div img { left: -2px;}
div#pagination div#pagination_next a div img { right: -2px; transform: rotate(180deg);}
div#pagination div#pagination_prev a div img#pagination_home_btn_default,
div#pagination div#pagination_next a div img#pagination_home_btn_default { opacity: 1;}
div#pagination div#pagination_prev a div img#pagination_home_btn_hover,
div#pagination div#pagination_next a div img#pagination_home_btn_hover { opacity: 0;}
div#pagination div#pagination_prev a p,
div#pagination div#pagination_next a p { margin: 0; line-height: 40px; color: #737a80; transition: 0.5s linear;}
div#pagination div#pagination_prev a p { margin-left: 42px;}
html:lang(en) div#pagination div#pagination_prev a p { padding-left: 5px;}
div#pagination div#pagination_next a p { margin-right: 42px;}
html:lang(en) div#pagination div#pagination_next { width: 100px;}
html:lang(en) div#pagination div#pagination_next a { width: 100%;}
html:lang(en) div#pagination div#pagination_next a p { padding-right: 5px; text-align: right;}
div#pagination div#pagination_prev:hover a div,
div#pagination div#pagination_next:hover a div { border : solid 2px #d84d8e;}
div#pagination div#pagination_prev:hover a div img#pagination_prev_btn_default,
div#pagination div#pagination_next:hover a div img#pagination_next_btn_default { opacity: 0;}
div#pagination div#pagination_prev:hover a div img#pagination_prev_btn_hover,
div#pagination div#pagination_next:hover a div img#pagination_next_btn_hover { opacity: 1;}
div#pagination div#pagination_prev:hover a p,
div#pagination div#pagination_next:hover a p { color: #d84d8e;}

.like_a { color: #0000ee; cursor: pointer; transition: 0.2s ease;}
.like_a:hover {color: #ff6c00;}

pre.pre_simple { display: block; overflow: auto; border: solid 1px #cccccc; border-radius: 10px; background: #f5f5f5; font-size: 1.4rem; line-height: 30px; margin: 42px 42px 0 42px; padding: 21px; tab-size: 2;}
pre.pre_simple span { font-size: 1.4rem;}

div.introduction_book { margin: 42px 42px 0 42px;}
div.introduction_book h4 { font-weight: bold;}
div.introduction_book a { display: inline-block;}
div.introduction_book a img { transition: 0.2s ease;}
div.introduction_book a p { margin: 0;}
div.introduction_book a:hover {}
div.introduction_book a:hover img { opacity: 0.7;}
div.introduction_book a:hover p {}

footer { background-color: #f7f7f7; width:100%; height: 60px; border-top: solid 1px #CCCCCC; margin-top: -1px; position: relative; z-index: 100;}
footer p { width: 100%; margin: 0 auto; padding-right: 6px; font-size: 1.2rem; letter-spacing: 0.1em; text-align: right; font-family: times, Times New Roman;}
footer p a { color : #333333;}

	/* popup start */
		div#js-input_forms > div { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0;}
		div#js-input_forms > div > div.popup_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);}
		div#js-input_forms > div > div.popup_main { position: relative; overflow: hidden; width: 600px; max-height: 80%; margin: 0 auto; top: 50%; background-color: #fff; border-radius: 10px;
			transform: translateY(-50%);
		}
		div#js-input_forms > div > div.popup_main > div.icon_popup_close { position: absolute; z-index: 2; width: 30px; height: 30px; top: 8px; right: 10px; font-size: 3.0rem;
			transition: 0.2s linear;
		}
		div#js-input_forms > div > div.popup_main > div.icon_popup_close:hover { color: #ff6c00; cursor: pointer;}
		div#js-input_forms > div > div.popup_main > div.icon_popup_close:before { content: "×";}
		div#js-input_forms > div > div.popup_main > p.popup_title { position: absolute; z-index: 1; height: 80px; top: 0; left: 20px; right: 20px; text-align: center; font-size: 1.6rem; line-height: 80px; background-color: #fff;}
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo1,
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo2,
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo3 { display: inline-block; margin-right: 3px; font-family: times, Times New Roman; color: #666666; font-size: 2.0rem; font-style: italic;
			transition: color 0.5s linear;
		}
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo1:first-letter { color: #fe3535;}
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo2:first-letter { color: #0000ff;}
		div#js-input_forms > div > div.popup_main > p.popup_title > span.logo3:first-letter { color: #01bcd8;}
		div#js-input_forms > div > div.popup_main > p.popup_title:hover > span.logo1 { color: #fe3535;}
		div#js-input_forms > div > div.popup_main > p.popup_title:hover > span.logo2 { color: #0000ff;}
		div#js-input_forms > div > div.popup_main > p.popup_title:hover > span.logo3 { color: #01bcd8;}
		div#js-input_forms > div > div.popup_main > small { display: block; padding: 0 50px 0;}

		div#js-input_forms > div > div.popup_main > div.popup_main_content { overflow-x: scroll; overflow-y: hidden; width: 200%; height: 100%;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form { float: left; overflow-y: scroll; width: 50%; height: 100%; padding: 80px 50px 50px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div { position: relative; margin: 0 0 30px 0; padding: 0 1em;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div:last-child { margin-bottom: 0;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label { display: block; margin-left: -1em; font-weight: bold;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > span,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub > span { display: inline-block; margin-left: 10px; font-size: 1.2rem;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > span:before,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub > span:before { content: "";}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > span.required,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub > span.required { color: #F09;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > span.required:before,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub > span.required:before { content: "必須";}
		:lang(en) div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > span.required:before,
		:lang(en) div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub > span.required:before { content: "Required";}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > p { overflow: hidden;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub + p { margin-left: 2em;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=text],
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=password],
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea { display: block; width: 100%; padding: 5px; outline: none; border: none; border-bottom: solid 1px #000; font-size: 1.6rem;
			transition: 0.3s linear;
		}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub + input[type=text],
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub + input[type=password],
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub + textarea,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label.sub ~ label { margin-left: 1em;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea { height: 5em; border: solid 1px #000;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=text]:focus,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=password]:focus { border-bottom: solid 1px #f90;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea:focus { border: solid 1px #f90;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=text].error,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=password].error { border-bottom: solid 1px #f00;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea.error { border: solid 1px #f00;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=text].error,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=password].error { border-bottom: solid 1px #f00;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea.error { border: solid 1px #f00;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=text].success,
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > input[type=password].success { border-bottom: solid 1px #0f0;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > textarea.success { border: solid 1px #0f0;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label { position: relative; display: block; padding-right: 1em; cursor: pointer;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label > input[type=radio] { position: relative; display: inline-block; top: -2px; margin-right: 5px; cursor: pointer;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > form > div > label .radio_label_comment { position: relative; left: 19px; bottom: 12px;}

		div#js-input_forms > div > div.popup_main > div.popup_main_content input[type=submit] { display: block; margin: 0 0 0 auto; padding: 5px 20px; outline: none; border: none; background-color: #00f; color: #fff; font-size: 1.6rem; border-radius: 5px; cursor: pointer;
			transition: 0.3s linear;
		}
		div#js-input_forms > div > div.popup_main > div.popup_main_content input[type=submit]:hover { background-color: #C0F;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content input[type=submit]:disabled { opacity: 0.5; cursor: no-drop;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content input[type=submit]:disabled:hover { background-color: #00f;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content form > div > small { display: block; text-align: right; color: #f00; font-size: 1.2rem; line-height: 2;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content form > div > span:not(.like_a) { display: block; margin-top: 5px; color: #4a4a4a; font-size: 1.2rem; line-height: 1.6;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content form > div:last-child > span { display: block; text-align: right; color: #f0c; font-size: 1.2rem;}

		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) { overflow-y: scroll; height: 100%; max-height: 500px; padding: 80px 50px 50px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > p { margin-bottom: 30px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div { padding-left: 1em;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div > div { margin-bottom: 30px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div > div p { padding-left: 1em; white-space: pre; overflow: scroll;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child { overflow: hidden; text-align: right;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child input[type=submit] { display: inline-block; margin-left: 20px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child input[type=submit]:last-of-type { background-color: #f09;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child input[type=submit]:last-of-type:hover { background-color: #90F;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child input[type=submit]:last-of-type:disabled:hover { background-color: #f09;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div:not(.popup_no_form) > div:last-child span { display: block; text-align: right; color: #f0c; font-size: 1.2rem;}

		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form { float: left; overflow-y: scroll; width: 50%; height: 100%; padding: 80px 50px 50px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div { margin-bottom: 30px;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div:last-child { margin-bottom: 0;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div > div { overflow: hidden;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div > div p { width: 50%;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div > div p:first-child { float: left;}
		div#js-input_forms > div > div.popup_main > div.popup_main_content > div.popup_no_form > div > div p:last-child { float: right;}
	/* popup end*/

	/* SNSs start */
		div.sns_links { overflow: hidden; height: 30px; margin-top: 42px;}
		div.main_grid div.sns_links { margin: 21px 0 -21px;}
		div.sns_links > div { width: 25%; float: left;}
		div.sns_links > div.twitter {}
		div.sns_links > div.fb { font-size: 0;}
		div.sns_links > div.fb a.fb-share-link { display: inline-block; padding: 0 8px; background-color: #1877f2; color: #fff; font-size: 1.1rem; line-height: 20px; border-radius: 3px; text-decoration: none; white-space: nowrap;}
		main div.sns_links > div.fb a.fb-share-link:hover { opacity: 0.7; color: #fff;}
		div.sns_links > div.fb a.fb-share-link img { vertical-align: middle; margin-right: 4px;}
		div.sns_links > div.hatena {}
	/* SNSs end */

/* ========================================
   Common styles (pc & sp)
   ======================================== */

	/* toast start */
		div.toast { word-wrap: break-word; max-width: 80%; padding: 5px 20px; font-size: 1.6rem; color: #000; line-height: 1.8;}
		div.toast.success { background-color: #ff0; border: solid 2px #FC0; text-align: center;}
		div.toast.error { background-color: #ff0; border: solid 2px #F00; text-align: center;}
	/* toast end */

	div.advertisement_rep { margin-top: 21px;}

	div#caution { display: none;}
	div#caution > p { color: #ff0000;}
	div#about_us h2:first-letter,
	div#about_us:hover h2 { color: #0036ff;}
	div#whats_new h2:first-letter,
	div#whats_new:hover h2 { color: #52be7f;}
	div.info h2:first-letter,
	div.info:hover h2,
	div.info:hover ul li { color: #F60;}
	div.development_support h2:first-letter,
	div.development_support:hover h2 { color: #ff3a28;}
	div.dictionary h2:first-letter { color: #E4007F;}
	div.dictionary > div > ul { list-style-type: disc}
	div.dictionary:hover h2,
	div.dictionary:hover ul li,
	div.dictionary:hover .dict_search_link a::before { color: #E4007F;}
	div.dictionary-css h2:first-letter { color: #E4007F;}
	div.dictionary-css:hover h2,
	div.dictionary-css:hover ol li { color: #E4007F;}
	div.dictionary-js h2:first-letter { color: #27b501;}
	div.dictionary-js:hover h2,
	div.dictionary-js:hover ol li { color: #27b501;}
	div.dictionary-php h2:first-letter { color: #dd8800;}
	div.dictionary-php:hover h2,
	div.dictionary-php:hover ol li { color: #dd8800;}
	div.dictionary-html h2:first-letter { color: #E44D26;}
	div.dictionary-html:hover h2,
	div.dictionary-html:hover ol li { color: #E44D26;}
	div.dictionary-python h2:first-letter { color: #3776AB;}
	div.dictionary-python:hover h2,
	div.dictionary-python:hover ol li { color: #3776AB;}
	div.dictionary-sql h2:first-letter { color: #e38c00;}
	div.dictionary-sql:hover h2,
	div.dictionary-sql:hover ol li { color: #e38c00;}
	div.dictionary-typescript h2:first-letter { color: #3178C6;}
	div.dictionary-typescript:hover h2,
	div.dictionary-typescript:hover ol li { color: #3178C6;}
	div.dictionary-java h2:first-letter { color: #f89820;}
	div.dictionary-java:hover h2,
	div.dictionary-java:hover ol li { color: #f89820;}
	div.dictionary-c h2:first-letter { color: #555555;}
	div.dictionary-c:hover h2,
	div.dictionary-c:hover ol li { color: #555555;}
	div.dictionary-cs h2:first-letter { color: #68217A;}
	div.dictionary-cs:hover h2,
	div.dictionary-cs:hover ol li { color: #68217A;}
	div.dictionary-ruby h2:first-letter { color: #CC342D;}
	div.dictionary-ruby:hover h2,
	div.dictionary-ruby:hover ol li { color: #CC342D;}
	div.dictionary-go h2:first-letter { color: #00ADD8;}
	div.dictionary-go:hover h2,
	div.dictionary-go:hover ol li { color: #00ADD8;}
	div.dictionary-rust h2:first-letter { color: #CE422B;}
	div.dictionary-rust:hover h2,
	div.dictionary-rust:hover ol li { color: #CE422B;}
	div.dictionary-kotlin h2:first-letter { color: #7F52FF;}
	div.dictionary-kotlin:hover h2,
	div.dictionary-kotlin:hover ol li { color: #7F52FF;}
	div.dictionary-swift h2:first-letter { color: #F05138;}
	div.dictionary-swift:hover h2,
	div.dictionary-swift:hover ol li { color: #F05138;}
	div.dictionary-bash h2:first-letter { color: #4EAA25;}
	div.dictionary-bash:hover h2,
	div.dictionary-bash:hover ol li { color: #4EAA25;}
	div.html-beginner h2:first-letter,
	div.html-beginner:hover h2,
	div.html-beginner:hover ol li { color: #C0F;}
	div.css-beginner h2:first-letter,
	div.css-beginner:hover h2,
	div.css-beginner:hover ol li { color: #ff0090;}
	div.css-intermediate h2:first-letter,
	div.css-intermediate:hover h2,
	div.css-intermediate:hover ol li { color: #f90;}
	div.html_css-practice h2:first-letter,
	div.html_css-practice:hover h2,
	div.html_css-practice:hover ol li { color: #fc4a1a;}
	div.js-beginner h2:first-letter,
	div.js-beginner:hover h2,
	div.js-beginner:hover ol li { color: #27b501;}
	div.js-intermediate h2:first-letter,
	div.js-intermediate:hover h2,
	div.js-intermediate:hover ol li { color: #90f;}
	div.js-application h2:first-letter,
	div.js-application:hover h2,
	div.js-application:hover ol li { color: #c0392b;}
	div.js-practice h2:first-letter,
	div.js-practice:hover h2,
	div.js-practice:hover ol li { color: #ff00cc;}
	div.books h2:first-letter,
	div.books:hover h2,
	div.books:hover ul li,
	div.photoshop-beginner h2:first-letter,
	div.photoshop-beginner:hover h2,
	div.photoshop-beginner:hover ol li { color: #0036ff;}
	div.php-beginner h2:first-letter,
	div.php-beginner:hover h2,
	div.php-beginner:hover ol li { color: #dd8800;}
	div.unix_linux-beginner h2:first-letter,
	div.unix_linux-beginner:hover h2,
	div.unix_linux-beginner:hover ol li { color: #dcb239;}
	div.swift-beginner h2:first-letter,
	div.swift-beginner:hover h2,
	div.swift-beginner:hover ol li { color: #ff3a28;}
	div.yomoyama h2:first-letter,
	div.yomoyama:hover h2,
	div.yomoyama:hover ol li { color: #ff00cc;}
	div.omake h2:first-letter,
	div.omake:hover h2,
	div.omake:hover ol li { color: #90f;}

	.current { color: #F09!important;}
	.font_red { color: #ff0000;}
	.font_blue { color: #00f;}
	.font_magenta { color: #f0f;}
	.font_orange { color: #ff6c00;}
	.font_bold { font-weight: bold; font-size: 1.6rem;}
	.font_small { font-size: 1.2rem;}
	.font_through { text-decoration: line-through;}
	.font_big { font-size: 2.1rem; line-height: 42px;}
	.font_super_big { font-size: 3.0rem; line-height: 42px;}
	.t_right { text-align: right;}

/* ========================================
   Google Code Prettify
   ======================================== */
/* Original theme - http://noahfrederick.com/vim-color-scheme-hemisu/ */
pre.prettyprint { display: block; background: #222222; font-size: 1.5rem; color: #fff; line-height: 30px; margin: 42px 42px 0 42px; overflow: auto; tab-size: 4;}
pre.result { display: block; background: #222222; font-size: 1.5rem; color: #fff; line-height: 30px; margin: 10px 42px 0 42px; padding: 10px 15px; overflow: auto;}
.pln { color: #fff;}
.str { color: #fc0;}
.kwd { color: #ff0055;}
.com { color: #999999;}
.typ { color: #0f0;}
.lit { color: #0ff;}
.pun { color: #fff;}
.opn { color: #111111;}
.clo { color: #111111;}
.tag { color: #ED125F;}
.atn { color: #0f0;}
.atv { color: #FC0;}
.dec { color: #fff;}
.var { color: #111111;}
.fun { color: #538192;}
main .rep_grid pre.prettyprint:not(:has(ol.linenums)) { padding: 10px 10px 10px 15px;}
pre.code-bash { display: block; background: #222222; font-size: 1.5rem; color: #fff; line-height: 30px; margin: 42px 42px 0 42px; overflow: auto; tab-size: 4; padding: 10px 10px 10px 15px;}
pre.code-bash::before { content: "$ "; color: #4a9eff; font-weight: bold;}
pre.cmd-prompt { display: block; background: #222222; font-size: 1.5rem; color: #fff; line-height: 30px; margin: 42px 42px 0 42px; overflow: auto; tab-size: 4; padding: 10px 10px 10px 15px;}
pre.cmd-prompt ol { margin: 0; padding: 0; list-style: none;}
li.cmd-prompt::before { content: "$ "; color: #4a9eff; font-weight: bold;}
li.cmd-prompt2::before { content: "> "; color: #98f098; font-weight: bold;}
li.cmd-prompt-mysql::before { content: "mysql> "; color: #f5a623; font-weight: bold;}
li.cmd-prompt-mariadb::before { content: "MariaDB> "; color: #c0765a; font-weight: bold;}
li.cmd-prompt-psql::before { content: var(--psql-db) "=# "; color: #56d4c8; font-weight: bold;}
li.cmd-prompt-sqlite::before { content: "sqlite> "; color: #7ec8e3; font-weight: bold;}
pre.cmd-prompt ol { counter-reset: swift-repl irb-repl;}
li.cmd-prompt-swift { counter-increment: swift-repl;}
li.cmd-prompt-swift::before { content: "  " counter(swift-repl) "> "; color: #999; font-weight: bold;}
@counter-style irb-counter { system: numeric; symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"; pad: 3 "0";}
li.cmd-prompt-irb { counter-increment: irb-repl;}
li.cmd-prompt-irb::before { content: "irb(main):" counter(irb-repl, irb-counter) ":0> "; color: #999; font-weight: bold;}
li.cmd-prompt-irb-result::before { content: "=> "; color: #999; font-weight: bold;}
main .rep_grid pre.prettyprint ol.linenums { min-width: 100%; margin: 0; padding: 10px; display: inline-block; color: #56d4c8;}
main .rep_grid pre.prettyprint ol.linenums li { list-style-type: decimal; margin-left: 35px; padding-right: 6px;}
main .rep_grid pre.prettyprint.no_line ol.linenums li { list-style-type: none; margin-left: 5px;}
li.L0,li.L1,li.L2,li.L3,li.L4,li.L5,li.L6,li.L7,li.L8,li.L9 {}
li.L1,li.L3,li.L5,li.L7,li.L9 {}

/* ========================================
   Tablet: max-width 1024px
   ======================================== */
@media (max-width: 1024px) {
	main{ min-width: auto; }
	div#main_contents { min-width: auto; margin-right: 0; border-right: none; }
	div.pankuzu { width: 100%; border-left: none; }
	div.dictionary_menus { width: 100%; border-left: none; }
	div.dictionary_search { width: 100%; border-left: none; }
	.rep_grid { width: 100%; border-left: none; }
	div.main_grid > div { width: 100%; border-left: none; }
	main{ background-color: #fff; }
	div.main_grid { background-color: transparent; }
	div.main_grid > h2 { width: 100%; float: none; text-align: left; padding: 20px 20px 0; }
	div.main_grid > div { padding-top: 21px; }
	div.main_grid > div > ol { width: 100%; float: none; }
	div.main_grid > div > ul { width: 50%; float: left; }
	div#dictionary_menu { width: 100%; border-left: none;}
	div#dictionary_menu ul { float: left; width: 50%; box-sizing: border-box;}
	div.main_grid > h2 br { display: none;}
	div.notfound_grid > div > div h1 { font-size: 1.8rem; padding-bottom: 20px;}
	#dict_search_results tr a:focus::before { top: 16px;}
	#dict_search_results tr td:first-child { display: table; white-space: normal;}
	#dict_search_results tr td:first-child > div { display: table-cell; height: 100%;}
	#dict_search_results tr td:first-child > div:first-child { padding-right: 5px;}
	#dict_search_results tr td:last-child { white-space: normal;}
}

/* ========================================
   Mobile: max-width 767px (was body#sp)
   ======================================== */
@media (max-width: 767px) {
	html, body { overflow-x: hidden;}
	body { font-size: 1.8rem; line-height: 26px; -webkit-text-size-adjust: 100%;}
	body * { word-break: break-all; }
	html:lang(en) body * { word-break: normal; overflow-wrap: break-word; }
	a { -webkit-tap-highlight-color: rgba(0,0,0,0);}

	header { overflow: hidden;}
	header > div:first-child { width: auto;}
	header > div:first-child .wp-p_logo { font-size: 2.0rem; float: none; height: auto; margin: 4px 0 0 6px; line-height: 1.1;}
	header > div:first-child .wp-p_logo a span.logo4 { display: block; margin-left: 0; font-size: 1.0rem; letter-spacing: 0.1em; line-height: 1.3;}
	header #lang_switch { padding-top: 16px;}
	header #lang_switch dl { font-size: 12px;}

	div#about_us { margin-top: 10px;}
	div#whats_new > div { overflow-y: auto; height: auto; max-height: none;}
	div#whats_new > div > dl dt { width: auto; float: none; font-weight: bold;}
	div#whats_new > div > dl dd { width: auto; float: none; margin-bottom: 10px;}
	div#whats_new p.whatsnew_more { position: static; text-align: right; margin: 0 0 10px;}

	main{ width: 100%; min-width: auto; padding: 15px 6px 21px; background-color: #fff; font-size:1.5rem; line-height: 30px;}
	div.main_grid { margin: 21px 0 0;}
	div.main_grid > h2 { font-size: 2.1rem; letter-spacing: 1px; padding: 0 0 10px;}
	div.main_grid > h2:first-letter { font-size: 2.6rem;}
	div.main_grid > div { float: none; width: auto; margin: 3px auto 0 2rem; padding: 0; background-color: transparent;}
	div.main_grid > div dl dd { padding-left: 1em;}
	div.main_grid > div > ol { margin-left: 0; padding-left: 2.5em; list-style-type: decimal; list-style-position: outside;}
	div.main_grid > div > ol li { text-indent: 0; padding: 0;}
	div.main_grid > div > ol li span.toll_icon:before { content:"【有料】"; display: inline;}
	div.main_grid > div > ul { margin-left: 0; padding-left: 2.5em; list-style-type: disc; list-style-position: outside;}

	.rep_grid { margin: 0 21px; width: auto; padding: 0; border-left: none; border-bottom: none;}
	.rep_grid h1 { font-size: 1.6rem; color: #000; margin-top: 21px; padding-left: 0.5em; margin-bottom: 21px;}
	div.dictionary_menus h1 { font-size: 2.1rem; color: #000; margin-top: 21px; padding-left: 0.5em;}
	.rep_grid p { margin: 21px 0 0 0; padding-left: 2rem;}
	.rep_grid dl.whatsnew_list dt { width: auto; float: none; font-weight: bold;}
	.rep_grid dl.whatsnew_list dd { width: auto; float: none; padding-left: 1em; margin-bottom: 10px;}
	:root .ver_label-rap { margin-top: -10px;}
	:root table.ver_label { font-size: 1.2rem; font-weight: normal; color: #666;}
	:root table.ver_label span:first-of-type { background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; padding: 1px 6px; font-weight: bold; color: #c24;}
	.rep_grid h1 + p { margin-top: 10px;}
	.rep_grid p img { max-width: 100%;}
	.rep_grid h2 { font-weight: bold; margin: 21px 0 0 0; padding-left: 2rem;}
	.rep_grid h2 + div { margin: 10px 0 21px; padding-left: 2rem; overflow-x: scroll; }
	.rep_grid div h3 { margin-left: 0; padding-left: 2rem;}

	.rep_grid div.note { display: block; border: dashed 1px #01bcd8; padding: 1em 2rem 1em 0; margin: 21px 0 0 2rem;}
	.rep_grid div.note:before { content: "Note"; display: block; font-size: 2.1rem; padding-left: 1em; line-height: 21px; color: #01bcd8;}
	.rep_grid div.note p:first-child { margin-top: 10px;}
	.rep_grid ul { margin: 10px 0 0 3.2rem;}
	.rep_grid ol { margin: 10px 0 0 3.2rem;}
	.rep_grid dl { margin: 10px 0 0 2rem;}
	.rep_grid dl dd { margin: 10px 0 0 1em; padding-left: 0;}
	.rep_grid table { margin: 21px 0 0 2rem;}
	.rep_grid table tr td:first-child { word-break: normal;}
	.rep_grid table.table_border tr td,
	.rep_grid table.table_border tr th { border: solid 1px #cccccc; padding: 10px;}
	div.table-scroll-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch;}
	.rep_grid table.table_border_head_gray { min-width: 500px; margin-top: 42px;}
	.rep_grid table.table_border_head_gray tr th,
	.rep_grid table.table_border_head_gray tr td { border: solid 1px #cccccc; padding: 10px;}
	.rep_grid table.table_browser_correspondence_list { margin-top: 42px; margin-bottom: 30px;}
	.rep_grid table.table_browser_correspondence_list:first-child { width: 700px;}
	.rep_grid table.table_browser_correspondence_list:nth-child(3) { width: 600px;}
	.rep_grid form { margin-top: 21px; padding-left: 2rem;}
	.rep_grid form p { padding-left: 0; margin-top: 10px; margin-left: 0;}
	.rep_grid p.browser_correspondence_annotation { margin-top: -30px; margin-right: 2rem;}
	.rep_grid p.browser_correspondence_annotation_sp { margin-top: -30px; margin-right: 2rem;}
	/* Browser compat cards (mobile) */
	.rep_grid .compat-cards { gap: 10px; margin: 21px 2rem 0 2rem; }
	.rep_grid .compat-cards .compat-section-label { font-size: 1.1rem; margin: 6px 0 -2px 0; }
	.rep_grid .compat-card { min-width: 130px; flex: 1 1 130px; max-width: calc((100% - 20px) / 3); }
	.rep_grid .compat-card-header { padding: 8px 12px; font-size: 1.4rem; gap: 6px; }
	.rep_grid .compat-card-header .compat-icon { width: 24px; height: 24px; }
	.rep_grid .compat-card-body { padding: 8px 12px; }
	.rep_grid .compat-card-body .compat-row { padding: 3px 0; font-size: 1.2rem; }
	.rep_grid .compat-card-body .compat-row .compat-ver { gap: 4px; }
	.rep_grid .compat-card-body .compat-row .compat-ver .compat-ver-icon { width: 16px; height: 16px; }
	.rep_grid .compat-card-body .compat-status { font-size: 1.7rem; }
	.rep_grid .compat-card-body .compat-note { font-size: 1.0rem; padding: 3px 0 0 0; margin-top: 3px; }
	.rep_grid .compat-card-body .compat-row-note { font-size: 1.0rem; padding: 0 0 2px 10px; }
	.rep_grid .compat-cards + .compat-annotation { font-size: 1.1rem; margin-top: 10px; margin-right: 2rem; }

	.rep_grid div.browser_prev { overflow: scroll; margin: 21px 0 0 2rem; padding: 7px 21px 21px 21px;}
	.rep_grid div.browser_prev iframe { width: 1000px;}
	.rep_grid p.plus_source { margin-top: 10px; margin-bottom: -11px;}
	.rep_grid p.plus_source:before { width: 40px; height: 28px; background-size: 34px auto; background-position: center; background-repeat: no-repeat;}
	.rep_grid p.arrow_source { margin-top: 10px; margin-bottom: -11px;}
	.rep_grid p.arrow_source:before { width: 40px; height: 24px; background-size: 40px auto;}

	.rep_grid .border_gray { margin: 21px 0 0 2rem; padding: 10px;}

	div.dictionary_menus { width: 100%; padding: 21px; border-left: none; border-bottom: none;}
	#search_dic { margin-left: 0;}
	#search_dic input { width: 100%; box-sizing: border-box;}
	div.dictionary_menus > #dict_search_count { margin-left: 0;}
	div.dictionary_menus > table { margin: 0; width: 100%;}
	div.dictionary_menus > table tr { display: block; padding: 4px 0;}
	div.dictionary_menus > table tr td { display: block; word-break: normal;}
	div.dictionary_menus > table tr td:first-child { padding-right: 0;}
	div.dictionary_menus > table tr td:last-child { padding-left: 1.5em; font-size: 1.3rem; line-height: 1.5; word-break: normal; overflow-wrap: break-word;}

	div.dictionary_search { width: 100%; padding: 21px; border-left: none; border-bottom: none;}
	#dict_search_input { max-width: 100%;}
	#dict_search_results tr { display: block; padding: 4px 0;}
	#dict_search_results tr a:focus::before { top: 16px;}
	#dict_search_results tr td { display: block; word-break: normal;}
	#dict_search_results tr td:first-child { padding-right: 0; white-space: normal;}
	#dict_search_results tr td:last-child { padding-left: 1.5em; font-size: 1.3rem; line-height: 1.5; word-break: normal; overflow-wrap: break-word;}

	div#dictionary_menu { display: none;}

	div.popup { display: none; opacity: 0; position: fixed; top: 200px; right: 0; left: 0; z-index: 101; transition: opacity 0.2s linear;}
	div.popup .bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background-color: rgba(255, 255, 255, 0.8); -webkit-tap-highlight-color: rgba(0,0,0,0);}
	div.popup .hide { position: absolute; top: 10px; right: 10px; width: 27px; height: 27px; border: solid 1px #666666; border-radius: 50%; background-color: #fff; background-image: url(/img/batsu.png); background-size: 19px auto; background-repeat: no-repeat; background-position: center; z-index: 103; -webkit-tap-highlight-color: rgba(0,0,0,0);}
	div.popup .contents { position: relative; width: 300px; padding: 10px; margin: 0 auto; border: solid 1px #666666; border-radius: 10px; background-color: #fff; z-index: 102;}
	div.popup .contents .wp-p_logo { float: none; display: block; margin: 0 0 10px 0;}
	div.popup .contents a { display: block; height: 60px; padding: 10px 0 10px 21px; color: #666666;}
	div.popup .contents a.twitter { padding-left: 50px; background-image: url(/img/twitter_logo_black_on.png); background-size: 60px auto; background-repeat: no-repeat;}
	div.popup .contents a.facebook { padding-left: 50px; background-image: url(/img/facebook_logo_black_on.png); background-size: 60px auto; background-repeat: no-repeat;}
	div.popup .contents a span { display: inline-block; margin-top: 9px;}
	@keyframes popup {0% { opacity: 0;} 100% { opacity: 1}}

	div#main_contents { min-width: auto; margin-right: 0; border-right: none;}
	div#main_contents div#topix div > span { display: block;}
	div.pankuzu { width: 100%; overflow: hidden; height: 2.5rem; border-left: none; padding-left: 0;}
	div.pankuzu ol { overflow-x: scroll; padding-bottom: 1em; white-space: nowrap; height: auto; font-size: inherit;}
	div.pankuzu ol li { display: inline-block; padding-right: 30px; font-size: 1.4rem; background-image: url(/img/arrow_pankuzu.png); background-repeat: no-repeat; background-position: right top; background-size: 30px auto;}
	div.pankuzu ol li:last-child { padding-right: 0; background: none;}

	div.writer { margin: 21px 0 0 0;}
	div.writer p span { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	div.writer div#writer_info { font-size: 1.2rem;}
	div.writer div#writer_info table { width: 100%; margin: 0; table-layout: fixed;}
	div.writer div#writer_info table tr td { width: auto; padding: 10px 0; word-wrap: break-word;}
	div.writer div#writer_info table tr td:first-child { width: 100px; padding-right: 10px;}
	div.writer div#writer_info table tr td:first-child img { width: 80px; margin-top: 0;}
	div.writer div#writer_info table tr td:first-child p { width: 80px; text-align: center; font-size: 1rem;}
	div.writer div#writer_info table tr td h2 { text-align: left; font-size: 1.3rem;}
	div.writer div#writer_info table tr td p { padding-left: 0; line-height: 1.6;}

	div#pagination { position: relative; margin: 21px 0 0 0; left: auto;}
	div#pagination > div#pagination_prev,
	div#pagination > div#pagination_next { position: absolute; top: 0;}
	div#pagination > div#pagination_prev { left: 0;}
	div#pagination > div#pagination_next { right: 0;}
	div#pagination > div#pagination_prev a,
	div#pagination > div#pagination_next a { display: inline-block; height: 40px; width: auto;}
	div#pagination > div#pagination_prev a div,
	div#pagination > div#pagination_next a div { display: inline-block; height: 40px; position: static; border: none;}
	div#pagination > div#pagination_prev a div img,
	div#pagination > div#pagination_next a div img { width: 40px; display: inline-block; border: solid 1px #d84d8e; border-radius: 50%; position: static;}
	div#pagination > div#pagination_prev a div img[id$="_btn_hover"],
	div#pagination > div#pagination_next a div img[id$="_btn_hover"] { display: none;}
	div#pagination > div#pagination_next a div img { transform: rotate(180deg);}
	div#pagination > div#pagination_prev a p,
	div#pagination > div#pagination_next a p { display: inline-block; margin: 0; line-height: 40px; vertical-align: middle; font-size: 1.5rem; color: #666666;}
	div#pagination > div#pagination_prev a p { padding: 0 0 0 3px; margin-left: 0;}
	div#pagination > div#pagination_next a p { padding: 0 3px 0 0; margin-right: 0;}
	div#pagination > div#pagination_prev a:active p,
	div#pagination > div#pagination_next a:active p { color: #cccccc;}
	div#pagination > div#pagination_home { position: absolute; top: 0; left: 0; right: 0; text-align: center; width: auto; height: 40px; margin: 0;}
	html:lang(en) div#pagination > div#pagination_home { width: auto;}
	div#pagination > div#pagination_home a { display: inline-block; height: 40px; width: auto; position: static;}
	div#pagination > div#pagination_home a div { display: inline-block; height: 40px; float: none; width: auto; border: none;}
	div#pagination > div#pagination_home a div img { width: 40px; display: inline-block; border: solid 1px #25da91; border-radius: 50%; position: static;}
	div#pagination > div#pagination_home a div img#pagination_home_btn_hover { display: none;}
	div#pagination > div#pagination_home a p { float: none; display: none;}

	div#pagination_home_solo { height: 40px; margin-left: -1rem; text-align: center; line-height: 0;}
	div#pagination_home_solo a { display: inline-block;}
	div#pagination_home_solo div { display: inline-block;}
	div#pagination_home_solo img { width: 40px; display: inline-block; border: solid 2px #25da91; border-radius: 50%;}
	div#pagination_home_solo p { display: inline-block; margin-top: 0; line-height: 40px; vertical-align: middle; padding-left: 0; color: #25da91;}

	pre.pre_simple { margin: 21px 1em; padding: 10px;}

	div.introduction_book { margin: 21px 0 0 0; padding-left: 2rem;}
	div.introduction_book a p { margin-top: 0; padding-left: 0;}

	footer { height: 42px;}

	/* popup mobile overrides */
		div#js-input_forms { font-size: 1.3rem;}
		div#js-input_forms > div > div.popup_main { width: 100%;}
		div#js-input_forms > div > div.popup_main > p.popup_title > span { display: none;}

	/* SNSs mobile */
		div.sns_links { margin-top: 21px; padding: 0 1em; box-sizing: border-box; width: 100%;}
		div.main_grid div.sns_links { margin-bottom: 15px;}
		div.sns_links > div { width: 33%; box-sizing: border-box;}

	/* Google Code Prettify mobile */
	pre.prettyprint { margin: 21px 0 0 2rem;}
	pre.code-bash { margin: 21px 0 0 2rem;}
	pre.cmd-prompt { margin: 21px 0 0 2rem;}

	/* 404 mobile */
	div.notfound_grid { padding-top: 15px;}
	div.notfound_grid > div > div h1 { font-size: 1.6rem; padding-bottom: 15px;}
	div.notfound_grid > div > div p { font-size: 1.4rem; line-height: 24px;}
	div.notfound_grid > div > div p:last-child { margin-top: 15px;}
}