html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block
}
.pageTtl:after, .sub_pageTtl:after, .matching-pop:after, .header__nav:after, .btn-list:after, .profile__count:after, .profile__info:after, .profile__block:after, .favorites__list li:after, .block__list li:after, .footprints__list-item:after, .show-others__list-item:after, .news__list-item:after, .pickup__list:after, .status__knock:after, #result_container:after, .search__list dd:after, .talk__match-list li:after, .talk__user:after, .chat:after, .chat__partner:after, .chat__area:after, .chat__block:after, .talks__tab:after, .myroom__top:after, .my-edit__top:after, .my-edit__list li:after, .pop--reibun .pop__btn-list:after, .approach__tab:after, .approach__knock-list:after, .age__top:after, .age__fig:after, .age__case-item:after, .point__list:after, .events__list--element:after, .events__list--empty:after, .circle__admin li:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ''
}
.regist__info-item, .regist__input, .favorites__name, .favorites__tweet, .footprints__other, .show-others__name, .show-others__tweet, .search__user .profile__dtl, .search__user .user__tweet, .talk__match-list-name, .talk__match-list-content, .talk__user-name, .my-edit__name-inner, .my-edit__list-item select option, .approach__appeal-list-name, .approach__user .profile__dtl, .approach__user .user__tweet, .events__list--content, .circle__admin-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.pop, .matching-pop__img, .btn, .profile__top-inner, .profile__tweet, .profile__count-item, .profile__interest-item, .profile__info-ttl, .profile__info-item, .profile__block-item, .profile__form select, .profile__form textarea, .profile__form-input, #scrollWrap, #scroller, .regist__thumb, .favorites__list li, .favorites__btn--none, .block__list li, .interest__category label, .footprints__list-item, .show-others__list-item, .form_wrap, .form_wrap-select, .form_wrap-textarea, .form_wrap-input, .inquiry__list, .inquiry__form-select, .inquiry__form-textarea, .inquiry__form-input, .news__list-item, .pickup__list li, .pickup__btn--none, .search__user, .search__list-clm-item, .talk__reply-list, .talk__reply-list img, .talk__match-list li, .talk__match-list-content, .talk__user, .talk__nothing, .chat__area, .chat__block-item, .chatPhotoBtn:before, .chat__input textarea, .talks__tab li, .talks__tab button, .myroom__tweet-wrap, .myroom__sub-photo, .myroom__sub-photo-item, .myroom__interest, .my-edit__textarea, .approach__tab li, .approach__tab button, .approach__appeal-list, .approach__appeal-list img, .approach__user, .approach__message, .approach__btn--none, .age__fig li, .footprint-setting .icon, .notification-setting .icon, .exchange__table td, .history__table, .events__list--element, .events__list--content, .events__list--empty, .events__nothing, .applicants-list__tweet-inner, .applicants #scroller, .circle__admin li {
box-sizing: border-box
}
body {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: 100%;
color: #2D2D2D;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #FFF;
font-size: 17px;
line-height: 1.4;
}
body::before {
background-repeat: no-repeat;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100vw;
height:100vh;
background-image: url(/img/seichicity_web.jpg);
-webkit-background-size:contain;
background-size:1800px;
background-position: center top;
content:"";
}
body.regist_top{
background: #BFE73A;
}
a {
color: #2D2D2D;
text-decoration: none;
}
a button{
color: #2D2D2D;
}
a:hover {
text-decoration: none
}
.wrap, .fade {
display: block;
text-decoration: none
}
.wrap:hover, .fade:hover {
text-decoration: none
}
img {
display: block;
width: 100%
}
.phoneTxt {
cursor: default;
text-decoration: none;
color: #2D2D2D !important
}
.phoneTxt:hover {
text-decoration: none
}
#wrapper {
position: relative;
padding: 0;
max-width: 700px;
margin: 0 auto;
}
#wrapper.regist_top {
padding: 0px;
}
#wrapper.loader:before {
position: fixed;
top: 49px;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
content: "";
z-index: 98
}
#wrapper.loader:after {
position: fixed;
top: 50%;
left: 50%;
width: 33px;
height: 33px;
content: "";
z-index: 99;
font-size: 16px;
margin-left: -16px;
margin-top: -16px;
background: url(../img/ico_loding.gif)
}
#wrapper.login:before {
top: 0
}
#wrapper.noHeader {
padding: 0
}
.sub_pageTtl {
position: relative;
padding: 10px;
line-height: 1
}
.pageTtl {
position: relative;
padding: 10px;
line-height: 1
}
.pageTtl--M {
font-size: 15px
}
.pageTtl--L {
font-size: 17px
}
.pageTtl--green {
background: #f98972;
color: #fff
}
.pageTtl--green2 {
background: #09AC6D;
color: #fff
}
.pageTtl--pink {
background: #FC0000;
color: #fff;
}
#btn_goto_form_profile{
color: #2D2D2D;
border-radius: 5px;
font-size: 14px;
background: #FFF;
border: solid 1px #E7E7E7;
}
.pageTtl--sandy {
background: #f5c18d;
color: #fff
}
.pageTtl--gray {
background-color: #f98972;
color: #FFF;
font-weight: bold;
text-shadow: 1px 1px 2px black;
}
.pageTtl--white {
background: #fff
}
.pageTtl--center {
text-align: center
}
.pageTtl--border {
font-weight: bold;
padding: 10px 0;
margin-bottom: 20px;
border-bottom: 1px solid #088934
}
.pageTtl .icon-next {
position: absolute;
top: 10px;
right: 15px;
font-size: 16px;
color: #CCC;
}
.pageTtl + .pageTtl {
border-top: 1px solid rgba(0, 0, 0, 0.2)
}
.overlay {
display: none;
position: fixed;
top: 0;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
right: 0;
background: rgba(45, 45, 45, 0.6);
-ms-flex-align: center;
align-items: center;
margin: 0;
-ms-flex-pack: center;
justify-content: center
}
.overlay.on {
display: block
}
.pop {
display: none;
position: fixed;
top: 50%;
left: 50%;
padding: 15px 15px 15px;
background-color:rgba(255,255,255,0.8);
width: 81.33333%;
max-width: 305px;
min-width: 290px;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 5px
}
.pop.on {
display: block
}
.pop.android {
top: 20px;
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.pop__ttl {
margin-top: 25px;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 20px
}
.pop__ttl + .btn {
margin-top: 40px
}
.pop__ttl + .percentage__num {
margin-top: -20px
}
.pop__txt {
color: #888;
margin-bottom: 20px;
text-align: center
}
.pop__note {
font-size: 12px;
margin-bottom: 20px
}
.pop--matching {
border: 4px solid #E5BC3A
}
.pop--appeal.send-message #pop_btn_message_appeal {
display: none
}
.pop--login {
text-align: center;
padding: 60px 0px 20px
}
.pop--login .pop__txt {
color: #2D2D2D
}
.pop--login a {
color: #0C77AF;
text-decoration: none
}
.pop .icon-point {
font-size: 100px;
margin-bottom: 40px;
color: #C4C4C4
}
.pop--age {
text-align: center;
padding: 45px 15px 20px
}
.pop--age .pop__txt {
background: url(../img/icon_age.png) no-repeat left center;
background-size: 37px auto;
font-size: 12px;
padding: 8px 0 8px 40px;
text-align: left
}
.pop .icon-user_card {
display: block;
font-size: 80px;
margin-bottom: 20px;
color: #D8D8D8
}
.pop--percentage .pop__txt {
color: #2D2D2D
}
.pop--photo {
padding: 30px 15px 30px
}
.pop--purchase {
padding: 0 0 20px
}
.pop--purchase .btn-wrap {
padding: 15px 15px 0
}
.pop__input {
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 6px 4px;
border-radius: 3px;
font-size: 14px;
margin-bottom: 20px
}
.pop .icon-close {
font-size: 16px;
position: absolute;
top: 15px;
right: 15px;
cursor: pointer;
color: #888
}
.matching-pop {
position: relative;
margin-bottom: 40px;
padding: 0 5px 10px;
border-bottom: 1px solid #B8AA7D
}
.matching-pop:before {
position: absolute;
left: 50%;
margin-left: -25px;
bottom: -10px;
width: 50px;
height: 93px;
background: url(../img/icon_door.png) no-repeat left top;
background-size: 50px auto;
content: ""
}
.matching-pop__img {
width: 90px;
height: 90px;
float: right;
border: 8px solid #FAF2D8;
border-radius: 50%;
padding: 3px;
background: #fff
}
.matching-pop__img img {
border-radius: 50%;
width: 100%;
height: 100%
}
.matching-pop__img:first-child {
float: left
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon {
display: block;
float: left;
width: 40px;
height: 40px;
background: url(../img/pull-icon@2x.png) 0 0 no-repeat;
background-size: 40px 80px;
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 250ms
}
.header {
z-index: 2
}
.header {
z-index: 2
}
.profile__btn {
z-index: 1
}
.overlay {
z-index: 3
}
.pop {
z-index: 4
}
@font-face {
font-weight: 900;
font-family: Font Awesome\ 5 Free;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"], .slick-prev, .slick-next, .photoIcon, .favorites__list li, .block__list li, .interest__category label, .footprints__list-item, .show-others__list-item, .help__category > li, .help__list li, .news__list-item, .talk__match-list li, .talk__user, .chatPhotoBtn, .notification-setting__bottom-txt, .events__list--element, .events__list--empty, .applicants-list__element {
position: relative;
font-weight: 900;
font-family: 'terrass' !important;
speak: none;
font-style: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-load:before {
content: "\e91f"
}
.icon-reply:before {
content: "\e91e"
}
.icon-appeal_message:before {
content: "\e900"
}
.icon-appeal:before {
content: "\e901"
}
.icon-arrow_right:before {
content: "\e902"
}
.icon-ashiato:before {
content: "\e903"
}
.icon-back:before {
content: "\e904"
}
.icon-camera:before {
content: "\e905"
}
.icon-check:before {
content: "\e906"
}
.icon-close:before {
content: "\e907"
}
.icon-dot:before {
content: "\e908"
}
.icon-down:before {
content: "\e91a"
}
.icon-edit:before {
content: "\e909"
}
.icon-facebook:before {
content: "\e90a"
}
.icon-hatena:before {
content: "\e90b"
}
.icon-hide:before {
content: "\e90c"
}
.icon-knock_01:before {
content: "\e90d"
}
.icon-knock_02:before {
content: "\e90e"
}
.icon-knock_message:before {
content: "\e90f"
}
.icon-message:before {
content: "\e910"
}
.icon-money:before {
content: "\e911"
}
.icon-next:before {
content: "\e91b"
}
.icon-point:before {
content: "\e91c"
}
.icon-search:before {
content: "\e91d"
}
.icon-search_2:before {
content: "\e91d"
}
.icon-star_plus:before {
content: "\e912"
}
.icon-star:before {
content: "\e913"
}
.icon-talk_01:before {
content: "\e914"
}
.icon-talk_02:before {
content: "\e915"
}
.icon-user_card:before {
content: "\e916"
}
.icon-user:before {
content: "\e917"
}
.icon-users_load:before {
content: "\e918"
}
.icon-users:before {
content: "\e919"
}
.icon-add {
position: relative;
background: #FC0000;
width: 24px;
height: 24px;
border-radius: 50%;
cursor: pointer
}
.icon-add:before {
position: absolute;
width: 3px;
height: 13px;
top: 5px;
left: 11px;
background-color:#FFF;
content: ""
}
.icon-add:after {
position: absolute;
width: 13px;
height: 3px;
top: 10px;
left: 6px;
background-color:#FFF;
content: ""
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block
}
.slick-track:before, .slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block;
}
.slick-initialized .slick-slide img {
object-fit: fill; /* この一行を追加するだけ！ */
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block;
width: 100% !important;
height: auto;
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-arrow {
position: absolute;
top: 50%;
width: 12px;
height: 21px;
margin-top: -10px;
-webki-appearance: none;
border: none;
z-index: 2
}
.slick-prev {
left: 17px;
background: none;
cursor: pointer
}
.slick-prev:before {
position: absolute;
top: 0;
left: 0;
content: "\e904";
color: red;
color: #fff;
font-size: 22px
}
.slick-next {
right: 17px;
background: none;
cursor: pointer
}
.slick-next:before {
position: absolute;
top: 0;
left: 0;
content: "\e91b";
color: #fff;
font-size: 22px
}
.slick-disabled {
visibility: hidden
}
.slick-dots {
position: absolute;
bottom: 60px;
width: 100%;
text-align: center
}
.slick-dots li {
display: inline-block;
margin-left: 5px
}
.slick-dots button {
display: block;
-webki-appearance: none;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, 0.6);
width: 5px;
height: 5px
}
.slick-active button {
background: #7CBC43
}
.profile--img .slide-photo {
margin-bottom: 80px
}
.profile--img .slick-dots {
bottom: -40px
}
.profile--img .slick-dots button {
background: rgba(0, 0, 0, 0.1)
}
.profile--img .slick-active button {
background: #088934
}
.toast-title {
font-weight: bold
}
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word
}
.toast-message a, .toast-message label {
color: #ffffff
}
.toast-message a:hover {
color: #cccccc;
text-decoration: none
}
.toast-close-button {
position: relative;
right: -0.3em;
top: -0.3em;
float: right;
font-size: 20px;
font-weight: bold;
color: #ffffff;
-webkit-text-shadow: 0 1px 0 #ffffff;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80)
}
.toast-close-button:hover, .toast-close-button:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40)
}
button.toast-close-button {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none
}
#toast-container {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.7)
}
#toast-container * {
box-sizing: border-box
}
#toast-container > div {
display: block;
position: relative;
padding: 25px 50px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
color: #000;
text-align: center
}
#toast-container > :hover {
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer
}
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
width: 300px;
margin: auto
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
width: 96%;
margin: auto
}
.toast {
background-color: #030303
}
.toast-success {
background-color: #51a351
}
.toast-error {
background-color: #bd362f
}
.toast-info {
background-color: #fff
}
.toast-warning {
background-color: #f89406
}
.toast-progress {
position: absolute;
left: 0;
bottom: 0;
height: 4px;
background-color: #000000;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40)
}
.header {
position: fixed;
width: 100%;
height: 49px;
left: 0;
bottom: 0;
overflow: hidden;
border: 1px solid #E9546B
}
.header__circle {
position: relative;
width: 100%;
float: left;
text-align: center
}
.header__nav-item {
position: relative;
width: 25%;
float: left;
text-align: center
}
.header__nav-item.badge:before {
position: absolute;
top: 5px;
left: 50%;
margin-left: 5px;
width: 12px;
height: 12px;
background: #EA5690;
border-radius: 50%;
z-index: 2;
content: ""
}
.header__nav-label {
display: block;
font-size: 10px;
margin-top: 1px;
-ms-transform: scale(0.9);
transform: scale(0.9);
color: #FC0000;
}
li.current .header__nav-label{
color: #FFF;
}
.header__icon {
width: 35px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.header .wrap {
color: #E9546B;
background: #ffffff;
padding: 6px 0 4px
}
.header .current .wrap {
background: #FC0000;
color: #fff
}
.header .current .wrap .icon {
color: #fff
}
.header .wrap.wrap_green {
color: #22B24B;
background: #ffffff;
padding: 6px 0 4px
}
.header .current .wrap.wrap_green {
background: #f98972;
color: #fff
}
.header .current .wrap.wrap_green .icon {
color: #fff
}
.label__green {
color: #f98972;
}
.header .icon {
height: 25px;
color: #E9546B
}
.header .icon-search {
font-size: 22px
}
.header .icon-knock_01 {
font-size: 25px
}
.header .icon-talk_01 {
font-size: 22px
}
.header .icon-user {
font-size: 25px
}
.header .icon-users {
font-size: 24px
}
.btn {
display: block;
text-decoration: none;
font-size: 17px;
width: 100%;
min-width: 150px;
margin: 0 auto;
padding: 15px 0;
text-align: center;
line-height: 1.1;
color: #fff;
border-radius: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
cursor: pointer
}
.btn.disable {
opacity: .3;
filter: alpha(opacity=30)
}
.btn:hover {
text-decoration: none
}
.btn__txt {
display: inline-block;
vertical-align: middle
}
.btn--gray {
background: #B3B3B3
}
.btn--black {
background: #2D2D2D
}
.btn--green {
background: #fb9d9d
}
.btn--orange {
background: #F2993E
}
.btn--pink {
background: #FC0000;
border-bottom: solid 2px #C21B1F;
}
.btn--pink-light {
background: #FC0000;
border-bottom: solid 2px #C21B1F;
}
.btn--pink-light {
background: #FC0000;
border-bottom: solid 2px #C21B1F;
}
.btn--light-salmon {
background: #fb9d9d;
border-bottom: solid 2px #d37f7f;
}
.myroom__top .btn--light-salmon {
background: #FC0000;
border-bottom: solid 2px #ad0000;
}
.login .btn--light-salmon {
background: #fa0002;
border-bottom: solid 2px #A62524;
}
.btn--yellow {
background: #E5BC3A
}
.btn--white {
background-color:rgba(255,255,255,0.8);
border: 1px solid #738673
}
.btn--light-green {
background: #f5c18d
}
.btn--facebook {
background: #25479B
}
.btn--hide {
background-color:rgba(255,255,255,0.8);
color: #2D2D2D;
width: 58.66667%;
min-width: 220px;
padding: 10px 0;
font-size: 14px
}
.btn--hide .icon-hide {
color: #f5c18d
}
.btn .icon {
left: -5px
}
.btn .icon-knock_message {
font-size: 28px
}
.btn .icon-knock_01 {
font-size: 22px
}
.btn .icon-appeal_message {
font-size: 20px
}
.btn .icon-appeal {
font-size: 17px
}
.btn .icon-reply {
font-size: 14px
}
.btn .icon-facebook {
top: -2px;
font-size: 17px;
left: -30px
}
.btn + .btn {
margin-top: 10px
}
.btn-list {
padding: 0 7px
}
.btn-list .btn {
position: relative;
width: 50%;
float: left;
left: 7px;
min-width: inherit
}
.btn-list .btn:first-child {
left: -7px
}
.btn-list .btn + .btn {
margin-top: 0
}
.profile--img {
background: #fff
}
.profile__top {
position: relative
}
.profile__top-inner {
position: absolute;
width: 100%;
bottom: 10px;
padding: 0 10px
}
.profile .profile__shadow {
width: 100%;
height: 30%;
opacity: 0.3;
filter: alpha(opacity=30);
background-image: linear-gradient(to bottom, transparent, #000);
position: absolute;
bottom: 0px;
font-size: 8px
}
.profile .men .profile__shadow {
width: 100%;
height: 30%;
opacity: 0.3;
filter: alpha(opacity=50);
background-image: linear-gradient(to bottom, transparent, #00A0E9);
position: absolute;
bottom: 0px;
font-size: 8px
}
.profile .women .profile__shadow {
width: 100%;
height: 30%;
opacity: 0.3;
filter: alpha(opacity=50);
background-image: linear-gradient(to bottom, transparent, #E4007F);
position: absolute;
bottom: 0px;
font-size: 8px
}
.profile__online {
position: relative;
display: inline-block;
margin-bottom: 10px;
line-height: 1;
font-size: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.2);
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.7)
}
.profile__online.active {
padding-left: 16px
}
.profile__online.active:before {
position: absolute;
top: 5px;
left: 4px;
width: 9px;
height: 9px;
border-radius: 50%;
background: #7ED321;
content: ""
}
.profile__tweet {
position: relative;
width: 100%;
color: #fff;
border: 1px solid #fff;
border-top: none;
border-radius: 5px
}
.profile__tweet:before {
position: absolute;
top: 0;
right: 1px;
width: calc(100% - 35px);
height: 1px;
border-top: 1px solid #fff;
border-radius: 0 5px 0 0;
content: "";
z-index: 1
}
.profile__tweet:after {
position: absolute;
top: 0;
left: 1px;
width: 19px;
height: 1px;
border-top: 1px solid #fff;
border-radius: 5px 0 0 0;
content: "";
z-index: 1
}
.profile__tweet-inner {
position: relative;
display: block
}
.profile__tweet-inner:before {
position: absolute;
top: -6px;
left: 20px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid rgba(0, 0, 0, 0.2);
content: "";
z-index: 1
}
.profile .women .profile__tweet-inner:before {
position: absolute;
top: -6px;
left: 20px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid rgba(239, 133, 140, 0.5);
content: "";
z-index: 1
}
.profile .men .profile__tweet-inner:before {
position: absolute;
top: -6px;
left: 20px;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 6px solid rgba(108, 155, 210, 0.5);
content: "";
z-index: 1
}
.profile .women .profile__tweet-inner02 {
position: relative;
display: block;
padding: 10px;
background: rgba(239, 133, 140, 0.5);
border-radius: 5px
}
.profile .men .profile__tweet-inner02 {
position: relative;
display: block;
padding: 10px;
background: rgba(108, 155, 210, 0.5);
border-radius: 5px
}
.profile__tweet-inner02 {
position: relative;
display: block;
padding: 10px;
background: rgba(0, 0, 0, 0.2);
border-radius: 5px
}
.profile__tweet-inner02:before {
position: absolute;
top: -3.5px;
width: 10px;
height: 1px;
left: 18px;
border-top: 1px solid #fff;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
content: "";
z-index: 1
}
.profile__tweet-inner02:after {
position: absolute;
top: -3.5px;
width: 10px;
height: 1px;
left: 25px;
border-top: 1px solid #fff;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: ""
}
.profile__main {
padding: 20px 0;
background-color: rgba(255,255,255,0.8);
/*margin-bottom: 51px*/
}
.profile__inner {
padding: 20px 15px
}
.profile__name {
text-align: center;
font-weight: bold;
margin-bottom: 10px
}
.profile__name--M {
font-size: 14px
}
.profile__name--L {
font-size: 20px
}
.profile__dtl {
margin-bottom: 15px;
text-align: center;
color: #777
}
.profile__count {
position: relative;
border-bottom: 1px solid #E7E7E7
}
.profile__count:before {
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #E7E7E7;
content: ""
}
.profile__count-item {
width: 50%;
float: left;
text-align: center;
padding: 0 0 12px
}
.profile__count-item .icon-appeal {
color: #FC0000;
font-size: 14px
}
.profile__count-item .icon-knock_01 {
color: #FC0000;
font-size: 19px
}
.profile__count-label {
display: block;
color: #777;
font-size: 11px;
margin-top: 5px
}
.profile__count-number {
display: inline-block;
vertical-align: middle;
font-size: 22px;
color: #FC0000;
margin-left: 8px
}
.profile__interest {
padding: 25px 15px 20px;
border-bottom: 1px solid #E7E7E7;
background-color: transparent!important;
}
.profile__interest.none {
display: none
}
.profile__interest-item {
display: inline-block;
border: 1px solid #f98972;
border-radius: 4px;
line-height: 27px;
height: 27px;
color: #f98972;
margin-bottom: 5px;
margin-left: 5px;
padding: 0 10px;
background-color: #FFF;
}
.profile__interest-item.active {
color: #738673;
border: 1px solid #E9546B;
background: #E3EEE2
}
.profile__txt {
line-height: 1.5;
color: #777;
margin-bottom: 20px
}
.profile__txt.none {
display: none
}
.profile__ttl {
font-weight: bold;
margin-bottom: 10px
}
.profile__info {
}
.profile__info-ttl {
font-size: 16px;
font-weight: bold;
float: left;
padding: 10px 0;
clear: both;
min-height: 39px
}
.profile__info-ttl.none {
display: none
}
.profile__info-item {
padding: 10px 0;
padding-left: 132px;
border-bottom: 1px solid #E7E7E7;
min-height: 46px
}
.profile__info-item.none {
display: none
}
.profile__bottom {
padding: 20px 15px 150px
}
.profile__block {
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color:rgba(255,255,255,0.8);
letter-spacing: -1px
}
.profile__block-item {
width: 33.3%;
float: left;
text-align: center;
border-left: 1px solid #E7E7E7
}
.profile__block-item:first-child {
border-right: none
}
.profile__block .wrap {
line-height: 50px;
height: 50px
}
.profile__block .icon-close {
font-weight: bold;
font-size: 13px
}
.profile__block .icon-hide {
font-size: 15px
}
.profile__block .icon-point {
font-size: 16px
}
.profile__block .icon {
left: -5px;
color: #B3B3B3
}
.profile__btn {
position: fixed;
bottom: 51px;
left: 0;
width: 100%;
text-align: center;
padding: 10px 0
}
.profile__btn-item {
position: relative;
display: none;
vertical-align: middle;
background: #F2993E;
border-radius: 50%;
width: 70px;
height: 70px;
margin-left: 5px
}
.profile__btn-item.active {
display: inline-block
}
.profile__btn-item:first-child {
margin-right: 5px;
margin-left: 0
}
.profile__btn-item--favorite {
display: inline-block;
background: #f5c18d
}
.profile__btn-item--favorite .icon {
top: 20px;
color: #fff;
font-size: 28px
}
.profile__btn-item--favorite.is_favorite {
background: #CAD2C6
}
.profile__btn-item--favorite.is_favorite:before {
position: absolute;
top: 25px;
left: 0;
width: 100%;
text-align: center;
height: 100%;
content: "登録済";
font-size: 15px;
color: #fff;
font-weight: bold;
z-index: 2
}
.profile__btn-item--favorite.is_favorite .icon {
opacity: .3;
filter: alpha(opacity=30)
}
.profile__btn-item--knock {
background: #fb9d9d
}
.profile__btn-item--knock .icon {
top: 16px;
color: #fff;
font-size: 34px
}
.profile__btn-item--knock-free {
background: #088934
}
.profile__btn-item--knock-free .icon {
top: 16px;
color: #fff;
font-size: 34px
}
.profile__btn-item--knock-free:before {
position: absolute;
top: -15px;
right: -15px;
width: 38px;
height: 36px;
background: url(../img/icon_knock_free.png) no-repeat left top;
content: "";
background-size: 38px auto
}
.profile__btn-item--knock-free:after {
position: absolute;
top: -5px;
right: -8px;
color: #FA0525;
font-size: 12px;
content: "無料"
}
.profile__btn-item--knock-wait {
background: rgba(8, 137, 52, 0.4)
}
.profile__btn-item--knock-wait:before {
position: absolute;
top: 25px;
left: 0;
width: 100%;
text-align: center;
height: 100%;
content: "返信待ち";
font-size: 15px;
color: #fff;
font-weight: bold;
z-index: 2
}
.profile__btn-item--knock-wait .icon {
top: 16px;
color: #fff;
font-size: 34px;
opacity: .3;
filter: alpha(opacity=30)
}
.profile__btn-item--appeal {
background: #fb9d9d
}
.profile__btn-item--appeal .icon {
top: 23px;
color: #fff;
font-size: 28px
}
.profile__btn-item--appeal-wait {
background: #F4B1CB
}
.profile__btn-item--appeal-wait:before {
position: absolute;
top: 25px;
left: 0;
width: 100%;
text-align: center;
height: 100%;
content: "返信待ち";
font-size: 15px;
color: #fff;
font-weight: bold;
z-index: 2
}
.profile__btn-item--appeal-wait .icon {
top: 23px;
color: #fff;
font-size: 28px;
opacity: .3;
filter: alpha(opacity=30)
}
.profile__btn-item--appeal-publish {
background: #F4B1CB
}
.profile__btn-item--appeal-publish:before {
position: absolute;
top: 25px;
left: 0;
width: 100%;
text-align: center;
height: 100%;
content: "掲載中";
font-size: 15px;
color: #fff;
font-weight: bold;
z-index: 2
}
.profile__btn-item--appeal-publish .icon {
top: 23px;
color: #fff;
font-size: 28px;
opacity: .3;
filter: alpha(opacity=30)
}
.profile__btn-item--talk {
background: #FC0000
}
.profile__btn-item--talk .icon {
top: 20px;
color: #fff;
font-size: 30px
}
.profile__btn-item--reply {
background: #F2993E
}
.profile__btn-item--reply .icon {
top: 22px;
color: #fff;
font-size: 25px
}
.profile__btn .wrap {
height: 100%
}
.profile__thumb {
width: 112px;
height: 112px;
margin: 0 auto 20px;
border: 5px solid #fff;
border-radius: 50%
}
.profile__thumb img {
border-radius: 50%;
width: 100%;
height: 100%
}
.profile__form--confirm .profile__form-ttl {
color: #888
}
.profile__form--confirm .profile__form-item {
padding-bottom: 15px;
border-bottom: 1px solid #e7e7e7
}
.profile__form-ttl {
margin-bottom: 8px
}
.profile__form-must {
background: #FC0000;
margin-right: 10px;
color: #fff;
font-size: 12px;
padding: 4px;
border-radius: 4px
}
.profile__form-item {
position: relative;
margin-bottom: 20px
}
.profile__form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 44px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
padding: 10px 40px 10px 10px;
font-size: 14px
}
.profile__form textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 100px;
border: 1px solid #C4C4C4;
resize: none;
padding: 10px;
font-size: 14px;
border-radius: 4px
}
.profile__form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
border: 1px solid #C4C4C4;
resize: none;
padding: 8px 8px;
font-size: 14px
}
.profile__form .icon-down {
position: absolute;
top: 18px;
right: 15px;
color: #C4C4C4;
font-size: 10px
}
.profile__form-notice {
margin-top: 40px;
text-align: center;
font-size: 13px;
color: #f00;
margin-bottom: 20px
}
.profile__form-notice.report {
text-align: left
}
.profile__form-notice.report li {
margin-left: 1em;
text-indent: -1em;
margin-bottom: 1em
}
.profile__form-note {
text-align: right;
font-size: 12px;
color: #888;
margin-top: 4px
}
.profile__form-txt {
margin-left: 10px;
color: #2D2D2D
}
.profile__form-count {
text-align: right;
color: #888;
font-size: 12px;
margin-bottom: 26px;
margin-top: 4px
}
.profile .slide-photo.new:before {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
content: "";
z-index: 1
}
.profile__message {
display: none;
position: relative;
margin: 20px 15px;
padding-top: 15px;
font-size: 12px
}
.profile__message:before {
position: absolute;
top: -3px;
left: -3px;
border-bottom: 25px solid transparent;
content: ""
}
.profile__message:after {
position: absolute;
top: -4px;
left: -4px;
border-left: 25px solid #fff;
border-bottom: 25px solid transparent;
content: ""
}
.profile__message-inner {
position: relative;
display: block;
padding: 0 15px 15px;
word-break: break-word
}
.profile__message-inner:before {
position: absolute;
bottom: -3px;
right: -3px;
border-top: 25px solid transparent;
content: ""
}
.profile__message-inner:after {
position: absolute;
bottom: -4px;
right: -4px;
border-right: 25px solid #fff;
border-top: 25px solid transparent;
content: ""
}
.profile__message-ttl {
display: none;
width: 292px;
margin: 0 auto 15px
}
.profile__message.me {
background: #E2F3E0;
box-shadow: 1px 1px 2px #b7c5b5
}
.profile__message.me:before {
border-left: 25px solid #b7c5b5
}
.profile__message.me .profile__message-inner:before {
border-right: 25px solid #b7c5b5
}
.profile__message.me .profile__message-ttl--me {
display: block
}
.profile__message.target {
background: #F8F1D9;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3)
}
.profile__message.target:before {
border-left: 25px solid rgba(0, 0, 0, 0.1)
}
.profile__message.target .profile__message-inner:before {
border-right: 25px solid rgba(0, 0, 0, 0.1)
}
.profile__message.target .profile__message-ttl--target {
display: block
}
.profile__back-btn {
width: calc(100% - 20px)
}
.page {
background: #E8EBE7;
padding: 15px
}
#crop {
display: none;
text-align: center;
padding: 0 15px 70px
}
#crop.main #btn_add_sub_photo, #crop.main #tmp_sub_photo, #crop.main .crop__closeBtn--sub, #crop.main #tmp_edit_sub_photo, #crop.main #btn_edit_sub_photo {
display: none
}
#crop.sub #btn_update_main_photo, #crop.sub #tmp_main_photo, #crop.sub .crop__closeBtn--main, #crop.sub #tmp_edit_sub_photo, #crop.sub #btn_edit_sub_photo {
display: none
}
#crop.edit #btn_update_main_photo, #crop.edit #btn_add_sub_photo, #crop.edit #tmp_sub_photo, #crop.edit .crop__closeBtn--main {
display: none
}
#crop .btn-list {
margin-top: 20px;
margin-bottom: 20px;
padding: 0 50px
}
#crop .btn-list .crop__closeBtn {
left: -7px
}
#crop .pageTtl {
margin: 0 -15px 15px
}
.list__more {
position: relative;
text-align: center;
margin: 20px 0
}
.list__more:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #c4c4c4;
content: ""
}
.list__more button {
position: relative;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
color: #888;
background: #E8EBE7;
font-size: 14px;
padding: 0 10px;
cursor: pointer
}
#scrollWrap {
bottom: 0;
width: 100%;
overflow: hidden
}
#scrollWrap.talks {
top: 120px
}
#scrollWrap.approach {
top: 156px
}
#scrollWrap.history {
top: 122px
}
#scroller {
position: absolute;
top: 0;
width: 100%;
padding: 15px 10px 40px;
}
#scroller .btn--hide {
margin: 15px auto 0
}
.login, .password {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 700px;
margin: 0 auto;
}
form.login__form{
background-color: rgba(255,255,255,0.8);
}
.login__txt, .password__txt {
position: absolute;
bottom: 120px;
width: 100%;
font-size: 16px;
text-align: center;
letter-spacing: 5px;
color: #fff
}
.login__ttl, .password__ttl {}
.login__btn, .password__btn {}
.login__btn-txt, .password__btn-txt {}
.login__input, .password__input {}
.login__input-element, .password__input-element {
margin-bottom: 10px
}
.login__input-element input, .password__input-element input {
box-sizing: border-box;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 42px;
max-height: 100px;
min-width: 250px;
border: 1px solid #e7e7e7;
resize: none;
padding: 8px;
font-size: 17px;
border-radius: 5px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.login__link, .password__link {
width: 100%;
bottom: 20px;
box-sizing: border-box
}
.login__link-element, .password__link-element {
bottom: 20px;
margin-bottom: 10px
}
.password__input {
position: static;
}
.password__btn {
position: static;
margin-top: 20px;
padding: 0
}
.reset {
max-width: 700px;
margin: 0 auto;
}
.reset__txt {
position: absolute;
bottom: 120px;
width: 100%;
font-size: 16px;
text-align: center;
letter-spacing: 5px;
color: #fff
}
.reset__ttl {
}
.reminder_form{
background-color: rgba(255,255,255,.7);
padding: 10px 0;
}
.reset__btn {
width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
.reset__btn-txt {
width: 100%;
font-size: 10px;
text-align: center;
color: #fff
}
.reset__input {
padding: 0 15px;
width: 100%;
box-sizing: border-box
}
.reset__input-element {
margin-bottom: 10px
}
.reset__input-element input {
box-sizing: border-box;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 45px;
max-height: 100px;
min-width: 250px;
border: 1px solid #e7e7e7;
resize: none;
padding: 8px;
font-size: 16px;
border-radius: 5px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.regist__thumb {
position: relative;
width: 124px;
height: 124px;
border: 6px solid #fff;
border-radius: 50%;
margin: 0 auto 30px;
cursor: pointer
}
.regist__thumb img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover; /* この一行を追加するだけ！ */
}
.regist__info {
padding: 0 10px
}
.regist__info-ttl {
font-size: 11px;
color: #888;
margin-bottom: 6px
}
.regist__info-item {
position: relative;
margin-bottom: 15px;
font-size: 18px;
border-bottom: 1px solid #C4C4C4;
padding-bottom: 6px
}
.regist__info-item--birthday select {
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 4px 0 0;
padding: 4px;
border: none;
background-color:rgba(255,255,255,0.8);
width: 40px !important;
border: 1px solid #c7c7c7;
border-radius: 4px;
direction: rtl
}
.regist__info-item--birthday select:first-child {
width: 60px !important
}
.regist__input {
width: 100%;
font-size: 18px;
border: none;
background: transparent;
margin: 0;
padding: 2px 0;
line-height: 1
}
.regist__input:focus {
background: #fff
}
.regist__select {
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 4px;
border: none;
background-color:rgba(255,255,255,0.8);
border: 1px solid #c7c7c7;
width: 100%;
border-radius: 4px
}
.regist__select + select {
display: none;
width: 150px;
direction: rtl
}
.regist__select.selected {
width: 55px
}
.regist__select.selected + select {
display: inline-block
}
.regist .icon-down {
position: absolute;
top: 50%;
margin-top: -7px;
right: 10px;
color: #C4C4C4;
font-size: 10px
}
.regist__note {
text-align: center;
padding: 20px 0;
font-size: 12px
}
.regist__note a {
color: #4A90E2;
text-decoration: none
}
.photoIcon {
position: absolute;
bottom: -5px;
right: -5px;
width: 33px;
height: 33px;
background: #FC0000;
overflow: hidden;
border-radius: 50%
}
.photoIcon i:before {
position: absolute;
top: 10px;
left: 9px;
color: #fff;
font-size: 14px;
}
.thumbBtn {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.photoSelectBtn {
position: relative
}
.photoSelectBtn input {
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.percentage-wrap {
position: relative;
padding-right: 35px
}
.percentage {
background: #FEFEFE;
height: 11px;
border-radius: 11px;
margin-bottom: 15px
}
.percentage__num {
font-size: 30px;
text-align: center;
color: #FF4C00;
font-weight: bold
}
.percentage__inner {
height: 100%;
background: #FC0000;
border-radius: 11px
}
.percentage__txt {
position: absolute;
right: 0;
bottom: 0;
color: #FC0000;
font-size: 12px;
font-weight: bold;
text-shadow:1px 1px 0px #FFF ;
}
.percentage__label {
font-size: 12px;
color: #333;
white-space: nowrap;
margin-bottom: 6px;
text-shadow: 1px 1px 0px #FFF;
}
.favorites {
padding: 0 0 15px
}
.favorites__contents {
display: none;
}
.favorites__nothing {
display: none;
padding: 50px 30px;
text-align: center;
background-color: rgba(255,255,255,0.8);
}
.favorites__nothing-ttl {
font-size: 17px;
color: #888;
margin-bottom: 30px
}
.favorites__nothing .icon {
margin-bottom: 60px;
font-size: 98px;
color: #F5F5F5
}
.favorites__nothing-txt {
margin-bottom: 20px
}
.favorites .user__count {
display: inline-block;
margin-right: 5px;
font-size: 9px;
color: #FC0000
}
.favorites .user__count .icon {
margin-right: 2px
}
.favorites .user__count .icon-knock_01 {
font-size: 12px
}
.favorites__list {
padding: 0 5px;
margin-top: 10px;
}
.favorites__list li {
position: relative;
width: 100%;
letter-spacing: -.4em;
background-color: rgba(255,255,255,0.8);
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
cursor: pointer;
font-weight: normal;
line-height: 1.4;
}
.favorites img {
width: 100%;
height: 100%;
border-radius: 50%
}
.favorites__thumb {
width: 20%;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
background-color: #cefb81;
border-radius: 5px 0 0 5px;
}
.favorites__inner {
width: 76%;
box-sizing: border-box;
letter-spacing: normal;
display: inline-block;
vertical-align: top;
padding: 5px;
}
.favorites__name {
font-size: 16px;
font-weight: normal;
}
.favorites__dtl {
color: #888;
display: inline-block;
vertical-align: middle;
margin-bottom: 4px
}
.favorites__tweet {
position: relative;
font-size: 12px;
color: #888
}
.favorites .profile__online {
margin-top: 8px;
background-color:rgba(255,255,255,0.8);
color: #888;
border: 1px solid #c4c4c4;
font-size: 8px;
padding-right: 4px
}
.favorites__btn {
min-width: 150px;
width: 150px;
margin: 10px auto 0 0;
font-size: 14px;
padding: 7px 0 7px
}
.favorites__btn--none {
height: 31px
}
.favorites__btn--appeal-action {
background: #F4B1CB;
cursor: default
}
.favorites__btn--knock-action {
background: rgba(8, 137, 52, 0.4);
cursor: default
}
.favorites__btn .icon-knock_02 {
font-size: 16px;
top: -2px
}
.favorites__btn .icon-appeal {
font-size: 12px
}
.favorites__btn .icon-reply {
font-size: 10px
}
.favorites__btn .icon-talk_02 {
font-size: 12px
}
.block {
padding: 15px 0 0
}
.block__list li {
position: relative;
padding: 12px 110px 12px 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%
}
.block__list li:first-child {
border-top: 1px solid #e7e7e7
}
.block__txt {
color: #f98972;
font-size: 16px;
text-align: center;
margin-bottom: 15px
}
.block img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left
}
.block__inner {
margin-left: 80px;
padding-top: 10px
}
.block__dtl {
display: inline-block;
vertical-align: middle;
margin-bottom: 6px
}
.block__other {
color: #888
}
.block__btn {
position: absolute;
top: 50%;
margin-top: -15px;
right: 12px;
width: 80px;
min-width: 80px;
padding: 8px 0;
font-size: 14px
}
.interest__inner {
padding: 15px
}
.interest__list {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px
}
.interest__list > li {
position: relative;
padding: 10px 25px 10px 15px;
border-top: 1px solid #e7e7e7;
cursor: pointer
}
.interest__list .icon {
position: absolute;
top: 50%;
right: 10px;
color: #B3B3B3;
margin-top: -5px
}
.interest__ttl {
font-size: 17px;
margin-bottom: 5px;
font-weight: bold;
}
.interest__list-category {
font-size: 15px;
color: #888;
margin-left: 10px
}
.interest__list-category li {
display: inline-block
}
.interest__btn-list {
padding: 0 20px 30px
}
.interest__category {
margin-bottom: 30px;
font-size: 17px
}
.interest__category li {
position: relative;
border-bottom: 1px solid #e7e7e7
}
.interest__category label {
position: relative;
display: block;
width: 100%;
color: #666666;
padding: 12px 15px;
z-index: 1;
background: #fff
}
.interest__category label:before {
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
font-size: 10px;
content: "\e906";
z-index: 99
}
.interest__category input {
position: absolute;
z-index: -1
}
.interest__category input:checked {
background: red
}
.interest__category input:checked + label {
color: #FC0000
}
.footprints__txt {
text-align: center;
color: #f98972;
margin: -15px -10px 0;
padding: 15px 0 20px;
background: #fff
}
.footprints__note {
margin: 0 -10px 0;
padding: 0 10px 20px;
background: #fff
}
.footprints__list {
margin: 0 -10px
}
.footprints__list-item {
position: relative;
padding: 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer
}
.footprints__list-item:first-child {
border-top: 1px solid #e7e7e7
}
.footprints__date {
position: absolute;
top: 12px;
right: 10px;
font-size: 10px;
color: #888
}
.footprints img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left
}
.footprints__inner {
margin-left: 80px;
padding-top: 15px
}
.footprints__dtl {
display: inline-block;
vertical-align: middle;
margin-bottom: 6px
}
.footprints__other {
color: #888
}
.show-others__txt {
text-align: center;
color: #088934;
margin: -15px -10px 0;
padding: 15px 0 20px;
background: #fff
}
.show-others__name {
display: inline-block;
max-width: 105px;
margin-right: 10px;
vertical-align: middle;
margin-bottom: 6px
}
.show-others__dtl {
color: #888;
display: inline-block;
vertical-align: middle;
margin-bottom: 6px
}
.show-others__tweet {
position: relative;
font-size: 12px;
color: #888;
margin-bottom: 3px
}
.show-others__list-item {
position: relative;
padding: 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer
}
.show-others__list-item:first-child {
border-top: 1px solid #e7e7e7
}
.show-others img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left
}
.show-others__inner {
margin-left: 80px;
padding-top: 8px
}
.show-others .user__count {
display: inline-block;
margin-right: 5px;
font-size: 9px;
color: #FC0000
}
.show-others .user__count .icon {
margin-right: 2px
}
.show-others .user__count .icon-knock_01 {
font-size: 12px
}
.show-others .icon-next {
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
font-size: 12px;
color: #C4C4C4
}
.form_wrap {
background-color: rgba(255,255,255,0.8);
padding: 15px 15px 60px
}
.form_wrap dt {
margin-bottom: 10px
}
.form_wrap dd {
position: relative;
margin-bottom: 20px
}
.form_wrap-select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
cursor: pointer
}
.form_wrap-textarea {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
height: 100px;
resize: none;
overflow: auto
}
.form_wrap-input {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 17px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
margin-bottom: 10px
}
.form_wrap .icon-down {
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
font-size: 10px;
color: #C4C4C4
}
.inquiry__txt {
margin-bottom: 20px;
font-size: 12px
}
.inquiry__txt.top {
padding: 20px 10px 0
}
.inquiry__list {
position: relative;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
background-color:rgba(255,255,255,0.8);
border: none;
border-bottom: 1px solid #E7E7E7;
font-size: 17px;
color: #888;
text-align: left;
padding: 10px 20px 10px 10px
}
.inquiry__list .icon {
position: absolute;
top: 50%;
right: 10px;
font-size: 13px;
color: #C4C4C4;
margin-top: -4px
}
.inquiry__help {
min-width: inherit;
color: #738673;
width: calc(100% - 30px);
margin: 30px auto;
padding: 8px 0;
font-size: 14px
}
.inquiry__form {
background-color:rgba(255,255,255,0.8);
padding: 15px 15px 30px;
margin-bottom: 51px;
}
.inquiry__form dt {
font-size: 14px;
margin-bottom: 10px
}
.inquiry__form dd {
position: relative;
margin-bottom: 20px
}
.inquiry__form-select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
cursor: pointer
}
.inquiry__form-textarea {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
height: 100px;
resize: none;
overflow: auto
}
.inquiry__form-input {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
padding: 10px;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
margin-bottom: 10px
}
.inquiry__form .icon-down {
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
font-size: 10px;
color: #C4C4C4
}
.inquiry__must {
background: #FC0000;
margin-right: 10px;
color: #fff;
font-size: 12px;
padding: 4px;
border-radius: 4px
}
.inquiry__confirm-txt {
margin-bottom: 15px;
padding: 15px;
border-bottom: 1px solid #C4C4C4
}
.inquiry__confirm-ttl {
padding: 0 15px;
font-size: 15px;
color: #888;
margin-bottom: 4px
}
.inquiry__confirm-item {
padding: 0 15px;
font-size: 15px;
margin-bottom: 20px
}
.inquiry__confirm-btn-list {
padding: 0 22px
}
.rule, .privacy, .sikin, .tokutei {
padding: 10px 10px 15px;
line-height: 1.4
}
.rule__txt, .privacy__txt, .sikin__txt, .tokutei__txt {
margin-bottom: 30px;
font-size: 13px
}
.rule__txt + ul, .rule__txt + ol, .privacy__txt + ul, .privacy__txt + ol, .sikin__txt + ul, .sikin__txt + ol, .tokutei__txt + ul, .tokutei__txt + ol {
margin-top: -15px
}
.rule__txt + .rule__txt, .privacy__txt + .rule__txt, .sikin__txt + .rule__txt, .tokutei__txt + .rule__txt {
margin-top: -15px
}
.rule__txt + .privacy__txt, .privacy__txt + .privacy__txt, .sikin__txt + .privacy__txt, .tokutei__txt + .privacy__txt {
margin-top: -15px
}
.rule__ttl, .privacy__ttl, .sikin__ttl, .tokutei__ttl {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px
}
.rule li, .privacy li, .sikin li, .tokutei li {
margin-left: 1em;
text-indent: -1em;
font-size: 13px
}
.rule ul, .privacy ul, .sikin ul, .tokutei ul {
margin-bottom: 30px
}
.rule ul + .tokutei__txt, .privacy ul + .tokutei__txt, .sikin ul + .tokutei__txt, .tokutei ul + .tokutei__txt {
margin-top: -15px
}
.rule ol + .rule__ttl, .privacy ol + .rule__ttl, .sikin ol + .rule__ttl, .tokutei ol + .rule__ttl {
margin-top: 30px
}
.privacy .pageTtl--M {
margin-bottom: 10px;
padding: 5px 0 5px 10px;
border-left: 5px solid #088934;
font-weight: bold
}
.privacy__top-txt {
text-align: right;
margin-bottom: 30px;
font-size: 13px
}
.privacy__top-txt + .privacy__top-txt {
margin-top: -15px
}
.rule__ttl, .sikin__ttl, .tokutei__ttl {
margin-bottom: 10px;
padding: 5px 0 5px 10px;
border-left: 5px solid #088934
}
.update-fb {
padding: 15px
}
.update-fb__txt {
font-size: 12px;
margin-bottom: 30px
}
.update-fb .icon-users_load {
font-size: 110px;
color: #C4C4C4
}
.update-fb__wrap {
margin-bottom: 50px;
text-align: center
}
.update-fb .btn--facebook {
font-size: 15px
}
.update-fb__date {
text-align: center;
color: #888;
font-size: 12px;
margin-top: 10px
}
#iframe_wrap {
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch;
display: block;
width: 100%;
height: 100%
}
.help__iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
overflow: scroll
}
.help__category > li {
position: relative;
display: block;
font-size: 17px;
color: #888;
cursor: pointer;
border-bottom: 1px solid #E7E7E7
}
.help__category > li:before {
position: absolute;
top: 17px;
right: 10px;
content: "\e91a";
font-size: 10px;
color: #C4C4C4
}
.help__category > li.open:before {
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.help__category > li span {
display: block;
padding: 15px 35px 15px 15px
}
.help__list {
display: none
}
.help__list li {
display: block;
font-size: 15px;
border-top: 1px solid #E7E7E7
}
.help__list li .wrap {
position: relative;
padding: 15px 30px 15px 15px;
line-height: 1.4
}
.help__list li .wrap:before {
position: absolute;
top: 50%;
margin-top: -7px;
right: 10px;
content: "\e91b";
font-size: 14px
}
.help__ttl {
margin: 15px;
padding-bottom: 10px;
font-size: 17px;
font-weight: bold;
border-bottom: 1px solid #088934
}
.help__subTtl {
margin: 15px 15px 10px;
padding: 5px 0 5px 10px;
border-left: 5px solid #088934;
font-size: 15px;
font-weight: bold
}
.help__bold {
margin: 15px 15px 10px;
font-size: 15px;
font-weight: bold
}
.help__txt {
padding: 0 15px 15px
}
.news__list-item {
position: relative;
padding: 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer
}
.news__list-item:first-child {
border-top: 1px solid #e7e7e7
}
.news__ttl {
margin-bottom: 4px;
line-height: 1.4
}
.news__date {
font-size: 10px;
color: #888
}
.news__pop-date {
font-size: 17px;
text-align: center;
margin-bottom: 15px
}
.news__pop-ttl {
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 17px;
font-weight: bold;
border-bottom: 1px solid #088934
}
.pop--news {
overflow: auto;
max-height: 90%
}
.pickup {
padding: 15px 15px 30px;
background: #E8EBE7
}
.pickup__list {
position: relative;
background-color:rgba(255,255,255,0.8);
border-radius: 5px;
margin-bottom: 15px
}
.pickup__list:before {
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #E8EBE7;
content: ""
}
.pickup__list li {
width: 50%;
float: left;
padding: 20px 10px;
text-align: center;
cursor: pointer
}
.pickup__list li:first-child {
border-bottom: 1px solid #E8EBE7
}
.pickup__list li:first-child + li {
border-bottom: 1px solid #E8EBE7
}
.pickup__list img {
border-radius: 50%;
margin: 0 auto 10px
}
.pickup__list .btn {
min-width: inherit;
font-size: 12px;
padding: 10px 0;
height: 34px
}
.pickup .user__count {
display: inline-block;
margin-bottom: 10px;
font-size: 9px;
color: #FC0000
}
.pickup .user__count .icon {
margin-right: 4px
}
.pickup .user__count-number {
margin-left: 2px
}
.pickup__skip {
width: 220px;
min-width: inherit;
background-color:rgba(255,255,255,0.8);
color: #2D2D2D;
font-size: 14px;
padding: 10px 0
}
.pickup__skip .icon {
color: #738673;
font-size: 12px;
left: 25px
}
.pickup__txt {
margin-top: 20px
}
.pickup__txt li {
margin-left: 1em;
text-indent: -1em
}
.pickup__btn {
font-size: 14px;
padding: 7px 0 7px;
height: 34px
}
.pickup__btn--none {
height: 33px
}
.pickup__btn--appeal-action {
background: #F4B1CB;
cursor: default
}
.pickup__btn--knock-action {
background: rgba(8, 137, 52, 0.4);
cursor: default
}
.pickup__btn .icon-knock_02 {
font-size: 16px;
top: -2px
}
.pickup__btn .icon-appeal {
font-size: 12px
}
.pickup__btn .icon-reply {
font-size: 10px
}
.pickup__btn .icon-talk_02 {
font-size: 12px
}
.status {
padding: 30px 0 30px
}
.status__member {
font-size: 30px;
text-align: center
}
.status__age {
font-size: 12px;
text-align: center;
margin-bottom: 4px
}
.status__age + .status__txt {
text-align: center;
margin-bottom: 30px
}
.status__txt {
font-size: 12px;
color: #888
}
.status__txt + .status__sTtl {
margin-top: 10px
}
.status__note {
padding: 15px 15px 0
}
.status__knock {
border-bottom: 1px solid #E7E7E7;
padding: 15px;
margin-bottom: 15px
}
.status__date {
float: left;
font-size: 17px;
padding-top: 8px
}
.status__num {
float: right;
color: #888
}
.status__num .icon {
color: #088934;
font-size: 20px;
margin-right: 8px;
top: -5px
}
.status__num span {
font-size: 24px;
margin-right: 2px
}
.status__ttl {
color: #088934;
padding: 0 15px;
margin-bottom: 6px
}
.status dl {
padding: 0 15px
}
.search__user {
position: relative;
width: 100%;
height: 100%;
float: none;
background-color:rgba(255,255,255,0.8);
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
cursor: pointer;
letter-spacing: -.4em;
}
.search__user.new:before {
position: absolute;
top: -5px;
left: -5px;
width: 28px;
height: 28px;
background: url(../img/icon_new_01.png) no-repeat left top;
background-size: 28px auto;
content: "";
z-index: 1
}
.search__user:nth-child(odd) {
clear: both
}
.search__user:nth-child(even) {
}
.search__user img {
border-radius: 5px;
display: block;
}
.search__user-top {
letter-spacing: normal;
display: inline-block;
top: 0;
left: 0;
width: 20%;
vertical-align: top;
background-color: #cefb81;
border-radius: 5px 0 0 5px;
}
.search__user-top.icon_woman{
background-color: #fb9d9d;
}
/*.search__user-top:before{
position:absolute;bottom:0;left:0;content:"";width:100%;height:20%;background:linear-gradient(to bottom, transparent 0%, #000 100%);background:-webkit-linear-gradient(top, transparent 0%, #000 100%);opacity:.3;filter:alpha(opacity=30)
}*/
.search__user .profile__online {
position: absolute;
bottom: 12px;
left: 5px;
font-size: 8px
}
.search__user .profile__dtl {
position: absolute;
bottom: 5px;
left: 10px;
margin-bottom: 0;
font-size: 12px;
color: #000;
text-shadow: 1px 1px 0px #FFF;
}
.search__user-bottom {
box-sizing: border-box;
letter-spacing: normal;
width: 76%;
display: inline-block;
vertical-align: top;
padding: 10px
}
.search__user .user__tweet {
color: #888;
font-size: 12px;
height: 16px
}
.search__user .user__count {
display: inline-block;
margin-right: 5px;
font-size: 9px;
color: #FC0000
}
.search__user .user__count .icon {
margin-right: 2px
}
.search__user .user__count .icon-knock_01 {
font-size: 12px;
top: -2px
}
.search__condition-btn {
position: absolute;
top: 52px;
right: 10px;
padding: 7px 10px;
background-color:rgba(255,255,255,0.8);
line-height: 1;
color: #698764;
font-size: 15px;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
margin: 0
}
.search__condition-btn span {
display: inline-block;
vertical-align: middle
}
.search__condition-btn.active {
color: #FC0000
}
.search__condition-btn.active .icon {
color: #FC0000
}
.search__condition-btn .icon {
color: #799974;
font-size: 13px
}
.search .btn--hide {
margin-bottom: 30px
}
#result_container {
padding: 0 10px;
padding-bottom: 60px;
}
.search__list {
padding: 15px
}
.search__list dt {
font-size: 14px;
margin-bottom: 5px;
color: #888;
clear: both
}
.search__list dd {
line-height: 34px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #E7E7E7
}
.search__list-clm-ttl {
float: left;
width: 120px
}
.search__list-clm-item {
width: 100%;
padding-left: 130px
}
.search__list-clm-item .search__select-wrap {
width: 100%;
float: none !important
}
.search__list-clm-item .search__select {
direction: rtl
}
.search__select {
font-size: 13px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0;
border: none;
border: 1px solid #c4c4c4;
background: transparent;
cursor: pointer;
width: 100%;
border-radius: 5px;
padding: 6px 25px 6px 10px
}
.search__select-wrap {
position: relative;
width: 45%;
float: right
}
.search__select-wrap:first-child {
float: left
}
.search__select-wrap .icon {
position: absolute;
top: 15px;
right: 8px;
font-size: 10px;
color: #c4c4c4
}
.search__space {
display: block;
float: left;
width: 10%;
text-align: center
}
.search__btn-list {
margin-bottom: 30px;
padding: 0 22px
}
.search__pageTtl-wrap {
position: relative
}
.search__pageTtl-wrap .btn {
position: absolute;
top: 3px;
right: 10px;
width: 80px;
min-width: inherit;
font-size: 14px;
padding: 7px 10px;
color: #888;
border: none
}
#talk_room {
position: relative;
overflow: auto;
padding-bottom: 0;
-webkit-overflow-scrolling: touch;
background-color: rgba(255,255,255,0.8);
}
#talk_room.input {
margin-bottom: 120px
}
.talk {
background: #F3F0E8;
padding: 0 0 15px
}
.talk__ttl {
padding-top: 15px;
font-size: 15px;
font-weight: bold;
color: #FC0000;
text-align: center;
margin-bottom: 15px
}
.talk__reply-list {
overflow-x: auto;
white-space: nowrap;
width: 100%;
overflow-y: hidden;
padding: 0 12px 15px;
-webkit-overflow-scrolling: touch
}
.talk__reply-list-name {
font-size: 10px;
text-align: center;
margin: 5px 0;
margin: 5px auto;
max-width: 100px
}
.talk__reply-list li {
display: inline-block;
white-space: nowrap;
cursor: pointer
}
.talk__reply-list img {
width: 106px;
height: 106px;
border-radius: 50%;
padding: 3px;
background: #F8E9EB;
border: 8px solid #f1d4d8
}
.talk__line {
background: #f98972;
text-align: center;
font-size: 15px;
color: #fff;
padding: 8px 0
}
.talk__match-list {
margin-bottom: 15px
}
.talk__match-list li {
position: relative;
padding: 12px 25px 12px 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer
}
.talk__match-list li:before {
position: absolute;
right: 12px;
top: 50%;
content: "\e91b";
color: #B3B3B3;
font-size: 14px;
margin-top: -7px
}
.talk__match-list img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left
}
.talk__match-list-inner {
margin-left: 80px;
padding-top: 15px
}
.talk__match-list-name {
display: inline-block;
max-width: 105px;
margin-right: 0px;
vertical-align: middle;
margin-bottom: 5px
}
.talk__match-list-content {
display: block;
width: 100%;
height: 1em;
overflow: hidden
}
.talk__match-list-dtl {
color: #888;
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
font-size: 12px;
}
.talk__match-list-txt {
position: relative;
font-size: 12px
}
.talk__match-list-txt.yet {
}
.talk__match-list-txt.reply {
padding-left: 25px
}
.talk__match-list .icon {
position: absolute;
top: 0;
left: 0
}
.talk__match-list .icon-reply {
font-size: 12px;
top: -2px;
color: #888
}
.talk__match-list .icon-yet {
background: #FC0000;
color: #fff;
padding: 4px 4px;
border-radius: 3px;
font-size: 10px;
top: -2px
}
.talk__match-list-date {
position: absolute;
top: 12px;
right: 12px;
color: #888;
font-size: 10px
}
.talk__user {
background-color:rgba(255,255,255,0.8);
padding: 15px 24px 15px 12px;
position: relative;
width: 100%;
cursor: pointer
}
.talk__user:before {
position: absolute;
right: 12px;
top: 50%;
content: "\e91b";
color: #B3B3B3;
font-size: 14px;
margin-top: -7px
}
.talk__user img {
width: 70px;
height: 70px;
float: left;
border-radius: 50%;
object-fit: cover;
}
.talk__user-inner {
margin-left: 80px;
padding: 20px 0 0
}
.talk__user-name {
display: inline-block;
width: 110px;
vertical-align: middle;
margin-bottom: 5px
}
.talk__user-dtl {
display: inline-block;
color: #888;
vertical-align: middle;
margin-bottom: 5px
}
.talk__user-other {
font-size: 12px;
color: #888
}
.talk__appeal {
display: none;
margin-bottom: 15px
}
.talk__match {
display: none;
}
.talk__nothing {
display: none;
height: 420px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding: 40px 10px;
text-align: center;
background-color: rgba(255,255,255,0.8);
}
.talk__nothing-ttl {
font-size: 17px;
color: #888;
margin-bottom: 30px
}
.talk__nothing .icon {
margin-bottom: 60px;
font-size: 98px;
color: #ffd4d2;
}
.talk__nothing-txt {
margin-bottom: 20px
}
.chat {
padding-top: 15px;
padding-bottom: 20px
}
.chat .talk__more {
font-size: 14px;
margin: 0 0 10px
}
.chat .talk__more button {
border-bottom: 1px solid #888066;
padding: 0;
color: #888066;
background: transparent
}
.chat .talk__more:before {
display: none
}
.chat__date {
font-size: 10px;
color: #888;
text-align: center
}
.chat .mine_img,
.chat .partner_img {
width: 50px;
height: 50px;
border-radius: 50%
}
.chat__partner {
position: relative;
margin-bottom: 20px;
padding: 12px 10px 0 12px
}
.chat__mine {
position: relative;
margin-bottom: 20px;
padding: 12px 10px 0 12px;
}
.chat__partner .partner_img {
float: left
}
.chat__mine .mine_img {
float: right;
}
.chat__partner .chat__message {
box-shadow: 0px 0px 5px #CCC;
position: relative;
background-color:#FFF;
margin-left: 55px;
margin-top: 10px;
margin-right: 28px;
color: #333;
padding: 12px;
border-radius: 5px;
word-break: break-word
}
.chat__partner .chat__message:before {
position: absolute;
top: 2px;
left: -10px;
border-right: 12px solid #fff;
border-bottom: 6px solid transparent;
content: ""
}
.chat__partner .chat__message-date {
position: absolute;
bottom: 0;
right: 4px;
font-size: 10px;
color: #888
}
.chat__mine {
position: relative;
margin-bottom: 20px;
}
.chat__mine .chat__message {
box-shadow:0px 0px 5px #CCC;
position: relative;
background: #caff87;
margin-left: 34px;
margin-top: 10px;
margin-right: 55px;
color: #888;
padding: 12px;
border-radius: 5px
}
.chat__mine .chat__message:before {
position: absolute;
top: 2px;
right: -10px;
border-left: 12px solid #caff87;
border-bottom: 6px solid transparent;
content: ""
}
.chat__mine .chat__message-date {
position: absolute;
bottom: 0;
left: 10px;
font-size: 10px;
color: #888
}
.chat__data {
display: inline-block;
float: right;
padding-right: 28px;
font-size: 12px;
color: #888066;
margin-bottom: 40px;
cursor: pointer
}
.chat__data .icon {
font-size: 10px;
margin-left: 10px
}
.chat__txt {
font-size: 12px;
color: #777;
text-align: center;
margin-bottom: 10px
}
.chat__appeal {
width: 100%;
min-width: inherit
}
.chat__area {
position: fixed;
width: 100%;
left: 0;
bottom: 51px;
background: #fff1f1;
padding: 10px;
overflow: hidden
}
.chat__bottom {
clear: both;
padding: 20px 15px 0;
margin: 20px -15px 0;
border-top: 1px solid #E2DDCE
}
.chat__block {
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color:rgba(255,255,255,0.8);
letter-spacing: -1px
}
.chat__block-item {
width: 33.3%;
float: left;
text-align: center;
border-left: 1px solid #E7E7E7
}
.chat__block-item:first-child {
border-right: none
}
.chat__block .wrap {
line-height: 50px;
height: 50px
}
.chat__block .icon-close {
font-weight: bold;
font-size: 13px
}
.chat__block .icon-hide {
font-size: 15px
}
.chat__block .icon-point {
font-size: 16px
}
.chat__block .icon {
left: -5px;
color: #9E9475
}
.chat #message_appeal {
display: none;
padding: 0 30px;
clear: both
}
.chatPhotoBtn {
display: table-cell;
position: relative;
width: 40px;
height: 40px;
overflow: hidden;
text-align: center;
vertical-align: middle
}
.chatPhotoBtn:before {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 40px;
background-color:rgba(255,255,255,0.8);
content: "";
border: 1px solid #e7e7e7;
border-radius: 5px
}
.chatPhotoBtn .icon {
position: absolute;
bottom: 12px;
left: 10px;
font-size: 16px;
content: "\e905";
color: #f98972
}
.chatPhotoBtn input {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 40px;
height: 40px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.chat__area-input {
display: table;
table-layout: fixed;
width: 100%
}
.chat__btn {
display: table-cell;
width: 40px;
height: 40px;
vertical-align: bottom;
padding-left: 5px
}
.chat__submit {
font-size: 10px;
min-width: inherit;
font-weight: bold;
padding: 13px 0 13px
}
.chat__input {
display: table-cell;
vertical-align: bottom;
padding-left: 5px
}
.chat__input textarea {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 50px;
max-height: 100px;
border: 1px solid #e7e7e7;
resize: none;
padding: 8px;
font-size: 14px;
border-radius: 4px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.chat__input textarea::-webkit-input-placeholder {
font-size: 12px;
-webkit-font-smoothing: antialiased
}
.chat__input textarea:-moz-placeholder {
font-size: 12px;
-moz-osx-font-smoothing: grayscale
}
.chat__input textarea::-moz-placeholder {
font-size: 12px;
-moz-osx-font-smoothing: grayscale;
opacity: 1;
filter: alpha(opacity=100)
}
.chat__input textarea:-ms-input-placeholder {
font-size: 12px
}
#messages_container.not-age .chat__date, #messages_container.not-purchase .chat__date {
display: none
}
#messages_container.not-age .chat__date:first-child, #messages_container.not-purchase .chat__date:first-child {
display: block
}
#messages_container.not-age .chat__date:first-child + .chat__partner, #messages_container.not-purchase .chat__date:first-child + .chat__partner {
display: block
}
#messages_container.not-age .chat__partner, #messages_container.not-purchase .chat__partner {
display: none
}
#messages_container.not-age .chat__partner .btn, #messages_container.not-purchase .chat__partner .btn {
position: absolute;
width: calc(100% - 20px);
top: 50%;
margin-top: -23px;
min-width: inherit;
font-size: 15px
}
#messages_container.not-age .chat__mine, #messages_container.not-purchase .chat__mine {
display: none
}
.talks__tab {
padding: 20px 20px 20px;
background: #fdfaf4;
}
.talks__tab li {
float: left;
width: 50%;
text-align: center;
font-size: 13px;
border: 1px solid #E9546B;
line-height: 30px;
height: 30px;
background: #FC0000;
color: #fff
}
.talks__tab li:first-child {
border-radius: 5px 0 0 5px
}
.talks__tab li:first-child button {
border-radius: 5px 0 0 5px
}
.talks__tab li + li {
border-radius: 0 5px 5px 0;
border-left: none
}
.talks__tab li + li button {
border-radius: 0 4px 4px 0
}
.talks__tab button {
width: 100%;
height: 100%;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:rgba(255,255,255,0.8);
font-size: 13px;
padding: 0;
margin: 0;
line-height: 28px;
height: 28px;
color: #E9546B
}
.talk_user_list {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
background-color:rgba(255,255,255,0.8);
padding: 5px 10px 0;
position: fixed;
z-index: 10
}
.talk_user_list ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px
}
.talk_user_list li {
width: calc(100% / 8 - 10px);
margin: 0 5px 5px;
overflow: hidden
}
.talk_user_list li img {
border-radius: 50%
}
.talk_user_list + #try .chat {
padding-top: 35px
}
.myroom {
padding: 0 0 15px
}
.myroom .pageTtl {
margin-bottom: 15px;
cursor: pointer
}
.myroom .pageTtl.label__green{
margin: 0px;
background-color: #22B24B;
border-radius: 0px!important;
border:none!important;
color: #FFF;
}
a .label__green{
background-color: #22B24B;
border-radius: 0px!important;
border:none!important;
color: #FFF!important;
}
.header__nav-label.label__green{
background-color: transparent;
border:none!important;
color: #FC0000!important;
}
.myroom__top {
padding: 15px;
}
.myroom__top-inner {
margin-left: 144px;
padding-top: 15px;
margin-bottom: 15px;
}
.myroom__top .regist__thumb {
margin-bottom: 15px
}
.myroom__top .btn-list {
clear: both;
margin-bottom: 10px
}
.myroom__top .btn {
font-size: 14px;
padding: 12px 0
}
.myroom .regist__thumb {
float: left;
background-color: #b2e900;
}
.myroom .regist__thumb.checking {
position: relative
}
.myroom .regist__thumb.checking:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(45, 45, 45, 0.6);
content: "";
border-radius: 50%
}
.myroom .regist__thumb.checking:after {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
margin-top: -8px;
content: "審査中"
}
.myroom__tweet {
position: relative;
cursor: pointer;
margin-bottom: 10px
}
.myroom__tweet-wrap {
position: relative;
display: block;
padding: 6px 22px 6px 8px;
border-radius: 5px;
border: 1px solid #FC0000;
background-color:rgba(255,255,255,0.8);
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 17px;
color: #666
}
.myroom__tweet-wrap:before {
position: absolute;
bottom: -8px;
left: 10px;
border-top: 8px solid #FC0000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
content: ""
}
.myroom__tweet-wrap:after {
position: absolute;
bottom: -7px;
left: 10px;
border-top: 8px solid #fff;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
content: ""
}
.myroom__tweet-inner {
word-break: break-word
}
.myroom__tweet-inner.checking:after {
content: "（審査中）";
color: #888;
font-size: 14px
}
.myroom__tweet .icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
color: #FC0000;
font-size: 17px
}
.myroom__name {
font-size: 20px;
font-weight: bold;
margin-bottom: 4px;
word-break: break-word;
text-shadow: 1px 1px 0px #FFF;
}
.myroom__name.checking:after {
content: "（審査中）";
color: #888;
font-size: 14px
}
.myroom__dtl {
color: #333;
margin-bottom: 8px;
text-shadow: 1px 1px 0px #FFF;
}
.myroom__submenu {
display: table;
width: 100%;
border: 1px solid #E7E7E7;
border-radius: 5px;
background: #fff
}
.myroom__submenu-item {
position: relative;
display: table-cell;
border-left: 1px solid #E7E7E7;
font-size: 14px;
text-align: center;
vertical-align: middle;
line-height: 1
}
.myroom__submenu-item:first-child {
border-left: none
}
.myroom__submenu .wrap {
padding: 10px 0
}
.myroom__submenu .icon {
position: absolute;
top: 50%;
left: 8px;
color: #f19300;
margin-top: -6px;
font-size: 13px
}
.myroom__count {
display: table;
background-color:rgba(255,255,255,0.8);
width: 100%;
margin-bottom: 10px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
text-align: center
}
.myroom__count-item {
display: table-cell;
padding: 10px 0;
cursor: pointer
}
.myroom__count-number {
font-size: 20px;
font-weight: bold
}
.myroom__count-number--knock {
color: #F2993E
}
.myroom__count-number--point {
color: #E5BC3A
}
.myroom__count-states {
font-size: 16px
}
.myroom__count-label {
font-size: 10px;
color: #888
}
.myroom__sub-photo {
background-color:rgba(255,255,255,0.8);
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding: 15px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
overflow-x: auto;
overflow-y: hidden;
}
.myroom__sub-photo-btn {
position: relative;
background: #FFF;
width: 60px;
height: 60px;
border-radius: 5px;
margin-top: 8px;
display: inline-block
}
.myroom__sub-photo-btn .icon-camera {
position: absolute;
color: #ffd4d2;
top: 18px;
left: 17px;
font-size: 24px
}
.myroom__sub-photo-btn .icon-add {
position: absolute;
bottom: -8px;
right: -14px;
border: 4px solid #fff
}
.myroom__sub-photo-list {
margin-top: 8px;
display: inline-block;
padding-right: 10px
}
.myroom__sub-photo-item {
width: 60px;
height: 60px;
display: inline-block;
border-radius: 5px;
border: 1px solid #B3B3B3;
margin-left: 10px;
cursor: pointer
}
.myroom__sub-photo-item.checking {
position: relative
}
.myroom__sub-photo-item.checking:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(45, 45, 45, 0.6);
content: ""
}
.myroom__sub-photo-item.checking:after {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
color: #fff;
font-size: 14px;
margin-top: -8px;
content: "審査中"
}
.myroom__sub-photo-item img {
border-radius: 5px;
width: 100%;
height: 100%
}
.myroom__interest {
background-color:rgba(255,255,255,0.8);
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
padding: 15px;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
min-height: 100px;
}
.myroom__interest-list {
margin-top: 8px
}
.myroom__interest .icon-add {
float: left;
margin-right: 5px
}
.myroom__interest-item {
margin-bottom: 5px;
margin-right: 5px;
display: inline-block;
border: 1px solid #B3B3B3;
border-radius: 4px;
color: #888;
font-size: 12px;
padding: 2px 4px
}
.myroom__bottom {
padding: 5px 15px 30px
}
.myroom__bottom-list {
border: 1px solid #E7E7E7;
border-radius: 5px;
background-color:rgba(255,255,255,0.8);
margin: 0 0px 20px
}
.myroom__bottom-list li {
position: relative;
font-size: 17px
}
.myroom__bottom-list li + li {
border-top: 1px solid #E7E7E7
}
.myroom__bottom-list .wrap {
padding: 10px 25px 10px 15px
}
.myroom__bottom-list .icon {
position: absolute;
top: 50%;
right: 15px;
color: #C4C4C4;
font-size: 18px;
margin-top: -9px
}
.my-edit img {
width: 32px;
height: 32px;
border-radius: 50%;
float: left;
object-fit: cover; /* この一行を追加するだけ！ */
}
.my-edit__top {
position: relative;
padding: 10px 10px 10px 26px;
background: #ffffff;
border-bottom: 1px solid #B1B1B1
}
.my-edit__top .icon {
position: absolute;
left: 10px;
top: 50%;
font-size: 12px;
margin-top: -6px;
color: #B3B3B3
}
.my-edit__name {
position: relative;
margin-left: 45px;
margin-bottom: 2px
}
.my-edit__name.checking:after {
content: "（審査中）"
}
.my-edit__name-inner {
display: inline-block;
max-width: 120px;
vertical-align: middle
}
.my-edit__dtl {
margin-left: 45px;
color: #888;
vertical-align: middle
}
.my-edit__inner {
padding: 15px 15px 30px;
background: #FDFAF4
}
.my-edit__inner .btn-list {
margin-bottom: 12px
}
.my-edit__inner .btn-list .btn {
padding: 10px 0;
font-size: 14px
}
.my-edit__textarea {
height: 180px;
border: none;
border-radius: 5px;
padding: 10px;
width: 100%;
resize: none;
margin-bottom: 5px;
font-size: 14px
}
.my-edit__textarea-count {
text-align: right;
margin-bottom: 25px;
font-size: 12px;
color: #888
}
.my-edit__list {
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
background-color: rgba(255,255,255,.7);
padding-bottom: 10px;
}
.my-edit__list li {
padding: 10px 12px;
border-top: 1px solid #e7e7e7;
font-size: 17px
}
.my-edit__list li span.red{
font-size: 12px;
font-weight: normal;
}
.my-edit__list-ttl {
color: #333;
font-weight: bold;
margin-bottom: 4px
}
.my-edit__list-item {
position: relative
}
.my-edit__list-item select {
display: block;
width: 100%;
font-size: 15px; /*-webkit-appearance:none;-moz-appearance:none;appearance:none;*/ margin: 0;
padding: 0;
border: none;
height: 35px;
background: transparent;
cursor: pointer
}
.my-edit__list-item select:last-child {
padding-right: 25px
}
.my-edit__list-item select option {
/*direction:rtl*/
}
.my-edit__list-item .icon {
position: absolute;
top: 50%;
margin-top: -5px;
right: 0;
color: #C4C4C4;
font-size: 10px;
z-index: -1
}
.my-edit__btn-list {
padding: 0 20px 71px
}
.my-edit #area_nickname {
cursor: pointer
}
.pop--reibun .pop__txt {
text-align: left
}
.pop--reibun .pop__btn-list {
position: relative;
padding: 0 50px;
margin-bottom: 15px
}
.pop--reibun .pop__btn-list .btn {
padding: 10px 0
}
.pop--reibun .pop__btn-list .btn .icon {
color: #738673;
margin-right: 0 !important;
font-size: 13px;
top: -3px
}
.pop--reibun .pop__btn-list .btn--prev {
position: absolute;
top: 0;
left: 0;
width: 40px;
min-width: 40px
}
.pop--reibun .pop__btn-list .btn--next {
position: absolute;
top: 0;
right: 0;
width: 40px;
min-width: 40px;
margin-top: 0
}
.pop--reibun .pop__btn-list .btn--green {
min-width: 100%
}
.pop--reibun .pop__number {
position: absolute;
top: 44px;
right: 20px;
color: #888
}
.approach#scrollWrap {
top: 120px
}
.approach__tab {
padding: 20px 20px 20px;
background: #fdfaf4
}
.approach__tab li {
float: left;
width: 50%;
text-align: center;
font-size: 13px;
border: 1px solid #FC0000;
line-height: 30px;
background: #FC0000;
color: #fff
}
.approach__tab li:first-child {
border-radius: 5px 0 0 5px
}
.approach__tab li:first-child button {
border-radius: 5px 0 0 5px
}
.approach__tab li + li {
border-radius: 0 5px 5px 0;
border-left: none
}
.approach__tab li + li button {
border-radius: 0 4px 4px 0
}
.approach__tab button {
width: 100%;
height: 100%;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:rgba(255,255,255,0.8);
font-size: 13px;
padding: 0;
margin: 0;
line-height: 28px;
height: 28px;
color: #E9546B
}
.approach__appeal {
display: none;
background-color:rgba(255,255,255,0.8);
margin: -15px -10px 10px;
padding: 20px 5px 0;
border-top: 1px solid #ccc
}
.approach__appeal-ttl {
font-size: 15px;
font-weight: bold;
color: #FC0000;
text-align: center;
margin-bottom: 15px
}
.approach__appeal-list {
overflow-x: auto;
white-space: nowrap;
width: 100%;
overflow-y: hidden;
padding: 0 0 15px;
-webkit-overflow-scrolling: touch
}
.approach__appeal-list li {
position: relative;
display: inline-block;
white-space: nowrap;
margin-left: 5px;
cursor: pointer
}
.approach__appeal-list li .icon {
position: absolute;
top: 0;
left: -3px;
width: 30px;
height: 30px;
background: #FC0000;
border-radius: 50%;
text-align: center;
line-height: 30px;
border: 3px solid #fff;
color: #fff
}
.approach__appeal-list img {
width: 106px;
height: 106px;
border-radius: 50%;
padding: 3px;
background: #F8E9EB;
border: 8px solid #f1d4d8
}
.approach__appeal-list-name {
font-size: 10px;
text-align: center;
margin: 5px auto;
max-width: 100px
}
.approach__knock {
display: none
}
.approach__knock-list {
padding: 0 5px ;
margin-top: 10px;
}
.approach__user {
position: relative;
width: 100%;
letter-spacing: -.4em;
background-color:rgba(255,255,255,0.8);
border-radius: 6px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
margin-bottom: 10px;
cursor: pointer;
}
.approach__user.message {
clear: both
}
.approach__user.message + .approach__user {
clear: both
}
.approach__user .btn-wrap {
padding: 0 10px
}
.approach__user img {
border-radius: 6px 6px 0 0
}
.approach__user a{
display: block;
}
.approach__user-top {
width: 20%;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
background-color: #cefb81;
border-radius: 5px 0 0 5px;
}
.approach__user .profile__shadow {
width: 100%;
height: 30%;
opacity: 0.3;
filter: alpha(opacity=30);
background-image: linear-gradient(to bottom, transparent, #000);
position: absolute;
bottom: 0px;
font-size: 8px;
display: none;
}
.favorites__list li .favorites__dtl,
.approach__user .profile__dtl {
position: absolute;
bottom: 2px;
left: 5px;
margin-bottom: 0;
font-size: 12px;
color: #000;
text-shadow: 1px 1px 0px #FFF;
}
.approach__user-bottom {
width: 76%;
box-sizing: border-box;
letter-spacing: normal;
display: inline-block;
vertical-align: top;
padding: 5px
}
.approach__user-bottom .btn {
min-width: inherit;
width: 100%;
padding: 8px 0;
font-size: 13px;
margin-top: 8px
}
.approach__user-bottom .btn .icon {
font-size: 10px
}
.approach__user .user__name {
font-size: 16px;
}
.approach__user .user__tweet {
color: #888;
font-size: 12px
}
.favorites__list .user__count,
.approach__user .user__count {
display: inline-block;
margin-right: 5px;
font-size: 9px;
color: #FC0000;
}
.favorites__list .user__count .icon,
.approach__user .user__count .icon {
margin-right: 2px
}
.favorites__list .user__count .icon-knock_01,
.approach__user .user__count .icon-knock_01 {
font-size: 12px;
top: -2px
}
.approach__message {
position: absolute;
top: 10px;
left: 100%;
width: 100%;
height: 93%;
height: calc(100% - 20px);
margin-left: 12px;
background: #F8F1D9;
border: 1px solid #fff;
padding: 15px;
color: #60543D;
font-size: 12px
}
.approach__message.me {
background: #E2F3E0
}
.approach__message.me:before {
display: none
}
.approach__message.me:after {
display: none
}
.approach__message-txt {
width: 100%;
height: 100%;
overflow: hidden
}
.approach__message:before {
position: absolute;
top: 50%;
margin-left: -10px;
left: 0;
width: 0;
height: 0;
border-right: 10px solid #fff;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
content: ""
}
.approach__message:after {
position: absolute;
top: 50%;
margin-left: -9px;
left: 0;
width: 0;
height: 0;
border-right: 10px solid #F8F1D9;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
content: ""
}
.approach__nothing {
display: none;
padding: 50px 15px;
text-align: center;
background-color: rgba(255,255,255,0.8);
}
.approach__nothing-ttl {
font-size: 17px;
color: #888;
margin-bottom: 30px
}
.approach__nothing .icon {
margin-bottom: 60px;
font-size: 98px;
color: #ffd4d2
}
.approach__nothing-txt {
margin-bottom: 20px
}
.approach__btn {
min-width: inherit;
width: 100%;
font-size: 12px;
padding: 8px 0;
height: 32px
}
.approach__btn--none {
height: 30px
}
.approach__btn .icon-appeal {
font-size: 12px
}
.approach__btn .icon-knock_02 {
font-size: 16px;
top: -2px
}
.approach__btn .icon-search_2 {
font-size: 16px;
top: -2px;
color: #B3B3B3
}
.age__top {
padding: 15px 10px
}
.age__top .age__txt {
margin-right: 102px
}
.age__top img {
float: right;
width: 92px;
display: inline
}
.age__topTxt {
color: #088934;
font-size: 15px;
font-weight: bold;
margin-bottom: 10px
}
.age__txt {
font-size: 12px
}
.age__txt--fix {
padding: 4px 15px 0
}
.age__note {
font-size: 10px;
padding: 4px 15px 10px;
margin-top: 10px
}
.age__step {
background: #E8EBE7;
padding: 30px 10px
}
.age__ttl {
color: #088934;
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 15px
}
.age__ttl-num {
font-size: 26px
}
.age__list-item {
position: relative;
margin-bottom: 40px
}
.age__list-item:first-child:before {
display: none
}
.age__list-item:before {
position: absolute;
top: -30px;
left: 50%;
margin-left: -5px;
width: 10px;
height: 10px;
border-left: 4px solid #C4C4C4;
border-bottom: 4px solid #C4C4C4;
content: "";
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.age__list-item--ex {
background: #FFFEE4;
border: 1px solid #E5BC3A;
border-radius: 5px;
margin-top: -30px
}
.age__list-item--ex:before {
display: none
}
.age__list-inner {
position: relative;
padding: 30px 0 10px;
overflow: hidden;
border-radius: 5px;
background: #fff
}
.age__list-inner:before {
position: absolute;
top: 0;
left: 0;
border-left: 60px solid #088934;
border-bottom: 60px solid transparent;
content: ""
}
.age__list-num {
position: absolute;
top: 6px;
left: 12px;
font-size: 20px;
font-weight: bold;
color: #fff
}
.age__list-ttl {
text-align: center;
font-size: 17px;
font-weight: bold;
margin-bottom: 15px
}
.age__list-fix {
color: #F13880;
font-size: 12px;
padding: 0 15px;
font-weight: bold
}
.age__list-txt {
text-align: center;
color: #888;
font-size: 12px;
margin-top: -10px;
margin-bottom: 15px
}
.age__list-bottom {
border-top: 1px solid #E7E7E7;
padding: 15px;
font-size: 12px
}
.age__list-bottom-ttl {
font-weight: bold;
margin-bottom: 4px
}
.age__fig {
text-align: center;
padding: 0 10px;
margin-bottom: 10px
}
.age__fig--note li {
display: table;
height: 60px
}
.age__fig--note .age__fig-txt {
display: table-cell;
font-size: 16px;
background: #FDEFF5;
vertical-align: middle;
color: #FC0000;
font-weight: bold;
border: 1px solid #FA92BA;
border-radius: 5px
}
.age__fig--note .small {
display: block;
font-size: 11px
}
.age__fig li {
width: 33.3%;
float: left;
padding: 0 4px;
font-size: 11px
}
.age__fig li img {
margin: 0 auto 10px
}
.age__case-item {
border-top: 1px solid #E7E7E7;
padding: 15px
}
.age__case-txt {
margin-left: 101px;
font-size: 12px
}
.age__case-ttl {
font-weight: bold;
margin-bottom: 4px
}
.age__case-list {
color: #F13880
}
.age__case img {
width: 86px;
float: left
}
.age__btn-txt {
color: #888;
font-size: 12px;
text-align: center;
margin-top: 10px
}
.setting {
padding: 15px;
padding-bottom: 60px;
}
.setting__list {
border-radius: 5px;
overflow: hidden;
margin-bottom: 10px
}
.setting__list li {
border-top: 1px solid #E7E7E7
}
.setting__list li:first-child {
border-top: none
}
.setting__list button {
position: relative;
font-size: 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:rgba(255,255,255,0.8);
width: 100%;
display: block;
cursor: pointer;
border: none;
padding: 12px 12px;
text-align: left;
margin: 0
}
.setting__list .icon {
position: absolute;
top: 50%;
right: 10px;
color: #c4c4c4;
font-size: 10px;
margin-top: -5px
}
.footprint-setting__ttl, .notification-setting__ttl {
font-size: 17px;
margin-bottom: 10px
}
.footprint-setting__txt, .notification-setting__txt {
font-size: 12px;
margin-bottom: 10px
}
.footprint-setting__txt + .footprint-setting__txt, .footprint-setting__txt + .notification-setting__txt, .notification-setting__txt + .footprint-setting__txt, .notification-setting__txt + .notification-setting__txt {
margin-bottom: 30px
}
.footprint-setting__btn, .notification-setting__btn {
font-size: 14px;
color: #2D2D2D;
padding: 0;
border: none
}
.footprint-setting .btn-list, .notification-setting .btn-list {
margin-bottom: 30px
}
.footprint-setting label, .notification-setting label {
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
border: 1px solid #C4C4C4;
border-radius: 4px;
background-color:rgba(255,255,255,0.8);
cursor: pointer;
font-size: 13px
}
.footprint-setting input, .notification-setting input {
position: absolute;
z-index: -1
}
.footprint-setting input:checked + label, .notification-setting input:checked + label {
border: 1px solid #088934
}
.footprint-setting input:checked + label .icon, .notification-setting input:checked + label .icon {
background: #088934;
border: none
}
.footprint-setting .icon, .notification-setting .icon {
position: absolute;
top: 6px;
left: 10px;
width: 25px;
height: 25px;
border: 1px solid #C4C4C4;
border-radius: 4px;
color: #fff
}
.footprint-setting .icon:before, .notification-setting .icon:before {
position: relative;
top: 4px;
font-size: 12px
}
.footprint-setting {
padding: 0 15px 30px
}
.notification-setting {
padding: 15px 15px 30px;
margin-bottom: 51px;
background-color: rgba(255,255,255,0.8);
}
.notification-setting .btn-list + .notification-setting__ttl {
border-top: 1px solid #c4c4c4;
padding: 10px 15px 0;
margin: -10px -15px 10px
}
.notification-setting__info {
background: #E8EBE7;
border-radius: 5px;
border: 1px solid #A8B7A6;
padding: 15px 10px;
text-align: center;
margin-bottom: 20px
}
.notification-setting__info-ttl {
color: #088934
}
.notification-setting__bottom-txt {
position: relative;
display: inline-block;
color: #0C77AF;
text-decoration: none;
margin-bottom: 20px;
padding-right: 20px
}
.notification-setting__bottom-txt:hover {
text-decoration: underline
}
.notification-setting__bottom-txt:before {
position: absolute;
right: 0;
top: 0;
width: 16px;
height: 16px;
border-radius: 50%;
background: #0C77AF;
content: ""
}
.notification-setting__bottom-txt:after {
position: absolute;
top: 3px;
right: 4px;
font-size: 10px;
content: "\e90b";
color: #fff
}
.notification-setting__bottom-note {
margin-bottom: 20px;
margin-left: 1em;
text-indent: -1em
}
.point {
padding-bottom: 30px
}
.point__balance {
text-align: center;
padding: 30px 0;
color: #888
}
.point__balance .icon {
font-size: 20px;
top: -4px
}
.point__balance-num {
font-size: 40px;
margin: 0 5px;
color: #2D2D2D
}
.point__balance-txt {
font-size: 12px
}
.point .icon-money {
color: #E5BC3A
}
.point .icon-knock_02 {
color: #088934
}
.point__table {
width: 100%;
font-size: 17px;
margin-bottom: 30px
}
.point__table th {
background: #A8B7A6;
color: #fff;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
font-size: 14px
}
.point__table td {
position: relative;
padding: 8px 4px;
border-bottom: 1px solid #E7E7E7;
color: #888
}
.point__table td:first-child {
text-align: right
}
.point__table td:last-child {
padding: 8px 10px 8px 4px
}
.point__table .icon {
float: left;
top: 10px;
font-size: 14px;
margin-left: 10px
}
.point__table .btn {
min-width: inherit;
padding: 8px 0
}
.point__ex {
text-align: right;
color: #FC0000;
font-size: 12px
}
.point__txt {
font-size: 12px;
text-align: right
}
.point__num {
font-size: 24px;
color: #2D2D2D
}
.point__use {
padding: 0 15px
}
.point__use-head {
background: #E5BC3A;
text-align: center;
padding: 8px 0;
font-size: 17px;
margin: 0 -15px 15px
}
.point__use-list li {
margin-bottom: 30px
}
.point__use-num {
display: inline-block;
background: #088934;
width: 20px;
height: 20px;
font-size: 12px;
color: #fff;
text-align: center;
border-radius: 50%;
line-height: 20px
}
.point__use-ttl {
color: #088934;
font-weight: bold;
margin-bottom: 4px
}
.point__use-txt {
font-size: 12px;
margin-bottom: 10px
}
.point__fig {
margin: 0 auto
}
.point__fig--01 {
width: 222px
}
.point__fig--02 {
width: 272px
}
.point__fig--03 {
width: 214px
}
.point__bottom {
text-align: center;
margin-top: 15px;
margin-bottom: 10px
}
.point__bottom li {
display: inline-block;
font-size: 12px
}
.point__bottom li + li {
border-left: 1px solid #2D2D2D
}
.point__bottom a {
color: #4A90E2;
padding: 0 4px
}
.point__bottom-txt {
color: #888;
font-size: 12px;
padding: 0 10px;
margin-left: 1em;
text-indent: -1em;
margin-bottom: 8px
}
.point__bottom-txt li {
margin-left: 1em;
text-indent: -1em;
margin-bottom: 4px
}
.point__list {
padding: 20px 0
}
.point__list li {
float: left;
width: 50%;
text-align: center;
color: #888
}
.point__list-txt {
display: block;
font-size: 12px
}
.point__list-num {
font-size: 38px;
color: #2D2D2D;
margin-right: 2px
}
.point__list .icon-money {
font-size: 18px;
top: -8px;
left: -2px
}
.point__list .icon-knock_02 {
font-size: 28px;
top: -12px;
left: -2px
}
.point__history-btn {
display: block;
width: 222px;
margin: 0 auto 20px;
border: 1px solid #738673;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color:rgba(255,255,255,0.8);
font-size: 14px;
border-radius: 5px;
color: #738673;
padding: 4px 15px;
cursor: pointer;
white-space: nowrap
}
.exchange__table {
width: 100%;
margin-bottom: 30px
}
.exchange__table th {
background: #A8B7A6;
color: #fff;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
text-align: center;
width: 50%
}
.exchange__table td {
position: relative;
padding-top: 8px;
padding-right: 6px;
padding-bottom: 8px;
padding-left: 8px;
border-bottom: 1px solid #E7E7E7;
color: #888
}
.exchange__table td:first-child {
padding-left: 10px;
padding-right: 0;
font-size: 12px
}
.exchange__table td:nth-child(2) {
text-align: right;
padding-right: 24px;
padding-left: 0
}
.exchange__table td:nth-child(3) {
text-align: right
}
.exchange__table td:last-child {
width: 100px
}
.exchange__table .btn {
min-width: inherit;
padding: 8px 0;
font-size: 14px
}
.exchange__table .icon-knock_02 {
font-size: 18px;
top: -2px;
margin-right: 4px
}
.exchange__table .icon-money {
position: absolute;
top: 50%;
left: -8px;
margin-top: -4px;
font-size: 12px
}
.exchange__table-num {
font-size: 24px;
color: #2D2D2D;
margin-right: 4px;
letter-spacing: -1px
}
.purchase__list {
padding: 10px;
background: #E8EBE7
}
.purchase__list-item {
position: relative;
width: 100%;
display: table;
margin-bottom: 4px;
cursor: pointer
}
.purchase__list-item--01 .purchase__list-txt {
color: #E53579
}
.purchase__list-item--01 .purchase__list-inner--month {
background: #FC0000
}
.purchase__list-item--01 .purchase__list-icon {
width: 58px
}
.purchase__list-item--02 .purchase__list-txt {
color: #659865
}
.purchase__list-item--02 .purchase__list-inner--month {
background: #659865
}
.purchase__list-item--03 {
position: relative;
margin: 0 -5px 4px -5px;
width: calc(100% + 10px)
}
.purchase__list-item--03 .purchase__list-txt {
color: #DCAC15
}
.purchase__list-item--03 .purchase__list-inner--month {
background: #E5BC3A
}
.purchase__list-item--03 .purchase__list-inner--priceTxt {
background: #FEFDEE
}
.purchase__list-item--03 .purchase__list-icon {
width: 61px
}
.purchase__list-item--04 .purchase__list-txt {
color: #738673
}
.purchase__list-item--04 .purchase__list-inner--month {
background: #8EA08E
}
.purchase__list-inner {
display: table-cell;
height: 90px;
vertical-align: middle
}
.purchase__list-inner--month {
color: #fff;
text-align: center;
border-radius: 4px 0 0 4px;
width: 75px;
white-space: nowrap;
font-weight: bold
}
.purchase__list-inner--priceTxt {
padding-left: 8px;
font-size: 12px;
border-radius: 0 4px 4px 0;
background: #fff
}
.purchase__list-txt {
position: relative;
top: 8px;
font-size: 12px;
font-weight: bold;
margin-bottom: 6px
}
.purchase__list-num {
font-size: 28px;
letter-spacing: -1px;
font-family: Helvetica, Arial, sans-serif
}
.purchase__list-price {
font-size: 30px;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: -1px;
margin-right: 4px
}
.purchase__list-icon {
position: absolute;
top: -3px;
right: -3px
}
.purchase__bottom {
padding: 15px 15px 30px;
background-color:rgba(255,255,255,0.8);
font-size: 12px
}
.purchase__bottom-settle {
margin-bottom: 10px
}
.purchase__bottom-settle dt {
font-weight: bold
}
.purchase__bottom-txt {
margin-bottom: 10px
}
.purchase__bottom-list {
margin-bottom: 20px
}
.purchase__bottom-list li {
margin-left: 1em;
text-indent: -1em
}
.purchase__bottom a {
color: #4A90E2
}
.purchase__bottom-support {
padding: 10px;
border: 1px solid #A8B7A6
}
.purchase__bottom-ttl {
font-weight: bold;
color: #738673
}
.history {
background: #fff !important
}
.history__table {
width: 100%;
border-top: 1px solid #088934;
border-right: 1px solid #088934;
table-layout: fixed;
margin-bottom: 20px
}
.history__table th {
border-left: 1px solid #088934;
border-bottom: 1px solid #088934;
background: #D9EAD3
}
.history__table td {
border-left: 1px solid #088934;
border-bottom: 1px solid #088934
}
.history__table-num {
font-size: 20px;
margin-left: 6px;
margin-right: 4px
}
.history__table .icon-money {
top: -2px;
font-size: 12px
}
.history__table--balance th {
width: 50%;
padding: 6px 8px
}
.history__table--balance td {
padding: 6px 8px
}
.history__table--point {
font-size: 12px
}
.history__table--point th {
text-align: center;
padding: 2px 0
}
.history__table--point td {
padding: 4px 8px;
text-align: center
}
.history__table--point td:nth-child(2) {
text-align: left
}
.history__txt {
margin-bottom: 20px;
font-size: 12px
}
.history__txt li {
margin-left: 1em;
text-indent: -1em
}
.history__txt + .pageTtl {
margin: 0 -10px 15px
}
.history .list__more button {
background: #fff
}
.event#scrollWrap {
top: 52px
}
.event__line {
text-align: left;
padding: 5px;
background: #FC0000;
color: #ffffff;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.event__content {
background-color: rgba(255,255,255,0.8);
box-sizing: border-box;
padding: 20px 15px
}
.event__ph {
}
.event__header {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #DDD
}
.event__header--title {
font-weight: bold;
font-size: 16px;
margin-bottom: 5px
}
.event__header--date small {
color: #888;
margin-right: 3px
}
.event__header--start {
display: inline-block;
font-size: 11px;
margin-right: 5px
}
.event__header--end {
display: inline-block;
font-size: 11px
}
.event__main {
margin-bottom: 15px
}
.event__main--content {
line-height: 1.8;
font-size: 13px
}
.events#scrollWrap {
top: 40px
}
.events__line {
text-align: center
}
.events__list {
margin-bottom: 15px
}
.events__list--ph {
width: 70px;
}
.events__list--inner {
width: calc(100% - 80px);
margin-left: 10px
}
.events__list--element {
position: relative;
padding: 12px 25px 12px 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.events__list--element::before {
position: absolute;
right: 12px;
top: 50%;
content: "\f105";
color: #B3B3B3;
font-size: 14px;
margin-top: -7px
}
.events__list--content {
display: block;
width: 100%;
height: 1em;
margin-bottom: 5px;
overflow: hidden
}
.events__list--empty {
position: relative;
padding: 12px 25px 12px 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.events__list--title {
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
line-height: 1.4
}
.events__list--time {
font-weight: normal;
color: #888;
display: inline-block;
vertical-align: middle
}
.events__list--start, .events__list--end {
display: inline-block;
font-size: 11px;
margin-bottom: 3px
}
.events__nothing {
display: none;
position: absolute;
top: 51px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding: 50px 10px;
text-align: center;
background: #ffffff
}
.events__nothing-ttl {
font-size: 17px;
color: #888;
margin-bottom: 30px
}
.events__nothing .icon {
margin-bottom: 60px;
font-size: 98px;
color: #EADEB8
}
.events__nothing-txt {
margin-bottom: 20px
}
.applicants-event__header {
padding: 15px;
margin-bottom: 0
}
.applicants-list__element {
position: relative;
padding: 12px 25px 12px 12px;
background-color:rgba(255,255,255,0.8);
border-bottom: 1px solid #e7e7e7;
width: 100%;
cursor: pointer;
box-sizing: border-box
}
.applicants-list__name {
margin-bottom: 5px;
font-weight: bold;
font-size: 15px;
line-height: 1.4
}
.applicants-list__upper, .applicants-list__lower {
display: -ms-flexbox;
display: flex;
color: #888;
font-size: 13px;
margin-bottom: 6px
}
.applicants-list__age {
margin-right: 1em
}
.applicants-list__hobby-title {
margin-right: 1em
}
.applicants-list__profile {
margin-top: 10px;
line-height: 1.5;
color: #777
}
.applicants-list__tweet {
position: relative;
cursor: pointer;
margin-top: 15px
}
.applicants-list__tweet-inner {
position: relative;
display: block;
padding: 6px 22px 6px 8px;
border-radius: 5px;
border: 1px solid #CCC;
background-color:rgba(255,255,255,0.8);
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px;
color: #888
}
.applicants-list__tweet-inner::before, .applicants-list__tweet-inner::after {
bottom: 100%;
left: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.applicants-list__tweet-inner::after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -7px
}
.applicants-list__tweet-inner::before {
border-color: rgba(204, 204, 204, 0);
border-bottom-color: #ccc;
border-width: 8px;
margin-left: -8px
}
.applicants-list__tweet-body {
word-break: break-word
}
.applicants #scroller {
position: absolute;
top: 0;
width: 100%;
padding: 0px 0px 40px;
}
.applicants #scroller .btn--hide {
margin: 15px auto 0
}
ul.header__nav li i {
font-size: 24px;
}
@font-face {
font-family: 'terrass';
src: url("../fonts/terrass.eot?gn8dlc");
src: url("../fonts/terrass.eot?gn8dlc#iefix") format("embedded-opentype"), url("../fonts/terrass.ttf?gn8dlc") format("truetype"), url("../fonts/terrass.woff?gn8dlc") format("woff"), url("../fonts/terrass.svg?gn8dlc#icomoon") format("svg");
font-weight: normal;
font-style: normal
}
.no_view {
display: none;
}
/*フォームエラー表示*/
.error_area {
padding: 5px;
color: #f00;
display: none;
font-size: 14px;
}
/**/
.edit-field {
width: 100%;
height: 40px;
padding: 5px;
border-radius: 5px;
border: solid 1px #CCC;
box-sizing: border-box;
}
.my-edit__list select {
background-color: #FFF;
border: solid 1px #CCC;
text-align: left;
box-sizing: border-box;
height: 40px;
padding: 5px;
border-radius: 5px;
}
.my-edit__list-item select {
width: 20%;
display: inline-block;
}
.my-edit__list-item select:first-child {
width: 45%;
display: inline-block;
}
.talk_image {
width: 100%;
max-width: 285px;
}
.chat__partner .talk_image {
width: auto;
max-width: 235px;
}
.red {
color: #f00;
}
.wide100 {
width: 100% !important;
box-sizing: border-box;
}
.wide50 {
width: 50% !important;
box-sizing: border-box;
}
.login__form {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.mb_10 {
margin-bottom: 10px !important;
width: 45% !important;
}
.t_center {
text-align: center;
}
.small {
font-size: 6px;
line-height: 1.5;
display: block;
}
#messages_container {
margin-bottom: 50px;
}
#circle_talk_room {
position: relative;
overflow: auto;
padding-bottom: 0;
padding-bottom: 0px;
-webkit-overflow-scrolling: touch;
background: #FDFAF4
}
.circle__admin {
margin-bottom: 15px
}
.circle__admin li {
position: relative;
padding: 12px 25px 12px 12px;
background-color:rgba(255,255,255,0.8);
border: 1px solid #e7e7e7;border-radius: 5px;
width: 100%;
cursor: pointer
}
.circle__admin li:before {
position: absolute;
right: 12px;
top: 50%;
content: "\e91b";
color: #B3B3B3;
font-size: 14px;
margin-top: -7px
}
.circle__admin img {
width: 70px;
height: 70px;
border-radius: 50%;
float: left
}
.circle__admin-inner {
margin-left: 95px;
padding-top: 30px
}
.circle__admin-name {
display: inline-block;
max-width: 105px;
margin-right: 10px;
vertical-align: middle;
margin-bottom: 10px
}
.center {
text-align: center;
}
.event_search__table {
width: 100%;
margin-bottom: 30px;
background-color: rgba(255,255,255,0.8);
}
.event_search__table th {
background: #fb9d9d;
color: #fff;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
text-align: center;
width: 30%;
border-bottom: 1px solid #E7E7E7;
}
.event_search__table td {
padding-top: 8px;
padding-right: 6px;
padding-bottom: 8px;
padding-left: 8px;
border-bottom: 1px solid #E7E7E7;
color: #888
}
.event_search__table td:first-child ,
.event_search__table td:last-child {
width: 100px
}
.regist_top img:first-child{
}
ul.skin_select_men:before,
ul.skin_select_women:before{
content: "アイコンを選択してください。";
width: 100%;
display: block;
margin-top: 10px;
}
ul.skin_select_men,
ul.skin_select_women {
flex-wrap: wrap;
width: 800px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
ul.skin_select_men li,
ul.skin_select_women li {
width: 18%;
position: relative;
box-sizing: border-box;
margin-left: 1%;
margin-right: 1%;
border: none;
}
ul.skin_select_men li input[type=radio],
ul.skin_select_women li input[type=radio] {
display: none;
}
ul.skin_select_men li label,
ul.skin_select_women li label {
display: block;
height: 65px;
}
ul.skin_select_men li label:before,
ul.skin_select_women li label:before {
content: "";
width: 100%;
height: 30px;
position: absolute;
left: 0px;
bottom: 0px;
background-color: #E6E6E6;
border-bottom: solid 5px #CCC;
border-radius: 100px;
z-index: 10;
box-shadow: 0 1px 5px 0px #CCC;
}
ul.skin_select_men li input[type="radio"]:checked + label:before,
ul.skin_select_women li input[type="radio"]:checked + label:before {
background-color: #e3364a;
border-bottom: solid 2px #ca1c30;
transition: all 0.5s ease;
}
ul.skin_select_men li label:after,
ul.skin_select_women li label:after {
content: "";
background-repeat: no-repeat;
width: 54px;
height: 54px;
background-size: 100%;
display: block;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 100;
}
ul.skin_select_men li input[type="radio"]:checked + label:after,
ul.skin_select_women li input[type="radio"]:checked + label:after {
bottom: 8px;
transition: all 0.5s ease;
}
ul.skin_select_men li:nth-child(1) label:after {background-image: url(/seichi_cb/s20m1.gif);}
ul.skin_select_men li:nth-child(2) label:after {background-image: url(/seichi_cb/s20m2.gif);}
ul.skin_select_men li:nth-child(3) label:after {background-image: url(/seichi_cb/s20m3.gif);}
ul.skin_select_men li:nth-child(4) label:after {background-image: url(/seichi_cb/s20m4.gif);}
ul.skin_select_men li:nth-child(5) label:after {background-image: url(/seichi_cb/s20m5.gif);}
ul.skin_select_men li:nth-child(6) label:after {background-image: url(/seichi_cb/s30m1.gif);}
ul.skin_select_men li:nth-child(7) label:after {background-image: url(/seichi_cb/s30m2.gif);}
ul.skin_select_men li:nth-child(8) label:after {background-image: url(/seichi_cb/s30m3.gif);}
ul.skin_select_men li:nth-child(9) label:after {background-image: url(/seichi_cb/s30m4.gif);}
ul.skin_select_men li:nth-child(10) label:after {background-image: url(/seichi_cb/s30m5.gif);}
ul.skin_select_men li:nth-child(11) label:after {background-image: url(/seichi_cb/s30m6.gif);}
ul.skin_select_men li:nth-child(12) label:after {background-image: url(/seichi_cb/s30m7.gif);}
ul.skin_select_men li:nth-child(13) label:after {background-image: url(/seichi_cb/s30m8.gif);}
ul.skin_select_men li:nth-child(14) label:after {background-image: url(/seichi_cb/s30m9.gif);}
ul.skin_select_men li:nth-child(15) label:after {background-image: url(/seichi_cb/s30m10.gif);}
ul.skin_select_men li:nth-child(16) label:after {background-image: url(/seichi_cb/s40m1.gif);}
ul.skin_select_men li:nth-child(17) label:after {background-image: url(/seichi_cb/s40m2.gif);}
ul.skin_select_men li:nth-child(18) label:after {background-image: url(/seichi_cb/s40m3.gif);}
ul.skin_select_men li:nth-child(19) label:after {background-image: url(/seichi_cb/s40m4.gif);}
ul.skin_select_men li:nth-child(20) label:after {background-image: url(/seichi_cb/s40m5.gif);}
ul.skin_select_men li:nth-child(21) label:after {background-image: url(/seichi_cb/s50m1.gif);}
ul.skin_select_men li:nth-child(22) label:after {background-image: url(/seichi_cb/s50m2.gif);}
ul.skin_select_men li:nth-child(23) label:after {background-image: url(/seichi_cb/s50m3.gif);}
ul.skin_select_men li:nth-child(24) label:after {background-image: url(/seichi_cb/s50m4.gif);}
ul.skin_select_men li:nth-child(25) label:after {background-image: url(/seichi_cb/s50m5.gif);}
ul.skin_select_men li:nth-child(1) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20m1.gif);}
ul.skin_select_men li:nth-child(2) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20m2.gif);}
ul.skin_select_men li:nth-child(3) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20m3.gif);}
ul.skin_select_men li:nth-child(4) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20m4.gif);}
ul.skin_select_men li:nth-child(5) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20m5.gif);}
ul.skin_select_men li:nth-child(6) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m1.gif);}
ul.skin_select_men li:nth-child(7) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m2.gif);}
ul.skin_select_men li:nth-child(8) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m3.gif);}
ul.skin_select_men li:nth-child(9) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m4.gif);}
ul.skin_select_men li:nth-child(10) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m5.gif);}
ul.skin_select_men li:nth-child(11) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m6.gif);}
ul.skin_select_men li:nth-child(12) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m7.gif);}
ul.skin_select_men li:nth-child(13) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m8.gif);}
ul.skin_select_men li:nth-child(14) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m9.gif);}
ul.skin_select_men li:nth-child(15) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30m10.gif);}
ul.skin_select_men li:nth-child(16) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40m1.gif);}
ul.skin_select_men li:nth-child(17) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40m2.gif);}
ul.skin_select_men li:nth-child(18) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40m3.gif);}
ul.skin_select_men li:nth-child(19) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40m4.gif);}
ul.skin_select_men li:nth-child(20) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40m5.gif);}
ul.skin_select_men li:nth-child(21) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50m1.gif);}
ul.skin_select_men li:nth-child(22) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50m2.gif);}
ul.skin_select_men li:nth-child(23) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50m3.gif);}
ul.skin_select_men li:nth-child(24) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50m4.gif);}
ul.skin_select_men li:nth-child(25) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50m5.gif);}
ul.skin_select_women li:nth-child(1) label:after {background-image: url(/seichi_cb/s20w1.gif);}
ul.skin_select_women li:nth-child(2) label:after {background-image: url(/seichi_cb/s20w2.gif);}
ul.skin_select_women li:nth-child(3) label:after {background-image: url(/seichi_cb/s20w3.gif);}
ul.skin_select_women li:nth-child(4) label:after {background-image: url(/seichi_cb/s20w4.gif);}
ul.skin_select_women li:nth-child(5) label:after {background-image: url(/seichi_cb/s20w5.gif);}
ul.skin_select_women li:nth-child(6) label:after {background-image: url(/seichi_cb/s30w1.gif);}
ul.skin_select_women li:nth-child(7) label:after {background-image: url(/seichi_cb/s30w2.gif);}
ul.skin_select_women li:nth-child(8) label:after {background-image: url(/seichi_cb/s30w3.gif);}
ul.skin_select_women li:nth-child(9) label:after {background-image: url(/seichi_cb/s30w4.gif);}
ul.skin_select_women li:nth-child(10) label:after {background-image: url(/seichi_cb/s30w5.gif);}
ul.skin_select_women li:nth-child(11) label:after {background-image: url(/seichi_cb/s30w6.gif);}
ul.skin_select_women li:nth-child(12) label:after {background-image: url(/seichi_cb/s30w7.gif);}
ul.skin_select_women li:nth-child(13) label:after {background-image: url(/seichi_cb/s30w8.gif);}
ul.skin_select_women li:nth-child(14) label:after {background-image: url(/seichi_cb/s30w9.gif);}
ul.skin_select_women li:nth-child(15) label:after {background-image: url(/seichi_cb/s30w10.gif);}
ul.skin_select_women li:nth-child(16) label:after {background-image: url(/seichi_cb/s40w1.gif);}
ul.skin_select_women li:nth-child(17) label:after {background-image: url(/seichi_cb/s40w2.gif);}
ul.skin_select_women li:nth-child(18) label:after {background-image: url(/seichi_cb/s40w3.gif);}
ul.skin_select_women li:nth-child(19) label:after {background-image: url(/seichi_cb/s40w4.gif);}
ul.skin_select_women li:nth-child(20) label:after {background-image: url(/seichi_cb/s40w5.gif);}
ul.skin_select_women li:nth-child(21) label:after {background-image: url(/seichi_cb/s50w1.gif);}
ul.skin_select_women li:nth-child(22) label:after {background-image: url(/seichi_cb/s50w2.gif);}
ul.skin_select_women li:nth-child(23) label:after {background-image: url(/seichi_cb/s50w3.gif);}
ul.skin_select_women li:nth-child(24) label:after {background-image: url(/seichi_cb/s50w4.gif);}
ul.skin_select_women li:nth-child(25) label:after {background-image: url(/seichi_cb/s50w5.gif);}
ul.skin_select_women li:nth-child(1) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20w1.gif);}
ul.skin_select_women li:nth-child(2) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20w2.gif);}
ul.skin_select_women li:nth-child(3) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20w3.gif);}
ul.skin_select_women li:nth-child(4) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20w4.gif);}
ul.skin_select_women li:nth-child(5) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/20w5.gif);}
ul.skin_select_women li:nth-child(6) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w1.gif);}
ul.skin_select_women li:nth-child(7) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w2.gif);}
ul.skin_select_women li:nth-child(8) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w3.gif);}
ul.skin_select_women li:nth-child(9) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w4.gif);}
ul.skin_select_women li:nth-child(10) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w5.gif);}
ul.skin_select_women li:nth-child(11) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w6.gif);}
ul.skin_select_women li:nth-child(12) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w7.gif);}
ul.skin_select_women li:nth-child(13) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w8.gif);}
ul.skin_select_women li:nth-child(14) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w9.gif);}
ul.skin_select_women li:nth-child(15) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/30w10.gif);}
ul.skin_select_women li:nth-child(16) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40w1.gif);}
ul.skin_select_women li:nth-child(17) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40w2.gif);}
ul.skin_select_women li:nth-child(18) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40w3.gif);}
ul.skin_select_women li:nth-child(19) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40w4.gif);}
ul.skin_select_women li:nth-child(20) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/40w5.gif);}
ul.skin_select_women li:nth-child(21) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50w1.gif);}
ul.skin_select_women li:nth-child(22) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50w2.gif);}
ul.skin_select_women li:nth-child(23) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50w3.gif);}
ul.skin_select_women li:nth-child(24) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50w4.gif);}
ul.skin_select_women li:nth-child(25) input[type="radio"]:checked + label:after{background-image: url(/seichi_cb/50w5.gif);}
.skin_select_gender{
display:none;
}
#checked_icon_image{
display:none;
height: 65px;
}
/*
#checked_icon_image:after {
content: "";
background-repeat: no-repeat;
width: 60px;
height: 60px;
background-size: 100%;
display: block;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 100;
}
*/
#checked_icon_image.skin1 {background-image: url(/seichi_cb/20m1.gif);}
#checked_icon_image.skin2 {background-image: url(/seichi_cb/20m2.gif);}
#checked_icon_image.skin3 {background-image: url(/seichi_cb/20m3.gif);}
#checked_icon_image.skin4 {background-image: url(/seichi_cb/20m4.gif);}
#checked_icon_image.skin5 {background-image: url(/seichi_cb/20m5.gif);}
#checked_icon_image.skin6 {background-image: url(/seichi_cb/30m1.gif);}
#checked_icon_image.skin7 {background-image: url(/seichi_cb/30m2.gif);}
#checked_icon_image.skin8 {background-image: url(/seichi_cb/30m3.gif);}
#checked_icon_image.skin9 {background-image: url(/seichi_cb/30m4.gif);}
#checked_icon_image.skin10 {background-image: url(/seichi_cb/30m5.gif);}
#checked_icon_image.skin11 {background-image: url(/seichi_cb/30m6.gif);}
#checked_icon_image.skin12 {background-image: url(/seichi_cb/30m7.gif);}
#checked_icon_image.skin13 {background-image: url(/seichi_cb/30m8.gif);}
#checked_icon_image.skin14 {background-image: url(/seichi_cb/30m9.gif);}
#checked_icon_image.skin15 {background-image: url(/seichi_cb/30m10.gif);}
#checked_icon_image.skin16 {background-image: url(/seichi_cb/40m1.gif);}
#checked_icon_image.skin17 {background-image: url(/seichi_cb/40m2.gif);}
#checked_icon_image.skin18 {background-image: url(/seichi_cb/40m3.gif);}
#checked_icon_image.skin19 {background-image: url(/seichi_cb/40m4.gif);}
#checked_icon_image.skin20 {background-image: url(/seichi_cb/40m5.gif);}
#checked_icon_image.skin21 {background-image: url(/seichi_cb/50m1.gif);}
#checked_icon_image.skin22 {background-image: url(/seichi_cb/50m2.gif);}
#checked_icon_image.skin23 {background-image: url(/seichi_cb/50m3.gif);}
#checked_icon_image.skin24 {background-image: url(/seichi_cb/50m4.gif);}
#checked_icon_image.skin25 {background-image: url(/seichi_cb/50m5.gif);}
#checked_icon_image.skin_w1 {background-image: url(/seichi_cb/20w1.gif);}
#checked_icon_image.skin_w2 {background-image: url(/seichi_cb/20w2.gif);}
#checked_icon_image.skin_w3 {background-image: url(/seichi_cb/20w3.gif);}
#checked_icon_image.skin_w4 {background-image: url(/seichi_cb/20w4.gif);}
#checked_icon_image.skin_w5 {background-image: url(/seichi_cb/20w5.gif);}
#checked_icon_image.skin_w6 {background-image: url(/seichi_cb/30w1.gif);}
#checked_icon_image.skin_w7 {background-image: url(/seichi_cb/30w2.gif);}
#checked_icon_image.skin_w8 {background-image: url(/seichi_cb/30w3.gif);}
#checked_icon_image.skin_w9 {background-image: url(/seichi_cb/30w4.gif);}
#checked_icon_image.skin_w10 {background-image: url(/seichi_cb/30w5.gif);}
#checked_icon_image.skin_w11 {background-image: url(/seichi_cb/30w6.gif);}
#checked_icon_image.skin_w12 {background-image: url(/seichi_cb/30w7.gif);}
#checked_icon_image.skin_w13 {background-image: url(/seichi_cb/30w8.gif);}
#checked_icon_image.skin_w14 {background-image: url(/seichi_cb/30w9.gif);}
#checked_icon_image.skin_w15 {background-image: url(/seichi_cb/30w10.gif);}
#checked_icon_image.skin_w16 {background-image: url(/seichi_cb/40w1.gif);}
#checked_icon_image.skin_w17 {background-image: url(/seichi_cb/40w2.gif);}
#checked_icon_image.skin_w18 {background-image: url(/seichi_cb/40w3.gif);}
#checked_icon_image.skin_w19 {background-image: url(/seichi_cb/40w4.gif);}
#checked_icon_image.skin_w20 {background-image: url(/seichi_cb/40w5.gif);}
#checked_icon_image.skin_w21 {background-image: url(/seichi_cb/50w1.gif);}
#checked_icon_image.skin_w22 {background-image: url(/seichi_cb/50w2.gif);}
#checked_icon_image.skin_w23 {background-image: url(/seichi_cb/50w3.gif);}
#checked_icon_image.skin_w24 {background-image: url(/seichi_cb/50w4.gif);}
#checked_icon_image.skin_w25 {background-image: url(/seichi_cb/50w5.gif);}
#icon_decision{
margin-top: 10px;
}
.my-edit__list-item{
overflow: auto;
}
.my-edit__list-item #checked_icon_image{
position: absolute;
left: 51%;
top: 0px;
width: 38px;
height: 38px;
background-size: 100%;
border:none;
display:block;
}
.detail_prof .my-edit__list-item #checked_icon_image{
position: relative;
left:inherit;
top: inherit;
}
.bg_red{
background-color: #fa0002;
color: #FFF;
padding-bottom: 10px;
}
body.meets_top{
background-color: #fa0002;
}
body.meets_top::before{
background-image: none;
}
.head_center{
color: #FFF;
text-align: center;
background-color: #fa0002;
padding-top: 10px;
}
.tob_body{
}
.tob_body ul{
width: 60%;
margin: 60px auto;
}
.tob_body ul li{
margin-bottom: 20px;
}
.tob_body ul li a{
display: block;
padding: 10px;
border:solid 1px #FFF;
text-align: center;
color: #FFF;
font-size: 18px;
font-weight: bold;
border-radius: 5px;
}
.tob_body ul li:first-child a{
color:#fa0002;
background-color: #FFF;
}
.tob_body ul li:last-child a{
color: #FFF;
border:none;
text-decoration: underline;
background-color: transparent;
}
select{
color: #333;
}
.regist_conf .my-edit__list-item{
overflow: inherit;
}
.regist_conf .my-edit__list-item #checked_icon_image{
left: 10%;
top: -18px;
}
.interest{
background-color: rgba(255,255,255,0.8);
padding-bottom: 51px;
}
.side_mar{
width: 95%;
margin: 0 auto;
}
#entry_form input{
font-size: 17px!important;
}
#btn_back{
color: #333;
}
.top_guide{
box-sizing: border-box;
background-color: rgba(255,255,255,0.9);
margin: 0 10px;
border-radius: 10px;
padding: 10px;
}
.top_guide p{
font-size: 14px;
margin-bottom: 14px;
}
.top_guide strong{
font-weight: bold;
}
.top_guide h2{
color: #f98972;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
}
p.add_padding {
padding: 12px;
background-color: rgba(255,255,255,.7);
}
.nonsupport,
.selector{
background-color: rgba(255,255,255,.7);
}
.myroom__under_etc{
padding-bottom: 40px;
margin-left: 5px;
}
.myroom__under_etc li{
margin-bottom: 10px;
}
.myroom__under_etc a{
text-shadow: 1px 1px 0px rgba(255,255,255,1);
}
.my-edit__list p.att{
font-size: 90%;
line-height: 1.4em;
border:solid 2px #FC0000;
padding: 10px;
background-color: rgba(255,255,255,0.3);
border-radius: 5px;
}
.pc_use {
display: none;
}
.info_top{
font-size: 14px;
width: 60%;
margin: 0 auto;
background-color: #FFF;
border-radius: 10px;
padding: 20px;
box-sizing: border-box;
margin-top: 30px;
}
.info_top img{
width: 120px;
margin: 0 auto;
display: block;
}
.profile__comment .profile__inner{
padding-top: 0;
}
.myroom__sub-photo-list li{
display: block;
width: 100%;
text-align: center;
}
.myroom__sub-photo-list li img{
width: 30%!important;
display: inline-block;
}
.myroom__sub-photo p{
word-wrap: break-word;
}
.top_sub-photo ul{
width: 60%;
margin-left: 11%;
}
.top_sub-photo li{
text-align: left;
margin-left: 10px;
}
.top_sub-photo li img{
width: 50%!important;
}
.favorites__list,
.profile__inner,
.talk,
.approach__knock-list{
padding-bottom: 60px!important;
}
.profile table .profile__inner{
padding-bottom: 15px!important;
}
#menu_talks a.has_new:before{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f005";
color: #f19300;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0px;
font-size: 8px;
animation: flash 1s linear infinite;
}
@keyframes flash {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@media screen and (min-width: 600px) {
.pc_use {
display: block;
}
}
.talk__match a{
position:relative;
}
.talk__match a.has_new:before{
content: "";
/*
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f005";
color: #f19300;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0px;
font-size: 8px;
animation: flash 1s linear infinite;
*/
}
.regist_form_agree{
color:#f00;
margin-bottom:20px;
font-size:16px
}
.my-edit__list .has_under{
line-height: 1.4em;
margin-top: 20px;
}
.my-edit__list .has_under strong{
background-color: #fa0002;
color: #FFF;
display: block;
font-size: 110%;
font-weight: bold;
text-align: center;
line-height: normal;
margin-bottom: 10px;
padding: 5px;
border-radius: 5px;
}
.my-edit__list p.att{
border:solid 3px #FC0000;
}
.my-edit__list p.att strong{
color: #fa0002;
display: block;
margin-bottom: 5px;
font-size: 110%;
font-weight: bold;
}
.my-edit__list p.att span{
color: #fa0002;
}
.my-edit__list .add_txt{
display: block;
margin-top: 5px;
color: #fa0002;
}
.urc_block{
min-height: 300px;
background-color: rgba(255,255,255,0.9);
padding: 15px;
}
.urc_block strong{
font-size: 120%;
font-weight: bold;
color: #e50014;
display: block;
margin-top: 10px;
margin-left: 5px;
}
.urc_block p.att{
border:solid 3px #e50014;
margin-top: 5px;
font-size: 100%;
line-height: 1.4em;
padding: 10px;
background-color: rgba(255,255,255,0.9);
border-radius: 5px;
margin-left:auto;
margin-right:auto;
}