@charset "utf-8";

* { margin: 0px; padding: 0px; }

html { text-size-adjust: none; }

body { margin: 0px; padding: 0px; line-height: 1.5; font-size: 14px; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); font-family: "ＭＳ Ｐゴシック", sans-serif; }

a:link, a:visited { font-weight: normal; color: rgb(0, 119, 204); text-decoration: none; }

a:hover { color: rgb(255, 153, 0); text-decoration: underline; }

.clearfix::after { content: ""; display: block; clear: both; }

.clearfix { zoom: 1; }

#outline { width: 100%; }

#container { margin: 0px auto; width: 96%; max-width: 925px; padding: 0px 2%; }

#wrapper { width: 100%; max-width: 860px; margin: 0px auto; }

#content { width: 72%; overflow: hidden; float: right; padding-bottom: 45px; }

#bread { margin: 0px 5px 5px; }

#bread a { font-size: 12px; }

#main { margin: 0px; overflow: hidden; }

div#container div#header { margin: 10px auto; padding: 10px; width: 100%; max-width: 950px; height: 42px; border: 1px solid rgb(224, 225, 225); background: url("https://www.mag2.com/img/magtop/header_bg.gif") 0px 0px repeat-x; overflow: hidden; position: relative; box-sizing: border-box; }

#header #logo { float: left; position: absolute; left: 10px; top: 12px; }

#header #logo p { text-align: right; font-weight: bold; color: rgb(108, 108, 108); font-size: 11px; }

#header ul#header-link { position: absolute; right: 10px; top: 4px; overflow: hidden; }

#header ul#header-link li { float: left; margin-top: 5px; margin-left: 8px; font-size: 14px; display: inline; }

#header ul#header-link li a:hover { color: rgb(59, 89, 152); text-decoration: underline; }

.osyougatsu #header ul#header-link li { margin-top: 10px; margin-left: 13px; font-size: 13px; }

#header ul#header-link li#us { position: absolute; bottom: -20px; right: 0px; }

#header #search { float: left; margin-left: 15px; display: inline; }

#header #search #keyword { float: left; border: 1px solid rgb(204, 204, 204); width: 348px; height: 22px; }

#register, #publ, #cancel, #help { padding-left: 8px; border-left: 1px solid rgb(153, 153, 153); }

div#mag2logo { margin-top: 5px; position: absolute; right: 10px; bottom: 10px; }

#sidebar { width: 214px; float: left; position: relative; }

#fix-menu { width: 214px; border: 1px solid rgb(204, 204, 204); box-sizing: border-box; }

#fix-menu ul { border-top: 7px solid rgb(255, 170, 0); }

#fix-menu ul li { border-bottom: 1px solid rgb(211, 211, 211); width: 100%; display: block; list-style: none; }

#fix-menu .ofcl a { color: rgb(64, 64, 64); border-top: 1px solid rgb(255, 255, 255); padding: 3px 5px 3px 14px; background: rgb(241, 241, 241); display: block; line-height: 1.5; }

#fix-menu .alldel a { color: rgb(64, 64, 64); font-weight: bold; font-size: 12px; padding: 3px 5px 3px 30px; background: url("https://www.mag2.com/img/golink.png") 7% 40% no-repeat rgb(241, 241, 241); display: block; line-height: 1.5; }

#fix-menu .ofcl a:hover, #fix-menu .alldel a:hover { background-color: rgb(214, 214, 214); text-decoration: none; }

#fix-menu .ofcl a.selected_btn { background-color: rgb(255, 255, 255); }

#main #description { width: 100%; height: auto; margin-bottom: 20px; }

#main #description h2 { display: block; margin-bottom: 20px; }

#main #description p.tx { display: block; line-height: 1.6; font-size: 12px; color: rgb(84, 84, 84); padding: 0px 10px; }

#main #description p.tx_b { font-size: 14px; padding: 0px 5px; }

#main #description p.graybox { background: rgb(250, 250, 250); border: 1px solid rgb(230, 230, 230); padding: 5px; margin: 10px 0px; line-height: 1.4; }

#main #description .gnavi { padding: 10px 10px 10px 60px; margin: 10px; background-image: url("https://www.mag2.com/img/1man.gif"); background-repeat: no-repeat; background-position: 10px 50%; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 248, 220); }

.social_top { padding-right: 20px; float: right; height: 20px; }

#charm_text { font-size: 26px; font-weight: bold; line-height: 1.3; padding: 0px 20px; }

.register_form { border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102) rgb(230, 230, 230) rgb(230, 230, 230); border-image: initial; background: rgb(250, 250, 250); width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }

.form_container { overflow: hidden; padding-bottom: 2%; }

.form_container .head_read { float: left; overflow: hidden; width: 100%; font-size: 16px; }

.caption { font-size: 16px; width: 95%; padding: 5px; font-weight: bold; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102); }

.introduce .mag_name { float: left; font-weight: bold; font-size: 20px; width: 100%; }

.introduce .mag_name_del { font-weight: bold; font-size: 20px; width: 100%; margin: 0px 0px 10px; }

.introduce .mag_name span { color: rgb(134, 134, 134); font-size: 15px; }

.balloon-default-left { background: rgb(239, 239, 239); border-radius: 4px; color: rgb(102, 102, 102); padding: 10px; position: relative; }

.balloon-default-left::after { border-bottom: 8px solid transparent; border-right: 12px solid rgb(239, 239, 239); border-top: 8px solid transparent; content: ""; display: block; height: 0px; left: -12px; margin-top: -6px; position: absolute; top: 50%; width: 0px; }

.form_container .info_pic { float: none; }

.infobox { width: 200px; float: left; overflow: hidden; margin: 10px 0px 0px 10px; }

.info_dtl { float: left; }

.info_dtl { margin-top: 10px; }

.info_dtl dl { margin: 0px; }

.info_dtl dt, .info_dtl dd { line-height: 1.3; overflow: hidden; }

.info_dtl dt { font-size: 11px; color: rgb(153, 153, 153); height: auto; width: 80px; padding: 1px 5px; float: left; overflow: hidden; text-align: left; }

.info_dtl dd { font-size: 12px; text-align: left; padding: 0px 5px 5px 10px; width: 90px; }

.introduce { width: 97%; overflow: hidden; padding: 0px 5px; margin-top: 10px; }

.introduce a.bnt { color: rgb(0, 119, 204); font-size: 11px; margin-left: 5px; font-weight: normal; text-decoration: underline; }

.introduce a.bnt:hover { color: rgb(255, 153, 0); }

.mag_title { font-weight: bold; font-size: 16px; margin: 0px 0px 10px; }

.mag_intro { font-size: 14px; margin: 0px; }

.inner_form { width: 100%; float: none; overflow: hidden; padding-top: 10px; }

.inner_form li { list-style: none; }

.kiyaku { display: block; font-size: 11px; margin: 0px; width: 100%; }

.kiyaku a { text-decoration: underline; }

.reg_form ul, .del_form ul { overflow: hidden; margin: 10px auto; display: flex; justify-content: flex-start; flex-wrap: wrap; }

.reg_form li, .del_form li { width: 94%; margin: 0px auto; display: flex; justify-content: flex-start; flex-wrap: wrap; }

.uranai_form input.passive[type="text"], .reg_form input.passive[type="text"], .del_form input.passive[type="text"], .del_form input.passive[type="email"] { color: rgb(153, 153, 153); }

.del_form input.rdemail[type="text"], .reg_form input.rdemail[type="text"], .del_form input.rdemail[type="email"] { appearance: none; border: 1px solid rgb(204, 204, 204); border-radius: 4px; box-shadow: rgb(225, 225, 225) 0px 1px 1px inset; box-sizing: border-box; font-size: 16px; padding: 5px; height: 40px; width: 100%; display: block; margin: 0px auto; }

.del_form input.rdemail[type="text"]:focus, .reg_form input.rdemail[type="text"]:focus, .del_form input.rdemail[type="email"] { outline: none; }

.reg_form input[type="submit"] { border: 1px solid rgb(255, 89, 89); display: inline-block; width: 120px; height: 35px; font-size: 14px; text-align: center; text-decoration: none; line-height: 35px; letter-spacing: 2px; outline: none; border-radius: 5px; }

.del_form input[type="submit"] { border: 1px solid rgb(179, 179, 179); display: inline-block; width: 120px; height: 35px; font-size: 14px; text-align: center; text-decoration: none; line-height: 35px; letter-spacing: 2px; outline: none; border-radius: 5px; }

.reg_form input[type="submit"]::before, .reg_form input[type="submit"]::after, .del_form input[type="submit"]::before, .del_form input[type="submit"]::after { position: absolute; z-index: -1; display: block; content: ""; }

.reg_form input[type="submit"], .reg_form input[type="submit"]::before, .reg_form input[type="submit"]::after, .del_form input[type="submit"], .del_form input[type="submit"]::before, .del_form input[type="submit"]::after { box-sizing: border-box; transition: all 0.3s ease 0s; }

.reg_form input[type="submit"] { background-color: rgb(255, 115, 115); color: rgb(255, 255, 255); }

.del_form input[type="submit"] { background-color: rgb(179, 179, 179); color: rgb(255, 255, 255); }

.reg_form input[type="submit"]:hover { background-color: rgb(255, 89, 89); cursor: pointer; }

.del_form input[type="submit"]:hover { background-color: rgb(153, 153, 153); cursor: pointer; }

.mail_form { }

.attention_note { width: auto; padding: 0px 8px; float: left; overflow: hidden; margin: 20px 0px 0px 20px; border-left: 2px solid rgb(204, 204, 204); font-size: 12px; color: rgb(128, 128, 128); }

.attention_note p.mgn { margin-bottom: 5px; }

#go_top { position: fixed; bottom: 20px; right: 20px; cursor: pointer; display: block; }

#go_top a { background-image: url("https://www.mag2.com/wmag/img/btn.png"); width: 80px; height: 80px; display: block; text-indent: -10000px; }

a:hover#go_top_btn { opacity: 0.6; }

#deliv_note { margin: 20px 0px 0px; padding-left: 8px; border-left: 2px solid rgb(204, 204, 204); color: rgb(128, 128, 128); font-size: 12px; line-height: 1.3; float: left; overflow: hidden; width: 92%; }

#cse-search-form { width: 350px; overflow: hidden; position: absolute; left: 205px; bottom: 5px; }

#cse-search-form table.gsc-search-box { width: 316px !important; }

#cse-search-form .gsc-results { padding-bottom: 2px; width: 94%; }

#cse-search-form table.gsc-search-box td.gsc-input { padding: 0px !important; }

.gsc-results-wrapper-nooverlay, .gsc-results-wrapper-visible { width: 550px !important; }

#cse-search-form input.gsc-input[type="text"] { border: 1px solid rgb(204, 204, 204); width: 270px; height: 25px; font-size: 13px; border-radius: 5px 0px 0px 5px; appearance: none; }

#cse-search-form input.gsc-search-button[type="button"] { background-color: rgb(238, 238, 238); background-image: linear-gradient(rgb(255, 255, 255), rgb(222, 222, 222)); border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); font-weight: normal; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; font-family: "Century Gothic", Verdana, sans-serif; height: 25px; width: 46px; min-width: 46px; font-size: 12px; letter-spacing: 3px; line-height: 1.5; border-radius: 0px 5px 5px 0px; appearance: none; margin-left: 0px !important; }

#cse-search-form input.gsc-search-button[type="button"]:focus, #cse-search-form input.gsc-search-button[type="button"]:hover, #cse-search-form input.gsc-search-button[type="button"]:active { border-color: rgb(187, 187, 187); background-color: rgb(217, 217, 217); background-image: linear-gradient(rgb(248, 248, 248), rgb(217, 217, 217)); box-shadow: none; cursor: pointer; }

#cse-search-form table.gsc-search-box td.gsc-clear-button { display: none; }

#uranai input[type="radio"], #uranai input[type="checkbox"] { display: inline-block; margin-right: 6px; }

#uranai input[type="radio"] + label, #uranai input[type="checkbox"] + label { position: relative; display: inline-block; margin-right: 12px; font-size: 14px; line-height: 30px; cursor: pointer; }

@media (min-width: 1px) {
  #uranai input[type="radio"], #uranai input[type="checkbox"] { display: none; margin: 0px; }
  #uranai input[type="radio"] + label, #uranai input[type="checkbox"] + label { padding: 0px 0px 0px 24px; }
  #uranai input[type="radio"] + label::before, #uranai input[type="checkbox"] + label::before { content: ""; position: absolute; top: 50%; left: 0px; box-sizing: border-box; display: block; width: 18px; height: 18px; margin-top: -9px; background: rgb(255, 255, 255); }
  #uranai input[type="radio"] + label::before { border: 1px solid rgb(204, 204, 204); border-radius: 30px; }
  #uranai input[type="checkbox"] + label::before { border: 2px solid rgb(204, 204, 204); }
  #uranai input[type="radio"]:checked + label::after, #uranai input[type="checkbox"]:checked + label::after { content: ""; position: absolute; top: 50%; box-sizing: border-box; display: block; }
  #uranai input[type="radio"]:checked + label::after { left: 5px; width: 8px; height: 8px; margin-top: -4px; background: rgb(255, 115, 115); border-radius: 8px; }
  #uranai input[type="checkbox"]:checked + label::after { left: 3px; width: 16px; height: 8px; margin-top: -8px; border-left: 3px solid rgb(255, 115, 115); border-bottom: 3px solid rgb(255, 115, 115); transform: rotate(-45deg); }
}

.cat-group { overflow: hidden; float: right; border-left: 2px solid rgb(204, 204, 204); padding-left: 8px; color: rgb(128, 128, 128); font-size: 12px; width: 350px; margin-top: 15px; }

.cat-group p { line-height: 1.3; margin-bottom: 9px; }

.cat-group .att { color: rgb(255, 76, 76); }

#uranai { border: 1px solid rgb(210, 205, 230); background: none 0% 0% repeat scroll rgb(242, 240, 252); }

.uranai_form { overflow: hidden; float: left; margin-top: 10px; width: 100%; }

.uranai_form .item-list label { display: block; float: left; width: 23%; }

.uranai_form .item-list div label { margin-bottom: 0.5em; padding: 0px; float: none; width: auto; background: none; }

.uranai_form .item-list div { float: left; width: 77%; font-size: 16px; }

.uranai_form ul { list-style: none; }

.uranai_form li { display: block; overflow: hidden; margin: 10px 0px; }

.uranai_form .item-list .birth input[type="text"] { color: rgb(0, 0, 0); appearance: none; border: 1px solid rgb(204, 204, 204); display: inline-block; border-radius: 4px; box-shadow: rgb(225, 225, 225) 0px 1px 1px inset; box-sizing: border-box; font-size: 16px; padding: 5px; height: 38px; }

.uranai_form input.year { width: 120px; }

.uranai_form input.month { width: 80px; }

.uranai_form input.day { width: 80px; }

.uranai_form input.rdemail[type="text"] { appearance: none; border: 1px solid rgb(204, 204, 204); display: inline-block; border-radius: 4px; box-shadow: rgb(225, 225, 225) 0px 1px 1px inset; box-sizing: border-box; font-size: 16px; padding: 5px; height: 40px; width: 428px; }

.uranai_form input[type="submit"] { border: 1px solid rgb(255, 89, 89); display: inline-block; width: 140px; height: 40px; font-size: 14px; text-align: center; text-decoration: none; line-height: 40px; letter-spacing: 2px; outline: none; border-radius: 5px; }

.uranai_form input[type="submit"]::before, .uranai_form input[type="submit"]::after { position: absolute; z-index: -1; display: block; content: ""; }

.uranai_form input[type="submit"], .uranai_form input[type="submit"]::before, .uranai_form input[type="submit"]::after { box-sizing: border-box; transition: all 0.3s ease 0s; }

.uranai_form input[type="submit"] { background-color: rgb(255, 115, 115); color: rgb(255, 255, 255); }

.uranai_form input[type="submit"]:hover { background-color: rgb(255, 89, 89); cursor: pointer; }

.uranai_form .mail_form a { width: 80px; padding: 0px 0px 0px 14px; display: block; float: right; background: url("https://www.mag2.com/img/golink.png") 0px 40% no-repeat; margin: 5px 30px 0px 0px; }

#bn_links { font-size: 14px; float: left; overflow: hidden; width: 94%; margin-top: 20px; }

#bn_links h3 { display: block; line-height: 1.3; font-size: 16px; font-weight: bold; border-left: 3px solid rgb(153, 153, 153); margin-bottom: 5px; padding-left: 5px; }

#bn_links .inner { padding-left: 5px; }

#old_article { display: block; font-weight: bold; font-size: 20px; padding: 10px 20px; margin-top: 40px; line-height: 1; }

.sub_title { box-sizing: content-box; height: 40px; border: 1px solid rgb(204, 204, 204); color: black; text-overflow: ellipsis; background: url("https://www.mag2.com/wmag/img/magchan_bg.png") 100% 50% / 54px 35px no-repeat padding-box border-box, rgb(245, 245, 245); box-shadow: rgb(255, 255, 255) 0px 0px 1px 1px inset; margin-bottom: 20px; }

.sub_title_style { box-sizing: content-box; width: 4px; height: 26px; margin: 7px 0px 0px 7px; font: 16px / 1 "Times New Roman", Times, serif; color: black; text-overflow: ellipsis; background: rgb(255, 170, 0); display: inline-block; }

.sub_title p { width: 90%; display: inline-block; font-weight: bold; font-size: 20px; font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position: relative; top: -6px; left: 1px; text-shadow: rgb(255, 255, 255) 2px 2px 2px; font-feature-settings: "palt"; color: rgb(84, 84, 84); }

#sp_header { display: none; }

.mail_unit { margin-top: 30px; }

.tab_area { overflow: hidden; display: table; margin: 0px; }

.tab_area li { width: 306px; height: 40px; font-size: 18px; text-align: center; font-weight: bold; cursor: pointer; vertical-align: middle; display: table-cell; color: rgb(255, 255, 255); }

#tab1 { background-color: rgb(179, 179, 179); }

#tab2 { background-color: rgb(179, 179, 179); }

.all_area { width: 62.6667%; overflow: hidden; display: inline-block; margin-top: 0px; padding: 10px; }

.cont_bythem_add, .cont_mag2evening_add, .cont_news_add, .cont_money_add, .cont_jimococo_add, .cont_tripeditor_add, .cont_henshubu_gensen_add, .cont_english_add, .cont_cheki_add, .cont_choimise_add, .cont_kinyu_j_add, .cont_smart_add, .cont_prize_add, .cont_weekly_add,.cont_newsletter_add, .cont_gambler_add, .cont_gather_add { background: rgb(255, 255, 255); border: 2px solid rgb(255, 115, 115); }

.select { color: rgb(255, 255, 255); background-color: rgb(255, 115, 115) !important; }

.select2 { color: rgb(255, 255, 255); background-color: rgb(68, 138, 202) !important; }

.hide { display: none; }

.reg_form .sns_list, .del_form .sns_list { overflow: hidden; margin: 10px auto 0px -15px; display: flex; justify-content: flex-start; flex-wrap: wrap; text-align: center; }

.facebook-list { color: rgb(59, 89, 152); margin-right: 25px; }

.facebook-list img { width: 100%; max-width: 50px; height: auto; margin-left: 2px; }

.yahoo-list { color: rgb(246, 14, 11); }

.yahoo-list img { width: 100%; max-width: 85px; height: auto; }

.facebook-list a, .yahoo-list a { opacity: 0.3; font-weight: bold; cursor: pointer; transition: opacity 0.1s ease 0s; }

.facebook-list a:hover { opacity: 1; color: rgb(59, 89, 152); text-decoration: none; transition: opacity 0.1s ease 0s; }

.yahoo-list a:hover { opacity: 1; color: rgb(246, 14, 11); text-decoration: none; transition: opacity 0.1s ease 0s; }

.reg_form input[type="submit"] { font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; min-width: 150px; font-weight: bold; font-size: 16px; cursor: pointer; padding: 2px 40px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; text-shadow: rgb(74, 74, 74) 0px 1px 0px; border-radius: 5px; transition: color 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; -webkit-font-smoothing: antialiased; transform: perspective(0px); background-color: rgb(255, 115, 115); box-shadow: rgb(215, 71, 71) 0px 6px 0px, 0px 12px 0px; border: none; margin: 10px auto 6px; display: block; }

.reg_form input[type="submit"]:hover { color: rgb(255, 255, 255); background-color: rgb(255, 115, 115); box-shadow: rgb(215, 71, 71) 0px 3px 0px, rgba(0, 0, 0, 0.2) 0px 6px 0px; transform: translateY(3px); }

.reg_form input[type="submit"]:active { color: rgb(214, 214, 214); transform: translateY(6px); transition-duration: 0.1s; background-color: rgb(215, 71, 71); box-shadow: rgb(215, 71, 71) 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px; }

.del_form input[type="submit"] { font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; min-width: 150px; font-weight: bold; font-size: 16px; cursor: pointer; padding: 2px 40px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; text-shadow: rgb(74, 74, 74) 0px 1px 0px; border-radius: 5px; transition: color 0.3s ease 0s, background-color 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.3s ease 0s; -webkit-font-smoothing: antialiased; transform: perspective(0px); background-color: rgb(68, 138, 202); box-shadow: rgb(39, 105, 165) 0px 6px 0px, 0px 12px 0px; border: none; margin: 10px auto 6px; }

.del_form input[type="submit"]:hover { color: rgb(255, 255, 255); background-color: rgb(68, 138, 202); box-shadow: rgb(39, 105, 165) 0px 3px 0px, rgba(0, 0, 0, 0.2) 0px 6px 0px; transform: translateY(3px); }

.del_form input[type="submit"]:active { color: rgb(214, 214, 214); transform: translateY(6px); transition-duration: 0.1s; background-color: rgb(39, 105, 165); box-shadow: rgb(39, 105, 165) 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px; }

.content_area_form { width: 100%; }

.form_kiyaku_text { }

.form_text_cotl { float: left; }

.form_sub_btn { float: left; }

.text_fb, .text_yahoo { margin: 15px 0px 10px; }

#tab_news_add, #tab_money_add, #tab_jimococo_add, #tab_tripeditor_add, #tab_henshubu_gensen_add, #tab_english_add, #tab_cheki_add, #tab_choimise_add, #tab_kinyu_j_add, #tab_smart_add, #tab_prize_add, #tab_weekly_add,#tab_newsletter_add, #tab_gambler_add, #tab_gather_add, #tab_mag2evening_add, #tab_bythem_add { background-color: rgb(179, 179, 179); }

#tab_news_del, #tab_money_del, #tab_jimococo_del, #tab_tripeditor_del, #tab_henshubu_gensen_del, #tab_english_del, #tab_cheki_del, #tab_choimise_del, #tab_kinyu_j_del, #tab_smart_del, #tab_prize_del, #tab_weekly_del, #tab_newsletter_del,#tab_gambler_del, #tab_gather_del, #tab_mag2evening_del, #tab_bythem_del { background-color: rgb(179, 179, 179); }

.reg_form, .del_form { padding: 15px 0px 0px; }

ul.sns_list li.facebook-list, ul.sns_list li.yahoo-list { width: 50%; padding: 10px 0px; }

.account_title { margin: 30px auto 10px; display: table; font-weight: bold; }

.img_smple { margin-bottom: 10px; }

.img_preview { margin: 10px 0px 2px; font-size: 12px; color: rgb(102, 102, 102); }

@media only screen and (max-width: 933px) {
  #fix-menu, #sidebar, .gsc-search-box, .gsc-search-box { display: none; }
  #content { width: 100%; }
  .tab_area { margin: 0px auto; }
  .content_area_form { text-align: left; }
  .form_text_cotl { width: 100%; }
  .form_sub_btn { float: left; width: 100%; text-align: center; margin: 15px 0px 0px; }
  .del_form input.rdemail[type="text"], .reg_form input.rdemail[type="text"] { width: 100%; margin-right: 0px; }
  .txtbox_sp { width: 100%; padding-bottom: 20px; }
  .submit_sp { margin: 0px auto; text-align: center; display: block !important; }
}

@media only screen and (max-width: 768px) {
  #header { display: none; }
  #sp_header { display: inline-block; width: 100%; height: auto; box-sizing: border-box; margin: 10px auto; padding: 0px; border: 1px solid rgb(224, 225, 225); background: url("https://www.mag2.com/img/magtop/header_bg.gif") 0px 0px repeat-x; }
  #main #description { width: 96%; }
  #sp_logo { display: inline-block; }
  #sp_logo img { width: 70%; height: auto; max-width: 237px; max-height: 56px; margin: 2%; }
  #sp_header-link { display: none; width: 98%; margin-top: -9px; }
  #sp_header-link li { list-style-type: none; float: none; display: block; background: rgb(126, 126, 126); border-top: 1px dashed rgb(255, 255, 255); padding: 5px 0px; }
  #sp_header-link li:first-child { }
  #sp_header-link li:last-child { border-bottom: 1px dashed rgb(255, 255, 255); }
  #sp_header-link a { padding: 6px 0px; width: 100%; text-align: center; color: rgb(255, 255, 255); font-weight: 400; font-size: 15px; display: block; }
  .sp-menu { display: block; width: 34px; height: 34px; position: absolute; right: 26px; top: 19px; background: url("https://www.mag2.com/img/sp/menu.png") center center no-repeat; }
  .sp-menu-close { background: url("https://www.mag2.com/img/sp/menu-close.png") center center no-repeat; }
  .caption { border-bottom: 0px; }
  .infobox { width: 100%; }
  .info_pic { max-width: 200px; height: auto; margin: 0px auto 10px; display: block; }
  .introduce { width: 97%; float: right; overflow: hidden; }
  .register_form { width: 100%; }
  .tab_area { margin: 0px auto; }
  .all_area { width: 94.4444%; margin-left: 0px; }
  .facebook-list img { max-width: 40px; }
  .yahoo-list img { max-width: 69px; }
  .del_form input.rdemail[type="text"], .reg_form input.rdemail[type="text"] { height: 35px; }
  ul.content_area_form { padding: 20px 0px 0px; }
  .img_smple, .img_preview { display: none; }
}

@media only screen and (max-width: 400px) {
  .sub_title p { font-size: 15px; }
}