body {background-color:#eee;margin:0 auto;font-size: 20pt;width: 800px;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;color: #444;font-size: 20pt;} body>div {width: 800px; /*! background-color: white; */} input,textarea{font-size: 1em;} input,textarea{background-color: #f0f0f0;border: 1px solid silver;border-radius: 4px;padding: 2px 8px;font-size: 20pt;height: 50px;line-height: 40px;} .wait{background: url(../img/wait103.gif) no-repeat center center;} wait{background: url(../img/wait103.gif) no-repeat center center;display: block;height: 80px;} .batu{display: block;width: 60px;height: 60px;background: #ffffff57;position: relative;margin-top: -60px;float: right;} .batu:before,.batu:after{content: "";display: block;width: 100%;height: 10px;background: #5e5e5e;transform: rotate(45deg);transform-origin: 0% 50%;position: absolute;top: calc(14% - 5px);left: 14%;margin: 0 !important;} .batu:after{transform: rotate(-45deg);transform-origin: 100% 50%;left: auto;right: 14%;} update{margin: 10px 0 0 21px;display: block;} update>p{font-size: 0.9em;font-style: italic;font-weight: normal;} .udbtn{/*! overflow: hidden; */border: 1px solid silver;margin-top: 3px;} .udbtn>h1>div:last-child{background: url(../img/ar_l.png) no-repeat right center /40px;margin: 14px;width: 40px;height: 40px;float: right;transition-duration: 1s;} .udbtn.ud_open>h1>div:last-child{transform: rotate(90deg);} .udbtn.ud_close>h1>div:last-child{transform: rotate(-90deg);} .udbtn>h1>div:first-child{float: left;padding: 12px 0 0 10px;} .udbtn>h1{background-color: #dff;overflow: hidden;color: #1a134d;height: 70px;} .top_accordion{border: 1px solid silver;/*! margin: 2px 0; */background-color: white;display: block grid;transition: grid-template-rows 0.5s;/*! grid-template-rows: 1fr; */} .top_accordion>div{overflow: hidden;} .top_accordion>div>div{padding: 10px;} .system_hattenba_inf>div>div{overflow: hidden;border: 1px solid silver;margin: 2px;background-color: white;padding: 2px;} .system_hattenba_inf>div>div>*{/*! float: left; *//*! height: 54px; */} .system_hattenba_inf>div>h4{} .system_hattenba_inf>div>div>h4+div{clear: both;} .system_hattenba_inf>div>div>h4>div{width: 140px;float: left;} .system_hattenba_inf>div>div>h4>div:last-child{font-size: 18pt;margin-top: 4px;} .system_hattenba_inf>div>div>h4>div:last-child::before{content: '掲載数';font-weight: normal;font-size: 0.8em;margin-right: 10px;} .ud_open .top_accordion{grid-template-rows: 1fr;} .ud_close .top_accordion{grid-template-rows: 0fr;} .system_about>div>div>h4{padding: 10px;} .system_about>div>div>p{padding: 0 10px;font-size: 20pt;font-weight: normal;} .system_infrmation>div>div.btn{/*! display: none; */} .system_link>div>*{margin: 4px;} .system_link>div:first-child>div{border: 1px solid silver;padding: 4px 10px;background-color: #fff7f4;} .system_link>div:first-child textarea{width: 100%;height: 90px;font-weight: bold;font-size: 22pt;} .system_guide .udbtn>h1>div:first-child{padding: 12px 0 0 80px;} .system_guide .udbtn>h1{overflow: hidden;color: #1a134d;height: 70px;background: #fffbbf url(../img/neko3.png) no-repeat left -16px /80px;} .system_guide p>div>div{width: 335px;float: left;margin: 20px 10px;} .system_guide p>div>div>img{width: 100%;} .system_guide ul{padding: 10px;padding-left: 60px;background: url(../img/18.png) no-repeat right -90px;} .system_guide span img{width: 40px;margin-top: -5px;border: 1px solid silver;} .system_guide>div>p{border: 1px solid silver;margin: 10px;padding: 10px;font-size: 18pt;background-color: gainsboro;} .system_guide p{font-size: 19pt;padding: 10px 10px 20px 40px;line-height: 34pt;} .system_guide p+h3{margin: 40px 0 0 40px;background-color: #fffaa8;padding: 8px;} .system_guide p>div{padding: 10px 0;clear: both;} .system_guide p>div>h3{border-left: 20px solid #fff22c;padding: 6px 0 0 10px;} .hint{border: 1px solid silver;padding: 8px 8px 8px 100px !important;background: #f8ffc9 url(../img/hint.png) no-repeat left top;border-radius: 10px;color: #4d4d4d;line-height: 30pt;} .system_hattenba_inf img{width: 140px;} .system_hattenba_inf img+div{font-size: 12pt;position: absolute;bottom: -4px;background-color: #0000007d;color: white;width: 100%;} .system_hattenba_inf>div>div>div>div{float: left;width: 140px;position: relative;background-color: #00000080;height: 90px;border: 1px solid #333;margin: 0 1px;} update>p::after{content: '---';} update>p::before{content: '---updated-\'';} post_menu_btn{width: 60px;height: 60px;position: absolute;border: 1px solid silver;border-radius: 6px;bottom: -4px;left: 4px;box-sizing: border-box;background: white url(../img/menu.png) no-repeat center /24px;/*! box-shadow: inset 0px 0px 8px 2px rgba(0, 0, 0, 0.2); */top: -2px;} post_menu_btn hr{width: 18px;position: absolute;left: 21px;height: 12px;background-color: white;top: 20px;margin: 0;border-radius: 6px;box-sizing: border-box;border: none;display: none;} post_menu_btn hr:first-child{top: 6px;} post_menu_btn hr:last-child{top: 33px;} .image_win{position: absolute;z-index: 2;border: 3px solid silver;box-sizing: border-box;} .image_win img{width: 100%;/*! border: 1px solid black; */} .mikeneko_title{display: inline-block;font-size: 43pt;margin-top: 8px;} .mikeneko_title span.neko{color: white;background-color: red;/*! color: white; */height: 1em;line-height: 1em;border: 5px solid red;display: inline-block;box-sizing: border-box;} .mikeneko_title span.mike{color: #ff9714;margin: 0 4px;font-size: 0.95em;} .mikeneko_title span.club{color: #8a7063;font-size: 0.9em;margin: 0 4px;} .mikeneko_title span.comm{color: #8a7063;font-size: 0.6em;} p,h1,h2,h3,h4,h5,h6{margin: 0;font-size: 22pt;font-weight: bold;} a{text-decoration: none;} @keyframes menu_open { 0% {max-height: 0px} 100% {max-height: 600px: } } @keyframes dfout { 0% {display: block;opacity: 1;} 99% {display: none;opacity: 0;} 100% {display: none;opacity: 0;} } .btn{border: 1px solid silver;border-radius: 6px;background-color: #fafafa !important;height: 80px;line-height: 80px;text-align: center;font-weight: normal;font-size: 18pt;} .btn>a{font-weight: normal;text-align: center;display: block;color: #333;font-size: 20pt;} .btn>a:hover{font-weight: bold;} a{text-decoration: none;display: block;} a:hover{font-weight: bold;} red{color: red;font-weight: bold;margin: 0 10px;font-size: 0.9em;} .check{display: block;color: #333;/*! font-size: 18pt; */background-color: transparent;border-radius: 8px;padding-left: 4px;font-weight: normal;height: 80px;line-height: 80px;border: 3px dotted #ccc;} .check>div{background: url("https://tennis.nen.jp/img/check_32.png") no-repeat;width: 32px;height: 32px;float: left;margin: 20px 2px 0 0;background-position-y: 2px;} .check.on{} .check.off{} .check.on>div{background-position-x: 1px !important;} .check.off>div{background-position-x: -31px !important;} .grayout a{color: silver;} .wait_div{background: url(../img/wait103.gif) no-repeat center 30px;text-align: center;height: 90px;/*! border: 1px solid silver; */font-size: 20px;background-color: white;} .plusmask{position: fixed;background-color: #0006;width: 100%;height: 100%;top: 0;left: 0;margin: 0;} #startup{background: url(../img/cat-3336579_640.jpg) center;background-size: 800px;background-attachment: fixed;} #startup>div{background: url(../img/cat-3336579_640.jpg) center;background-size: 800px;background-attachment: fixed;font-weight: bold;color: #ffd4d4;padding: 20px;} #startup>div>div{padding: 10px;} #startup>div>p{padding: 30px 10px 30px 200px;} #startup>div>p .btn{color: #333;background-color: #ffffff75 !important;font-weight: bold;width: 460px;margin: 10px auto;} #startup>div>p>div{background-color: #0000003b;padding: 20px;margin: 30px 0;} #startup>div>p>div>div{} #startup>div>p>div>div textarea{width: 100%;height: 200px;border-radius: 10px;opacity: 0.6;border: 1px solid black;font-weight: bold;} #startup .xaccount{height: 130px;border: 1px solid white;margin: 10px 0 30px;background-color: #00000096;} #startup .xaccount img{width: 120px;position: absolute;top: -15px;left: -15px;} #startup .xaccount>div{width: 90px;height: 90px;border: 8px solid #fad9ae;border-radius: 50%;overflow: hidden;position: relative;float: left;margin: 10px 0 0 10px;} #startup .xaccount>h4{float: left;font-size: 28pt;margin: 20px 9 9 10px;width: 360px;} .xaccount>h4::before{content: '三毛猫倶楽部公式Xアカウント';font-size: 0.6em;display: block;} #startup a{color: white;} #startup_contactus_info{background-color: white;color: #333;padding: 10px;} #startup_contactus_info>h4{text-align: center;font-size: 20pt;border-bottom: 3px dotted gray;} #startup_contactus_info>p{font-size: 19pt;padding: 20px 19px;} .startup_a{padding: 10px 0 0 10px;font-size: 22pt;/*! margin-top: -10px; */} .startup_a>h4{text-shadow: 1px 1px 1px #000, -1px 1px 1px;color: #fff;font-size: 24pt;/*! font-weight: normal; */} .startup_a>div{display: grid;transition: 250ms grid-template-rows ease;/*! padding: 10px; *//*! margin-bottom: 10px; */} .startup_a>div.open{grid-template-rows: 1fr;background-color: #0000002b;border: 1px solid silver;color: white;padding: 10px 20px 10px 30px;margin-left: 20px;} .startup_a>div.close{grid-template-rows: 0fr;} .startup_a>div>div{overflow: hidden;} /* #starup_message{position: absolute;z-index:2;border: 1px solid gray;width: auto;background-color: #defcf6db;padding: 20px 40px;border-radius: 10px;font-weight: bold;} #startup>div>h1{padding-top: 40px;font-size: 30pt;text-align: center;color: white;} #startup>div>p{color: white;background-color: #0000002e;margin: 10px 20px 20px 200px;padding: 20px;font-weight: bold;line-height: 36pt;border: 1px solid gray;color: white;} #startup .btn{margin: 4px 0 4px auto;width: 600px;} #startup>div>div{text-align: right;} #startup ul{font-size: 19pt;padding-left: 80px;margin: 0;} */ /*dialog*/ .dialog{position: absolute;background-color: rgba(255,255,255,0.96);border: 1px solid gray;box-shadow: 4px 4px 4px;border-radius: 10px;z-index: 2;width: 560px;} .dialog>h2{padding: 4px 10px;background-color: #ecf1f5;border-bottom: 1px solid gray;border-radius: 10px 10px 0 0;font-size: 22pt;} .dialog h4{margin: 0;/*! font-size: 18pt; */} .dialog>h4:last-child{padding: 10px 4px 2px;overflow: hidden;background-color: #ecf1f5;border-radius: 0 0 10px 10px;border-top: 1px solid silver;} .dialog>h4:last-child>div{width: 200px;float: right;margin: 4px 10px 10px 0 !important;padding: 0 !important;} .dialog>div{padding: 10px;} .dialog>div>p{padding: 4px;font-size: 17pt;background-color: #ffffe3;border: 1px solid silver;padding: 4px;margin: 2px;} .dialog>div>div{padding: 8px 4px 8px 4px;box-sizing: border-box;border: 1px solid #d8d8d8;background-color: white;margin: 2px;} .dialog>div>div>p{font-size: 18pt;} .dialog .dialog_err{padding: 8px;background-color: #ffffd2;color: red;font-weight: bold;/*! font-size: 14pt; */border: 1px solid red;margin: 1px;} .dialog input{/*! font-size: 16pt; */width: 100%;box-sizing: border-box;} .dialog>div>h5{/*! padding: 8px 4px 6px 4px; */border: 1px solid silver;background-color: #ffffd0;font-weight: normal;font-size: 16pt;padding: 4px;margin: 4px;} .dialog ul,.dialog>div>div p{font-size: 16pt} #prof_url_dlg{width: 700px;} #prof_url_dlg h3{font-size: 18pt;} #prof_url_dlg img{display: block;margin: 20px auto;} #profile_bbs_alert{width: 760px;} #profile_bbs_alert div>h2{background-color: red;color: white;padding: 20px 20px 20px 180px;border-radius: 10px;background: red url(../img/alert.png) no-repeat 20px center;} #profile_bbs_alert>div>div>h3{padding: 10px 0;} #profile_bbs_alert>div>div>h3:last-child{color: red;padding: 30px 20px 0 20px;} #contactus_dlg{width: 700px;} #contactus_dlg .info_cat{padding-left: 90px;} #contactus_dlg textarea{width: 100%;height: 180px;} #Introduce_dlg{width: 530px;} #Introduce_dlg img{width: 500px;} #message_dlg{} #message_dlg>div>div{clear: both;} #message_dlg .profile{/*! overflow: hidden; */} #message_dlg .profile>div{overflow: hidden;} #message_dlg .profile>div>*{float: left;} #message_dlg .profile .btn{width: 100px;} .message_dlg_profile{width: 400px;height: 100px;} .message_dlg_profile>div{float: left;} .message_dlg_profile>div:last-child{padding: 10px 0 0 10px;} #message_dlg .prof_selecter{top: 120px;} #logout_dlg{width: 480px;} #logout_dlg .check{width: 280px;margin: 30px 0 0 30px;} #message_dlg textarea,#reply_message_dlg textarea{width: 100%;height: 200px;} #mail_dlg{width: 680px;} #mk_hattenba_dlg{width: 680px;} #mk_hattenba_dlg>div>div{clear: both;overflow: hidden;} #mk_hattenba_dlg>div>div>*{float: left;width: 510px;} #mk_hattenba_dlg>div>div>h4{width: 130px;} #request_httenbs_dlg,#report_violatino_dlg{width: 600px;} #request_httenbs_dlg>div>p>div:first-child,#report_violatino_dlg>div>p>div:first-child{font-weight: bold;margin-bottom: 6px;font-size: 1.2em;} #request_httenbs_dlg textarea,#report_violatino_dlg textarea{height: 180px;width: 100%;} #join_dlg,#login_dlg{width: 680px;} #login_dlg>h4:last-child>div:last-child{margin-right: 40px !important;} #logout_dlg>div{padding: 30px;} #logout_dlg>h4,#del_confirmation_dlg>h4{text-align: center;} #passwd_dlg>div>div>div{padding: 8px 0;} #login_dlg>div>div>h4{float: left;width: 200px;} #login_dlg>div>div>div{width: 440px;float: left;} #login_dlg>div>div{clear: both;overflow: hidden;} #login_dlg>div>div>p{clear: both;padding: 10px 0 0 20px;} #login_dlg .inp_lnk{display: none;} #del_confirmation_dlg{width: 680px;} #del_confirmation_dlg ul{list-style-type: none;margin: 30px 0 0;} #del_confirmation_dlg li{background: url(../img/alert48_2.png) no-repeat;padding: 0px 20px 20px 60px;} #join_mes_dlg,#bbspost_dlg{width: 480px;box-sizing: border-box;} #setpref_dlg{width: 600px;} #join_mes_dlg>div>p{/*! font-size: 13pt; */margin: 6px;} #mk_hattenba_dlg>textarea{} #mk_hattenba_dlg form,#bbspost_dlg form{width: 180px;margin: auto;} .attach_pic img{width: 100%;} .attach_pic{width: 95%;margin: auto;} #mk_hattenba_dlg textarea,#bbspost_dlg textarea{width: 100%;height: 120px;} .attach_media iframe{display: none;} .attach_del .btn{margin: 10px auto;width: 180px;} #setpref_dlg>div>p{font-size: 16pt;padding: 8px;border: 1px solid gray;background-color: #ffffe8;font-weight: bold;color: #666;} #mk_hattenba_dlg .hattenba_adrs_w{position: relative;} #mk_hattenba_dlg .hattenba_adrs_w>div{text-align: center;width: 140px;} #hattenba_adrs{width: 370px;position: absolute;right: 0;top: 0;} #editprof_dlg{width: 720px;} #editprof_dlg>div>div{width: 100%;/*! border: 1px solid #d8d8d8; *//*! background-color: white; *//*! margin: 2px; */overflow: hidden;} #editprof_dlg .profpref_selecter>div{/*! width: 376px; */box-sizing: border-box;} #editprof_dlg>div>div>div>h4{width: 176px;float: left;margin: 0 4px 0 -2px;} #editprof_dlg .editprof_dlg_item{} #editprof_dlg>div>div>*{float: left;} #editprof_dlg>div>div>h4{width: 200px;} #editprof_dlg>div>div>div{width: 480px;} #editprof_dlg>div>div p{/*! font-size: 13pt; */clear: both;line-height: 1.3em;padding-top: 4px;} #editprof_dlg textarea{width: 100%;height: 160px;} #editprof_dlg .age{} #editprof_dlg .age>div{position: relative;} #editprof_dlg .age>div>div:last-child{position: absolute;width: 100%;height: 90px;top: 0;} #editprof_dlg .age>h4>.check{width: 160px;margin: auto;} .omission>h4::after{content: '(省略可)';display: block;font-size: 14pt;font-weight: normal;text-align: center;} #editprof_dlg ul{margin-left: -30px;} #editprof_dlg li{} #editprof_dlg .mesalert{} #editprof_dlg .mesalert>div{width: 100%;} #editprof_dlg .mesalert>p{padding: 10px 10px 0 10px;} #editprof_dlg .mesalert>div>h4{/*! float: none; */width: auto;} #editprof_dlg .mesalert>div>h4:last-child{/*! float: none; */width: 150px;margin-left: 100px;} #bbspostedit_dlg,#bbspost_dlg{width: 720px;} #bbspostedit_dlg .public,#bbspost_dlg .public{display: none;} #bbspostedit_dlg>div>div:first-child>div,#bbspost_dlg>div>div:first-child>div{overflow: hidden;} #bbspostedit_dlg>div>div,#bbspost_dlg>div>div{clear: both;} #bbspost_dlg>div>div>h4{/*! width: 120px; *//*! float: left; */} #bbspost_dlg>div>div>div{/*! padding: 0 20px; *//*! overflow: hidden; */} #bbspostedit_dlg>div>div>div>div:first-child,#bbspost_dlg>div>div>div>div:first-child{float: left;} #bbspostedit_dlg>div>div:first-child>div>div:last-child,#bbspost_dlg>div>div:first-child>div>div:last-child{float: right;} #bbspostedit_dlg>div>div>div>div>h4,#bbspost_dlg>div>div>div>div>h4{float: left;width: 200px;margin: 0 2px;} #bbspost_dlg .profile{/*! height: 280px; */} #bbspostedit_dlg textarea,#bbspost_dlg textarea{width: 100%;height: 180px;} #bbspost_dlg .profile>div{height: 220px;} #bbspost_dlg .profile>div.check_on{height: 90px;} #bbspost_dlg .profile>div>h4{/*! float: left; */width: 170px;} #bbspost_dlg .profile>div>div{float: none;} #bbspost_dlg .profile>div.check_on>div{display: none;} #bbspost_dlg .profile>div>div>div{padding: 4px 0;width: 100%;height: 110px;} #bbspost_dlg .profile>div>div>div>div{float: left;} #bbspost_dlg .profile>div>div>p{padding: 0 6px;position: relative;} .bbspost_dlg_profile{width: 500px;} .bbspost_dlg_profile .name{font-size: 28pt !important;} .bbspost_dlg_profile .prof_thumb>div{width: 100px;height: 70px;line-height: 70px;} #bbspost_dlg .profile .btn{width: 140px;margin-top: 20px;} #bbspost_dlg .bbspost_dlg_profile>div{float: left;margin-top: 8px;} #bbspost_dlg .bbspost_dlg_profile>div:first-child{margin: 0 20px 0 6px;/*! font-size: 28pt; *//*! font-weight: bold; *//*! line-height: 90px; */} #bbspost_dlg .bbspost_dlg_profile>div:first-child>div{/*! width: 100px; *//*! height: 100px; *//*! line-height: 100px; */} #bbspost_dlg .bbspost_dlg_profile>div>div{height: 40px;margin-top: 10px;line-height: 50px;} #bbspost_dlg .bbspost_dlg_profile>div img{} #bbspost_dlg .postattach ul{font-size: 18pt;margin: 8px 0 0 30px;} #bbspost_dlg .postmes p{margin: 4px 0 0 20px;} #bbspost_dlg .omission>h4::after{display: inline;margin-left: 8px;} #post_menu{position: absolute;width: auto;background-color: #ccc;z-index: 2;min-width: 200px;overflow: hidden;transition: max-height .3s;max-height: 0px;} #post_menu>h4{font-size: 16pt;/*! padding-top: 10px; */height: 60px;line-height: 60px;} #post_menu>h4>div{float: right;font-size: 14pt;} #post_menu>div{background-color: white;} #post_menu>div>div{height: 90px;line-height: 90px;border-top: 3px dotted gray;padding: 0 10px;font-size: 24pt;white-space: nowrap;} #post_menu>div>div.gray{color: silver;} #post_menu>div>div:first-child{border: none;} #post_menu .batu{background-color: #fff;margin: 0;border: 1px solid silver;border-radius: 4px;} #post_menu.open{max-height: 800px;opacity: 1;} #post_menu.close{} .bbspost_dlg_profile .prof_thumb{width: 120px;height: 120px;} .bbspost_dlg_profile .prof_thumb>img{width: 130px;height: 130px;top: -12px;left: -12px;} .prof_selecter .prof_thumb{width: 80px;height: 80px;/*! border-width: 6px; */} .prof_selecter .prof_thumb>img{width: 90px;height: 90px;top: -12px;left: -12px;} .members_profile_list .prof_thumb{width: 100px;height: 100px;} .members_profile_list .prof_thumb>img{width: 100px;height: 100px;top: -12px;left: -12px;box-sizing: border-box;} #message_dlg .prof_thumb{width: 90px;height: 90px;} #message_dlg .prof_thumb>img{width: 100px;height: 100px;top: -12px;left: -12px;} #members_profile_view .prof_thumb>img{width: 400px;height: 400px;top: -26px;left: -26px;} /*header*/ #fix_head{height: 90px;border-bottom: 6px solid gray;position: fixed;top: 0;width: 800px;background: #ffffffbf url(../img/005.png) no-repeat right /240px;z-index: 2;/*! padding: 0 2px; */box-sizing: border-box;background-position-y: -35px;} #fix_head>div{/*! font-size: 10pt; *//*! margin: 0 8px; */font-size: 13pt;} #fix_head>div>div{} #fix_head_r .top_btn_x{} #fix_head_r .top_menu_members{float: right;/*! border: 1px solid silver; */width: 76px;height: 70px;border-radius: 10px;line-height: 120px;text-align: center;box-shadow: 0 2px 4px 0 rgba(6, 0, 0, 0.45);margin-left: 6px;font-size: 9pt;} #fix_head .navi{border: none;font-size: 16pt;} #fix_head .navi>div{float: left;} #fix_head .navi>div.navi_anc{color: #3939ff;font-weight: bold;} #fix_head .navi>div::after{content: '>';margin: 0 6px;} #fix_head .navi>div:last-child::after{content: '';} #fix_head .top_menu_public{background: white url(../img/menu.png) no-repeat center 16px;} #fix_head .top_menu_members{background: white url(../img/staff48.png) no-repeat center 6px /46px;display: none;} #fix_head .grayout{opacity: 0.3;} #fix_head .topbtn{height: 90px;float: left;border-bottom: 6px solid gray;margin: 0 1px;border-right: 1px solid silver;background-color: #ffffffe3 !important;box-sizing: border-box;position: relative;} #fix_head .top_btn_x{background: url(../img/logo-xb.png) no-repeat center center /32px;width: 70px;left: 0;} #fix_head_r .top_btn_x{float: right;} #fix_head_l .top_btn_home{background: url(../img/home48.png) no-repeat center 12px /40px;width: 100px;text-align: center;} #fix_head_l .top_btn_home::after{/*! content: 'HOME'; */text-align: center;position: absolute;bottom: 2px;left: 0px;right: 0;color: gray;} #fix_head_l .top_btn_current>div,#fix_head_l .top_btn_home>div,#fix_head_l .top_btn_members>div{font-size: 13pt;position: absolute;bottom: 0;left: 0;right: 0;white-space: nowrap;} #fix_head_l .topbtn.sel{border-bottom: 6px solid red;} #fix_head_l .top_btn_current{font-size: 13pt;/*! height: 80px; */padding: 10px 4px;max-width: 200px;text-align: center;min-width: 140px;} #fix_head_l .top_btn_current>p{font-weight: bold;font-size: 16pt;height: 32px;overflow: hidden;margin-top: 4px;} #fix_head_l .top_btn_members{background: #ffffff96 url(../img/staff48.png) no-repeat center 12px /40px;width: 80px;text-align: center;} //#fix_head_l .top_btn_members::after{/*! content: 'My page'; */text-align: center;position: absolute;bottom: 2px;left: 0;right: 0;color: gray;} #fix_head_l .members{width: unset;background-position-x: 0px;position: relative;} #fix_head_l .members>p{font-size: 16pt;margin: 22pt 0 0 40px;line-height: 16pt;font-weight: bold;padding-right: 6px;} ._pgsel{font-size: 18pt;overflow: hidden;} ._pgsel a{color: #333;} ._pgsel>div{float: left;width: 80px;border: 1px solid gray;margin: 0 1px;text-align: center;background-color: white;height: 80px;line-height: 80px;border-radius: 6px;} ._pgsel>div._cur{border: none;background-color: transparent;width: 60px;font-weight: bold;font-size: 1.2em;} ._pgsel>div._di{opacity: 0.4;border-color: silver;} ._pgsel>div._laa,._pgsel>div._la,._pgsel>div._raa,._pgsel>div._ra{width: 60px;} ._pgsel ._la,._pgsel ._ra{display: none;} ._pgsel ._omi{border: none;background: unset;width: 30px;color: #333;} .img_text{background-color: #fff;min-height: 100px;width: 100%;box-sizing: border-box;} .img_text>p{display: table;} .img_text>p>*{display: table-cell;vertical-align: top;} .img_text .img_text_img{width: 180px;} .img_text .img_text_img>img{margin: 6px;border: 2px solid gray;border-radius: 10px;} .img_text .img_text_text{padding: 30px 81px 20px 30px;} bbs_thread{} bbs_thread>div{height: 50px;} bbs_thread>div>div{float: right;height: 46px;} bbs_thread>div>div:first-child{float: left;} bbs_thread post_menu_btn{position: unset;display: block;float: left;margin-right: 20px;} bbs_thread>div>div:first-child>div{float: left;font-weight: bold;font-size: 26pt;float: left;} bbs_thread>div>div:first-child>div::before{content: '#';font-size: 0.7em;} .bbs_list .name_w{font-weight: bold;font-size: 22pt;color: #666;background-color: #eee;padding: 0 100px 0 0;float: left;} .bbs_list .j.name_w{color: #FF2525;} .bbs_list .s.name_w{color: rgb(0, 144, 237);} .bbs_list .prof_thumb{width: 100px;height: 100px;position: absolute;right: 0;top: 0;} .bbs_list .prof_thumb>img{width: 110px;height: 110px;top: -12px;left: -12px;} .bbs_list .img_text{border: 1px solid silver;} .bbs_list{padding: 10px 0;} .bbs_list>div{position: relative;margin: 80px 2px 4px 4px;/*! border: 1px solid silver; *//*! background-color: #f4f4f4; */} .bbs_list>div>div{position: absolute;width: 100%;top: -54px;height: 60px;} .reply_list .notm{left: -60px !important;} .bbs_list .notm{left: 80px;position: absolute;top: 10px;font-weight: bold;} .pub .bbs_list .notm{left: 0;} .bbs_list .no{} .bbs_list .no::before{} .bbs_list .tm{border-bottom: 5px dotted gray;padding: 6px 0 6px 70px;} .bbs_list .mes{font-size: 20pt;line-height: 30pt;padding: 20px;} .bbs_list .noview .mes{text-align: center;line-height: 100px;} .bbs_list .prof_thumb>div{width: 90px !important;height: 90px !important;background: url(../img/prof_noimage.jpg) no-repeat center center /100px;font-size: 0;} .pub .bbs_list .name_w{right: 0;} .bbs_list .name_w>*{float: left;} .bbs_list .name_w>div:last-child{font-size: 18pt;padding-left: 10px;margin-top: -10px;max-width: 0;height: 20pt;/*! display: none; */transition: max-width,opacity linear 0.3s,0.1s;opacity: 0;} .bbs_list .name_w>div:last-child.open{opacity: 1;max-width: 200px;} .bbs_list .name_w>div:last-child::before{} .bbs_list .mail{background: url(../img/mail48.png) no-repeat left center /36px;padding-left: 35px;/*! opacity: 0.6; */} .bbs_list .anonymous .name{right: 8px;font-style: italic;font-size: 0.96em;margin-right: -100px;} .bbs_list .prof{position: absolute;top: 4px;right: -4px;text-align: center;} .bbs_list .prof_gender{width: 80px;margin: 5px auto 0;} .bbs_list>div>div:last-child{height: 90px;padding: 10px 10px 0;} .bbs_list>div.noview>div:last-child{height: auto;padding: 0;} .bbs_list>div>div:last-child>div{float: right;width: 140px;} .bbs_list .noview post_menu_btn,.bbs_list .noview .btn,.bbs_list .noview .name,.bbs_list .noview .prof,.bbs_list .anonymous .prof{display: none;} .profex_yes{height: 100px;width: 100px;position: absolute;right: 0;} .profex_yes::after{content: 'profile>';position: absolute;bottom: -16px;left: 0;font-size: 13pt;right: 0;border: 1px solid silver;background-color: #ffff5e9e;font-weight: bold;border-radius: 6px;text-align: center;} bbs_reply{border: 1px solid silver;display: block;/*! padding: 4px 4px 10px 40px; */background-color: #f2f2f2;} bbs_reply>p{overflow: hidden;padding: 20px 0;} bbs_reply>p>div:first-child{/*! width: 86px; *//*! margin-left: 30px; *//*! margin-top: -20px; *//*! position: relative; */margin: 20px;} bbs_reply>p>div:last-child{float: right;width: 160px;} bbs_reply>p>div{width: 460px;float: left;font-size: 20pt;font-weight: normal;color: #444;} bbs_reply>p>div>h6{font-size: 20pt;padding-left: 20px;} bbs_reply>p>div>h3{padding-left: 30px;font-size: 20pt;} bbs_reply .btn.close>div{border-bottom: 5px solid #333;border-right: 5px solid #333;top: 12px;} bbs_reply .btn.open>div{border-top: 4px solid #000;border-left: 4px solid #000;top: 25px;} bbs_reply .btn>div{position: absolute;left: 30px;display: inline-block;width: 20px;height: 20px;margin: 0;transform: rotate(45deg);} bbs_reply .btn>p{font-size: 13pt;position: absolute;bottom: 8px;line-height: 12pt;margin: auto;left: 0;right: 0;} bbs_reply .btn.open>p>div:first-child{display: none;} bbs_reply .btn.close>p>div:last-child{display: none;} bbs_reply ._pgsel{padding: 10px 1px;} bbs_reply>p .btn.gray{opacity: 0.2;} .reply_list{width: 790px;/*! margin: 20px 0 2px 52px; */box-sizing: border-box;} .reply_list>div{position: relative;margin: 30px 4px 10px 40px;} .reply_list>div>div{position: absolute;width: 100%;top: -54px;height: 60px;} .reply_list post_menu_btn{left: -54px;top: 52px;} .reply_list .no{} .reply_list .tm{} /* .profbbs_list .loc{background: url(../img/googlemap.png) no-repeat left center /40px;} .profbbs_list .tm{padding-left: 40px;left: 70px;} .profbbs_list>div>div:last-child{position: relative;height: unset;top: 0;} .profbbs_list>div,.bbs_list>div{position: relative;margin: 80px 2px 4px 4px;border: 1px solid silver;background-color: #f4f4f4;} .profbbs_list>div>div,.bbs_list>div>div{position: absolute;width: 100%;top: -54px;height: 60px;} */ #menu{position: absolute;width: auto;top: 2px;right: 4px;border: 1px solid gray;z-index: 2;background-color: white;border-radius: 8px;box-shadow: 0 2px 4px 0 rgba(6, 0, 0, 0.45);} #menu>h4{height: 50px;line-height: 50px;font-size: 13pt;background-color: #a7ddf2;padding: 0 4px;border-bottom: 1px solid gray;} #menu>h4>div{float: right;} #menu>div>div{font-size: 16pt;height: 60px;line-height: 60px;padding: 0 10px;border-top: 3px dotted gray;} #menu>div>div.grayout{opacity: 0.3;} #menu>div>div:first-child{border: none;} #members_panel_contents .members_top{background-color: transparent;border: none;/*! margin-bottom: 50px; */} #members_panel_contents .members_top>div:last-child{padding: 0;border-bottom: 1px solid gray;height: 80px;} #members_panel_contents>div{clear: both;overflow: hidden;border: 1px solid gray;background-color: white;border-top: none;} #members_panel_contents>div>h2{font-size: 24pt;background-color: #eaeaea;border-bottom: 1px solid silver;padding: 4px;} #members_panel_contents>div>div{padding: 20px 4px 4px 4px;overflow: hidden;} .members_top{background-color: transparent;/*! border-bottom: 1px solid gray !important; */padding-top: 0 !important;} .members_top .btn{width: 180px;float: right;} .members_top>div:last-child>div{float: left;} .members_top>div:last-child>div:last-child{float: right;} .members_top .tab{float: left;border-left: none;border-radius: 10px 10px 0 0;height: 80px;} .members_top .tab>div{padding: 0 20px;border: 1px solid gray;float: left;background-color: #f6f6f6;border-radius: 12px 20px 0 0;height: 74px;border-left: none;line-height: 78px;font-size: 18pt;margin-top: 4px;} .members_top .tab>div.sel{height: 80px;font-weight: bold;background-color: white;font-size: 20pt;margin-top: 0px;} .members_top .tab>div:first-child{border-left: 1px solid gray;border-bottom: 4px solid gray;} /* #members_x{padding: 20px;} #members_x>p{font-size: 20pt;font-weight: normal;} .x_inpform{border: 1px solid silver;} .x_inpform>div{padding: 4px;clear: both;margin: 10px 0;overflow: hidden;} .x_inpform>div>h4{float: left;width: 260px;} .x_inpform>div>div{float: left;} .x_inpform>div>p{float: left;clear: both;font-weight: normal;font-size: 18pt;} .x_inpform input{width: 450px;} .x_inpform>div:last-child{} .x_inpform .btn{width: 160px;float: right;margin-right: 30px;} */ .members_acount{} .members_acount>div{overflow: hidden;} .members_acount>div>div{float: right;} .members_acount>div>div:first-child{float: left;width: 500px;/*! margin: 4px; *//*! padding: 8px; *//*! border: 1px solid silver; */background-color: #fdfde5;/*! border-radius: 8px; */box-sizing: border-box;font-size: 18pt;} .members_acount .btn,.members_profile .btn{margin: 8px 0;width: 280px;} .mes_select{overflow: hidden;padding-bottom: 20px;} .mes_select>*{width: 180px;float: left;margin: 0 2px;font-size: 17pt;} #members_message{} #members_message .message_list{} #members_message .message_list ._pgsel{margin: 0 0 8px 0;clear: both;} .message_info{border: 1px solid silver;padding: 10px;font-size: 16pt;background-color: #fee;} .message_oneline{border-top: 3px solid silver;padding: 10px 0;} .message_oneline>div:first-child>div{float: left;margin-right: 4px;} .message_oneline>div:first-child>div:last-child{float: right;} .message_oneline>div:first-child>div:last-child>div{float: right;width: 80px;height: 60px;line-height: 60px;} .m-time{margin-left: 12px;} .m-unread,.m-replied{border: 1px solid #b0b0b0;font-size: 14pt;padding: 4px 0;background-color: #ff5e0f;/*! font-weight: bold; */color: white;border-radius: 12px;width: 80px;text-align: center;} .m-unread{} .m-replied{} .m-summary{height: 100px;position: relative;/*! padding-top: 40px; *//*! border-top: 3px solid silver; */clear: both;} .m-summary>div{float: left;width: 90px;margin: 5px 0;} .m-summary>div:first-child{width: 690px;} .m-summary>div:first-child>div{float: left;width: 90px;position: relative;} .m-summary>div:first-child>div:last-child{width: 600px;} .m-summary>div:first-child>div:last-child>div{height: 50px;} .m-summary>div:first-child>div:last-child>div:first-child{} .m-summary>div:first-child>div:last-child>div:first-child>div{float: right;font-size: 20pt;font-weight: bold;} .m-summary>div:first-child>div:last-child>div:first-child>div:first-child{float: left;width: 400px;} .m-summary>div:first-child>div:last-child>div:first-child>div:first-child>div{float: left;font-size: 16pt;} .m-summary>div:first-child>div:last-child>div:first-child>div:first-child>div:first-child{font-size: 20pt;font-weight: bold;margin-right: 4px;} .m-summary>div:first-child>div:last-child>div:last-child{overflow: hidden;background-color: #ffffdf;line-height: 50px;} .m-summary>div:first-child>div:last-child>div:last-child::before{content: 'subject';font-size: 14pt;background-color: #6868483d;padding: 4px;border-radius: 5px;/*! color: white; */margin: 0;position: absolute;height: 20px;top: 38px;width: auto;line-height: 20px;font-weight: bold;left: 4px;} .m-body{} .m-body>div{border: 1px solid silver;margin: 4px;padding: 4px 8px;} .m-body>div>p{padding: 10px;/*! border-bottom: 1px solid silver; */} .m-body>div>div{margin: 4px;overflow: hidden;} .m-body>div>div>.btn{float: right;width: 150px;} .no_message{margin: 20px;text-align: center;} .dustbox{background: url(../img/dustbox.png) no-repeat center center /32px;} .utarn{background: url(../img/utarn.png) no-repeat center center /32px;} #members_message .message_list .prof_thumb{width: 90px;height: 90px;} #members_message .message_list .prof_thumb>img{width: 100px;top: -10px;left: -10px;} #members_message .message_list .prof_gender{font-size: 17pt;} #members_profile_view.main_prof>div>p>h4::after{content: '(メインプロフィール)';font-size: 14pt;margin-left: 8px;display: block;} #members_profile_view.main_prof>div>p>h4{font-size: 28pt;line-height: 20pt;padding-top: 20px;} #members_profile_view>div>p>h4{text-align: center;width: 240px;font-size: 40pt;line-height: 70pt;float: left;} #members_profile_view>div>p>div{overflow: hidden;} #members_profile_view>div>p>div>div{float: right;width: 160px;margin: 0 2px;} #members_profile_view>div>p>div>div:last-child{float: right;width: 200px;margin: 0 2px;} #members_profile_view>div>div{margin: 10px 0;overflow: hidden;clear: both;} #members_profile_view>div>div>div{float: left;width: 370px;padding-left: 10px;font-weight: bold;} #members_profile_view>div>div>div:first-child{width: 400px;padding: 0;} #members_profile_view>div>div>div:first-child>p{font-size: 16pt;text-align: center;margin-top: 150px;} #members_profile_view .jender::before{content: 'ジェンダー';} #members_profile_view .age::before{content: '年齢';} #members_profile_view .pref::before{content: '所在地';} #members_profile_view .name::before{content: '名前';} #members_profile_view .mail::before{content: '公開するメールアドレス';} #members_profile_view .x::before{content: 'Xアカウント名';} #members_profile_view .mes::before{content: 'プロフィールメッセージ';} #members_profile_view .mes::before{margin-left: 0 !important;} #members_profile_view .mes::before,#members_profile_view>div>div>div>div::before{display: block;font-weight: normal;font-size: 0.7em;margin-top: 10px;margin-left: -20px;} #members_profile_view>div>div>div>div{border-top: 3px dotted gray;/*! height: 70px; *//*! line-height: 70px; */padding: 4px 0 3px 20px;} #members_profile_view .mes{clear: both;border-bottom: 3px dotted gray;} #members_profile_view .mes>div{width: 100% !important;} #members_profile_view .mes div{border: none;} .members_profile>h3{clear: both;padding: 20px 4px 10px;overflow: hidden;} .members_profile>h5{font-size: 19pt;text-align: right;font-weight: normal;margin-right: 10px;} .members_profile>h3 .btn{float: right;font-size: 20pt;font-weight: normal;width: 330px;} .members_profile>h3>h3{float: right;font-size: 18pt;font-weight: normal;width: 430px;padding: 10px 4px;} .prof_li>p{border: 1px solid silver;background-color: #f4f4f4;padding: 10px;min-height: 200px;} .prof_li>div{overflow: hidden;/*! font-weight: bold; *//*! width: 300px; */margin: auto;} .prof_li>div>div{float: left;} .prof_li>div>div:last-child{/*! float: right; */font-size: 15pt;margin-left: 10px;} .prof_li span{padding: 0 4px;} .prof_gender{border: 1px solid silver;font-size: 18pt;padding: 0 2px;border-radius: 4px;font-weight: bold;} .prof_li>h3{text-align: center;font-size: 25pt;padding: 8px;background-color: #f4f4f4;border: 1px solid silver;margin: 10px 0;} .prof_gender>span{margin: 0 3px;} #members_profile_list>div{width: 100%;border-bottom: 1px solid gray;height: 100px;position: relative;background-color: #fff;box-sizing: border-box;clear: both;position: relative;} //#members_profile_list>div.main_prof::before,.prof_selecter .main_prof::before{content: 'main';position: absolute;top: 0;left: 0;z-index: 1;} #members_profile_list>div:first-child{border-top: 1px solid gray;} #members_profile_list>div>*{border-right: 1px solid gray;box-sizing: border-box;float: left;} #members_profile_list>div>h5{width: 32px;border-left: 1px solid gray;text-align: center;height: 100px;line-height: 100px;} #members_profile_list>div>p{width: 100px;height: 100px;} #members_profile_list>div>div{width: 654px;height: 100px;} #members_profile_list .prof_thumb{width: 90px;height: 90px;margin: 5px;} #members_profile_list>div>div>div{overflow: hidden;width: 600px;padding: 4px;height: 40px;font-size: 16pt;} #members_profile_list>div>div>p{overflow: hidden;font-size: 16pt;padding: 0 4px 0 12px;} #members_profile_list>div>div>div>*{float: left;} #members_profile_list>div>div>div>h4{font-size: 20pt;margin: 0 20px 0 10px;} #members_profile_list img{} #message_dlg .prof_thumb>div,#members_profile_list .prof_thumb>div,.prof_selecter .prof_thumb>div,#bbspost_dlg .bbspost_dlg_profile .prof_thumb>div{width: 78px;border: 2px solid gray;background-color: #ebebff;border-radius: 41px;font-size: 0;height: 78px;line-height: 60px;box-sizing: border-box;background: url(../img/prof_noimage.jpg) no-repeat center center /80px;} .prof_thumb{position: relative;border: 6px solid gray;border-radius: 50%;overflow: hidden;box-sizing: border-box;} .prof_thumb>img{position: absolute;} .gender_j .prof_thumb{border-color: #ff9393;background-color: #ffebeb;} .gender_s .prof_thumb{border-color: #8edfff;background-color: #dcf5ff;} .j.prof_thumb{border-color: #ff9393 !important;background-color: #ffebeb !important;} .s.prof_thumb{border-color: #8edfff;background-color: #dcf5ff;} #profile_bbs_dlg .prof_thumb{width: 100px;height: 100px;} #profile_bbs_dlg .prof_thumb>img{width: 100px;top: -5px;left: -5px;} #profile_bbs_dlg .profile>div>div{float: left;} #profile_bbs_dlg .profile>div .btn{width: 100px;} #profile_bbs_dlg .profile{height: 160px;} #profile_bbs_dlg .profile+div{clear: both;} #profile_bbs_dlg .view_target{display: none;} .view_target>h4{float: left;} .view_target>div{float: right;width: 340px;} .view_target .check{margin-left: 4px;width: 130px;float: left;} .view_target>p{clear: both;} #profile_bbs_dlg .title>h4::after{content: '(必須 1行、50文字以内)';font-size: 0.8em;font-weight: normal;margin-left: 20px;} #profile_bbs_dlg_loc>h4::after{content: '(オプション)';font-size: 0.8em;font-weight: normal;margin-left: 20px;} #profile_bbs_dlg_loc>p>div:last-child{color: blue;text-decoration: underline;background: url(../img/alert96.png) no-repeat left center;padding-left: 110px;} #members_profile_list{width: 786px;/*! margin-left:4px; */} #members_profile_list>div>p>div{width: 430px;position: absolute;top: 0;} #members_profile_list>div.sel{background-color: #ffff9f;} #members_profile_listmembers_profile_list>div{background-color: white;} #members_profile_list .prof_gender{font-size: 17pt;} #members_profile_list .prof_pref{margin: 4px;} #profile_bbs_dlg_loc>div{height: 90px;} #profile_bbs_dlg_loc>div>div{float: left;} #profile_bbs_dlg_loc>div>div:last-child{float: left;} #profile_bbs_dlg_loc>div>div:last-child>div{float: left;} #profile_bbs_dlg_loc>p{clear: both;} #profile_bbs_dlg_loc>div>div .btn{width: 90px;} #location_data{width: 210px;} #location_data .gettime{display: none;} #location_data .longitude,#location_data .latitude{margin-bottom: 3px;font-weight: bold;height: 34px;font-size: 18pt;} #location_data .gettime::before{content: '取得時刻'} #location_data .longitude::before{content: '経度: ';} #location_data .latitude::before{content: '緯度: ';} #location_data .gettime::before,#location_data .latitude::before,#location_data .longitude::before{font-size: 0.7em;} #location_data>div{margin-left: 10px;/*! font-size: 18pt; *//*! width: 180px; */} #location_data .wait{height: 80px;text-align: center;line-height: 120px;background-position-y: top;font-size: 16pt;} .gender_j .prof_gender{border-color: #ff9393 !important;background-color: #ffebeb !important;} .gender_s .prof_gender{border-color: #8edfff !important;background-color: #dcf5ff !important;} #x_acount{background-color: white;clear: both;border: 1px solid gray;margin: 4px 0;padding: 20px;margin-top: 90px;} #x_acount>h3{height: 120px;} #x_acount>h3>div:first-child{float: left;width: 680px;} #x_acount>h3>div.batu{float: right;margin: 0;} #x_acount>div{padding: 20px 0 0;} #x_acount>div>div{font-size: 30pt;height: 70px;} #x_acount>div>div>a{color: white;} #x_acount>div>div>a>div{display: inline-table;background-color: black;border-radius: 30px;height: 60px;background: #333 url(../img/logo-white.png) no-repeat 20px center /32px;} #x_acount>div>div>a>div>span:last-child{padding: 0 20px 0 4px;} #x_acount>div>div>a>div>span:first-child{padding: 0 10px 0 60px;font-size: 24px;} #main_panel{margin-top: 90px;padding-top: 10px;overflow: hidden;} #main_panel_contents>h4>div{width: 200px;margin: 20px 10px 10px auto;} #main_panel_contents{} #main_panel_contents>div{clear: both;/*! overflow: hidden; */} #profile_bbs_dlg_loc .googlemap{background: url(../img/googlemap2.png) no-repeat center center /60px;} #profile_bbs_dlg_loc .cancel{background: url(../img/cancel.png) no-repeat center center /50px;} .profile_list{} .profile_list>h4{margin: 10px 0;overflow: hidden;} .profile_list>h4>div{float: left;} .profile_list>h4>div>h4{float: left;width: 120px;margin-right: 4px;} .profile_list>h4>.btn{float: right;width: 160px;} #main_localbbs{} #main_localbbs>h4{overflow: hidden;padding: 10px 0;/*! border-top: 3px solid silver; */margin-top: 20px;} #main_localbbs>h4>div{float: left;line-height: 80px;} #main_localbbs>h4 .btn{float: right;width: 160px;} #main_profile{} .profbbs_list{} .profbbs_list>div{clear: both;padding: 0 0 30px 0;} .profbbs_list>div>h3{font-size: 26pt;background-color: #a3a3fd;border: 1px solid silver;border-radius: 20px 0 0 20px;padding: 4px 30px;} .profbbs_list>div>h3>span:last-child{margin: 0 10px;} .profbbs_list>div>h3>span.sday{font-size: 0.8em;} .profbbs_list>div>div>div{width: 790px;margin: 20px 0 0 20px;} .pub .profbbs_list .gender{border-radius: 10px 0 10px 0;} .profbbs_list .gender{width: 778px;background-color: #f9f9f9;margin: 4px 0 20px 2px;border: 1px solid silver;height: 134px;border-radius: 65px 0 10px 65px;box-sizing: border-box;position: relative;} .profbbs_list .prof_thumb{width: 130px !important;height: 130px;} .pub .profbbs_list .prof_thumb{display: none;} .profbbs_list .gender>div{float: left;} .profbbs_list .gender>div:last-child{float: left;width: 633px;margin-left: 10px;} .profbbs_list .gender>div:last-child>div{height: 50px;line-height: 50px;font-weight: bold;border-bottom: 3px dotted silver;} .profbbs_list .gender>div:last-child>div>div:last-child{margin-left: 40px;font-size: 22pt;} //.profbbs_list>div>div>div>div.name{font-size: 20pt;font-weight: bold;max-height: 80px;display: flex;align-items: center;padding: 0 4px;} .profbbs_list .profile{clear: both;height: 70px;display: flex;align-items: center;font-size: 16pt;overflow: hidden;font-size: 17pt;} #prof_popup{position: absolute;z-index: 2;background-color: #ffffe5;border: 3px solid #acacac;width: 700px;box-shadow: 4px 4px 4px;box-sizing: border-box;} #prof_popup>div:first-child{position: relative;} #prof_popup post_menu_btn{top: 1px;left: 1px;} #prof_popup .batu{top: 60px;right: 0;position: absolute;/*! margin: 0; */padding: 0;} #prof_popup .poster{padding: 10px 0 0 10px;overflow: hidden;} #prof_popup .poster>div{clear: both;padding-top: 10px;} #prof_popup .poster>div>*{float: left;/*! font-size: 18pt; */} #prof_popup .poster>div:last-child{padding-left: 20px;} #prof_popup .poster>div:last-child>div{margin-left: 20px;font-size: 18pt;} #prof_popup .poster>div:last-child>div::before,.bbs_list .name_w>div:last-child::before{content: 'プロフID';display: block;font-size: 14pt;font-weight: normal;line-height: 16pt;} #prof_popup h2{font-size: 28pt;} #prof_popup img{margin: 0 0 20px 50px;width: 550px;border: 1px solid gray;border-radius: 10px;} #prof_popup .tm::before{content: '投稿日時';} #prof_popup .title::before{content: 'ひとこと';} #prof_popup .message::before{content: 'プロフィールコメント';} #prof_popup>div>div::before{font-size: 16pt;display: block;font-weight: normal;margin: 4px 0 6px -20px;} #prof_popup>div{padding: 0 20px 20px 50px;} #prof_popup>div>div{font-weight: bold;padding: 10px 20px 5px;border-top: 1px solid gray;} .detail{background-color: #ffffe5;border: 3px solid #acacac;position: relative;width: 600px;padding: 10px 10px 10px 10px;box-shadow: 4px 4px 4px;margin: -30px 20px 40px auto;box-sizing: border-box;} .detail>.poster{} .detail>.poster>span:last-child{font-size: 0.8em;} .detail .batu{width: 60px;height: 70px;position: absolute;top: 60px;right: 2px;padding: 0 !important;box-sizing: border-box;border-radius: 6px;} .detail .batu::before{margin: 0;} .detail>div:first-child{border: none !important;} #prof_popup>.detail{margin: 0;padding: 20px 30px;} #prof_popup>.detail .btn{position: absolute;width: 66px;height: 70px;top: 0;right: 66px;padding: 0;box-sizing: border-box;background: url(../img/googlemap.png) no-repeat center center;opacity: 0.4;} #prof_popup>.detail .btn.loc{opacity: 1;} .detail .batu{border: 1px solid silver;background-color: #fafafa !important;} .public .profbbs_list .prof_thumb>img{opacity: 0.1;} .profbbs_list .prof_thumb>img{width: 140px;height: 140px;top: -12px;left: -12px;} .profbbs_list post_menu_btn{float: right;/*! margin: -20px 4px 0 20px; */position: absolute;top: -16px;right: 0;left: auto;} .profbbs_list .gender_j .name{color: #FF2525} .profbbs_list .gender_s .name{color: rgb(0, 144, 237);} .profbbs_list .name{float: left;margin: 0 0 0 20px;} .profbbs_list .loc{background: url(../img/googlemap.png) no-repeat right center /40px;padding-right: 40px;} .profbbs_list .tm{float: left;} #prof_popup .detail>div,.profbbs_list .detail>div{border-top: 3px solid silver;padding: 10px 0;padding-left: 20px;float: unset;} .prof_gender{margin: 5px auto 0;display: inline;margin: 0 10px;} .profbbs_list>div>p{height: 80px;/*! display: table-cell; */vertical-align: middle;} .profbbs_list>div>p>div{padding: 30px 20px 20px 10px;} #hattenba_detail{} #hattenba_detail>p>div>div{float: left;width: 240px;font-weight: normal;font-size: 19pt;} #hattenba_detail>p .btn{width: 80px;} #hattenba_detail .search.btn{width: 190px;float: right;margin: 20px 0;background: url(../img/icons8_google_80.png) no-repeat 10px center /60px;padding-left: 60px;box-sizing: border-box;} #hattenba_detail .bbs.btn{width: 260px;float: right;margin-bottom: 8px;background: url(../img/icons8_bbs_48.png) no-repeat 10px center /60px;padding-left: 60px;box-sizing: border-box;} #hattenba_detail>div{} #hattenba_detail>h1{overflow: hidden;} #hattenba_detail>h3{border: 1px solid silver;background-color: #f9f7f7;padding: 10px;} #hattenba_detail>div.poster_img{width: 800px;height: 400px;overflow: hidden;text-align: center;font-size: 0;border: 1px solid silver;border-radius: 10px;} #hattenba_detail>div.noimage>img{width: 50% !important;opacity: 0.4;} #hattenba_detail>div.poster_img>img{width: 800px;margin: auto;} #hattenba_detail>h1>div{float: left;} #hattenba_detail>h1>div>h1{font-size: 36pt;float: left;} #hattenba_detail>h1>div>h3{font-size: 24pt;color: #666;margin: 10px 0 0 10px;} #hattenba_detail>h1>div>h3::before{content: '[ ';font-weight: normal;color: #999;font-size: 20pt;} #hattenba_detail>h1>div>h3::after{content: ' ]';font-weight: normal;color: #999;font-size: 20pt;} #hattenba_detail>p{clear: both;overflow: hidden;} #hattenba_detail>p>div{float: left;} #hattenba_reviews{padding: 40px 0 10px;} #hattenba_reviews .write.btn{width: 220px;} #reviewpost_dlg{width: 640px;} #reviewpost_dlg>div>div{clear: both;overflow: hidden;} #reviewpost_dlg>div>div:first-child>h4{float: left;width: 220px;} #reviewpost_dlg>div>div:first-child>h4::after{content: '2～10文字 省略可';font-size: 16pt;font-weight: normal;display: block;} #reviewpost_dlg>div>div:first-child>div{width: 380px;float: left;} #reviewpost_dlg textarea{width: 100%;height: 150px;} .review_pointsel>h4:first-child::after{content: '5点満点でこのハッテン場を評価すると？';font-weight: normal;font-size: 16pt;margin-left: 10px;} .review_pointsel>div{overflow: hidden;padding-left: 6px;} .review_pointsel>h4.check{width: 590px;float: none;margin: 0 0 2px 6px;} .review_pointsel .check{width: 87px;float: left;margin: 0 1px;} .review_pointsel .dis{opacity: 0.3;} #review_body{} #review_body>div>div{margin-top: 80px;border: 1px solid silver;position: relative;} #review_body>div>div>div{/*! clear: both; *//*! overflow: hidden; */} #review_body>div>div>div>div{} #review_body>div>div>div{font-size: 17pt;/*! overflow: hidden; */position: absolute;top: -48px;height: 50px;width: 100%;} #review_body .evaluate_w{width: 240px;position: absolute;left: 70px;bottom: 4px;} #review_body .evaluate_w>div{float: left;} #review_body .evaluate_w>div:last-child{font-size: 0.8em;margin: 8px 0 0 6px;font-weight: bold;} #review_body .evaluate_w>div:last-child::after{content: 'pt.';font-weight: normal;margin-left: 2px;} #review_body .tm{font-weight: bold;width: 200px;margin-top: 6px;position: absolute;left: 290px;bottom: 0;} #review_body .name{/*! float: right; */width: 300px;font-weight: bold;font-size: 1.2em;text-align: right;position: absolute;right: 0;bottom: 0;} #review_body .name::after{content: 'さん';font-weight: normal;font-size: 0.7em;margin-left: 6px;} #hattenba_link{margin-top: 20px;} #hattenba_link input{width: 100%;background-color: white;} #hattenba_link::before{content: 'このページの直リンク';display: block;font-size: 18pt;} .evaluate_tx{font-size: 16pt;font-weight: bold;text-align: right;color: #666;} .evaluate_tx>span{margin: 0 6px;} .evaluate_tx>span::after{content: 'ss.';font-size: 16pt;font-weight: normal;margin-left: 4px;} .evaluate_tx>span:first-child{font-size: 18pt;} .evaluate_tx>span:first-child::after{content: 'pt.';} .evaluate{height: 50px;} .evaluate hoshi{background-position-x: -62px;left: 0;display: block;width: 48px;height: 48px;position: relative;float: left;} .evaluate hoshi>div{background: url(../img/hoshi.png) no-repeat 0 0 /120px;width: 0%;height: 48px;float: left;background-position-x: -12px;position: absolute;top: 0;left: 0;background-position-y: -65px;} .evaluate hoshi>div:first-child{background-position-x: -62px;left: 0;/*! display: none; */width: 48px;} .evaluate_s{height: 32px;} .evaluate_s hoshi{background-position-x: -62px;left: 0;display: block;width: 32px;height: 32px;position: relative;float: left;} .evaluate_s hoshi>div{background: url(../img/hoshi.png) no-repeat 0 0 /80px;width: 0%;height: 32px;float: left;background-position-x: -7px;position: absolute;top: 0;left: 0;background-position-y: -42px;} .evaluate_s hoshi>div:first-child{background-position-x: -41px;left: 0;width: 32px;} .list_head{} .list_head>div{float: right;} .list_head>div>div>*{float: left;} .list_head>div>div>h1{font-size: 28pt;line-height: 90px;} .list_head>div:first-child{float: left;position: relative;} .list_head>div>div>div{width: 90px;} .list_head>div>div:first-child>div:last-child{width: 45px;margin: 0;} .list_head>div>div:first-child>div:last-child>div{background: url(../img/arr.png) no-repeat center -34px /24px 70px;width: 32px;height: 32px;margin: 22px 6px;} .list_head .btn{} #prefhist.open{display: unset;} #prefhist{display: none;position: absolute;right: 0;top: 70px;font-size: 24pt;/*! padding: 4px 30px 4px 10px; */border: 1px solid gray;background-color: #fdffb6;box-shadow: 2px 2px 4px;border-radius: 8px;z-index: 1;} #prefhist>div{float: unset;width: 100%;} #prefhist>div>div{height: 60px;line-height: 60px;padding: 6px 20px 6px 40px;margin: 0 0px 0 10px;} #prefhist>div>div.sel{background: url(../img/check.png) no-repeat left center;font-weight: bold;} #prefhist>div>div:last-child{border-top: 5px dotted gray;} //#bbs_head .list_head_btns .btn::after{display: block;margin-top: -34px;} //#bbs_head .list_head_btns .btn{line-height: 60px;width: 94px;margin-left: 3px;} //#bbs_head .list_head_btns .btn:first-child{line-height: 84px;width: 130px;margin-left: 0;} .list_head_btns .btn:first-child::after{content: '一覧';} .list_head_btns .btn::after{content: '掲示板';font-size: 0.7em;margin-left: 2px;} .list_head_btns{/*! margin: 10px 0; */} .list_head_btns>div{/*! width: 160px; */font-size: 18pt;padding: 0 10px;margin-left: 4px;float: left;} .list_head_btns>div.sel{background-color: transparent !important;font-weight: bold;font-size: 20pt;border: none;margin-top: 6px;height: 64px;border-bottom: 6px solid red;} .list_head>p{clear: both;} .list_head>p>div>h3{font-size: 18pt;} .list_head>p>div>p{font-size: 16pt;} .info_cat{border: 1px solid silver;background: #fff7f4 url(../img/neko3.png) no-repeat -35px -20px /130px;padding: 10px 10px 10px 90px;font-weight: bold;font-size: 20pt;} #list_head_bottom{clear: both;width: 100%;text-align: center;border-top: 5px solid #2000ff;margin-top: 2px;display: none;font-size: 0.8em;font-weight: bold;} #bbs_guide{height: 140px;z-index: 0;} #bbs_guide>div{z-index: 0;} #bbs_guide .info_cat{} #bbs_guide .info_cat h3{font-size: 22pt;} #bbs_guide .info_cat p{font-size: 16pt;} .hattenba_list{clear: both;overflow: hidden;} .hattenba_list .noreview{font-size: 16pt;text-align: center;} .hattenba_list .noimage{width: 50%;opacity: 0.4;} .hattenba_list>div{width: 390px;float: left;margin: 6px 5px;border: 1px solid silver;box-sizing: border-box;background-color: white;box-shadow: 0 2px 4px 0 rgba(6, 0, 0, 0.45);} .hattenba_list>div:nth-child(even){margin-left: 0;} .hattenba_list>div>div{width: 100%;/*! margin: auto; *//*! margin: 4px 4px; */} #main_hattenba>h4{padding-top: 20px;} #main_hattenba>h4 .btn{width: 160px;float: right;} #bbs .list_head{overflow: hidden;} #bbs .list_head_btns{float: right;} #bbs .list_head_btns .btn{width: auto;} #bbs .list_head>div>h1::after{content: 'ハッテン場掲示板';font-size: 0.7em;display: block;margin-top: -10pt;margin-left: 10px;} #bbs .list_head>div>h1{line-height: unset;} #bbs_head{position: relative;height: 200px;margin-top: 10px;} #bbs_head>p{position: absolute;bottom: 0;} #bbs_head>p>h1{text-shadow: white 2px 2px 2px,white -2px -2px 2px,white 2px -2px 2px,white -2px 2px 2px;font-size: 30pt;} #bbs_head>p>div{} #bbs_head>div{position: absolute;width: 400px;overflow: hidden;right: 0;height: 200px;} #bbs_head>div>img{width: 100%;} #bbs_head .btn{width: 100px;} #bbs_body{padding-top: 30px;} .postform{border: 1px solid gray;background-color: white;margin: 4px;border-radius: 4px;box-sizing: border-box;padding: 8px;} .postform textarea{width: 100%;height: 180px;} .hattenba>p>div:last-child::after{content: 'reply(s)';font-size: 0.7em;margin-left: 6px;} .hattenba>div{clear: both;width: 375px;height: 190px;border: 1px solid gray;background-color: white;overflow: hidden;position: relative;border-radius: 8px;box-shadow: 0 2px 4px 0 rgba(6, 0, 0, 0.45);text-align: center;margin: 4px auto;} .hattenba>h3{font-size: 21pt;} .hattenba>h4 .btn{background: url(../img/icons8_bbs_48.png) no-repeat center -4px /60px;width: 80px;position: relative;height: 80px;box-sizing: border-box;} .hattenba>h4 .btn::after{content: '掲示板';bottom: 34px;left: 0;width: 100%;height: 20px;margin: 0;position: absolute;padding: 0;font-size: 15pt;} .hattenba>h4 .evaluate_s{/*! width: 80px; */} .hattenba>h4>div,.hattenba>h4>div>div:last-child>div{float: left;/*! font-size: 18pt; */margin: 4px 0;} .hattenba>h4>div{float: left;/*! font-size: 18pt; */margin: 4px 0;} .hattenba>h4>div>div:last-child>div{float: right; } .hattenba>h4>div:last-child{width: 296px;font-weight: normal;font-size: 16pt;padding-left: 4px;padding-top: 6px;height: 80px;box-sizing: border-box;} .hattenba>h4>div:last-child>div:first-child::before{content: 'Last update';font-size: 0.8em;margin-right: 6px;} .hattenba>h4>div:last-child>div>dv>div{} .hattenba>h4>div>div:last-child>div:first-child::after{content: 'pt.';} .hattenba>h4>div>div:last-child>div:first-child{margin: 8px 8px;} .hattenba>div>img{width: 100%;} .hattenba>div>h3{position: absolute;bottom: 0;text-shadow: white 2px 2px 2px,white -2px -2px 2px,white 2px -2px 2px,white -2px 2px 2px;padding: 0 10px;} #top_menu{position: fixed;top: 60px;width: 400px;right: 0;} .menu{background-color: white;/*! border: 1px solid gray; */margin: 0;} .menu ul{margin: 0;list-style: none;padding: 0;} .menu li{} /*button*/ .btn{margin-left: 4px;} .btn>a,.radio,.selecter>h3{font-size: 17pt;font-weight: bold;color: #666;} .btn>a{display: block;text-align: center;/*! border: 1px solid gray; *//*! line-height: 50px; *//*! height: 50px; */border-radius: 10px;/*! background-color: #f9f9f9; */} .btn.gray{opacity: 0.3;} .btn.gray>a{cursor: default;} .media_upload{position: relative;width: 180px;/*! margin: 0; */margin: auto;} .media_upload>input{position: absolute;top: 0;left: 0;opacity: 0;width: 100%;cursor: pointer;height: 70px;} .media_upload>a{height: 80px;line-height: 80px;} /*selecter*/ .pref_selecter .selecter>h3{width: 110px;} .profpref_selecter .selecter>h3{width: 90px;} .selecter>h3{float: left;background-color: white;border: 3px dotted silver;border-radius: 10px;height: 80px;line-height: 80px;cursor: pointer;padding-left: 40px;} .selecter>h3.check{background: white url(../img/check.png) no-repeat 6px center;border: 3px solid silver;} .selecter>h3.gray{opacity: 0.3;border: 1px solid gray;} .age_selecter .selecter>h3{width: 110px;} .height_selecter .selecter>h3{width: 140px;} .figure_selecter .selecter>h3{width: 150px;} /*selecter*/ .pref_selecter>div,.profpref_selecter>div,.age_selecter>div,.height_selecter>div,.figure_selecter>div{background-color: #eee;/*! margin: 8px 2px; */border: 1px solid silver;padding: 4px 4px 14px 4px;overflow: scroll;position: relative;} .pref_selecter>div>div{width: 7650px;} .profpref_selecter>div>div{width: 7800px;overflow: hidden;} .age_selecter>div>div{width: 7650px;} .height_selecter>div>div{width: 7650px;} .figure_selecter>div>div{width: 7650px;} .prof_selecter{width: 500px;border: 1px solid gray;padding: 10px;background-color: #ffe;box-shadow: 4px 4px 4px;/*! margin: 0 0 0 auto; */position: absolute;right: 0;z-index: 2;top: -90px;border-radius: 8px;} .prof_selecter>p{padding: 0 0 8px 6px;background: url(../img/close.gif) no-repeat right center /32px;} .prof_selecter>p>h6{font-size: 0.8em;} .prof_selecter>p>p{font-size: 13pt;} .prof_selecter>div{height: 90px;border: 1px solid gray;margin: 2px;width: 496px;overflow: hidden;position: relative;box-sizing: border-box;background-color: white;padding: 0 10px;} .prof_selecter>div.sel{background-color: #ffff26a3;} #members_profile_list>div.main_prof::before,.prof_selecter .main_prof::before{content: 'main';position: absolute;top: 3px;left: 2px;z-index: 1;background-color: #0000ff7a;font-size: 14pt;font-weight: bold;color: white;padding: 0 8px;border-radius: 8px;} .prof_selecter>div>*{float: left;width: 300px;} .prof_selecter>div>div>div{height: 35px;} .prof_selecter .check{width: 32px;border: none;margin-top: 20px;} .prof_selecter .prof_thumb{float: left;/*! width: 90px; */margin: 3px auto;text-align: center;} .profile .name{font-size: 22pt;font-weight: bold;clear: both;margin: 8px 0;line-height: 30pt;} .profile .prof_gender{float: left;} .profile .prof_pref{font-size: 16pt;margin: 6px 0 0 6px;float: left;} #message_dlg .prof_gender{float: left;} #message_dlg .prof_pref{font-size: 16pt;margin: 6px 0 0 6px;float: left;} /*radio button*/ .radio{border: 3px dotted silver;border-radius: 10px;height: 60px;line-height: 60px;padding: 0 10px 0 40px;cursor: pointer;} .radio.check{background: url(../img/check.png) no-repeat 6px center;border: 3px solid silver;} /*tab*/ .tabgrp{overflow: hidden;} .tabgrp+div{border: 1px solid gray;margin-top: -1px;background-color: white;} .tabgrp>div:first-child{border-left: 1px solid gray;} .tabgrp>div{float: left;border-right: 1px solid gray;border-top: 1px solid gray;border-radius: 16px 16px 0 0;background-color: transparent;height: 70px;line-height: 70px;width: 260px;border-bottom: 1px solid gray;} .tabgrp>div.select{background-color: white;border-bottom: 1px solid white;} .tabgrp>div.select a{font-weight: bold;} .tabgrp a{color: #333;display: block;text-align: center;} #fixedheader{position: fixed;height: 60px;top: 0;margin: 0;background-color: white;line-height: 60px;} #fixedheader>div{float: right;} #fixedheader>div:first-child{float: left;} .popup_body{padding: 10px;} .popup_body h3{padding-left: 40px;} .popup_body input{width: 100%;padding: 0.4em;} .popup_body textarea{width: 100%;height: 100px;padding: 0.4em;} .popup_body{/*! clear: both; *//*! border: 1px solid gray; *//*! margin-top: -1px; *//*! background-color: white; */} .popup_body>div{margin: 20px 0;} .popup_body>div:first-child{margin:4px 0;} .popup_bottons{overflow: hidden;padding: 10px 0 0 0;font-size: 16pt;} .popup_bottons>div{float: right;margin-left: 6px;} .popup_bottons>div>a{width: 150px;} .popup{position: absolute;top: 0;left: 0;background-color: #eee;margin: 0 auto;padding: 0.4em;font-size: 20pt;float: left;} .frm_err{color: red;font-weight: bold;background-color: #ffefef;padding: 0.4em;margin-bottom: 0.4em;} .passwd_chg .btn a,.mailad_chg .btn a{width: 300px;background-color: #f9f9f9;margin: 20px auto;} /*profile_edit*/ #popup_profile .name::after{content: 'ハンドル / ニックネーム等のサイトで公開する名前';font-size: 14pt;text-align: right;display: block;margin-right: 4px;} #popup_profile .name>h4::after{content: '(4~１６文字)';font-size: 14pt;padding-left: 20px;} #popup_profile .pref_area::after{content: '複数地域が選択肢になる場合は、最も相応しい地域を選択してください';font-size: 14pt;text-align: right;display: block;margin-right: 4px;} #popup_profile .pref_area>h4::after{content: '(お住い、もしくは活動場所を選択)';font-size: 14pt;padding-left: 20px;} #popup_profile .position::after{content: 'どちらにも該当しない場合は当サイト利用はできません\A「設定しない」を選択した場合、一部機能に制限があります';font-size: 14pt;text-align: right;display: block;margin-right: 4px;white-space: pre-wrap;} #popup_profile .position>h4::after{content: '(あなたの性的属性を選択してください)';font-size: 14pt;padding-left: 20px;} #popup_profile .selfintro>h4::after{content: '(省略可能 記入する場合は3行、300文字以内)';font-size: 14pt;padding-left: 20px;} #popup_profile .position>.selecter{overflow: hidden;} .profile_img>h4.front::after{content: '前景画像の編集中';} .profile_img>h4.back::after{content: '背景画像の編集中'} .profile_img>h4::after{margin-left: 40px;font-size: 0.8em;color: #ae5555;border: 1px solid silver;padding: 5px 40px;border-radius: 4px;background-color: #ffffea;float: right;margin-right: 20px;} .profile_img div.fimg{width: 120px;height: 120px;object-fit: cover;border-radius: 100%;border: 3px solid silver;background-color: white;float: left;} .profile_img div.bimg{width: 540px;height: 120px;border: 3px solid silver;float: left;margin-left: 8px;} .profile_img form{margin: 0;overflow: hidden;} .profile_img form>div:first-child{overflow: scroll;border: 1px solid silver;background-color: #eee;margin: 10px 0;} .profile_img form>div:first-child>div{width: 800px;position: relative;height: 200px;} .profile_img form>div:first-child>div>div{} .profile_img form>div:first-child>div>div>img{opacity: 0;} .profile_img div.front>div#profile_frontview>img{opacity: 1;} .profile_img div.back>div#profile_backview>img{opacity: 1;} .profile_img form>div:last-child{margin-right: 10px;} .profile_img form>div:last-child>div:first-child+div{clear: both;} .profile_img form>div:last-child>div:first-child>div{margin-bottom: 10px;overflow: hidden;width: 360px;float: left;} .profile_img .radio{float: right;padding-right: 20px;} #profile_frontview{} #profile_frontview img{} #profile_backview{} #profile_backview>img{} .profile_img form .btn{position: relative;top: 2px;width: 240px;padding: 2px;margin: 0;float: left;} .profile_img form input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;display: block;padding: 0;} .profile_img form .selecter>h3{width: 120px;float: left;margin: 0 2px;} #profile_img_view{} #profile_img_view>.front{} #profile_img_view>.back{} #profile_img_view>.front>img{} #profile_img_view>.back>img{width: 100%;} #profile_img_edit{width: 676px;min-height: 300px;border: 1px solid silver;} #profile_img_edit{position: relative;border: 1px solid silver;/*! box-sizing: border-box; */} #profile_img_edit>img{/*! opacity: 0.7; *//*! margin: 4px; */} #prof_img_edit_view>div{width: 100%;height: 100%;border: 2px solid lightgray;box-sizing: border-box;} #prof_img_edit_view{position: absolute;border: 3px dotted #545353;cursor: pointer;box-sizing: border-box;padding: 2px;border-radius: 8px;} #profile_img_info>.btn{margin-left: 6px;} #profile_img_info::after{content: '切り取りサイズ、位置を指定して画像を保存してください';font-size: 16pt;text-align: center;display: block;clear: both;padding-top: 10px;} #profile_img_info{overflow: hidden;margin: 16px;} #profile_img_info>div{float: right;width: 240px;} #profile_img_scal{overflow: hidden;margin-bottom: 10px;clear: both;border: 1px solid silver;background-color: #e8e8e8;padding: 2px;} #profile_img_scal h3{float: left;width: 80px;margin: 0 2px;background-color: white;} #profile_img_scal h3::after{content: '%';font-size: 0.6em;margin-left: 2px;} #profile_img_scal>div:first-child{width: 120px;/*! line-height: 60px; */text-align: right;margin-top: 10px;float: left;font-size: 0.8em;text-align: center;} #profile_img_scal>div:first-child::after{content: '(対横幅割合)';font-size: 0.8em;margin: 0;text-align: center;display: block;} #profile_img_scal>div:last-child{width: 530px;float: right;overflow: scroll;height: 76px;border: 1px solid silver;background-color: #eee;padding: 4px;position: relative;} #profile_img_scal>div>div{width: 1340px;overflow: hidden;} .pref_area{overflow: hidden;} .position{overflow: hidden;margin: 10px;clear: both;} .position .selecter>h3{float: left;width: 80;margin: 3px;} .position .selecter>h3:last-child{width: 160;} /*new_hattenba*/ #new_hattenba{} #new_hattenba .name{} #new_hattenba .name>h4::after{content: '(正式名称、通称名のどちらかは記入ください)';} #new_hattenba .name>div{border: 1px solid silver;background-color: #eee;padding: 4px;} #new_hattenba .name>div>div{overflow: hidden;margin-top: 4px;background-color: white;padding: 4px;} #new_hattenba .name>div>div:first-child{margin-top: 0;} #new_hattenba .name>div>div>h5{float: left;text-align: right;width: 180px;line-height: 60px;color: #444;} #new_hattenba .name>div>div>h5::after{content: '(省略可)';font-size: 0.8em;margin-left: 4px;font-weight: normal;} #new_hattenba .name>div>div>input{float: right;width: 470px;} #new_hattenba .popup_body>div>h4:after{font-weight: normal;font-size: 0.8em;margin-left: 10px;} #new_hattenba .name>div>div::after{content: '正式名称以外によく使われている通称、俗称名等';font-size: 0.7em;float: right;margin: 4px 10px 0 0;} #new_hattenba .name>div>div:first-child::after{content: '「〇〇公園」等の正式な名称'} #new_hattenba .name>div>div:last-child::after{content: '読み難い漢字名称である場合は是非に記入ください';} #new_hattenba .adres>h4::after{content: '(省略可)';} #new_hattenba .area>h4::after{content: '(省略可)';} #new_hattenba .memo>h4::after{content: '(省略可 記入する場合は1000文字以内)';} #new_hattenba .adres::after{content: '可能なら〇〇市等程度の大雑把な住所だけでも記入ください';} #new_hattenba .area::after{content: '例えば「県北部」のような地域独自の地域分類名';} #new_hattenba .memo::after{content: 'どんなところ？等のこの場所についてのフリーコメント';} #new_hattenba .popup_body>div::after{font-size: 0.7em;float: right;margin: 0px 10px 0px 0;} #new_hattenba .popup_body>div{clear: both;overflow: hidden;} #new_hattenba　textarea{} #thread_list{font-size: 1.4em;margin: 4px;} #thread_list>div{border: 1px solid silver;margin: 8px 0;} #thread_list>div>div:first-child{background-color: #ccc;overflow: hidden;font-size: 0.9em;} #thread_list>div>div{clear: both;} .post_no{float: left;} .post_no::before{content: 'No.';font-size: 0.8em;margin: 0 0.4em;} .post_time{margin: 0 0.4em;float: right;} .post_name{font-size: 0.9em;margin: 0.4em;} .post_name::after{content: ']';} .post_name::before{content: '[';} .post_mes{font-size: 1.2em;margin: 0.4em;} #thread_head{padding: 4px;overflow: hidden;height: 80px;} #thread_head>div{width: 180px;float: right;margin: 12px 4px 0 0;} #thread_head>div:first-child{width: 330px;float: left;font-size: 0.9em;line-height: 80px;margin: 20px 0 0 8px;} .footer{} .footer>div{clear: both;overflow: hidden;border-top: 2px solid silver;height: 90px;} .footer1{} .footer1>div:first-child,.footer2>div:first-child{border: none;} .footer>div>div{float: left;border-left: 1px solid silver;font-size: 18pt;font-weight: bold;/*! line-height: 26px; */margin: 10px;} .footer1>div{line-height: 26px;} .footer2>div{line-height: 80px;padding: 0 0 0 29px;} .footer1 .xaccount{width: 300px;} .footer1 .xaccount>div{width: 80px;border: 8px solid #fad9ae;border-radius: 50%;overflow: hidden;height: 80px;position: relative;box-sizing: border-box;float: left;} .footer1 .xaccount>div>img{width: 90px;position: absolute;top: -14px;left: -14px;} .footer1 .xaccount>h4{font-size: 17pt;float: left;margin-top: 16px;} .footer1 a{color: #333;} .footer1 .ContactUs{width: 133px;background: url(../img/mail48.png) no-repeat 10px center;padding: 20px 0 0 70px;} .footer1 .qr{width: 160px;background: url(../img/QR.png) no-repeat 10px center /50px;padding: 20px 0 0 70px;} .footer1 .ContactUs::after{content: 'Contact Us';font-size: 0.8em;font-weight: normal;} .footer1 .qr::after{content: 'QR code';;font-size: 0.8em;font-weight: normal;} .footer{margin-top: 30px;/*! border-top: 2px solid silver; */} .footer .copyright{font-size: 18pt;text-align: center;clear: both;} .footer .copyright::before{content: "@";} .footer_contents{padding: 4px 0 4px 30px;overflow: hidden;/*! border-top: 1px solid gray; */border-bottom: 1px solid gray;} .footer_contents>div{clear: both;border-bottom: 1px solid gray;} .footer_contents>div:last-child>div:first-child{width: 300px;border: none;} .footer_contents>div:last-child>div{float: left;border-left: 1px solid gray;font-size: 18pt;font-weight: bold;line-height: 26px;} .ad{width: 790px;/*! height: 90px; */margin: 30px 4px !important;} .toppage_login_info{margin: 20px 0;border: 1px solid silver;padding: 10px;} .toppage_login_info red{font-size: 1em;color: #2b0101;} .toppage_login_info p{font-size: 18pt;margin: 10px 0;} #main_info{margin: 0 0 10px 0;} #main_info .title{text-align: center;margin: 30px 0 20px 0;border: 1px solid silver;background-color: white;padding: 10px 0 30px;/*! background: url(../img/cat-3336579_640.jpg) no-repeat center /800px; *//*! background-blend-mode: lighten; *//*! background-color: #ffffff54; */} #main_info .title>p{font-size: 15pt;} #main_info .mikeneko_title{font-size: 70pt;margin-bottom: -20px;} .system_info_bbs{padding: 4px;} .system_info_bbs>div{} .system_info_bbs>div>div{background-color: white;margin: 4px 0;} .system_info_bbs>div>div.ad{display: none;} .system_info_bbs post_menu_btn{display: none;} .system_info_bbs .no,.system_info_bbs .prof,.system_info_bbs .name_w,.system_info_bbs bbs_reply{display: none;} .system_info_bbs>div>div>div{position: unset;height: unset;border-bottom: 1px solid silver;padding: 4px 10px;background-color: #f8f8f8;box-sizing: border-box;} .system_info_bbs>div>div>p{/*! background-color: white; */} .system_info_bbs .notm{position: unset;} .system_info_bbs .tm{float: none;line-height: unset;}