@charset "UTF-8";
/* CSS Document */

/* reset */
*{margin:0; padding:0;}
h1,h2,h3,h4,h5,p,hr,ul,li,ol,img,form{margin:0; padding:0; border:0;}
img{border:0;}
ul li,ol li{list-style:none;}

header,footer,section,nav,figure,article,hgroup,dialog,aside{margin:0; padding:0; display:block;}

/* 共通設定 */
html{height:100%; user-select:none; -moz-user-select:none; -webkit-user-select:none; -o-user-select:none; -moz-user-select:none;}
body{font-size:14px; line-height:1.6em;
font-family:'Lato',"游ゴシック","Yu Gothic","游ゴシック体","YuGothic",'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:0; padding:0; color:#232b2b; background:#fff; width:100%; min-height:100%; height:auto; position:relative; font-weight:500;}
a{color:#5fc9bc; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer;}
a:hover{color:#999;}
:focus{outline:none;}
#wrap{overflow:hidden;}
#content{background-color:#fff; position:relative;}
article{min-height:300px;}
.thumbnail{background:url(../images/thumb_bg.png) no-repeat center center #f8f8f8; -moz-background-size:cover; background-size:cover; padding:5px; overflow:hidden; border-radius:300px; position:relative;}
.thumbnail::before{content:""; display:block; padding-top:100%;}
.sq-thumbnail{position:relative; overflow:hidden; background:url(../images/thumb_bg.png) no-repeat center center #f8f8f8; -moz-background-size:cover; background-size:cover;}
.sq-thumbnail::before{content:""; display:block; padding-top:100%;}
.thumbnail .thumbnail_img{border-radius:300px; position:absolute; top:5px; bottom:5px; left:5px; right:5px; -moz-background-size:cover; background-size:cover; background-position:center center; text-indent:200%; overflow:hidden; white-space:nowrap; background-repeat:no-repeat;}
.sq-thumbnail .thumbnail_img{position:absolute; top:0; bottom:0; left:0; right:0; -moz-background-size:cover; background-size:cover; background-position:center center; text-indent:100%; overflow:hidden; white-space:nowrap; background-repeat:no-repeat;}

.like_space a{display:block; text-align:center; font-size:18px; border-radius:5px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);}
.submit_space a,.submit_space input,.e-cancel a{display:block; height:100%; text-align:center; font-size:16px; border-radius:5px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);}
.large-text {
	font-size: 180%;
}

.middle-text {
	font-size: 140%;
}

.small-text {
	color: #999;
	font-size: 10px;
}

.like_space a.like,.submit_space a.like,.like_space a.thanks,.like_space a.ans-like,.like_space a.free_like,.like_space a.msg_like{background:url(../images/btn_like.png) no-repeat 10px center #fc798c; color:#fff; -moz-background-size:20px; background-size:20px;}
.like_space a.message-like,.submit_space a.message-like{background:url(../images/btn_m-like.png) no-repeat 10px center #ff7b74; color:#fff; -moz-background-size:20px; background-size:20px;}
.like_space a.look{background:url(../images/btn_look.png) no-repeat 10px center #ffc416; color:#fff; -moz-background-size:20px; background-size:20px;}
.like_space a.look_message{background:url(../images/btn_look_message.png) no-repeat 10px center #ffc416; color:#fff; -moz-background-size:20px; background-size:20px; font-size:17px; text-indent:20px;}
.like_space a.to_message{background:url(../images/btn_msg_w.png) no-repeat 10px center #4ec1b3; color:#fff; -moz-background-size:20px; background-size:20px;}
.chara_box .like_space a.look{text-indent:10px;}
.chara_box .like_space a.to_message{text-indent:15px;}
.chara_box .like_space a.thanks{text-indent:15px;}
.like_space a.after-look{border:2px solid #ffc416; color:#fdca06; box-shadow:none; cursor:default; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:0; font-weight:800;}
.like_space .in-review{color:#bbb; box-shadow:none; cursor:default; pointer-events:none;}
.like_space a.in-review{background:#efefef;}
.chara_box .like_space a.after-look{font-size:16px; line-height:36px;}
.like_space a.joined{background:#4ec1b3; color:#fff;}
.like_space a.ok,.submit_space a.ok{background:#4ec1b3; color:#fff;}
.submit_space a.cancel{background:#aaa; color:#fff;}
.like_space a.exit{background:transparent; border:1px solid #4e8c9b; color:#276270; box-shadow:none;}
.chara_box .like_space a.exit{line-height:38px;}
.like_space a.check_prof{background:url(../images/nav_mypage.png) no-repeat 10px center #4e8c9b; color:#fff; -moz-background-size:17px; background-size:17px;}
.modal .like_space a.addFav{background:url(../images/config_btn.png) no-repeat 0 0 #ff8396; color:#fff; -moz-background-size:40px auto; background-size:40px auto; width:225px; margin-left:auto; margin-right:auto;}
.modal .like_space a.addHidden{background:url(../images/config_btn.png) no-repeat 0 -40px #aaa; color:#fff; -moz-background-size:40px auto; background-size:40px auto; width:225px; margin-left:auto; margin-right:auto;}
.modal .like_space a.removeFav{background:url(../images/config_btn.png) no-repeat 0 1px #aaa; color:#fff; ; -moz-background-size:40px auto; background-size:40px auto; width:225px; margin-left:auto; margin-right:auto; text-indent:.5em;}
.like_space a.hide_btn{background:#aaa; color:#fff; -moz-background-size:20px; background-size:20px; margin-left:auto; margin-right:auto;}
.like_space a.skip_btn{background:#aaa; color:#fff; margin-left:auto; margin-right:auto; font-size:16px;}
a.reported{background:url(../images/icon_report.png) no-repeat 10px center; border:1px solid #4e8c9b; color:#276270; background-size:15px; -moz-background-size:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:none;}
.like_space p{text-align:center; padding:5px 0;}
.like_space p span{color:#5fc9bc;}
#message_head .like_space a.look_message{background-position:5px center; -moz-background-size:15px; background-size:15px; font-size:12px; text-indent:10px;}

table{border:0; border-spacing:0; width:100%;}
strong{color:#ff90a1;}
a.sq_btn{background:#276270; color:#fff; padding:5px 10px; min-width:80px; text-align:center; display:inline-block; border-radius:5px;}
.secondary_btn{color:#6a6a6a; padding:4px 9px; min-width:80px; text-align:center; display:inline-block; border-radius:5px; border:1px solid #ccc;}
.option_btn_space{text-align:right; clear:both;}
.option_btn_space a{display:inline-block; background:#276270; color:#fff; text-align:center; padding:5px 10px; min-width:80px; border-radius:5px; position:relative; z-index:1;}
.defult{color:#ccc;}
.m_sign{display:inline-block; padding:0 5px; color:#fff; text-align:center; border-radius:5px;}
.review,.unanswered{background:#fc798c;}
.unopened{color:#fc798c; margin-right:3px;}
.reject{background:#ff5656; color:#fff;}
.new_sign{position:absolute; left:-5px; top:-5px; width:30px; height:30px; border-radius:15px; background:#ff90a1; color:#fff; line-height:30px; text-align:center; font-size:10px; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); z-index:4;}
.new_sign_mini a::before{position:relative; width:5px; height:5px; border-radius:3px; background:#fe6d83; display:inline-block; content:""; left:-10px;}
#content_body h2.hidden_h{display:none}
.red{color:#f00;}
.btn_age{margin:30px 0; text-align:center;}
.btn_age a{display:block; height:50px; margin:0 auto; color:#fff; text-indent:13px; line-height:50px; background: url(../images/to_age.png) no-repeat 10px center #4ec1b3; font-size:16px; border-radius:5px; box-shadow: 0px 2px 2px 0 rgba(0,0,0,0.1); -moz-background-size:20px; background-size:20px; text-align:center; margin-bottom:13px;}
.btn_age p{font-size:12px;}
.overscroll{height:100px; line-height:100px; text-align:center; color:#999; font-size:11px; clear:both;}
.overscroll i{font-size:14px;}
.compa{background:transparent url(../images/icon_compa.png) no-repeat left center; -moz-background-size:18px; background-size:18px; color:#fc798c;}
.compa span{font-size:17px;}
.like_get{background:transparent url(../images/icon_like_get.png) no-repeat left center; -moz-background-size:18px; background-size:18px; color:#87c5de;}
.offline{position:relative;}
#choose::before,.msg_caution li::before,.privilege li::before,td.required-parts li::before{font-family:'felizIcon' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.submit-error{
	animation: shakeX 0.4s;
}
@-moz-keyframes shakeX{
	0%,100% {
		-moz-transform: translateX(0);
	}
	20% {
		-moz-transform: translateX(-5px);
	}
	40% {
		-moz-transform: translateX(10px);
	}
	60% {
		-moz-transform: translateX(-10px);
	}
	80% {
		-moz-transform: translateX(5px);
	}
}
@-webkit-keyframes shakeX{
	0%,100% {
		-webkit-transform: translateX(0);
	}
	20% {
		-webkit-transform: translateX(-5px);
	}
	40% {
		-webkit-transform: translateX(10px);
	}
	60% {
		-webkit-transform: translateX(-10px);
	}
	80% {
		-webkit-transform: translateX(5px);
	}
}
@keyframes shakeX{
	0%,100% {
		transform: translateX(0);
	}
	20% {
		transform: translateX(-5px);
	}
	40% {
		transform: translateX(10px);
	}
	60% {
		transform: translateX(-10px);
	}
	80% {
		transform: translateX(5px);
	}
}

/* form set */
fieldset{border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative; margin:30px 0 25px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
fieldset:last-of-type{margin-bottom:12px;}
#entry_pop fieldset,.answer_space fieldset{margin-top:15px;}
select,input,textarea,button{font-family:inherit; font-weight:inherit; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
select,input:not([type=checkbox]),input:not([type=radio]){font-size:18px; line-height:1.1; vertical-align:middle; border:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; padding:10px 4px; border-bottom:1px solid #ccc; color:#276270; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
select{text-indent: .01px; text-overflow: ""; background:url(../images/select_arrow.png) no-repeat right center; -moz-background-size:auto 30px; -webkit-background-size:auto 30px; -o-background-size:auto 30px; -ms-background-size:auto 30px; background-size:auto 30px; padding-right:35px;}
option{font-weight:inherit;}
textarea{font-size:18px; padding:4px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; color:#276270; line-height:1.4; resize:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
textarea.fl-on{border:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; border-bottom:1px solid #ccc; height:42px; position:relative; top:1px; height:80px;}
#entry_pop textarea.fl-on{height:150px;}
input[type=file]{border:none; width:100%;}
input[type=submit],input[type=button],input[type=reset],button{cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-input-placeholder{font-size:14px; color:#ccc; line-height:22px;}
:-ms-input-placeholder{font-size:14px; color:#ccc; line-height:22px;}
::-moz-placeholder{font-size:14px; color:#ccc; line-height:22px;}
#HN::-webkit-input-placeholder{font-size:18px;}
#HN:-ms-input-placeholder{font-size:18px;}
#HN::-moz-placeholder{font-size:18px;}
.txt-s{
	width: 40px;
}
.txt-l{width:100%;}
.txt-m{width:50%;}
.txt-l2{width:90%;}
.flex-item{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
.flex-item > div{margin-right:7px;}
.flex-item > div:last-child{margin-right:0;}
.flex-item .fc-item{width: 100%; max-width: 400px;}
.error{color:#f00; font-size:12px;}
input.f_error,textarea.f_error,select.f_error{border-color:#ff90a1;}
.fileUpload{position:relative; }
.fileUpload input[type=file]{position:absolute; top:0; left:0; bottom:0; padding:0; cursor:pointer; opacity:0; z-index:1;}
.fileUpload a{display:block; text-align:center; color:#276270; border:1px solid #4e8c9b; line-height:40px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; width:100%; max-width:180px; z-index:0;}
.fileUpload a i{position:absolute; left:10px; line-height:40px;}
.floating_label{position:absolute; line-height:1; left:0; top:-12px; font-size:12px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; color:#232b2b; z-index:2;}
.normal_label{line-height:1; color:#232b2b; font-size:12px; position:relative; top:-13px;}
.focus .floating_label{color:#4ec1b3;}
.in_entry .floating_label{color:#aaa;}
.is-hidden{display:none;}
.focus input,.focus textarea{padding-left:0; padding-right:0;}
.focus select{padding-left:0;}
.fc-item{position:relative; line-height:1;}
.fc-item::after{content:""; display:block; position:absolute; bottom:0; left:0; right:0; height:2px; background:#84d8d1; z-index:1; -webkit-transform:scaleX(0); -moz-transform:scaleX(0); -ms-transform:scaleX(0); -o-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.focus .fc-item::after{-webkit-transform:scaleX(1); -moz-transform:scaleX(1); -ms-transform:scaleX(1); -o-transform:scaleX(1); transform:scaleX(1);}
.count{position:absolute; right:0; bottom:-15px; font-size:10px; line-height:1; color:#999;}
.f_error + .count{color:#f00;}
.slider-outer{position:relative; padding:52px 0 18px;}
.min,.max{position:absolute; top:0; font-size:11px; color:#aaa;}
.min{left:0;}
.max{right:0;}
input.slider-value{font-size:14px; text-align:right; padding:4px; border:1px solid #ccc; vertical-align:bottom; margin-right:3px; color:#232b2b; width:44px;}

@media (min-width: 1px) {
	input[type=checkbox],input[type=radio]{display:none;}
	input[type=checkbox] + label{padding:10px 0 10px 24px; position:relative; cursor:pointer; font-size:18px; display:block; -webkit-tap-highlight-color:rgba(0,0,0,0)}
	input[type=radio]:disabled + label{-webkit-tap-highlight-color:rgba(0,0,0,0)}
	input[type=checkbox] + label::before{display:block; content: ""; position: absolute; left:0; border: 1px solid #ccc; width:16px; height:16px; top:50%; margin-top:-9px; background:#fff;}
	input[type=checkbox]:checked + label::before{position: absolute; left:0; border: 1px solid #84d8d1; background:#ecf9f8;}
	input[type=checkbox]:checked + label::after{content: ""; position: absolute; top: 50%;}
	input[type=checkbox]:checked + label::after {left: 3px; width: 8px; height: 4px; margin-top:-4px; border-left: 2px solid #84d8d1; border-bottom: 2px solid #84d8d1;
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	input[type=checkbox]:checked + label{color:#4ec1b3;}
	input[type=checkbox]:disabled + label{color:#eee; -webkit-tap-highlight-color:rgba(0,0,0,0)}
	input[type=checkbox]:disabled + label::before{border-color: #eee;}
	input[type=checkbox]:checked:disabled + label{color:#232b2b;}
	input[type=checkbox]:checked:disabled + label::before{border-color: #4ec1b3;}
	.radio-btn label{display:block; float:left; cursor:pointer; margin:0; padding:12px 5px; border:1px solid #4ec1b3; border-right:0px; background:#fff; color:#4ec1b3; text-align:center; line-height:1; -webkit-transition:.2s ease; -moz-transition:.2s ease; -ms-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:16px; width:33%;}
	.radio-btn input[type=checkbox] + label{padding:12px 5px; font-size:16px;}
	.radio-btn input[type=checkbox] + label::before,.radio-btn input[type=checkbox]:checked + label::before,.radio-btn input[type=checkbox]:checked + label::after{display:none;}
	.radio-btn label:first-of-type{-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
	.radio-btn label:last-of-type{border-right:1px solid #4ec1b3; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
	.radio-btn label:nth-of-type(3){width:34%;}
	.radio-btn label i{color:#fff; margin-right:3px;}
	#entry_pop .radio-btn label{text-indent:-20px;}
	.g-2 label{width:50%;}
	.radio-btn input[type=radio]:checked + label,.radio-btn input[type=checkbox]:checked + label{background-color:#4ec1b3; color:#fff;}
	.radio-btn input[type=checkbox]:checked + label{outline:1px solid #fff;}
	.radio-btn input:disabled + label{color:#eee; border-color:#eee;}
	.set_mail{font-size:18px; word-break:break-all; color:#276270;}
	.switcher fieldset{position:relative; line-height:50px; width:100%; display:block;}
	.either{position:absolute; width:106px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select none; right:0; top:50%; margin-top:-25px;}
	.switch-label{display:block; overflow:hidden; cursor:pointer; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; -o-border-radius:25px; -ms-border-radius:25px; padding:0 !important; position:static !important;}
	.switch-inner{display:block; width:200%; margin-left:-100%; transition:margin 0.2s ease-in 0s; -moz-transition:margin 0.2s ease-in 0s; -webkit-transition:margin 0.2s ease-in 0s; -o-transition:margin 0.2s ease-in 0s; -ms-transition:margin 0.2s ease-in 0s;}
	.switch-inner::before,.switch-inner::after{display:block; float:left; width:50%; height:50px; padding:0; line-height:50px; font-size:14px; color:white; font-family: Trebuchet, Arial, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
	.switch-inner:before{content:"ON"; padding-left:16px; background-color:#84D8D1; color:#fff;}
	.switch-inner:after{content:"OFF"; padding-right:16px; background-color:#eee; color:#999999; text-align:right;}
	.switch-switch{display:block; width:44px; margin:2px; background:#fff; position:absolute; top:0; bottom:0; right:56px; border:1px solid #fff; border-radius:25px; transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s;}
	.switch-checkbox:checked + .switch-label .switch-inner{margin-left:0;}
	.switch-checkbox:checked + .switch-label .switch-switch{right:0px;;}
	.either input[type=checkbox] + label::before{display:none;}
	.either input[type=checkbox]:checked + label::after{display:none;}
	.legend{padding-left:10px;}
}



/* header */
header{background:#fff; height:50px;}
header h1{display:block; height:100%; background:transparent url(../images/logo.png) no-repeat 0 0; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; -o-background-size:auto 100%; -ms-background-size:auto 100%;}
header h1 a{display:block; height:100%; text-indent:100%; overflow:hidden; white-space:nowrap; width:170px;}
#fixedBox{z-index:12; width:100%;}
.fixed{position:fixed; top:0; left:0; width:100%; z-index:12;}
.topnav{background:#84d8d1; height:50px; color:#fff; position:relative; width:100%;}
.nukegara{height:50px; z-index:2;}
.topnav h2{display:block; height:50px; line-height:50px; font-size:18px; font-weight:500; text-align:center; padding:0 50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.topnav .search{position:absolute; left:0; top:0; width:50px; height:50px; overflow:hidden;}
.topnav .search a{display:block; width:100%; height:100%; overflow:hidden; position:relative; background:url(../images/home.png) no-repeat left -4px; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
.topnav .search_btn a{background:none;}
.topnav .back_index a{background:url(../images/back_index.png) no-repeat left -4px; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
.topnav .window-close a{background:url(../images/window-close.png) no-repeat left -4px; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
.topnav .sb-toggle-right{position:absolute; top:0; right:0; width:50px; height:50px; overflow:hidden;}
.topnav #sidr-menu{display:block; width:50px; height:50px; cursor:pointer; overflow:hidden; position:relative; background:url(../images/nav.png) no-repeat left -4px; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
.topnav #conf_prof{display:block; width:50px; height:50px; cursor:pointer; overflow:hidden; position:relative; background:url(../images/config_prof.png) no-repeat left center; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
.topnav a span{position:absolute; bottom:0; left:0; right:0; text-align:center; color:#fff; font-size:11px; line-height:1.5em;}
.topnav a img{position:relative; top:-4px;}
.sb-toggle-right .new_sign{width:16px; height:16px; line-height:16px; transform:rotate(0deg); left:auto; top:5px; right:5px;}


/* logintop */
#index{background:url(../images/top_bg.jpg) no-repeat left top #f5f5f7; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto;}
#catch_top{display:block; width:52%; max-width:300px; margin:0 10px 0 0; position:relative; float:right;}
#catch_top::after{content:""; display:block; padding-top:130%;}
#catch_top span{display:block; height:100%; text-indent:200%; overflow:hidden; white-space:nowrap; background:url(../images/logo_top.png) no-repeat center center; background-size:contain; position:absolute; top:0; right:0; bottom:0; left:0;}
#safety{padding: 0 10px;}
#safety ul{background:rgba(236, 249, 248, 0.8); border:1px solid #84d8d1; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; max-width:360px; margin:0 0 0 auto;}
#safety li{color:#276270; font-size:14px; background:url(../images/check.png) no-repeat 0 center; background-size:15px; -moz-background-size:15px; -webkit-background-size:15px; -o-background-size:15px; -ms-background-size:15px; padding-left:17px; line-height:1.8em;}
#regist_parts{margin:10px 0; text-align:center;}
#regist_parts label{padding:0 5px 0 0;}
fieldset.regist_top_area{padding:10px; background:rgba(255,255,255,0.8); margin-bottom:5px;}

#fb_login{width:100%; max-width:300px; padding:25px 0 10px 0; color:#fff; font-weight:bold; border-color:#648bd2; border-radius:5px;
background:#2f4c8d;
background: -moz-linear-gradient(top, #5d83cd, #2f4c8d);
background: -webkit-gradient(linear, left top, left bottom, from(#5d83cd), to(#2f4c8d));
}
.ak-btn{margin:8px auto 2px; padding:4px; width:280px; display:block; box-sizing:border-box; background:rgba(255,255,255,.2); font-size:12px; color:#2f4c8d; font-weight:800; border:1px solid; border-radius:20px;}
@media screen and (min-width : 560px) {
	#index{background-size:70% auto; -moz-background-size:70% auto; -webkit-background-size:70% auto; -ms-background-size:70% auto; -o-background-size:70% auto;}
	#catch_top{margin:0 50px 0 0;}
	#safety li{font-size:18px; padding:2px 0 2px 20px;}
	#safety{padding: 0 20px;}
}
#sns-share{padding:20px 0;}
.agree{color:#fff; position:relative; top:10px; text-align:center; font-size:10px; z-index:1; display:block; height:0; line-height:10px;}
.flex-center{
	height: calc(100% - 50px);
	height: calc(100vh - 50px);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flex-center-box {
	margin-top: -100px;
	width: 100%;
	max-width: 500px;
}
.code-group{
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.code-group .txt-s{
	margin: 8px 4px;
	border: 1px solid #ccc;
	text-align: center;
}

/* thank you page */
#thanks-body{background:url(../images/thanks_bg@2x.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; height:100%; position:relative;}
#fb_status{text-align:center; margin:0 38px; height:130px; position:absolute; top:50%; left:0; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.progress_bar{height:8px; border:1px solid #fff; margin-top:80px; border-radius:4px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.fb_progress{background:#fff; display:block; width:0; height:100%; content:"";}
.progress_text{font-size:14px; position:absolute; top:30%; left:0; right:0; color:#fff; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
@media only screen and (min-width: 399px){
	#thanks-body #wrap{background-image:url(../images/thanks_bg@3x.jpg);}
}
@media only screen and (min-width: 600px){
	#thanks-body #wrap{background-image:url(../images/thanks_bg@tab.jpg);}
	#fb_status{margin:0 auto; width:400px; height:200px;}
	.progress_bar{margin-top:130px;}
	.progress_text{font-size:20px; line-height:1.4;}
}
@media only screen and (min-width: 1024px){
	#thanks-body #wrap{background-image:url(../images/thanks_bg@tabpro.jpg);}
}

/* 404 */
#start{position:absolute; bottom:40px; left:0; right:0; width:100%; max-width:280px; height:50px; margin:10px auto; overflow:hidden;}
#start a{display:block; height:100%; background:#4ec1b3; color:#fff; text-align:center; line-height:50px; font-size:18px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#start a i{position:absolute; left:10px; line-height:inherit; font-size:24px;}

@-o-keyframes present{
	25%{-o-transform:translateY(2px)}75%{-o-transform:translateY(-2px)}
}
@-moz-keyframes present{
	25%{-moz-transform:translateY(2px)}75%{-moz-transform:translateY(-2px)}
}
@-webkit-keyframes present{
	25%{-webkit-transform:translateY(2px)}75%{-webkit-transform:translateY(-2px)}
}
@keyframes present{
	25%{transform:translateY(2px)}75%{transform:translateY(-2px)}
}

/* entry */
.skip_link,.support_use{padding:0 15px 0 0; text-align:right; line-height:1;}
.skip_link i,.support_use i{display:inline-block; padding-right:5px;}
.entry_img{padding:10px 0;}
#howtouse{height:100%; background:#f8f8f8;}
#howtouse #wrap{overflow:visible;}
#entry_pop h1{height:60px; background:#84d8d1; display:block; line-height:60px; color:#fff; font-size:16px; text-align:center; font-weight:500; position:relative;}
#entry_pop h1 span{position:absolute; font-size:11px; bottom:0; left:0; right:0; line-height:1.5; background:#69c3bc;}
#entry_pop .caution h2{text-align:left; height:auto;}
#entry_pop .inner{padding:10px 0; overflow:hidden;}
.form_inner{padding:0 15px;}
#entry_pop .submit_cell{padding:10px 15px;}
.fb_prop{background:#3b5998; color:#fff; padding:10px; font-size:18px; border-radius:5px;}
.fb_prop li{display:inline-block; margin-right:1px;}
.fb_prop li .fa-facebook-square{font-size:20px;}
.birth span{font-size:11px; margin-left:5px;}
.help_link{text-align:right; margin:10px 0 0; font-size:12px;}
.fb_prop .help_link a{color:#fff;}
.help_link span{display:inline-block; width:14px; height:14px; border:1px solid; text-align:center; line-height:14px; border-radius:8px; margin-right:2px;}
.photo_selection input[type=file]{cursor:pointer; position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity:0; z-index:5;}
.photo_selection a{position:absolute; top:50%; left:50%; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:60px; height:60px; background:rgba(255,255,255,.5); border-radius:30px; text-align:center; line-height:60px; color:#555a5a; font-size:30px;}
.photo_set a{background:rgba(255,255,255,0); -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}
.photo_set a i{opacity:0; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}
.photo_rule{display:-webkit-box; -webkit-box-align:center; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;}
.photo_rule .thumbnail{width:36px; margin-right:5px; padding:2px;}
.photo_rule .thumbnail .thumbnail_img{top:2px; left:2px; bottom:2px; right:2px;}
.photo_rule h5{font-size:16px; font-weight:500; color:#276270;}
.photo_rule p{font-size:11px; color:#999; line-height:1.3;}
.tr_skip{text-align:center;}
.tr_skip a{display:inline-block; padding:7px 15px;}
.tr_skip a:hover{color:#5fc9bc;}
.tips_balloon{background:rgba(0,0,0,.8); padding:15px; border-radius:20px; color:#fff; font-size:12px; line-height:1.6; text-indent:0; text-align:center; position:fixed; bottom:20px; left:0; right:0; margin:0 auto; max-width:250px; box-sizing:border-box; -webkit-animation:present 1.2s linear infinite normal; animation:present 1.2s linear infinite normal; opacity:1; -webkit-transition:all .9s cubic-bezier(.68,-0.55,.265,1.55); transition:all .9s cubic-bezier(.68,-0.55,.265,1.55); z-index:15;}
.tips_balloon h3{font-size:16px; font-weight:500;}
.tips_compa::before,.tips_like::before,.tips_sorry::before,.learning .tips_balloon::before,.learn_ani .tips_balloon::before{content:""; display:block; position:absolute; width:0; height:0; border-style:solid; left:30px;}
.top_balloon::before{border-width:0 5px 10px 5px; border-color:transparent transparent rgba(0,0,0,.8) transparent; top:-10px;}
.bottom_balloon::before{border-width:10px 5px 0 5px; border-color:rgba(0,0,0,.8) transparent transparent transparent; bottom:-10px;}
.tips_balloon.colorpink{background:rgba(252,121,140,.9);}
.top_balloon.colorpink::before{border-color:transparent transparent rgba(252,121,140,.9) transparent;}
.bottom_balloon.colorpink::before{border-color:rgba(252,121,140,.9) transparent transparent transparent;}
.display_toBottom{opacity:0; margin-top:10px; margin-bottom: -35px;}
.display_toTop{opacity:0; margin-top:-35px; margin-bottom:10px;}
.tips_like{-webkit-animation:none; -moz-animation:none; animation:none; bottom:50px; top:auto; max-width:300px; position:absolute;}
.tips_compa{-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; bottom:70px; top:auto; max-width:180px; margin-left:100px; position:absolute;}
#transparency{content:""; position:fixed; top:0; left:0; right:0; bottom:0; z-index:16;}
.ng-photo-title{color:#f00; font-size:13px;}
#ng-photo{position:relative; margin:0 0 7px; height:60px;}
.ng_inner{padding:0 27px; font-size:12px; line-height:1.4; position:relative;}
.ng_inner img{width:60px; height:auto;}
.ng_txt{position:absolute; top:50%; left:100px; right:27px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#ng-photo .slick-prev{left:0; background:url(../images/arrow_b_l.png) no-repeat center center; -webkit-background-size:12px; -moz-background-size:12px; -ms-background-size:12px; -o-background-size:12px; background-size:12px; width:20px; height:80px;}
#ng-photo .slick-next{right:0; background:url(../images/arrow_b_g.png) no-repeat center center; -webkit-background-size:12px; -moz-background-size:12px; -ms-background-size:12px; -o-background-size:12px; background-size:12px; width:20px; height:80px;}
#before_pr p{padding:15px 15px 0;}
#hints_popup h2{font-size:14px; margin-bottom:10px; color:#276270;}
.hints_wrap{display:-webkit-box; -webkit-box-pack:justify; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.hints_wrap figure{width:45%; max-width:110px; margin:0 0 15px; text-align:center;}
.hints_wrap:last-of-type figure{margin:0;}
.hints_wrap figcaption{font-size:10px; line-height:1.2; position:relative; text-align:left; padding-left:17px;}
.hints_wrap figcaption span{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-size:15px;}
.hints_wrap .icon-nice{color:#84d8d1;}
.hints_wrap .icon-none{color:#ff5454;}
.hints_wrap img{width:90%; height:auto;}
#entry_pop .caution{margin-top:0}
.flow_step{padding:13px 20px 0;}
.flow_step ul{position:relative; height:20px; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:justify; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
.flow_step ul li:first-of-type::before{content:""; display:block; height:1px; background:#ccc; position:absolute; top:50%; left:0; right:0; margin:0 auto; -moz-transform:translate(0, -50%); -o-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); z-index:1;}
.flow_step li span{display:block; width:6px; height:6px; background:#ccc; border-radius:30px; line-height:20px; overflow:hidden; text-align:center; color:#fff; text-indent:100%; white-space:nowrap; position:relative; z-index:2;}
.flow_step li.current_step span{width:20px; height:20px; text-indent:0; background-color:#84D8D1;}
.flow_step li.comp_step span{width:20px; height:20px; text-indent:0; color:#f3f3f3;}
.step_ani span{-moz-animation:step 1s cubic-bezier(.25,.1,.61,1.65) 1; -webkit-animation:step 1s cubic-bezier(.25,.1,.61,1.65) 1; animation:step 1s cubic-bezier(.25,.1,.61,1.65) 1;}
@-moz-keyframes step{
	0%{-moz-transform:scale(0);}100%{-moz-transform:scale(1);}
}
@-webkit-keyframes step{
	0%{-webkit-transform:scale(0);}100%{-webkit-transform:scale(1);}
}
@keyframes step{
	0%{transform:scale(0);}100%{transform:scale(1);}
}
/* PR appeal meter マイページにも設置するかも*/
#appeal_meter{margin-bottom:13px;}
.appeal_meter_label{font-size:12px; display:inline-block; line-height:20px; margin-right:2%; width:23%; white-space:nowrap;}
#appeal_progress{display:inline-block; height:20px; color:#fff; font-size:12px; text-align: right; padding:0 10px; line-height:20px; box-sizing:border-box; white-space:nowrap; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.not_yet{background:#aaa; width:20%;}
.subtle{background:#ffa346; width:30%;}
.soso{background:#4bb2f2; width:50%;}
.perfect{background:#5fe654; width:75%;}
.small_caution{font-size:10px; color:#999; line-height:1.3;}

/* globalnavi */
#sidr{background:#f8f8f8; color:#fff; height:100%; display:none; position:absolute; position:fixed; top:0; z-index:12; width:100%; overflow-x:none; overflow-y:auto; left:auto;right:-100%;}
#sidr.sidr-open{display:block; right:0;}
#globalnavi{padding:40px 10px 20px 10px; background:#84d8d1;}
@media screen and (min-width: 1000px) {
	#globalnavi div{width:25%; height:70px; float:left; margin-bottom:30px;}
}
@media screen and (max-width: 999px) and (min-width: 400px) {
	#globalnavi div{width:25%; height:70px; float:left; margin-bottom:30px;}
}
@media screen and (max-width: 399px){
	#globalnavi div{width:33%; height:70px; float:left; margin-bottom:30px;}
	#globalnavi div:nth-of-type(3n-1){width:34%;}
}
#globalnavi a{color:#fff; display:block; height:70px; margin:0 10px; position:relative; font-size:12px; line-height:1.3em;}
#globalnavi a span{position:absolute; top:55px; left:0px; right:0px; text-align:center; display:block; font-feature-settings:"palt";}
#m_mypage a{background:transparent url(../images/nav_mypage.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_fee a{background:transparent url(../images/nav_fee.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_point a{background:transparent url(../images/nav_point.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_exchange a{background:transparent url(../images/nav_exchange.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_premium a{background:transparent url(../images/nav_premium.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_tutorial a{background:transparent url(../images/nav_tutorial.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_setting a{background:transparent url(../images/nav_setting.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_help a{background:transparent url(../images/nav_help.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_best a{background:transparent url(../images/nav_best.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_about a{background:transparent url(../images/nav_about.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_contact a{background:transparent url(../images/nav_contact.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_info a{background:transparent url(../images/nav_info.png) no-repeat center top; -moz-background-size:50px; -webkit-background-size:50px; -o-background-size:50px; -ms-background-size:50px; background-size:50px;}
#m_new a{background:transparent url(../images/nav_new.png) no-repeat center top; -moz-background-size:56px; background-size:56px;}
#m_givelike a{background:transparent url(../images/nav_givelike.png) no-repeat center top; -moz-background-size:56px; background-size:56px;}
#m_favorite a{background:transparent url(../images/nav_favorite.png) no-repeat center top; -moz-background-size:56px; background-size:56px;}
#m_close a{display:block; background:transparent url(../images/close.png) no-repeat center center; -moz-background-size:25px; -webkit-background-size:25px; -o-background-size:25px; -ms-background-size:25px; background-size:25px; width:25px; height:25px; position:absolute; right:12px; top:12px; text-indent:100%; overflow:hidden; white-space:nowrap;}
#pickup{background:#f8f8f8; margin-bottom: 51px;}
#pickup h2{display:block; background:#ecf9f8; color:#232b2b; font-weight:500; padding:10px 20px; font-size:14px; border-bottom:1px solid #E8E8E8;}
.pickupInner{padding:15px 5px 0 5px; color:#232b2b;}
#pickup img{width:100%; vertical-align:middle; margin-bottom:10px;}
.card{width:50%; float:left;}
.card figure{background:#fff; border:1px solid #ddd; padding:5px; margin:0 5px 10px 5px; position:relative;}
.cardThumbOuter{padding-top:50%; position:relative; margin-bottom:5px; }
.cardThumb{text-indent:100%; overflow:hidden; white-space:nowrap; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0; left:0; right:0; bottom:0;}
#pickup a h3{color:#232b2b; font-weight:500; font-size:12px; line-height:1.5em; height:36px; overflow:hidden;}
#globalnavi .new_sign{left:46%; top:0; -webkit-transform:rotate(0deg) translateX(21px); transform:rotate(0deg) translateX(21px); width:16px; height:16px; line-height:16px;}


/* article */
#content_head{padding:7px 10px; position:relative; border-bottom:1px solid #eee;}
#content_head h2{font-size:14px; line-height:32px; display:block; font-weight:500; color:#276270;}
#content_head h2 span{font-size:16px;}
#view_type{position:absolute; top:50%; right:10px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.topnav #view_type{position:relative; right:0; width:72px; height:36px; margin:0 auto;}
#view_type li{float:left; display:block; width:36px; height:36px; overflow:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#view_type li a{background:#5fc9bc; display:block; width:100%; height:100%; overflow:hidden; color:#8fd9d0; text-align:center; line-height:36px; font-size:16px;}
#view_type li#view_th a{-moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
#view_type li#view_li a{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
#view_type li a.active{background:#ecf9f8; color:#5fc9bc;}
.search_btn a{color:#fff; font-size:22px; text-align:center; line-height:50px;}
.search_btn a i{position:relative; top:-4px;}
.search_btn.filtering a i{background:#ecf9f8; color:#5fc9bc; font-size:16px; display:inline-block; padding:6px; top:-6px; -webkit-border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; border-radius:14px;}
#content_body{padding:13px 10px 0;}
#content_body.top_list{padding:0;}
#content_body h2{display:block; font-size:18px; color:#276270; font-weight:500; line-height:1.7em;}
#content_body h3{display:block; background:#ecf9f8; color:#276270; font-size:14px;  border-left:4px solid #276270; padding:5px 10px; font-weight:500;}
#content_body h3.red{display:block; background:rgba(255,107,107,.12); color:#276270; font-size:14px;  border-left:4px solid #ff5454; padding:5px 10px; font-weight:500;}
#content_body h3.blue{display:block; background:rgba(90,176,255,.10); color:#276270; font-size:14px;  border-left:4px solid #1e72ff; padding:5px 10px; font-weight:500;}
#content_body h3.yellow{display:block; background:rgba(255,209,102,.16); color:#276270; font-size:14px;  border-left:4px solid #fbbf24; padding:5px 10px; font-weight:500;}
#content_body ul.guideline li{display:block; font-size:14px; margin: 8px 20px; border-left:4px solid #6cc; padding:5px 10px; font-weight:500;}

article nav{padding:10px;}
article nav li{float:left; height:40px;}
article nav li a{display:block; border:1px solid #fff; border-right:0; height:38px; text-align:center; line-height:38px; color:#fff; background:#ccc;}
article nav li a.active{background:#84D8D1; color:#fff;}
article nav li:first-of-type a{border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; -o-border-radius:5px 0 0 0; -ms-border-radius:5px 0 0 0;}
article nav li:last-of-type a{border-right:1px solid #fff; border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0; -ms-border-radius:0 5px 0 0;}
article nav li a:hover{color:#276270;}


/* サムネイル表示 */
.chara_box{float:left; position:relative; padding:0 0 20px 0;}
@media screen and (min-width: 1000px) {
	.chara_box{width:50%; max-width:300px;}
}
@media screen and (max-width: 999px) and (min-width: 400px) {
	.chara_box{width:33%;}
}
@media screen and (max-width: 399px){
	.chara_box{width:50%;}
}
.chara_box a{color:#232b2b;}
.chara_box .thumbnail{margin:0 5px;}
.newface{position:absolute; top:10%; left:5%; width:30px; height:30px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; background:#ff90a1; color:#fff; line-height:30px; text-align:center; font-size:10px; -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); z-index:6;}
.chara_box ul{margin:0 5px; text-align:center; white-space:nowrap;}
.chara_box li{display:inline-block; height:20px; line-height:20px; white-space:nowrap; font-size:12px;}
.chara_box .tweets{margin:0 5px; border:1px solid #ddd; padding:5px 10px; font-size:12px; background:#fff;}
.chara_box .tweets p{height:28px; overflow:hidden; line-height:1.4em; font-size:10px; color:#666;}
.chara_box .like_space{width:100%; margin:5px 0 0;}
.chara_box .like_space a{height:40px; line-height:40px; margin:0 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.chara_box .online{width:20px; text-indent:-9999px; white-space:nowrap; background:transparent url(../images/icon_online.png) no-repeat left center; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; -o-background-size:auto 100%; -ms-background-size:auto 100%; background-size:auto 100%;}
.chara_box .offline{display:none;}
.chara_box .short_span,.chara_box .long_span{width:10px; text-indent:-9999px; display:inline-block;}
.chara_box .short_span::before,.chara_box .long_span::before{left:2px;}
.chara_box .area,.chara_box .age{margin-right:3px;}
.chara_box .compa{text-indent:20px;}
.chara_box .like_get{text-indent:17px; background-color:rgba(255,255,255,.9); background-position:3px center; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; padding:0 7px; border:1px solid #f8f8f8; position:absolute; bottom:92px; right:5px;}
#community_detail + #content_body .chara_box .like_get{bottom:135px;}

.learning{position:fixed; z-index:15; content:""; display:none;}
.learn_top,.learn_last{position:fixed; z-index:15; content:""; display:block; top:50%; left:0; right:0;}
.learn_top .tips_balloon,.learn_last .tips_balloon{position:relative;}
.learn_view{top:7px; right:0; left:0; margin:0 auto; width:72px; height:36px; background:#5fc9bc; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; line-height:36px; color:#8fd9d0; font-size:16px; padding-right:36px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.learn_view span{position:absolute; right:0; height:36px; width:36px; background:#ecf9f8; border-radius:0 5px 5px 0; color:#5fc9bc;}
.learn_search{top:0; left:0; width:50px; height:50px; color:#fff; text-align:center; line-height:50px; background:#355654;}
.learn_search i{position:relative; top:-4px; font-size:22px; line-height:50px;}
.learn_search span{font-size:11px; display:block; position:absolute; bottom:-16px; left:0; right:0; text-align:center;}
.learn_approach{bottom:0; left:60%; width:20%; height:50px; text-align:center; font-size:10px; color:#798482; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#fff; line-height:1;}
.learn_approach i{display:block; height:35px; font-size:21px; line-height:35px;}
.learn_menu{top:0px; right:0; width:50px; height:50px; color:#fff; text-align:center; font-size:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-top:34px; line-height:1.5em; background:url(../images/nav.png) no-repeat center -4px; -moz-background-size:50px; -webkit-background-size:50px; -ms-background-size:50px; -o-background-size:50px; background-size:50px;}
.learn_ani{position:fixed; z-index:19; left:0; right:0;}
.learn_ani .tips_balloon{-webkit-animation:none; -moz-animation:none; -ms-animation:none;  -o-animation:none; animation:none; bottom:10%; }
.learning .tips_balloon{-webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; position:absolute;}
.learn_view .tips_balloon{margin-top:5px; left:-60px; width:200px; max-width:none; top:100%; bottom:auto;}
.learn_search .tips_balloon{top:100%; bottom:auto; right:auto; width:150px; max-width:none;}
.learn_approach .tips_balloon{bottom:50px; right:-60px; left:auto; width:290px; max-width:none;}
.learn_menu .tips_balloon{top:100%; bottom:auto; left:auto; width:115px; max-width:none;}
.learn_view .tips_balloon::before{left:90px;}
.learn_approach .tips_balloon::before{left:190px;}
.learn_menu .tips_balloon::before{left:auto; right:20px;}
.learning .display_toBottom{margin-bottom:-15px;}
.learning .display_toTop{margin-top:-15px;}
#age_set_fee .tips_balloon,#age_set .tips_balloon{position:absolute; bottom:-50px;}

/* リスト表示 */
.list_body{background:#f8f8f8;}
.chara_list{position:relative; background:#fff; margin:0 0 13px; border:1px solid #ddd; box-shadow:1px 2px 5px rgba(0,0,0,.1); -webkit-transition:transform .3s .3s ease-in-out; -moz-transition:transform .3s .3s ease-in-out; transition:transform .3s .3s ease-in-out;}
.chara_list .section{position:relative; padding:10px 0;}
.chara_list .thumbnail{max-width:500px; width:100%; border-radius:0; padding:0; float:none; -moz-box-sizing:border-box; box-sizing:border-box;}
.chara_list .thumbnail .thumbnail_img{border-radius:0; top:0; bottom:0; left:0; right:0;}
.chara_list a{color:#232b2b;}
.chara_list .msg-ok{top:10px; left:6px;}
.basic_profile{position:absolute; bottom:0; left:0; right:0; top:60%; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.6))); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.prop_layer{padding:0 10px 3px; position:absolute; bottom:0; left:0; right:0;}
.prof_line{color:#fff; line-height:1; margin-bottom:7px;}
.prof_line li{display:inline-block; margin-right:7px; vertical-align:baseline; font-size:16px;}
.prof_line li:last-of-type{margin-right:0;}
.prof_line .online{padding:0 6px 0 28px; font-size:11px;}
.prof_line .offline{font-size:11px; color:#fff; padding:0 8px 0 20px; display:none;}
.prof_line .short_span,.prof_line .long_span{display: inline-block;}
.prof_line .compa{padding-left:28px; background-size:20px; vertical-align:middle;}
.prof_line .like_get{padding-left:28px; background-size:20px; font-size:17px; vertical-align:middle;}
.sub_photo i{font-size:12px; margin-right:5px;}
.chara_list .newface{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); margin-right:0; top:10px; right:6px; left:auto;}
.chara_list .like_space{width:100%; max-width:500px; margin:10px auto; padding:0 10px; -moz-box-sizing:border-box; box-sizing:border-box; clear:both; position:relative; display:-webkit-box; -webkit-box-pack:center; display:-webkit-flex; -webkit-justify-content:center; display:flex; justify-content:center;}
.chara_list .like_space a{height:40px; line-height:40px; display:inline-block; width:100%;}
.chara_list .like_space a.like{max-width:320px;}
.chara_list .like_space a.skip_btn{width:60%; margin-right:2%;}
.profile_list{padding:5px 0 0 10px; margin-bottom:10px;}
.profile_list li{display:inline-block; font-weight:500; text-align:left; color:#999; font-size:12px; margin-right:10px;}
.profile_list li span{display:inline-block; color:#276270; font-size:14px;}
.get_card.clearfix{position:relative; min-height:437px; min-height:calc(100vh - 147px); -moz-box-sizing:border-box; box-sizing:border-box;}
.above_list{position:absolute; top:13px; left:10px; right:10px; z-index:7;}
.get_card .chara_list:not(:last-child){-webkit-transform:translate(4px,4px); -moz-transform:translate(4px,4px); transform:translate(4px,4px);}
.get_card .chara_list.isForward{-webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0);}
.get_card .profile_list{height:46px; overflow:hidden;}
.toMatchingList{-webkit-transform:translate(80px,50vh) scale(.3); -moz-transform:translate(80px,50vh) scale(.3); transform:translate(80px,50vh) scale(.3); opacity:0; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; transition:all .6s ease-in-out;}
.toSkipList{-webkit-transform:translate(-200px,0) scale(.8); -moz-transform:translate(-200px,0) scale(.8); transform:translate(-200px,0) scale(.8); opacity:0; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
@media screen and (min-width: 530px) {
	.chara_list .thumbnail{max-width:350px; float:left; margin-right:10px; margin-bottom:10px;}
	.profile_list{padding:5px 0 10px 360px;}
	.profile_list li span{max-width:120px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:bottom;}
	.get_card .profile_list{height:auto; overflow:visible;}
}

/* recommend */
#recommend{background:#ecf9f8; padding:20px 10px 30px;}
#recommend h2{display:block; color:#276270; font-weight:500; font-size:16px; text-align:center;}
#recommend.get_like_recomme{background:#ffb60c; padding:10px;}
#recommend.get_like_recomme h2{color:#fff;}
.recommend_list{width:25%; float:left; text-align:center;}
.recommend_list .thumbnail{width:80%; max-width:100px; margin:20px auto 7px auto; background-color:#fff; padding:3px;}
.recommend_list .thumbnail_img{max-width:100px; top:3px; bottom:3px; left:3px; right:3px;}
.recommend_list ul{line-height:1.2em;}
.recommend_list li{display:inline-block; padding:0 2px; font-size:12px;}
article .disc{background:#ecf9f8; border:1px solid #84d8d1; color:#5fc9bc; margin:10px 10px 0 10px; padding:10px;}


/* profile */
#content_body.prof_content{padding:0;}
#content_body.prof_bottom_padding{padding-bottom:60px;}
.prof_body{padding:13px 10px; background:#f8f8f8;}
#face,#my_status,#my-access,#detail_prof,#join_community,#introduction,#check_prof,#ans_like{background:#fff; margin-bottom:13px; position:relative;}
#my-status{margin:0 -10px 13px 0; position:relative;}
#next-like{background:#fff; position:relative;}
.prof_body .inner{padding:10px;}
#content_body .prof_body h2{margin-bottom:10px;}
#content_body .prof_body #my-tweets h2{margin-bottom:0; position:absolute; bottom:10px;}
#content_body h2 span{font-size:12px;}

#setting_btn{margin-bottom:10px;}
#setting_btn a{display:block; height:100%; line-height:50px; text-align:center; color:#276270; border:1px solid #4e8c9b; background:url(../images/btn_anslike.png) no-repeat 10px center; -webkit-background-size:25px; -moz-background-size:25px; -ms-background-size:25px; -o-background-size:25px; background-size:25px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.editor{display:none;}
#my_status .thumbnail{float:left; width:40%; max-width:300px; overflow:visible;}
#my_status .thumbnail .m_sign{position:absolute; bottom:0; right:10px; z-index:1;}
#my_status .property{float:left; width:55%;}
#my_status ul{margin:20px 0 0 15px; font-size:16px;}
#my_status .HN{display:block;}
#my_status .area{display:inline-block; padding:0 10px 0 0;}
#my_status .age{display:inline-block;}
#prof_rate{text-align:center; font-size:11px; margin:0 0 0 15px; white-space:nowrap;}
#prof_rate span{font-size:16px; color:#5fc9bc; padding-left:5px;}
#prof_rate .meter{border:1px solid #84d8d1; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; background:#fff; overflow:hidden; text-align:left;}
#prof_rate .progress{height:8px; text-indent:100%; overflow:hidden; white-space:nowrap; background:#a2d7eb; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; -ms-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
#my-tweets{margin-top:10px;}
#my-tweets p{margin:5px 0; border:1px solid #ddd; padding:5px 10px; position:relative; z-index:4; background:#fff; position:relative;}
#my-tweets p::before{content:""; position:absolute; top:-5px; left:53px; display:block; width:0px; height:0px; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent #fff transparent; z-index: 5;}
#my-tweets p::after{content:""; position:absolute; top:-6px; left:54px; display:block; width:0px; height:0px; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #ddd transparent; z-index: 4;}

.detail_submit{text-align:center;}
.detail_submit a,.detail_submit input{-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; font-size:14px; height:40px; line-height:40px; text-align:center; display:inline-block; border:0;}
.detail_submit .cancel{background:#aaa; color:#fff; width:80px;}
.detail_submit input{padding:0; background:#4ec1b3; color:#fff; width:150px;}
#content_body #my-status h2{font-size:10px; line-height:1.5em;}
#my-status > div{float:left; width:50%;}
#my-status h2{white-space:nowrap;}
#my-status section{margin-right:10px; text-align:center; padding:5px 0 20px 0; position:relative; z-index:1;}
#my-status section::after{display:block; content:""; position:absolute; right:0; bottom:0; z-index:5; width:0; height:0; border-style:solid; border-width:0 0 10px 10px; border-color:transparent transparent #fc798c transparent;}
.restLike section{border:1px solid #fc798c; background:#fff5f7;}
.restStatus section{border:1px solid #4e8c9b; background:#ffffff;}
#my-status .restStatus section::after{border-color:transparent transparent #4e8c9b transparent;}
.restLike a,.restStatus a{color:#5fc9bc;}
.restLike a{color:#fc798c;}
.rest_status{display:inline-block; width:40px; height:40px; background:#f8f8f8; text-align:center; line-height:40px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; margin:5px 0; white-space:nowrap; position:relative;}
.rest_status a{display:block; height:100%; text-decoration:none; color:#276270;}
.user-rank{line-height:20px; white-space:nowrap;}
.num{line-height:20px; font-size:18px; position:relative; padding-left: 16px; white-space:nowrap;}
.restLike .num{background:url(../images/rest_like.png) no-repeat 10px center; -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px;}

#face #select_photo{padding-bottom:5px;}
#face #select_photo li a{display:block;}
#face #select_photo li .photo_edit{position:absolute; top:0; bottom:0; left:0; right:0; display:block; border:1px solid #4e8c9b; color:#276270; font-size:10px; text-align:center; padding-top:60%; background:url(../images/btn_photo.png) no-repeat center 5px #fff; -webkit-background-size:25px auto; -moz-background-size:25px auto; -ms-background-size:25px auto; -o-background-size:25px auto; background-size:25px auto;}
#face #select_photo .sq-thumbnail{width:90%; max-width:100px; margin:0 auto;}
#select_photo .m_sign{position:absolute; left:0; right:0; top:50%; width:45px; margin:0 auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.get_photoReq{position:absolute; right:-5px; top:-5px; width:40px; height:40px; background:url(../images/photo_req.png) no-repeat center center #ff90a1; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; text-indent:100%; overflow:hidden; white-space:nowrap; -moz-background-size:100%; -webkit-background-size:100%; -o-background-size:100%; -ms-background-size:100%; background-size:100%;}
#sub-thumb{position:relative;}
#sub-thumb .pager a{margin-top:-15px;}
#sub-thumb .pager .prev{position:absolute; top:50%; left:-5px;}
#sub-thumb .pager .next{position:absolute; top:50%; right:-5px;}
#sub-thumb .pager a{width:25px; height:25px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; color:#276270; display:block; border:1px solid #4e8c9b; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align:center; background:rgba(255,255,255,.3);}
#introduction p{margin:10px 5px;}

.join_list{width:33%; float:left; font-size:12px; text-align:center; padding-bottom:10px; line-height:1.5em; min-height:130px; word-break:break-word;}
.join_list .thumbnail{margin:0 auto; max-width:80px;}
#join_community h3{margin-bottom:10px;}
#join_community .pager{height:25px; position:relative; clear:both;}
#join_community .pager a{display:block; width:25px; height:25px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; color:#276270; border:1px solid #4e8c9b; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align:center;}
#join_community .pager .prev{position:absolute; top:0; left:0;}
#join_community .pager .next{position:absolute; top:0; right:0;}
.pager a i{line-height:23px;}
.reviewThumb .thumbnail_img{opacity:.6;}
#join_community .defult{padding:10px 5px;}

/* 写真リクエスト */
.photo_list{position:relative;}
.photo_list .delete{position:absolute; right:50%; margin-right:-90px; top:100px;}
.photo_list .m_sign{position:absolute; left:50%; bottom:80px; margin-left:-80px;}
.basic_parts .photo_list .sq-thumbnail{vertical-align:bottom; width:100%; max-width:120px; margin:20px auto;}
.get_fb_photo{border:2px solid #84d8d1; padding:7px 10px; color:#5fc9bc; text-align:center; position:relative; z-index:1;}
.get_fb_photo::before{content:""; position:absolute; bottom:-9px; left:50%; margin-left:-12px; width:0px; height:0px; border-style:solid; border-width:12px 12px 0 12px; border-color:#fff transparent transparent transparent; z-index:1;}
.get_fb_photo::after{content:""; position:absolute; bottom:-12px; left:50%; margin-left:-10px; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#84d8d1 transparent transparent transparent; z-index:0;}
.photo_edit_btn{padding:0 0 20px 0; text-align:center;}
.photo_edit_btn li{display:inline-block; height:40px; width:45%; max-width:165px;}
.photo_edit_btn li:nth-child(2){margin-left:5px;}
.photo_edit_btn a{display:block; text-align:center; color:#276270; border:1px solid #4e8c9b; line-height:40px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; width:100%; position:relative; font-size:12px; text-indent:10px;}
.photo_edit_btn span{display:block; text-align:center; background:#f3f3f3; color:#e4e4e4; line-height:40px; opacity:0.5; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; width:100%; position:relative; font-size:12px; text-indent:10px;}
.photo_edit_btn a i,.photo_edit_btn span i{position:absolute; left:10px; line-height:40px; font-size:14px; text-indent:0;}
.photoPlus{margin-bottom:20px;}
.req_desc{padding:10px; background:#ecf9f8; border:1px solid #84d8d1; color:#5fc9bc; font-size:16px; font-weight:bold; margin:0 0 10px 0;}
.photo_req .thumbnail_img{background:url(../images/photo_req_btn.png) no-repeat center 5px #fff; border:1px solid #84d8d1; text-indent:0; text-align:center; font-size:10px; color:#84d8d1; line-height:1.1em; -webkit-background-size:40px; -moz-background-size:40px; -ms-background-size:40px; -o-background-size:40px; background-size:40px;}
#send_photoReq .thumbnail_img{background:url(../images/photo_req_btn_send.png) no-repeat center 5px #fff; border:1px solid #ff90a1; text-indent:0; text-align:center; font-size:10px; color:#ff90a1; line-height:1.1em; -webkit-background-size:40px; -moz-background-size:40px; -ms-background-size:40px; -o-background-size:40px; background-size:40px;}
.thumbnail_img span{position:absolute; bottom:3px; left:0; right:0; letter-spacing:-.2em;}

/* 自分のプロフ設定 */
.detail_list{margin:7px 0;}
#mypage .detail_list{margin:0;}
#mypage .detail_list:first-of-type{margin-top:10px;}
#mypage .detail_list:last-of-type{margin-bottom:10px;}
#prof .detail_list tr:last-of-type th,#prof .detail_list tr:last-of-type td{border-bottom:none;}
#mypage .detail_list:last-of-type th,#mypage .detail_list:last-of-type td{border-bottom:none;}
.detail_list th{text-align:left; font-weight:500; width:96px; padding:7px 10px 7px 0; color:#999; font-size:12px;}
.detail_list th{border-bottom:1px solid #eee; padding-left:10px;}
.detail_list td{color:#276270; border-bottom:1px solid #eee;}
.detail_list .push_head{max-width:150px;}
.detail_list .push_head div{position:relative; margin:5px 0;}
.detail_list .push_head a{white-space:nowrap; display:block; text-align:center; background:#dee8e7; color:#276270; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; overflow:hidden; text-overflow: ellipsis;}
.detail_list .push_head .unset{background:#4ec1b3; color:#fff;}
.detail_list .push_head .m_sign{position:absolute; bottom:-5px; right:-5px;}
.popform{position:fixed; top:80px; left:20px; right:20px; background:#fff; padding:10px; z-index:14; -moz-box-shadow:0 5px 10px 1px rgba(0,0,0,.3); -webkit-box-shadow:0 5px 10px 1px rgba(0,0,0,.3); -o-box-shadow:0 5px 10px 1px rgba(0,0,0,.3); -ms-box-shadow:0 5px 10px 1px rgba(0,0,0,.3); box-shadow:0 5px 10px 1px rgba(0,0,0,.3); overflow:auto; height:auto; max-height:70%; -webkit-overflow-scrolling:touch; display:none; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; max-width:450px; margin:0 auto;}
.popform::-webkit-scrollbar{width:5px; background:#eee; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}
.popform::-webkit-scrollbar-thumb{background:#aaa; border-radius:2px;}
.popform fieldset:first-child{margin:15px 0;}
#detail_prof section:last-of-type .detail_list:last-of-type{margin-bottom:0;}
#detail_prof p{padding:20px 0;}
.popform .text_label{padding: 0;}
.popform .text_label span{display:block; font-size:12px; color:#999;}
.popform .detail_submit{padding:15px 0 10px;}
.delete{display:inline-block; width:20px; margin-left:5px; height:20px; background:#aaa; color:#fff; line-height:20px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.popform .option_btn_space{text-align:left;}
.popform-submit{position:fixed; left:20px; right:20px; background:#fff; z-index:14; display:none; padding:0 10px 10px 10px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; max-width:450px; margin:0 auto;}
@media screen and (max-width: 359px) {
	.popform-submit{bottom:30px;}
	.popform .form_set{padding-bottom:30px;}
}
@media screen and (max-width: 413px) and (min-width: 360px) {
	.popform-submit{bottom:60px;}
	.popform .form_set{padding-bottom:10px;}
}
@media screen and (max-width: 767px) and (min-width: 414px) {
	.popform-submit{bottom:70px;}
	.popform .form_set{padding-bottom:0px;}
}

@media screen and (min-width: 768px) {
	.popform-submit{bottom:16%;}
	.popform .form_set{padding-bottom:10px;}
}
.popform li{display:inline-block;}
.popform input[type=checkbox] + label{font-size:14px; display:inline-block; padding:2px 10px 2px 20px;}

/* マイプロフを見る */
#myprofile a{display:block; background:url(../images/btn_profile.png) no-repeat 10px center; height:100%; line-height:50px; text-align:center; color:#276270; border:1px solid #4e8c9b; border-radius:5px; -moz-background-size:25px; background-size:25px;}

/* 相手のプロフィールいいねボタン周り */
.prof_body .like_space{width:100%; max-width:420px; margin:0 auto; position:relative;}
.prof_body .like_space a{height:50px; line-height:50px; -moz-background-size:24px; background-size:24px; display:inline-block; width:60%;}
.prof_body .like_space a.after-look{line-height:46px;}
.prof_body .like_space a.look,.prof_body .like_space a.after-look,.prof_body .like_space a.to_message,.prof_body .like_space a{display:block; width:100%; max-width:320px; margin:0 auto;}
.bottom-fix{position:fixed; bottom:0; left:0; right:0; z-index:12; padding:10px; background:rgba(255,255,255,.9);}

/* 相手のプロフィール写真 */
#big_photo{overflow:hidden; position:relative;}
.slick-slider{display:none;}
@media screen and (min-width: 801px) {
	#big_photo{width:75%; max-width:600px;}
	#semi_photo{position:absolute; top:0; left:600px; width:40%; max-width:200px;}
	#semi_photo #select_photo{padding-bottom:0px;}
}
@media screen and (max-width: 800px) and (min-width: 400px) {
	#big_photo{width:80%;}
	#semi_photo{position:absolute; top:0; right:0; width:20%;}
	#semi_photo #select_photo{padding-bottom:0px;}
}
@media screen and (max-width: 399px){
	#big_photo{width:100%;}
	#semi_photo{position:relative;}
	#semi_photo #select_photo{padding-bottom:13px;}
	#semi_photo #select_photo .sq-thumbnail{width:90%; max-width:100px; margin:0 auto;}
}
#big_photo .prop_layer{padding:0 13px;}
#main_photo{width:400%;}
#main_photo li,#main_photo figure{float:left; width:25%; position:relative;}
#main_photo figure:nth-of-type(n+4){display:none;}
#main_photo .sq-thumbnail .thumbnail_img{-moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover;}
#tweet{border:1px solid #ddd; padding:3px 10px; font-size:12px; position:relative; z-index:4; background:#fff; margin-bottom:13px; color:#666;}
#tweet::before{content:""; position:absolute; top:-5px; left:13px; display:block; width:0px; height:0px; border-style:solid; border-width:0 7px 7px 7px; border-color:transparent transparent #fff transparent; z-index: 5;}
#tweet::after{content:""; position:absolute; top:-6px; left:14px; display:block; width:0px; height:0px; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #ddd transparent; z-index: 4;}
#semi_photo .pager a{width:25px; height:25px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; border-radius:15px; color:#276270; display:block; border:1px solid #4e8c9b; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; text-align:center;}
.img-file-view{display:none; margin-bottom:10px;}
.img-file-view .sq-thumbnail{width:100px;}
.img-file-view .sq-thumbnail::before{padding:0;}
#msg-ok,.msg-ok{position:absolute; top:9px; left:9px; font-size:10px; background:rgba(252,121,140,.7); -moz-background-size:40px auto; height:20px; line-height:20px; padding:0 7px; border-radius:20px; border:1px solid rgba(255,255,255,.4); color:#fff; z-index:5;}
#msg-ok.msg-ng,.msg-ng{display:none;}
#select_photo .active .thumbnail_img{box-shadow:inset 0 0 0 1px #84d8d1;}
#report_display{position:absolute; top:0; right:0; margin:10px 7px; padding:5px 15px 5px 30px; display:block; background:url(../images/icon_report_red@3x.png) no-repeat 10px 9px rgba(255,246,246,.9); font-size:12px; z-index:5; color:#ff5454; text-align:center; -moz-border-radius:18px; -webkit-border-radius:18px; -ms-border-radius:18px; -o-border-radius:18px; border-radius:18px; -moz-background-size:15px auto; -webkit-background-size:15px auto; -ms-background-size:15px auto; -o-background-size:15px auto; background-size:15px auto;}
.last_access{background-color:rgba(0,0,0,.6); height:24px; line-height:24px;}
.last_access.online{background-image:url(../images/icon_online.png); background-repeat:no-repeat; background-position:5px center; -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px; color:#a8fff8;}
.offline::before{display:block; content:""; position:absolute; width:6px; height:6px; background:#aaa; border-radius:3px; top:50%; left:8px; margin-top:-3px;}
.short_span::before{background-color:#7ce06e;}
.long_span::before{background-color:#ffe228;}

/* 相手のステータス */
#ans_like h3{margin-bottom:10px;}
#ans_like h4{font-size:12px; color:#999; font-weight:500; padding:0 10px;}
#ans_like p{padding:6px 15px 15px 15px; border-bottom:1px solid #eee; color:#276270; margin-bottom:10px;}
#ans_like p:last-child{margin-bottom:0; border-bottom:none;}
#ans_like .inner{padding-bottom:0;}

/* プロフ設定ボタン */
#conf_menu{padding:10px; display:none; position:fixed; top:50px; left:0; right:0; z-index:14;}
#conf_menu li{margin-bottom:10px; display:none; max-width:500px; margin-left:auto; margin-right:auto;}
#conf_menu a{display:block; height:50px; line-height:50px; text-align:center; font-size:18px; background-color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; color:#276270;}
#conf_menu a.cancel{background:#999; color:#fff;}
.favorite{background:url(../images/btn_favorite.png) no-repeat 10px 0 #fff; -webkit-background-size:24px auto; -moz-background-size:24px auto; -ms-background-size:24px auto; -o-background-size:24px auto; background-size:24px auto;}
.user-block{background:url(../images/btn_block.png) no-repeat 10px 0 #fff; -webkit-background-size:24px auto; -moz-background-size:24px auto; -ms-background-size:24px auto; -o-background-size:24px auto; background-size:24px auto;}
.favorite-on{background-position:10px -50px;}
.user-block-on{background-position:10px -50px;}
#conf_menu .report{background:url(../images/icon_report_g.png) no-repeat 10px center #fff; -webkit-background-size:24px; -moz-background-size:24px; -ms-background-size:24px; -o-background-size:24px; background-size:24px;}
.menu-animation{transform-origin:right top; -webkit-animation:menuanime .3s ease-in-out; -moz-animation:menuanime .3s ease-in-out; -o-animation:menuanime .3s ease-in-out; animation:menuanime .3s ease-in-out;}
.remove-menu{transform-origin:right top; -webkit-animation:removeMenu .2s ease-in-out; -moz-animation:removeMenu .2s ease-in-out; -o-animation:removeMenu .2s ease-in-out; animation:removeMenu .2s ease-in-out;}
@-webkit-keyframes menuanime{
	0%{-webkit-transform:scale(.8) translate(10px,-20px); opacity:0;}90%{-webkit-transform:scale(1.02) translate(-1px,10px);}100%{-webkit-transform:scale(1) translate(0,0); opacity:1;}
}
@-webkit-keyframes removeMenu{
	0%{-webkit-transform:scale(1) translateY(0);}100%{-webkit-transform:scale(.4) translateY(-40px);}
}
@-moz-keyframes menuanime{
	0%{-moz-transform:scale(.8) translate(10px,-20px); opacity:0;}90%{-moz-transform:scale(1.02) translate(-1px,10px);}100%{-moz-transform:scale(1) translate(0,0); opacity:1;}
}
@-o-keyframes removeMenu{
	0%{-o-transform:scale(1) translateY(0);}100%{-o-transform:scale(.4) translateY(-40px);}
}
@-o-keyframes menuanime{
	0%{-o-transform:scale(.8) translate(10px,-20px); opacity:0;}90%{-o-transform:scale(1.02) translate(-1px,10px);}100%{-o-transform:scale(1) translate(0,0); opacity:1;}
}
@-moz-keyframes removeMenu{
	0%{-moz-transform:scale(1) translateY(0);}100%{-moz-transform:scale(.4) translateY(-40px);}
}
@keyframes menuanime{
	0%{transform:scale(.8) translate(10px,-20px); opacity:0;}90%{transform:scale(1.02) translate(-1px,10px);}100%{transform:scale(1) translate(0,0); opacity:1;}
}
@keyframes removeMenu{
	0%{transform:scale(1) translateY(0);}100%{transform:scale(.4) translateY(-40px);}
}


/* pagenation */
#info_body + .pagenation,.info_func .pagenation{height:40px; margin:10px auto; width:100%; max-width:200px; position:relative; clear:both;}
#info_body + .pagenation li,.info_func .pagenation li{display:block; width:50%; height:40px; text-align:center; line-height:38px; color:#276270;}
#info_body + .pagenation li .unactive,.info_func .pagenation li .unactive{color:#e4e4e4; border-color:#f3f3f3; background:#f3f3f3; z-index:1;}
#info_body + .pagenation li a,#info_body + .pagenation li span,
.info_func  .pagenation li a,.info_func .pagenation li span{display:block; width:99px; height:38px; text-align:center; line-height:38px; color:#276270; position:relative; border:1px solid #4e8c9b; z-index:2;}
#info_body + .pagenation li:first-of-type,.info_func .pagenation li:first-of-type{position:absolute; top:0; left:0;}
#info_body + .pagenation li:last-of-type,.info_func .pagenation li:last-of-type{position:absolute; top:0; right:0;}
#info_body + .pagenation li:first-of-type a,.info_func .pagenation li:first-of-type a,#info_body + .pagenation li:first-of-type span,.info_func .pagenation li:first-of-type span{border-radius:5px 0 0 5px;}
#info_body + .pagenation li:last-of-type a,.info_func .pagenation li:last-of-type a,#info_body + .pagenation li:last-of-type span,.info_func .pagenation li:last-of-type span{border-radius:0 5px 5px 0;}
#info_body + .pagenation li a i,#info_body + .pagenation li span i,
.info_func .pagenation li a i,.info_func .pagenation li span i{position:absolute; line-height:38px;}
#info_body + .pagenation li:first-of-type i,.info_func .pagenation li:first-of-type i{left:10px;}
#info_body + .pagenation li:last-of-type i,.info_func .pagenation li:last-of-type i{right:10px;}

.prof_content + .pagenation li{position:fixed; top:50%; z-index:11; margin-top:-40px;}
.prof_content + .pagenation li a,.prof_content + .pagenation li span{display:block; width:30px; height:80px; line-height:80px; color:#fff; font-size:36px; padding:0 5px; text-shadow:0 1px 5px rgba(0,0,0,.7); -moz-transition:all 1.5s ease; -webkit-transition:all 1.5s ease; -o-transition:all 1.5s ease; -ms-transition:all 1.5s ease; transition:all 1.5s ease;}
.prof_content + .pagenation li .unactive{display:none;}
.prof_content + .pagenation li:first-of-type{left:0; text-align:left;}
.prof_content + .pagenation li:last-of-type{right:0; text-align:right;}


/* search */
.search_body{padding:10px 10px 20px; background:#f8f8f8; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.form_tr{background:#fff; border-bottom:1px solid #eee;}
.search_body .form_th{padding:10px; cursor:pointer; color:#276270; /*background:url(../images/plus.png) no-repeat right center;*/ -moz-background-size:auto 15px; -webkit-background-size:auto 15px; -o-background-size:auto 15px; -ms-background-size:auto 15px; background-size:auto 15px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -o-transition:background-color .2s ease; -ms-transition:background-color .2s ease; transition:background-color .2s ease;}
.search_body .accordion-open{/*background-image:url(../images/minus.png);*/ }
.form_td{padding:10px; /*display:none;*/}
.form_td select,.form_td input[type="text"]{margin-bottom:5px;}
.form_body .option_btn_space{text-align:left; margin-top:10px;}
.submit_cell{text-align:center; padding:10px 0;}
.submit_cell a,.submit_cell input{border-radius:5px; font-size:14px; height:40px; line-height:40px; text-align:center; display:inline-block; border:0;}
.submit_cell .cancel{background:#aaa; color:#fff; width:80px;}
.submit_cell .other_card{background:#aaa; color:#fff; width:100%; max-width:300px; margin-bottom:10px;}
.submit_cell input[type="submit"],.submit_cell .submit{padding:0; background:#4ec1b3; color:#fff; width:100%; max-width:300px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; -webkit-transition:background .4s ease; -moz-transition:background .4s ease; -ms-transition:background .4s ease; -o-transition:background .4s ease; transition:background .4s ease;}
.submit_cell input[type="submit"]:disabled,.detail_submit input:disabled{background:#eee;}
.submit_cell input.disable{background:#999; font-size:18px;}
.search_body .submit_cell input[type="submit"]{width:140px;}
.submit_cell input[type="reset"]{padding:0; background:#aaa; color:#fff; width:60px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.search_body .form_set li{display:inline-block; padding:0 10px 0 5px; border:1px solid #84d8d1; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin-bottom:5px; background:#f9ffff; color:#2c6674;}
#fix_nav.form_tr{margin-bottom:0; z-index:11;}


/* history approach */
.tab{position:fixed; top:50px; left:0; right:0;z-index:11; background:#fff; box-shadow: 0 1px 0 rgba(0,0,0,.1);}
.tab li{float:left; width:50%; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.tab li a{display:block; height:50px; line-height:49px; text-align:center; position:relative; color:#999; font-size:12px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; transition:all .4s ease;}
.tab li a i{font-size:16px; color:#ddd; position:relative; top:2px; left:-5px;}
.tab li.current a,.tab li.current a i{color:#fe6d83;}
.tab::before{display:block; content:""; position:absolute; bottom:0; height:2px; background:#ff90a1; left:25%; right:25%; -webkit-transform:translateX(-50%) scaleX(.8); -moz-transform:translateX(-50%) scaleX(.8); transform:translateX(-50%) scaleX(.8); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.tab-1::before{-webkit-transform:translateX(-50%) scaleX(.8); -moz-transform:translateX(-50%) scaleX(.8); transform:translateX(-50%) scaleX(.8);}
.tab-2::before{-webkit-transform:translateX(50%) scaleX(.8); -moz-transform:translateX(50%) scaleX(.8); transform:translateX(50%) scaleX(.8);}
.h_md{line-height:32px; color:#276270; background:#f8f8f8; text-align:center; border-bottom:1px solid #eee;}
.visitor_list{border-bottom:1px solid #eee; padding:8px 7px; position:relative; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; transition:background .3s ease;}
.newlist{background:#fff5f6;}
.newlist::before{display: block; content: ""; position: absolute; top:0; left:0; width:0; height:0; border-style:solid; border-width:10px 10px 0 0; border-color:#fc798c transparent transparent transparent;}
.visitor_list .thumbnail{width:70px; float:left; padding:0; overflow:visible;}
.visitor_list .thumbnail .thumbnail_img{top:3px; bottom:3px; left:3px; right:3px;}
.visitor_list .property{float:left; width:70%; width:calc(100% - 70px); padding:0 10px; -moz-box-sizing:border-box; box-sizing:border-box;}
.visitor_list .property a{color:inherit;}
.visitor_list .property_head{line-height:1; font-size:16px; margin:8px 0; letter-spacing:-.4em; white-space:nowrap;}
.visitor_list .property_head li{display:inline-block; margin-right:8px; letter-spacing:normal; vertical-align:bottom;}
.visitor_list .property_head li:first-child{margin-right:6px;}
.visitor_list .property_head li:last-child{margin-right:0;}
.visitor_list .HN{overflow:hidden; text-overflow:ellipsis; max-width:46%;}
.visitor_list .property p{font-size:12px; line-height:1.1; color:rgba(35,43,43,.8); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; padding-right:10%; padding-right:10vw; max-height:27px;}
.visitor_list .property .matching{color:#ff3857;}
.visitor_list .m_sign{margin-right:3px; font-size:10px; padding:1px 2px; border-radius:3px; line-height:1;}
.btn_group{position:absolute; top:0; right:0;}
.toHide,.btnFavorite{display:inline-block; width:28px; height:32px; color:rgba(0,0,0,.2); text-align:center; line-height:32px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.favorite-on{color:#ffe416;}
.h_time{position:absolute; right:0; bottom:0; padding:8px 10px; font-size:10px; line-height:1; color:rgba(35,43,43,.5);}
.config{width:28px; height:32px; background:url(../images/config.png) no-repeat; -moz-background-size:28px; background-size:28px; text-indent:100%; overflow:hidden; white-space:nowrap; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.visitor_list .online{width:20px; text-indent:-9999px; white-space:nowrap; background:transparent url(../images/icon_online.png) no-repeat left center; -moz-background-size:20px; background-size:20px;}
.visitor_list .property .offline{width:6px; display:none; text-indent:-9999px;}
.visitor_list .property .short_span,.visitor_list .property .long_span{display:inline-block;}
.visitor_list .offline::before{left:1px;}
.visitor_list .like_space a{width:68%; height:28px; color:#fff; line-height:28px; font-size:15px; text-align:center; white-space:nowrap; background-position:5px center; -webkit--moz-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow:none; -moz-background-size:15px; background-size:15px; font-feature-settings:"palt"; margin-top:8px;}
.visitor_list .like_space a.after-look{white-space:normal; line-height:24px; color:#fdca06;}
.visitor_list .property a.release{border:1px solid #4e8c9b; color:#276270; padding:0; line-height:26px; font-size:14px; position:absolute; right:7px; bottom:10px; width:98px; display:block; text-align:center; border-radius:16px;}
.recommend_list a{color:inherit;}
.recommend_list .thumbnail{overflow:visible;}
.leave{background-color:#ddd; color:#666;}
.leave .thumbnail_img{background-image:url(../images/leave.png);}
.modal_prof.leave{background:transparent; color:inherit;}
.premium_space{padding:20px 10px;}
.to_premium{margin-bottom:10px;}
.to_premium a,.to_age a{display:block; padding:10px 0; text-align:center; border-radius:5px; max-width:320px; margin:0 auto; position:relative;}
.to_premium a{background:#fffc80; color:#276270; font-size:16px; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);}
.to_age a{background:#fff; color:#276270; font-size:18px; border:1px solid #4e8c9b;}
.to_premium i,.to_age i{position:absolute; left:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
@media screen and (max-width:374px) {
	.visitor_list .HN{max-width:36%;}
}
@media screen and (min-width:500px) {
	.visitor_list{padding:8px 14px;}
	.visitor_list .thumbnail{width:100px;}
	.visitor_list .property{width:49%; width:calc(100% - 100px); padding:0 20px;}
	.visitor_list .property p{font-size:14px;  max-height:30px;}
	.h_time{font-size:11px;}
	.visitor_list .like_space a{width:50%; height:40px; line-height:40px; font-size:18px; background-position:10px center; -moz-background-size:22px; background-size:22px;}
	.visitor_list .like_space a.after-look{line-height:36px;}
}
#toast{display:none; position:fixed; top:50%; left:50%; width:90px; height:90px; background:url(../images/config_btn.png) no-repeat center -40px rgba(0,0,0,.7); -moz-background-size:50px auto; background-size:50px auto; color:#fff; border-radius:10px; -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:11px; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding-top:60px; z-index:21;}
.visitor_list .new_sign{left:5px; top:5px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); width:15px; height:15px; line-height:15px;}

/* setting */
.basic_parts .basic_section h4{font-weight:500; font-size:12px; padding:5px 0; padding:10px 10px 10px 0; color:#999;}
.basic_parts{margin: 0 0 30px;}
.basic_parts:last-child{margin:0 0 13px;}
.basic_section{margin:10px 0; padding-bottom:10px; border-bottom:1px solid #eee; position:relative; right:-10px; margin-left:-10px;}
section + .basic_section{border-top:1px solid #eee;}
.basic_parts section p{margin:10px 0;}
.basic_parts img{width:100%; max-width:360px; margin:0 auto; display:block;}
.mail_address{padding:10px; background:#ecf9f8; border:1px solid #84d8d1; margin:0 0 10px;}
.mail_address h5{font-size:14px; font-weight:500;}
.mail_address p{color:#276270; font-size:18px; font-weight:bold; word-break:break-all;}
#mail_setting{display:none;}
#mail_setting input[type=text]{width:80%; border:1px solid #ccc;}
#mail_setting #mail_post{background:#4ec1b3; color:#fff; border:none; width:18%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#mail_setting span{font-size:11px; line-height:1.4em;}
#no_receive{margin:13px 10px; border:1px solid #f00; color:#f00; padding:10px 13px 10px 43px; font-size:12px; background:url(../images/icon_report_red@3x.png) no-repeat 13px center; -moz-background-size:20px; -webkit-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px; position:relative; line-height:1.4em; text-align:left;}
.angle{position:absolute; right:0; top:0; bottom:0; width:10px; background:#ff5454; text-align:center;}
.angle i{color:#fff; position:absolute; top:50%; left:0; right:0; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.setting_btn{text-align:center;}
.setting_btn a{margin:13px 0; width:240px;}
.update{margin:0 0 13px; font-size:12px;}

/* message */
.matching_list:hover{background:#f3fdfc;}

#message_head{position:fixed; top:0; left:0; right:0; background:#f8f8f8; padding:0 40px; text-align:center; z-index:4; border-bottom:1px solid #ddd; height:43px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#message_entry{position:fixed; bottom:0; left:0; right:0; background:#f8f8f8; padding:0 0 7px 0; z-index:4; border-top:1px solid #ddd;}
#message_head .back_index{position:absolute; left:5px; bottom:5px; width:30px; height:30px; line-height:30px;}
#message_head .back_index a{display:block; width:100%; height:100%; background:url(../images/back_index_b.png) no-repeat; -moz-background-size:30px; -webkit-background-size:30px; -o-background-size:30px; -ms-background-size:30px; background-size:30px; text-indent:100%; white-space:nowrap;}
#message_head .like_space{position:absolute; right:10px; bottom:5px; width:80px; height:30px; line-height:30px;}
#message_head .like_space a{height:28px;}
#message_head ul{display:-webkit-box; -webkit-box-align:center; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; height:100%;}
#message_head li{margin-right:4px; letter-spacing:-.4em;}
#message_head li span{letter-spacing:normal; margin-right:4px;}
#message_head li:last-of-type,#message_head li span:last-of-type{margin-right:0;}
.chara_value{max-width:123px; max-width:calc(100vw - 180px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#message_head .thumbnail{width:30px; padding:0;}
#message_head .thumbnail_img{top:0; left:0; right:0; bottom:0;}
#message_head.appeal-possible{padding-right:95px;}
#message_entry #m-option{position:absolute; bottom:8px; left:10px; width:40px; height:40px; z-index:1;}
#message_entry #m-option a{display:block; background:#fff; border-radius:5px; height:38px; border:1px solid #dfdfdf; overflow:hidden; position:relative;}
#message_entry #m-option a img{width:100%;}
#message_entry .option_cell{background:#fff; display:none;}
#message_entry .option_cell li{float:left; width:20%; height:50px; position:relative; overflow:hidden;}
#message_entry .option_cell li a,#message_entry .option_cell li span{display:block; height:100%; white-space:nowrap; overflow:hidden; font-size:8px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-top:30px;}
#message_entry .option_cell li a{color:#276270;}
#message_entry .option_cell li input[type="file"]{position:absolute; top:0; left:0; width:70px; height:50px; cursor:pointer; opacity:0; padding:0; z-index:1;}
.option_cell .prof_btn a{background:url(../images/btn_mypage.png) no-repeat center 5px; -moz-background-size:30px auto; -webkit-background-size:30px auto; -o-background-size:30px auto; -ms-background-size:30px auto; background-size:30px auto;}
.option_cell .block_btn a{background:url(../images/btn_block_msg.png) no-repeat center -10px; -moz-background-size:30px auto; -webkit-background-size:30px auto; -o-background-size:30px auto; -ms-background-size:30px auto; background-size:30px auto;}
.option_cell .block_btn a.user-block-on{background-position:center -70px;}
.option_cell .photo_btn a{background:url(../images/btn_photo.png) no-repeat center -10px; -moz-background-size:30px auto; -webkit-background-size:30px auto; -o-background-size:30px auto; -ms-background-size:30px auto; background-size:30px auto;}
.option_cell .fb_btn a,.option_cell .fb_sign a{background:url(../images/btn_fb.png) no-repeat center -10px; -moz-background-size:30px auto; -webkit-background-size:30px auto; -o-background-size:30px auto; -ms-background-size:30px auto; background-size:30px auto;}
.option_cell .fb_sign .disable,.option_cell .fb_btn .disable{opacity:.5; cursor:default;}
#message_entry .option_cell .fb_sign .active{background-position:center -70px; color:#385894;}
#message_entry .option_cell .fb_btn a.active{background-position:center -70px; color:#385894;}
.send_a_message{background:#fff; border:1px solid #ff90a1;  padding:15px; margin:10px 0; position:relative;}
.send_a_message p{color:inherit; font-size:13px; line-height:1.4; padding-left:70px;}
.send_a_message p span{color:#ff3857;}
#message_entry fieldset{padding:0 68px 0 53px; margin:7px 0 0 0;}
#message_entry textarea{height:32px; width:97%; vertical-align:bottom; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box; border:1px solid #ccc; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms- transition:all .5s ease; -o- transition:all .5s ease; transition:all .5s ease; resize:none; font-size:14px; line-height:1.2;}
#message_entry textarea:focus{height:50px; outline:none;}
#message_entry .submit_cell{padding:0; position:absolute; bottom:8px; right:10px; z-index:5;}
#message_entry .submit_cell input[type="submit"]{width:50px;}

#message_body{padding:43px 0 63px 0; background:#ecf9f8; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; min-height:620px;}
#message_body .inner{padding:10px;}
#message_body .m_date{text-align:center; padding:5px 0; background:#F7FFFE; width:120px; margin:5px auto; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; color:#aaa;}
#message_body .recv_msg{padding:10px 56px; position:relative; font-size:12px; line-height:1.5;}
#message_body .send_msg{padding:10px 20px 10px 72px; text-align:right;}
#message_body .thumbnail{position:absolute; top:10px; left:0; width:36px; height:36px; padding:2px;}
#message_body .thumbnail .thumbnail_img{top:2px; bottom:2px; left:2px; right:2px;}
#message_body .send_a_message .thumbnail{top:50%; left:10px; width:60px; height:60px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#message_body .m_text{border:1px solid #ccc; padding:10px 15px; background:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); -o-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); -ms-box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2); position:relative; display:inline-block; text-align:left;}
#message_body .m_text p{font-size:13px; line-height:1.5;}
#message_body .send_msg .m_text{background:#aee2d8; border-color:#9EDACE;}
.send_msg .m_time .m_sign{position:absolute; right:0; top:0; width:40px;}
.recv_msg .m_time{position:absolute; bottom:-5px; right:-40px; font-size:12px;}
.send_msg .m_time{position:absolute; bottom:-5px; left:-40px; font-size:12px; text-align:right;}
#message_body .recv_msg .m_img{text-align:left; position:relative; display:inline-block;}
#message_body .send_msg .m_img{text-align:right; position:relative; display:inline-block;}
#message_body .send_msg .reject-msg{color:#276270;}
.send_msg > .reject{padding:3px 5px; position:relative; margin-top:15px; text-align:center; font-size:12px; line-height:1.4em;}
.send_msg > .reject::after{content:""; position:absolute; top:-8px; left:50%; margin-left:-8px; display:block; width:0; height:0; border-style:solid; border-width:0 8px 8px 8px; border-color:transparent transparent #ff5656 transparent;}

#message_body .recv_msg .m_text::before{display:block; content:""; position:absolute; width:15px; height:19px; background:transparent url(../images/recv_msg_fuki.png) no-repeat 0 0; top:5px; left:-15px; z-index:1; -moz-background-size:100% auto; -webkit-background-size:100% auto; -o-background-size:100% auto; -ms-background-size:100% auto; background-size:100% auto;}
#message_body .send_msg .m_text::before{display:block; content:""; position:absolute; width:19px; height:23px; background:transparent url(../images/send_msg_fuki.png) no-repeat 0 0; top:5px; right:-19px; z-index:1; -moz-background-size:100% auto; -webkit-background-size:100% auto; -o-background-size:100% auto; -ms-background-size:100% auto; background-size:100% auto;}
.img_icon{width:90px; height:90px; border:1px solid #ccc; text-indent:100%; overflow:hidden; white-space:nowrap; background-repeat:no-repeat; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center center; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; background-color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative;}
.unopened .img_icon{background:url(../images/mosaic_photo.png) no-repeat center center; -moz-background-size:cover; -webkit-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; text-indent:0;}
#message_body .unopened{background:none;}

#message_body .m_text .unopened{background:url(../images/mosaic.png) no-repeat 0 0; padding:20px 0;}
.message_open{display:block; width:150px; margin:0 auto; background:#fff; height:40px; border-radius:5px;}
.message_open a{display:block; height:40px; line-height:40px; text-align:center; text-decoration:none; background:url(../images/btn_message_open.png) no-repeat 5px center #84d8d1; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -moz-background-size:20px; -webkit-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px;}
.img_icon .message_open{background:none; text-align:center; position:absolute; bottom:0; left:0; right:0; width:100%; height:30px; line-height:30px; color:#fff; background:rgba(132,216,209,.9); -moz-border-radius:0 0 19px 19px; -webkit-border-radius:0 0 19px 19px; -ms-border-radius:0 0 19px 19px; -o-border-radius:0 0 19px 19px; border-radius:0 0 19px 19px; overflow:hidden;}
.msg_caution{padding:10px; position:relative; background:#fffbdb; border:1px solid #ffed5b; color:#276271; margin-bottom:10px; -moz-border-radius:8px; -webkit-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px;}
.msg_caution h2{font-size:11px; font-weight:500; line-height:1.3em;}
.msg_caution li{font-size:10px; line-height:1.3em; padding:2px 0;}
.msg_caution li::before{content:"\e904"; color:#84d8d1;}
.caution_close{position:absolute; right:0; bottom:0; width:20px; text-align:center;}
#msgReload{text-align:center; color:#D4D4D4; font-size:16px; padding:5px 0;}

/* buy_point */
#option{background:#f8f8f8;}
#option h3 img{width:100%; height:auto; vertical-align:middle;}
#option ul{padding:10px 10px 5px;}
#option li{background:#fff; margin-bottom: 5px; padding:20px 10px;}
#option h4{font-size:16px; color:#ff3857; padding-left:43%; line-height:1.3; margin-bottom:7px;}
#option p{font-size:12px; padding-left:43%; line-height:1.5;}
#option li img{float:left; width:38%; height:auto; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
#buy_menu li{width:33%;}
#buy_menu.woman-menu li{width:50%;}
#buy #content_body h2{margin-bottom:10px;}

#buy_point,#exchange{background:#f8f8f8; padding:13px 0 0 0;}
#fee{background:#f8f8f8;}
#current_state{background:#fff; margin:0 10px 13px 10px; padding:25px 10px; text-align:center;}
#current_state dt,#current_state dd{display:inline-block; vertical-align:bottom;}
#current_state dt{font-size:12px; color:#999; padding:0 25px;}
#current_state dd{color:#276270; font-size:13px; padding:0 10px 0 30px; margin:0 5px; background:url(../images/rest_like.png) no-repeat left center; -webki-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px; white-space:nowrap;}
#current_state dd span{font-size:22px;}
#exchange #current_state dd{width:90px; text-align:left;}
#choose{margin-bottom:13px; background:#eee; text-align:center; font-size:12px; color:#276270; padding:13px 10px;}
#choose::before{content:"\e904"; vertical-align:middle; font-size:16px; color:#84d8d1;}
#lineup{padding:0 5px;}
.stock{width:50%; float:left;}
#exchange .stock_odd .stock:first-of-type{width:100%;}
@media screen and (max-width: 359px) {/*iPhone5系のクエリ*/
	#option h4{font-size:14px;}
}
@media screen and (min-width: 610px) {/*iPadクエリ*/
	#buy_point .stock{width:33.3%;}
	#option h4{padding-left:270px;}
	#option p{padding-left:270px;}
	#option li img{width:250px;}
}
@media screen and (min-width: 900px) {
	.stock{width:25%;}
	#buy_point .stock_odd .stock:first-of-type{width:50%;}
}
.only-onemonth{width:100%;}
.stock figure{background:#fff; margin:0 5px 13px 5px; box-shadow:1px 1px 7px rgba(0,0,0,.1); position:relative;}
.box_wrap{margin-top:10px; background:#f8f8f8; padding:5px 5px 0 5px;}
.triBox,.uniBox,.biBox{background:#fff; padding:10px; margin-bottom:5px; position:relative;}
.basic_parts h4{color:#276270; font-size:12px; display:block; padding:10px 0;}
.basic_parts .box_wrap h4{font-size:16px;}
.basic_parts .option_btn_space{margin-top:10px;}
.caution{background:#ecf9f8; padding:10px; margin-top:10px; font-size:12px; line-height:1.5em;}
.caution ul li{padding:0 0 0 12px; background:url(../images/triangle.png) no-repeat left 2px; -webkit-background-size:10px; -moz-background-size:10px; -o-background-size:10px; -ms-background-size:10px; background-size:10px; line-height:1.4em;}
.top_caution{margin:0 0 13px;}
.top_caution .caution{margin-top:0;}
.about_btn{text-align:right; padding-top:10px;}
.about_btn_fee{text-align:right;}
#content_body .caution h2{font-size:16px; margin-bottom:3px !important; line-height:1.4em;}
.box_wrap img{float:left; width:45%; max-width:150px; margin:10px 10px 5px 0;}
.box_wrap #ableto3 img{float:none; width:100%; max-width:300px; display:block; margin:0 auto;}
.box_wrap .inner li{float:left; display:block;}
.point{width:90px; font-size:12px; line-height:40px; color:#276270; background:url(../images/buy_point.png) no-repeat left center; -moz-background-size:25px; -webkit-background-size:25px; -o-background-size:25px; -ms-background-size:25px; background-size:25px; text-indent:30px;}
.point span{font-size:18px; font-weight:bold;}
.privilege{padding:3px 10px 10px 10px; font-size:10px; line-height:1.4em;}
.privilege li{padding-left:2px;}
.privilege li::before{content:"\e904"; color:#84d8d1;}
.recommended{position:absolute; top:0; left:-3px; display:block; color:#fff; background:#fc798c; font-size:10px; text-align:center; padding:2px 7px; line-height:1.6; -webkit-box-shadow:0 2px 3px rgba(0,0,0,.1); -moz-box-shadow:0 2px 3px rgba(0,0,0,.1); -o-box-shadow:0 2px 3px rgba(0,0,0,.1); -ms-box-shadow:0 2px 3px rgba(0,0,0,.1); box-shadow:0 2px 3px rgba(0,0,0,.1); -webkit-transform:rotateZ(-6deg) skew(-6deg); -moz-transform:rotateZ(-3deg) skew(-3deg); -o-transform:rotateZ(-3deg) skew(-3deg); -ms-transform:rotateZ(-3deg) skew(-3deg);transform:rotateZ(-3deg) skew(-3deg); z-index:2;}
#cash .basic_parts li{margin-top:20px; border-left:2px solid #AEE2D8; padding-left:10px;}
.note .count_box li{margin:10px 0 10px 10px; padding-left:10px; counter-increment:sample; position:relative; border-left:2px solid #84d8d1;}
.basic_parts ol li{margin-top:20px; margin-left:25px; padding-left:10px; counter-increment:sample; position:relative; border-left:2px solid #84d8d1; min-height:1.5em;}
.basic_parts ol li::before{content:counter(sample); display:block; position:absolute; left:-25px; top:2px; width:16px; height:16px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; background:#84d8d1; color:#fff; line-height:16px; text-align:center; font-size:12px;}
.howtoBox{background:#fff; margin-bottom:5px;}
.box_wrap .howtoBox img{float:none; width:100%; max-width:738px; margin:0 auto;}
.basic_parts section .howtoBox p{margin:10px;}
.stock .confirmed{width:auto; height:38px; padding:0 10px 10px 10px; margin:0;}
.confirmed span{display:block; text-align:center; height:100%; background:url(../images/btn_shop.png) no-repeat 10px center #4ec1b3; color:#fff; font-size:16px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; line-height:38px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px; text-indent:10px; max-width:340px; margin:0 auto;}
.stock .price{font-size:10px; line-height:1.5em; text-align:left; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); font-weight:bold;}
.stock .price span{font-size:18px;}
#fee .stock .price span{font-size:20px;}
.stock .price del{font-weight:500;}
@media screen and (max-width: 370px){
	.stock .price span{font-size:15px;}
}
#lineup a{color:#232b2b;}
.stock .discount{width:auto; font-size:10px; line-height:1.3em; color:#ff3857; font-weight:500; text-align:left; letter-spacing:-0.05em;}
#fee .stock .discount{position:absolute; text-align:center; top:-13px; left:-6px; width:45px; height:45px; background:url(../images/discount.png) no-repeat center center; -webkit-background-size:45px; -moz-background-size:45px; -o-background-size:45px; -ms-background-size:45px; background-size:45px; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top:15px; line-height:1; -webkit-transform:rotateZ(-5deg) scale(.9); -moz-transform:rotateZ(-5deg) scale(.9); -o-transform:rotateZ(-5deg) scale(.9); -ms-transform:rotateZ(-5deg) scale(.9); transform:rotateZ(-5deg) scale(.9);}
.product_img{height:100px; background:-webkit-gradient(linear, left top, left bottom, from(#caf7f5), to(#def8f7)); background:linear-gradient(to bottom, #caf7f5, #def8f7); color:#276270; font-size:12px; text-align:center; font-weight:bold; padding-top:62px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; position:relative;}
.u24_campaign .product_img{line-height:1.2em;}
.recommend_plan .product_img{background:-webkit-gradient(linear, left top, left bottom, from(#FBCFD5), to(#FFECFD)); background:linear-gradient(to bottom, #FBCFD5, #FFECFD); height:110px; padding-top:72px;}
.product_img span{font-size:18px;}
.rp_side{position:relative; top:10px;}
.product_img::before{display:block; content:""; height:40px; background:url(../images/buy_point.png) no-repeat center center; -moz-background-size:36px; -webkit-background-size:36px; -o-background-size:36px; -ms-background-size:36px; background-size:36px; position:absolute; top:20px; left:0; right:0;}
.recommend_plan .product_img::before{top:30px;}
#exchange .product_img::before{background:url(../images/exchange.png) no-repeat center center; background-size:auto 36px;}
.recommend_plan .confirmed span{background-color:#fc798c;}
#fee .product_img::before{background-image:url(../images/fee.png);}
.product_status{margin:7px 10px; position:relative; height:26px;}
#fee .product_status{height:32px; box-sizing:border-box; padding-top:32px;}
.product_name{font-size:10px; color:#999; line-height:1.3em; letter-spacing:-0.05em;}
#fee .product_name{color:inherit; font-weight:500; line-height:.5em;}
.stock_odd .stock:first-of-type .product_img{height:120px; padding-top:70px;}
.stock_odd .stock:first-of-type .product_img::before{top:30px;}
@media screen and (min-width: 900px) {
	.stock_odd .stock:first-of-type .product_img{height:100px; padding-top:60px;}
	.stock_odd .stock:first-of-type .product_img::before{top:20px;}
}
.exc_body .caution{margin:0; font-size:11px;}
#beforeBuy{position:fixed; top:40px; left:0; right:0; background:rgba(95,201,188,0.93); color:#fff; z-index:1; padding:20px 10px 10px; -webkit-animation:slideDown 1s cubic-bezier(.35,.02,.39,1.29) 1; -moz-animation:slideDown 1s cubic-bezier(.35,.02,.39,1.29) 1; -o-animation:slideDown 1s cubic-bezier(.35,.02,.39,1.29) 1; -ms-animation:slideDown 1s cubic-bezier(.35,.02,.39,1.29) 1; animation:slideDown 1s cubic-bezier(.35,.02,.39,1.29) 1;}
#beforeBuy h3{font-size:16px; font-weight:500; background:#fff; padding:10px 15px; line-height:1.4; margin-bottom:7px; color:#69ccc0;}
#beforeBuy p{font-size:12px; margin-bottom:7px;}
.check_plan{display:block; color:#fff; border:1px solid #fff; text-align:center; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; border-radius:40px; padding:7px 0; position:relative; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
.check_plan i{position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.check_plan:hover{background:#fff; color:#5fc9bc;}
.s_modale_close{position:absolute; bottom:-37px; width:30px; text-align:center; line-height:30px; color:#aaa; right:5px; background:url(../images/close.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; -moz-background-size:30px; -webkit-background-size:30px; -ms-background-size:30px; background-size:30px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
@-webkit-keyframes slideDown{
	0%{-webkit-transform:translateY(-100px); opacity:0;}100%{-webkit-transform:translateY(0); opacity:1;}
}
@-moz-keyframes slideDown{
	0%{-moz-transform:translateY(-100px); opacity:0;}100%{-moz-transform:translateY(0); opacity:1;}
}
@-o-keyframes slideDown{
	0%{-o-transform:translateY(-100px); opacity:0;}100%{-o-transform:translateY(0); opacity:1;}
}
@keyframes slideDown{
	0%{transform:translateY(-100px); opacity:0;}100%{transform:translateY(0); opacity:1;}
}

/* empty state */
.emptystate{text-align:center; position:relative; padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; background:#f8f8f8;}
.text_group{margin-bottom:40px;}
.text_group h3,.text_group h4{color:#232b2b; font-weight:500; margin-bottom:10px;}
#content_body .text_group h3{background:transparent; color:#232b2b; font-size:16px; border:none; padding:0;}
.text_group p{color:#999; margin-bottom:10px; font-size:12px;}
.purchased{position:absolute; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; left:20px; right:20px;}
.purchased::before,.emptycontent::before{content:""; display:block; height:100px; margin-bottom:40px;}
#fee .purchased::before{background:url(../images/emp_fee.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#exchange .purchased::before{background:url(../images/like_limit.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#error .purchased::before{background:url(../images/emp_error.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#search_empty .purchased::before{background:url(../images/emp_search.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#guide .purchased::before{background:url(../images/emp_like.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_approach .emptycontent::before{background:url(../images/emp_approach.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_matching .emptycontent::before{background:url(../images/emp_matching.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_givelike .emptycontent::before{background:url(../images/emp_like.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.get_card .emptycontent::before{background:url(../images/emp_like.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_favorite .emptycontent::before{background:url(../images/emp_favorite.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_history .emptycontent::before{background:url(../images/emp_history.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_skip .emptycontent::before{background:url(../images/emp_skip.png) no-repeat center center; background-size:contain; margin-top:30px;}
.p_hidden .emptycontent::before{background:url(../images/emp_hidden.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
.p_block .emptycontent::before{background:url(../images/emp_block.png) no-repeat center center; -moz-background-size:contain; background-size:contain; margin-top:30px;}
#unsupported .emptycontent::before{background:url(../images/emp_unsupported.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#identity .emptycontent::before{background:url(../images/emp_identity.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
#newlist .emptycontent::before{background:url(../images/emp_newlist.png) no-repeat center center; -moz-background-size:contain; background-size:contain;}
.action{padding-bottom:13px;}
.action a{background:#4ec1b3; color:#fff; display:inline-block; padding:10px; min-width:200px; border-radius:30px; position:relative;}
.colorpink a{background:#fc798c;}
.action a i{position:absolute; left:15px; line-height:inherit; font-size:16px;}
.emptystate #no_receive{margin:13px -10px 0;}
.head_unsupported{position:relative; z-index:10; border-bottom:2px solid #84d8d1;}
#unsupported,#identity{margin-top:-52px; padding-top:120px;}
.support_target{text-align:left; color:#999; margin-bottom:20px;}
.support_target h4{font-weight:500;}
.support_target p{font-size:10px; margin-bottom:10px; line-height:1.5;}

/* premium */
.advice img,.follow_premium img{width:100%; vertical-align:bottom; max-width:100%; position:relative; z-index:1;}
.search_banner{margin:0 5px 20px;}
.list_body .search_banner{margin:0 0 13px; }
.search_banner img{height:auto; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.list_body .search_banner img{border:1px solid #ddd; -webkit-box-shadow:0 1px 5px rgba(0,0,0,.1); -moz-box-shadow:0 1px 5px rgba(0,0,0,.1); -ms-box-shadow:0 1px 5px rgba(0,0,0,.1); -o-box-shadow:0 1px 5px rgba(0,0,0,.1); box-shadow:0 1px 5px rgba(0,0,0,.1);}
.search_option th{border-right:1px solid #ddd; padding:7px 10px; font-weight:500;}
.search_option td{border-right:1px solid #ddd; padding:3px 10px; border-bottom:1px solid #ddd;}
th.y_line,th.p_line{border-top:1px solid #ddd; text-align:center;}
.y_line{width:57px; text-align:center;}
.p_line{width:88px; text-align:center;}
td.y_line,td.p_line{font-size:18px;}
.search_option .p_line{padding-left:5px; padding-right:5px; width:78px; background:#ecf9f8;}
td.p_line{color:#f60146;}
.search_option tr:nth-child(2n) td{background:#f8f8f8;}
.search_option tr:nth-child(2n) td.p_line{background:#edf4f3;}

/* age_author */
.sentence-part{padding:0 10px; margin:13px 0;}
.sentence-part h3{font-size:19px; color:#276270; text-align:center; font-weight:800; margin:50px 0; line-height:1.3;}
.sentence-part h3.difference{font-size:20px; margin:20px 0; line-height:1.5; color:#ff3857;}
.sentence-part h4{font-size:16px; font-weight:800; margin:13px 0;}
.annotation p{font-size:12px; line-height:1.6;}
.document{width:50%; float:left; text-align:center; height:165px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0 10px;}
.document h5{font-size:14px; font-weight:500; margin-bottom:10px;}
.document li{font-size:10px; text-align:left; line-height:1.5; margin-bottom:3px;}
.document img{width:100%; max-width:140px; height:auto; vertical-align:middle; margin-bottom:10px;}
.document i{color:#84d8d1; margin-right:3px;}
#rh-item{table-layout:fixed;}
#rh-item th{height:50px; font-size:20px; font-weight:inherit; color:#fff; padding:0 20px;}
th.required-parts{background:#fc798c;}
th.hide-parts{background:#999;}
td.required-parts{background:#ffdde2; position:relative;}
td.hide-parts{background:#e1e1e1;}
#rh-item td{padding:20px; vertical-align:top;}
#rh-item td li{margin-bottom:7px; line-height:1.4;}
td.required-parts li::before{content:"\e904"; color:#fc798c;}
td.hide-parts li::before{content:"×"; color:#999;}
#rh-item .balloon{color:#666; border:1px solid #999; text-align:center; padding:3px 0; margin-top:15px; font-size:11px;}
.age-step{margin-bottom:60px;}
.age-step li{width:25%; float:left; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box;}
.age-step li:nth-of-type(2){width:50%; padding:0 28px; background:url(../images/arrow_g_g.png) no-repeat left center,url(../images/arrow_g_g.png) no-repeat right center; -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px;}
.age-step img{height:62px; width:auto; vertical-align:middle; margin-bottom:23px;}
.fileUpload a.take-pict{height:50px; border:none; line-height:50px; background:#fc798c; color:#fff; max-width:265px; margin:0 auto; position:relative; font-size:16px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); box-shadow:0 2px 2px 0 rgba(0,0,0,.1);}
.fileUpload a.take-pict i{line-height:50px;}
.form-inner{margin-bottom:50px;}
#age_author{display:none; text-align:center; color:#ff3857; padding:20px; border:1px solid;}
@media screen and (max-width: 370px){
	.sentence-part h3{font-size:16px;}
	.sentence-part h4{font-size:14px;}
	.age-step p{font-size:11px; line-height:1.3;}
}
#express{position:fixed; top:50px; left:-50px; right:-50px; z-index:10; background:rgba(255,111,67,.9); opacity:0; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; -webkit-transform:translate(50px,0); -ms-transform:translate(50px,0); -moz-transform:translate(50px,0); -o-transform:translate(50px,0); transform:translate(50px,0); padding:0 50px;}
#express.b_display{opacity:1; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0);}
#express img{width:100%; height:auto; vertical-align:middle;}
/* photo-edit */
#photo-edit{position:fixed; top:0; left:0; right:0; bottom:0; z-index:16; background:#000; display:none;}
.photo-edit-heading{background:#333; color:#fff; text-align:center; height:30px; line-height:30px; font-size:12px; position:relative;}
.edit-space{width:100%;}
.photo-edit-footer{background:#333; color:#fff; height:50px; line-height:50px; position:absolute; bottom:0; left:0; right:0; text-align:center;}
.photo-edit-footer a:hover{color:#fff;}
.edit-clear{color:#fff; font-size:14px; display:block; padding:0 16px; height:50px; position:absolute; left:0; top:0;}
.edit-submit{color:#fff; font-size:16px; display:block; padding:0 16px; height:50px; position:absolute; right:0; top:0;}
.edit-space{background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -ms-background-size:contain; -o-background-size:contain; background-size:contain; background-position:center center;}
#file-confirm{display:none; text-align:center;}
#file-confirm img{max-width:150px; height:auto; vertical-align:middle; margin-bottom:13px;}
#file-confirm a:hover{color:#fff;}
.other{display:inline-block; height:45px; line-height:45px; background:#aaa; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; text-align:center; width:30%; font-size:16px; margin:0 7px 0 0; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); box-shadow:0 2px 2px 0 rgba(0,0,0,.1);}
.send-ok{display:inline-block; height:45px; line-height:45px; background:#4ec1b3; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; text-align:center; width:60%; font-size:16px; margin:0; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.1); box-shadow:0 2px 2px 0 rgba(0,0,0,.1);}
.photo-edit-heading .howto{position:absolute; right:0; top:0;}
#howto-hide{display:none; position:fixed; top:50%; left:50%; width:300px; background:#fff; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:15px; z-index:18;}
#howto-hide h3{font-size:20px; margin:5px 0 20px;}
#howto-hide img{width:120px; height:auto;}
.howto span{border:1px solid; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px; display:inline-block; width:18px; height:18px; line-height:17px; text-align:center; margin-right:7px;}
.required-parts .howto{font-size:12px; color:#fff; padding:3px 0; margin-top:15px; text-align:center; background:#fc798c; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; border-bottom:2px solid #d65e70; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.required-parts .howto span{width:15px; height:15px; line-height:15px;}

/* community */
.community_box{background:#fff; margin-bottom:13px; position:relative;}
.community_box:last-of-type{margin-bottom:0;}
.community_box h2{display:block; padding:5px 0 5px 30px; border-bottom:1px solid #276270;}
#my_community.community_box h2{border:0; background:url(../images/icon_commu.png) no-repeat left center; background-size:24px; -moz-background-size:24px; -webkit-background-size:24px; -o-background-size:24px; -ms-background-size:24px;}
#pop_community.community_box h2{border-color:#1eb3e4; background:url(../images/icon_popcommu.png) no-repeat left center; background-size:24px; -moz-background-size:24px; -webkit-background-size:24px; -o-background-size:24px; -ms-background-size:24px;}
#new_community.community_box h2{border-color:#03b1a8; background:url(../images/icon_newcommu.png) no-repeat left center; background-size:24px; -moz-background-size:24px; -webkit-background-size:24px; -o-background-size:24px; -ms-background-size:24px;}
#recomme_community.community_box h2{border-color:#a155a0; background:url(../images/icon_recommecommu.png) no-repeat left center; background-size:24px; -moz-background-size:24px; -webkit-background-size:24px; -o-background-size:24px; -ms-background-size:24px;}
#search_community.community_box h2{border-color:#E7E6E6; background:none; padding-left:0;}
#category.community_box h2{border-color:#4D97B3; position:relative;}
#category h2::before{content:""; display:block; width:20px; height:40px; position:absolute; background:url(../images/icon_category.png) no-repeat 0 center; top:0; left:0; overflow:hidden; background-size:auto 20px; -moz-background-size:auto 20px; -webkit-background-size:auto 20px; -o-background-size:auto 30px; -ms-background-size:auto 20px;}
.community_head{margin:13px 10px;}
.community_head .inner{padding:0 0 20px; margin-top:10px;}
.commu_search input[type="submit"],.commu_search input[type="button"]{color:#4D97B3; background:url(../images/search_mini.png) no-repeat center center; text-indent:200%; overflow:hidden; white-space:nowrap; -moz-background-size:40px auto; -webkit-background-size:40px auto; -ms-background-size:40px auto; -o-background-size:40px auto; background-size:40px auto; width:40px; height:42px; position:absolute; right:0; top:1px; border: none;}
#cate_nav{padding:0 10px; height:48px; line-height:48px; margin-top:10px; cursor:pointer; font-size:16px; text-align:center; position:relative; border:1px solid #4e8c9b; color:#276270; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
#cate_nav.accordion-open{background:#4D97B3; color:#fff; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0;}
#cate_nav i{position:absolute; left:10px; line-height:48px;}
.c_navigation{position:relative;}
.category_list{background:#fff; box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); display:none; border:1px solid #4e8c9b; border-top:none; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; overflow:hidden;}
.category_list li a{display:block; font-size:16px; color:#276270; padding:10px 10px 10px 40px; position:relative;}
.category_list li a:hover{color:#5fc9bc; background:#f3fdfc;}
#create a{display:block; background:url(../images/btn_create.png) no-repeat 10px center; height:100%; line-height:50px; text-align:center; color:#276270; border:1px solid #4e8c9b; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; background-size:25px 25px; -moz-background-size:25px 25px; -webkit-background-size:25px 25px; -o-background-size:25px 25px; -ms-background-size:25px 25px;}
.category_list li a:hover::before{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; -webkit-filter:brightness(1.2) hue-rotate(-20deg); -moz-filter:brightness(1.2) hue-rotate(-20deg); -o-filter:brightness(1.2) hue-rotate(-20deg); -ms-filter:brightness(1.2) hue-rotate(-20deg);}
.category_list li a::before{content:""; display:block; width:20px; height:42px; position:absolute; background:url(../images/icon_category.png) no-repeat 0 center; top:0; left:10px; overflow:hidden; background-size:auto 20px; -moz-background-size:auto 20px; -webkit-background-size:auto 20px; -o-background-size:auto 30px; -ms-background-size:auto 20px;}
.category_list li.cate01 a::before,#category h2.cate01::before{background-position:0 center;}
.category_list li.cate02 a::before,#category h2.cate02::before{background-position:-20px center;}
.category_list li.cate03 a::before,#category h2.cate03::before{background-position:-40px center;}
.category_list li.cate04 a::before,#category h2.cate04::before{background-position:-60px center;}
.category_list li.cate05 a::before,#category h2.cate05::before{background-position:-80px center;}
.category_list li.cate06 a::before,#category h2.cate06::before{background-position:-100px center;}
.category_list li.cate07 a::before,#category h2.cate07::before{background-position:-120px center;}
.category_list li.cate08 a::before,#category h2.cate08::before{background-position:-140px center;}
.category_list li.cate09 a::before,#category h2.cate09::before{background-position:-160px center;}
.category_list li.cate10 a::before,#category h2.cate10::before{background-position:-180px center;}
.category_list li.cate11 a::before,#category h2.cate11::before{background-position:-200px center;}
.category_list li.cate12 a::before,#category h2.cate12::before{background-position:-220px center;}
.category_list li.cate13 a::before,#category h2.cate13::before{background-position:-240px center;}
.category_list li.cate14 a::before,#category h2.cate14::before{background-position:-260px center;}
.category_list li.cate15 a::before,#category h2.cate15::before{background-position:-280px center;}
.category_list li.cate16 a::before,#category h2.cate16::before{background-position:-300px center;}
.category_list li.cate17 a::before,#category h2.cate17::before{background-position:-320px center;}
.category_list li.cate18 a::before,#category h2.cate18::before{background-position:-340px center;}
.category_list li.cate19 a::before,#category h2.cate19::before{background-position:-360px center;}
.category_list li.cate20 a::before,#category h2.cate20::before{background-position:-380px center;}
.category_list li.cate21 a::before,#category h2.cate21::before{background-position:-400px center;}
.category_list li.cate22 a::before,#category h2.cate22::before{background-position:-420px center;}
.category_list li.cate23 a::before,#category h2.cate23::before{background-position:-440px center;}
.category_list li.cate24 a::before,#category h2.cate24::before{background-position:-460px center;}
.category_list li.cate25 a::before,#category h2.cate25::before{background-position:-480px center;}
.category_list li.cate26 a::before,#category h2.cate26::before{background-position:-500px center;}
.category_list li.cate27 a::before,#category h2.cate27::before{background-position:-520px center;}
.category_list li.cate28 a::before,#category h2.cate28::before{background-position:-540px center;}
.category_list li.cate29 a::before,#category h2.cate29::before{background-position:-560px center;}
.join_commu_desc{text-align:right; padding:10px 0; font-size:12px;}
span.join_this{color:#ffc6cf;}
span.create_this{color:#bbf1ec;}
.commu_title{text-align: center; height:45px; word-break:break-word; margin-top:5px;}
.create_this .thumbnail{background-color: #bbf1ec;}
.join_this .thumbnail{background-color: #ffc6cf;}
.commu_sect{position:relative; overflow:hidden; background:url(../images/thumb_bg.png) no-repeat center center #fff; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover;}
.commu_sect::before{content:""; display:block; padding-top:56.25%;}
.commu_img{position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; text-indent:-9999px; overflow:hidden; white-space:nowrap; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.detail_prop{position:absolute; z-index:2; bottom:0; left:0; right:0; color:#fff; padding:20px 26px; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.6))); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));}
.detail_prop h4{font-size:20px; display:block; font-weight:500; margin-bottom:7px;}
.detail_prop .newface{position:relative; top:0; left:0; width:auto; height:auto; line-height:1em; background:none; color:#ffb4c0; font-size:14px; margin-right:3px;}
.cate{display:inline-block; min-width:80px; background:#4e8c9b; font-size:12px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; text-align:center; line-height:1.6em; margin-bottom:7px; padding:0 7px 0 27px;; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.cate::before{display:block; position:absolute; left:7px; top:50%; margin-top:-7.5px; content:""; width:15px; height:15px; background:url(../images/icon_cate_white.png) no-repeat 15px center; -webkit-background-size:auto 15px; -moz-background-size:auto 15px; -o-background-size:auto 15px; -ms-background-size:auto 15px; background-size:auto 15px;}
.cate01::before{background-position:0 center;}
.cate02::before{background-position:-15px center;}
.cate03::before{background-position:-30px center;}
.cate04::before{background-position:-45px center;}
.cate05::before{background-position:-60px center;}
.cate06::before{background-position:-75px center;}
.cate07::before{background-position:-90px center;}
.cate08::before{background-position:-105px center;}
.cate09::before{background-position:-120px center;}
.cate10::before{background-position:-135px center;}
.cate11::before{background-position:-150px center;}
.cate12::before{background-position:-165px center;}
.cate13::before{background-position:-180px center;}
.cate14::before{background-position:-195px center;}
.cate15::before{background-position:-210px center;}
.cate16::before{background-position:-225px center;}
.cate17::before{background-position:-240px center;}
.cate18::before{background-position:-255px center;}
.cate19::before{background-position:-270px center;}
.cate20::before{background-position:-285px center;}
.cate21::before{background-position:-300px center;}
.cate22::before{background-position:-315px center;}
.cate23::before{background-position:-330px center;}
.cate24::before{background-position:-345px center;}
.cate25::before{background-position:-360px center;}
.cate26::before{background-position:-375px center;}
.cate27::before{background-position:-390px center;}
.cate28::before{background-position:-405px center;}
.cate29::before{background-position:-420px center;}
.member{font-size:10px; display:inline-block;}
.joining,.created{border:1px solid #fff; font-size:11px; display:inline-block; line-height:1.4em; margin:0 3px 0 0; padding:0 7px;}
.joining{color:#ffc6cf; border-color:#ffc6cf;}
.created{color:#bbf1ec; border-color:#bbf1ec;}
#community_detail .like_space{padding:0; margin:13px 15px 0;}
#community_detail .joined{height:45px; line-height:45px;}
#community_detail .exit{height:43px; line-height:43px;}
.basic_contents{padding:10px;}
.about_commu_title img{width:100%;}
.whats_commu a{display:block; background:#276270; padding:7px 0; color:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
#howto_create_commu{padding:13px 10px;}
#content_body + .advice{margin-top:45px;}
#howto_create_commu h3{border:none; background:none; font-size:16px; padding:13px 0; border-bottom:1px solid #ddd; font-weight:500; color:#276270;}
#howto_create_commu h3 span{color:#ff90a1; padding-right:3px;}
#howto_create_commu #create{margin-top:30px;}

/* tutorial */
#beginner_menu li{width:33%;}
#howto{padding-top:60px; margin-top:-60px; margin-bottom:13px;}
#beforeUse,#security{padding-top:60px; margin-top:-30px; margin-bottom:26px;}
.pointSection{border:1px solid #ffa1b0; padding:10px 15px; margin:10px 0;}
#content_body .pointSection h2{color:#ffa1b0; font-size:16px; font-weight:500;}
#howto + .count_box h3{border:none; background:none; font-size:16px; padding:13px 0; border-bottom:1px solid #ddd;}
#howto + .count_box h3 span{color:#ff90a1; padding-right:3px;}
.fb_setting{margin-bottom:30px; text-align:center; border:1px solid #84d8d1; padding:0 7px 20px 7px; background:url(../images/stripe.png); -moz-background-size:12px; -webkit-background-size:12px; -ms-background-size:12px; -o-background-size:12px; background-size:12px;}
.fb_setting h4{display:block; color:#5fc9bc; font-size:14px; font-weight:bold; padding:10px 0; border-bottom:1px solid #cdf3f0; margin-bottom:17px;}
.button{width:100%; max-width:220px; margin:10px auto; display:block; clear:both;}
.button a{display:block; height:38px; border:1px solid #4e8c9b; color:#276270; line-height:38px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;  border-radius:5px;position:relative; font-size:16px;}
.basic_parts img.step{margin-top:10px;}
.basic_parts img.beginner_step{margin-top:10px; max-width:748px;}
.button a i{position:absolute; left:10px; line-height:38px;}

/* information */
#info_body li {border-bottom: 1px solid #ddd;}
#info_body li:first-of-type{border-top: 1px solid #ddd;}
#info_body .info_check{padding:10px 0 0 0; display: inline-block; float: left; height:100%; width:15%; min-width:40px;}
#info_body input[type=checkbox] + label{display: inline-block; margin:0 0 0 10px;}
#info_body li a{display:block;}
#info_body li h3{padding:10px; font-size:14px; color:#232b2b; font-weight:500;}
#info_body li.info_detail_head{background:#f8f8f8;}
#info_body li time{display:block; text-align:right; font-size:10px; color:rgba(35,43,43,.5); padding:0 10px 5px 0;}
#info_body li.info_unread{background: #fff1fa;}
#info_body li.info_unread h3{font-weight: bold;}
.all{padding: 0 10px 0 5px; display:block; width:80px; float:left; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius:5px; margin:0 5px 0 0; background: #f4f4f4;}
.all input[type=checkbox] + label{font-size:14px; padding:5px 0 5px 24px;}
.m_status {border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; overflow: hidden; display: inline-block;}
.m_status a {display: inline-block;padding: 5px 10px;border-right: 1px solid #ddd;background: #f4f4f4;color: #494545;}
.m_status a:last-of-type{border-right:0;}
.info_body{padding:20px; border-bottom:1px solid #ddd;}


/* block */
.history_list td{border-bottom:1px solid #ddd; padding:10px 0;}
.history_list td .thumbnail{width:60px; float:left;}
.history_list td .thumbnail .thumbnail_img{top:2px; bottom:2px; left:2px; right:2px;}
.history_list td .property{display:table-cell; vertical-align: middle;}
.history_list td .property li{float:left; padding-left:10px; line-height:70px;}
.history_list td.h_like_space{width:130px;}


/* best match */
#best_match #content_body{padding:0;}
#best_match .chara_box{padding:10px 0; width:50%;}
#best_match .chara_box ul{text-align:center; font-size:12px;}
#best_match .chara_box li{display:inline-block; float:none; height:16px; line-height:inherit;}
#best_match .chara_box li.HN{max-width:130px; text-overflow:ellipsis; overflow:hidden;}
#best_match .chara_box .area{width:auto; text-indent:0; padding:0 5px;}
#best_match .chara_box .age{width:auto;}
#best_match .chara_box .like_space{margin:0;}
#best_match .like_space a{font-size:13px; text-indent:15px;}
.best_match_desc{background:#ecf9f8; border:1px solid #d2e0e5; color:#5fc9bc; padding:10px; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; position:relative; margin:10px; font-size:12px; line-height:1.5em;}
.skip a{border:1px solid #4e8c9b; color:#276270; width:130px; display:inline-block; height:40px; line-height:40px; text-align:center; border-radius:5px; background-size:20px; -moz-background-size:20px; -webkit-background-size:20px; -o-background-size:20px; -ms-background-size:20px; position:relative;}
.skip a i{position:absolute; right:10px; line-height:40px;}
/* new best match */
#recomme{background:#f8f8f8; overflow:hidden;}
.which{text-align:center; padding-top:11px; height:70px; margin:5px 0; position:relative; z-index:1; background:url(../images/which.png) no-repeat center center; -webkit-background-size:290px 70px; -moz-background-size:290px 70px; -o-background-size:290px 70px; -ms-background-size:290px 70px; background-size:290px 70px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;box-sizing:border-box;}
.anim_which{-webkit-animation:which .2s 3 linear; -moz-animation:which .2s 3 linear; -o-animation:which .2s 3 linear; -ms-animation:which .2s 3 linear; animation:which .2s 3 linear;}
.recomme_section{padding-bottom:60px; opacity:.3; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease; transition:all .6s ease;}
.recomme_section.current{opacity:1;}
.card_line{margin-bottom:13px;}
.bm_card{width:48%; float:left; background:#fff; box-shadow:5px 5px 0 #eee; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease;}
.bm_card:first-of-type{margin-right:4%;}
.bm_card .newface{left:auto; right:13px; top:13px; -webkit-transform:rotate(0); transform:rotate(0);}
.unselected{opacity:0; -webkit-transform:scale(.8); -moz-transform:scale(.8); -o-transform:scale(.8); -ms-transform:scale(.8); transform:scale(.8);}
.card_line .like_space{padding:7px;}
.like_space .tapme{font-size:13px; height:34px; line-height:34px; text-indent:15px;}
.toast_freeLike{display:none; position:absolute; top:50%; left:50%; width:75px; height:75px; background:url(../images/btn_like.png) no-repeat center 10px rgba(0,0,0,.7); -moz-background-size:40px; -webkit-background-size:40px; -o-background-size:40px; -ms-background-size:40px; background-size:40px; color:#fff; -moz-border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); font-size:10px; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding-top:50px;}
.chara_prop{line-height:1.2em; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:20px 7px 5px; position:absolute; bottom:0; left:0; right:0; color:#fff; background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.5))); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));}
.chara_prop li{display:inline-block; color:#fff; font-size:12px; margin-right:3px;}
.chara_prop li:last-of-type{margin-right:0;}
.card_meta{text-align:center;}
.card_meta p{display:block; color:#ff3857; background:#fff; border:1px solid #ff3857; font-size:12px; padding:7px 0; margin-bottom:13px;}
.skip .cancel{background:#aaa; color:#fff; display:block; width:100px; height:30px; line-height:30px; margin:0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); position:relative; border:none;}
.skip .cancel i{position:absolute; left:10px; right:auto; line-height:30px;}
.end_today{display:none;}
.end_today p{margin-bottom: 20px;}
.one_card_type .recomme_section{padding-bottom:0;}
.one_card_type .card_line{padding:5vh 30px 0;}
.one_card_type .bm_card{width:auto; float:none; box-shadow:5px 5px 0 rgba(195,195,195,.6);}
.one_card_type .bm_card:first-of-type{margin-right:0;}
.one_card_type .card_line .like_space{padding:13px;}
.one_card_type .like_space .tapme{font-size:18px; height:40px; line-height:40px; max-width:260px; margin:0 auto;}
.one_card_type .chara_prop{padding:30px 13px 13px;}
.one_card_type .chara_prop li{font-size:16px;}
.newcomers{text-align:center;}
.newcomers .card_line{padding-top:2vh;}
.newlist_heading{display:inline-block; position:relative; font-size:18px; font-size:3vh; letter-spacing:-.08em; z-index:10; color:#ff3857; font-weight:800; line-height:1.3;}
.newlist_heading::before,.newlist_heading::after{content:""; display:block; position:absolute; width:1px; height:100%; background:#ff3857; top:0;}
.newlist_heading::before{left:-7px; -webkit-transform:rotate(-20deg); transform:rotate(-20deg);}
.newlist_heading::after{right:-7px; -webkit-transform:rotate(20deg); transform:rotate(20deg);}
@media screen and (max-width: 320px) {
    .which{padding-top:6px; height:50px; margin:0; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; -ms-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%; font-size:15px !important;}
}
@media screen and (max-height: 400px) {
    .bm_card .sq-thumbnail::before{padding-top:65%;}
}
@media screen and (min-width: 520px) {
    .recomme_section{width:500px; margin:0 auto;}
    .recomme_section:last-of-type{width:auto;}
	.one_card_type .recomme_section{padding-bottom:50px; padding-bottom:10vh;}
}
@-webkit-keyframes which{
    0%,100%{-webkit-transform:rotate(0);}
    25%{-webkit-transform:rotate(3deg);}
    75%{-webkit-transform:rotate(-3deg);}
}
@-o-keyframes which{
    0%,100%{-o-transform:rotate(0);}
    25%{-o-transform:rotate(3deg);}
    75%{-o-transform:rotate(-3deg);}
}
@-moz-keyframes which{
    0%,100%{-moz-transform:rotate(0);}
    25%{-moz-transform:rotate(3deg);}
    75%{-moz-transform:rotate(-3deg);}
}
@keyframes which{
    0%,100%{transform:rotate(0);}
    25%{transform:rotate(3deg);}
    75%{transform:rotate(-3deg);}
}
.modal-inner {
	max-height: 80vh;
	position: relative;
	overflow-y: auto;
	border-radius: 8px;
}
.dialog {
	width: calc(100% - 32px);
	max-width: 540px;
	display: none;
	position: fixed;
	top: 74px;
	left: 50%;
	background: rgba(255, 255, 255, 0.97);
	border-radius: 8px;
	box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
	transform: translate(-50%, calc(-100% - 85px));
	transition: all 0.3s cubic-bezier(0.55, 0.06, 0.68, 0.19);
	z-index: 7;
}
@media (min-width: 375px) and (max-width: 480px) and (device-height: 812px), (device-height: 896px) and (orientation: portrait) {
	.dialog {
		top: 82px;
		transform: translate(-50%, calc(-100% - 93px));
	}
}
.dialog .modal-inner {
	overflow: hidden;
}

.is-show {
	transform: translate(-50%, 0);
	transition: all 0.5s cubic-bezier(0.25, 0.46, 0.47, 1.18);
}

.modal-lead {
	margin-top: -16px;
	font-size: 10px;
	text-align: center;
	color: #757575;
}
.modal-lead{
	line-height: 1;
}
.bonus-wrapper {
	position: relative;
}
.bonus-wrapper .flex-item {
	padding: 24px 16px 24px 24px;
	justify-content: center;
	text-align: center;
	transition: all 270ms ease-in;
}
.bonus-wrapper .flex-item:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: translate(20px, 0);
	transition: all 270ms ease-in 270ms;
	opacity: 0;
}
.bonus-wrapper.next-step .flex-item:nth-child(1) {
	position: relative;
	transform: translate(-30px, 0);
	opacity: 0;
}
.bonus-wrapper.next-step .flex-item:nth-child(2) {
	transform: translate(0, 0);
	opacity: 1;
}

.bonus-item {
	width: 50px;
}
.bonus-item .day {
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
}
.bonus-item .icon-space {
	padding-top: 12px;
	height: 44px;
	color: #f06292;
	font-size: 24px;
	box-sizing: border-box;
}
.bonus-item .value {
	position: relative;
	color: #ec407a;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
}
.bonus-item .value.get-bonus {
	color: #cfd8dc;
	transition: all 0.4s ease;
}
.bonus-item .value.get-bonus .icon-space {
	color: #cfd8dc;
	transition: all 0.4s ease;
}

.step-arrow {
	padding-top: 10px;
	max-width: 40px;
	flex-grow: 1;
	color: #cfd8dc;
}
.step-arrow:last-child {
	flex-grow: 0.5;
}

.get-icon {
	margin-top: -22px;
	margin-left: -22px;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #607d8b;
	font-size: 16px;
	font-weight: 600;
	font-feature-settings: "palt";
	border: 2px solid;
	border-radius: 50%;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	letter-spacing: -.05em;
	transform: rotate(-15deg);
	transition: all 320ms cubic-bezier(0.54, 0, 0.69, 1.43);
}

.before-animation {
	transform: rotate(-10deg) scale(3);
	opacity: 0;
}

/* age */
.box_wrap #ages1 img,.box_wrap #ages2 img,.box_wrap #ages3 img{float:none; margin: 0 auto;}


/* my status */
.state{width:100%; border:8px solid #fff;}
#next-like .state{border-bottom:none;}
.state th{padding:15px 9px; width:40%; font-weight:500; text-align:right; font-size:12px; color:#619a95; background:#c6f5f1; border-bottom:1px solid #fff;}
.state td{padding:15px 10px 15px 15px; width:60%; border-bottom:1px solid #fff; color:#276270; font-size:#276270; line-height:1.3; background:#f6f6f6;}
.state td span{font-size:11px; color:#999;}
.privilege h4{display: block; font-size: 16px; color:#276270; margin-bottom:10px;}
.state td small a{display:block;}
.link_age{color:#ff5454;}
.state tr:last-child td{-webkit-border-radius:0 0 8px 0; -moz-border-radius:0 0 8px 0; -ms-border-radius:0 0 8px 0; -o-border-radius:0 0 8px 0; border-radius:0 0 8px 0;}
.state tr:last-child th{-webkit-border-radius:0 0 0 8px; -moz-border-radius:0 0 0 8px; -ms-border-radius:0 0 0 8px; -o-border-radius:0 0 0 8px; border-radius:0 0 0 8px;}
.state tr:first-child td{-webkit-border-radius:0 8px 0 0; -moz-border-radius:0 8px 0 0; -ms-border-radius:0 8px 0 0; -o-border-radius:0 8px 0 0; border-radius:0 8px 0 0;}
.state tr:first-child th{-webkit-border-radius:8px 0 0 0; -moz-border-radius:8px 0 0 0; -ms-border-radius:8px 0 0 0; -o-border-radius:8px 0 0 0; border-radius:8px 0 0 0;}
.icon_label{display:inline-block; margin-right:7px; font-size:16px; color:#276270;}
.icon-like.icon_label{color:#ff90a1;}
.icon-age.icon_label{color:#84d8d1;}
.icon-age.icon_label.unauthor{color:#ddd;}
.icon-fee.icon_label{color:#ffaf49; vertical-align:middle;}
.icon-premium.icon_label{color:#dac266;}

/* help */
#help #content_body{background:#fff; padding:10px 0;}
#help .basic_parts h4{font-size:14px; padding-right:30px;}
#help #content_body h3{margin:0 10px 10px 10px;}
* + .list_menu{border-top:1px solid #ddd;}
h4.accordion_head{cursor:pointer; display:block; border-top:1px solid #ddd; padding:10px; background:url(../images/plus.png) no-repeat right center; background-size:auto 15px; -moz-background-size:auto 15px; -webkit-background-size:auto 15px; -ms-background-size:auto 15px; -o-background-size:auto 15px; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition:background-color .2s ease; -moz-transition:background-color .2s ease; -ms-transition:background-color .2s ease; -o-transition:background-color .2s ease; transition:background-color .2s ease;}
h4.accordion-open{background-image:url(../images/minus.png);}
.hidden_body{border-top:1px solid #ddd; padding:0 10px; display:none;}
#help .basic_parts section section:last-of-type{border-bottom:1px solid #ddd;}
.list_menu li{display:block; border-bottom:1px solid #ddd;}
.list_menu li a{display:block; height:100%; padding:15px 10px; color:#666; position:relative;}
.list_menu li a:hover{color:#aaa;}
.list_menu li a::after{background:url(../images/arrow_g_g.png) no-repeat right center; -webkit-background-size:10px; -moz-background-size:10px; -ms-background-size:10px; -o-background-size:10px; background-size:10px;
 content:""; display:block; position:absolute; right:10px; width:10px; height:10px; top:50%; margin-top:-5px; z-index:2;}
.logout{
	margin-top: 32px;
	border-top:1px solid #ddd;
}
.list_menu li.logout a{
	color: #e53935;
}

/* page top */
#page-top{position:fixed; bottom:5px; right:0; z-index:11; width:20%;}
#page-top a{display:block; height:40px; width:40px; margin:0 auto; background:transparent url(../images/page_top.png) no-repeat 0 0; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -o-background-size:100% 100%; -ms-background-size:100% 100%;}


/* modal window */
#modal-overlay{position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:none no-repeat center center rgba(0,0,0,0.6); z-index:13; -weckit-tap-highlight-color: transparent;}
#modal-overlay.transparent{opacity: 0;}
.modal{background:#fff; z-index:20; width:88%; display:none; position:fixed; left:6%; right:6%; border-radius:3px; max-width:470px; margin:0 auto;}
.modal .section{position:relative; -webkit-overflow-scrolling: touch; padding:15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; overflow:auto;}
#age_set .section,#fee_request .section,#age_set_fee .section,#before_pr .section,#set_prof .section,#startup_get_like .section,#startup_get_msg .section,#newcomer .section{padding:0;}
#before_pr,#set_prof,#startup_get_like,#startup_get_msg,#newcomer{border-radius:8px; z-index:21;}
#set_prof p,#newcomer p,#startup_get_like p,#startup_get_msg p{padding:12px 15px 0; text-align:center;}
#set_prof p > img{width:100%; height:auto; vertical-align:middle;}
#hints_popup{border-radius:8px; z-index:21;}
.modal .section::-webkit-scrollbar{width:5px; background: #eee; border-radius:0 3px 3px 0;}
.modal .section::-webkit-scrollbar-thumb{background: #aaa; border-radius:2px;}

#ans-like_setting{max-height:100%; overflow:auto; -webkit-overflow-scrolling: touch; top:0; left:0; right:0; width:100%; bottom:0; border-radius:0;}
#ans-like_setting .section{height:100%;}
#ans-like_setting::-webkit-scrollbar{width:5px; background: #eee;}
#ans-like_setting::-webkit-scrollbar-thumb{background: #aaa; border-radius:2px;}
#ans-like_setting h2{display:block; font-size:17px; color:#276270; margin:20px 0; line-height:1.3; text-align:center;}
.modal-heading {
	margin: 20px 15px;
	color: #455a64;
	font-size: 17px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
}

@media screen and (min-height: 569px) {
	.modal{top:70px;}
	.modal .section{max-height:520px;}
}
@media screen and (max-height: 568px) and (min-height: 431px) {
	.modal{top:70px;}
	.modal .section{max-height:380px;}
	#ans-like_setting.modal .section{height:100%; max-height:none;}
}
@media screen and (max-height: 430px) {
	.modal{top:50px;}
	.modal .section{max-height:300px;}
	#ans-like_setting.modal .section{height:100%; max-height:none;}
	#like_success_window.modal,
	#favorite_window.modal,
	#look_success_window.modal,
	#photo_req_dialog.modal,
	#photo_req_window.modal,
	#look_msg_success_window.modal,
	#age_set.modal,
	#fee_request.modal,
	#fb_public_dialog.modal,
	#report_success_window.modal,
	#exchange_window.modal,
	#exchange_success_window.modal,
	#age_set_fee.modal,
	#mail_unreach.modal,
	#mail_unset.modal
	{height:auto;}
}

#like_success_window,
#look_success_window,
#photo_req_dialog,
#photo_req_window,
#favorite_window,
#look_msg_success_window,
#report_success_window,
#exchange_success_window
{top:150px;}
.heading{background:#ff5e77; color:#fff; text-align:center; padding:9px 0; font-size:13px; font-weight:800; overflow:hidden; border-radius:3px 3px 0 0;}
.modal .rest_outer{position:absolute; top:15px; right:15px;}
.rest{height:38px; background:#fff; padding:0 5px; border-radius:5px; border:1px solid #4e8c9b;}
.rest dt,.rest dd{display:block; float:left; font-size:12px;}
.rest dt{line-height:30px; margin:5px 0; overflow:hidden;}
.rest dd{width:30px; height:30px; background:#f8f8f8; text-align:center; line-height:30px; border-radius:15px; margin:5px 0; white-space:nowrap; position:relative;}
.rest dd a{display:block; height:100%; text-decoration:none; color:#276270;}
.rest dt.zan_like{width:40px;}
.rest dt.zan_point{width:50px; border-left:1px solid #4e8c9b; margin-left:5px; padding-left:5px;}
#ans-like-title{text-align:center; font-size:17px; line-height:1.3; margin:5px 0 20px; color:#276270;}
.over{position:absolute; right:-4px; top:-4px; display:block; width:14px; height:14px; font-size:12px; color:#fff; line-height:14px; text-align:center; background:#ff90a1; z-index:3; border-radius:7px;}
.num .over{position:relative; right:auto; left:2px; width:11px; height:11px; font-size:10px; line-height:11px; display:inline-block;}

.modal_prof{display:table; padding:20px 0 15px; width:100%;}
.rest_outer + .modal_prof{padding-top:55px;}
.modal_prof .thumb_tablecell{display:table-cell; width:30%; max-width:200px; vertical-align:middle; padding-right:10px;}
.thumb_tablecell .thumbnail .thumbnail_img{top:3px; bottom:3px; left:3px; right:3px;}
.modal_prof .modal_property{display:table-cell; font-size:13px; vertical-align:middle; line-height:1.4em;}
.modal_prof .modal_property span,.matching_title span{color:#5fc9bc;}
.modal_prof .modal_property strong{font-weight:500;}
.conf_prof{text-align:center; padding:35px 0;}
.conf_prof .thumbnail{width:80px; margin:0 auto;}
.eye-catch img{width:100%;}
.answer_space{margin-bottom:10px;}
.q-space{margin:45px 0 0; position:relative;}
#ans-like_setting .section{padding:0;}
#ans-like_setting .answer_space{padding:15px;}
.text_label{display:block; padding:0 0 5px 0;}
.required{display:inline-block; line-height:1.5em; padding:0 7px; background:#ff90a1; color:#fff; margin-right:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size:11px;}
.optional{display:inline-block; line-height:1.5em; padding:0 7px; background:#84d8d1; color:#fff; margin-right:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; font-size:11px;}
.modal .like_space{width:100%; max-width:300px; margin:0 auto 10px;}
.modal .like_space a{height:45px; line-height:45px; margin-top:10px; position:relative; -webkit-background-size:24px; -moz-background-size:24px; -ms-background-size:24px; -o-background-size:24px; background-size:24px;}
#config_window.modal .like_space a{height:40px; line-height:40px; text-indent:5px;}
.free-word{display:none; -webkit-transition:none; transition:none;}
.req_check{position:absolute; top:-45px; right:0;}
.answer_space .m_sign{float:none; margin-right:10px;}
.consume-pt{padding: 0 8px; position:absolute; top:-5px; right:-5px; display:block; height:18px; line-height:18px; font-size:14px; color:#fff; background:#ff3857; -moz-border-radius:9px; -webkit-border-radius:9px; -ms-border-radius:9px; -o-border-radius:9px; border-radius:9px; text-align:center; text-indent:0; z-index:2;}
.consume-pt small{font-size:10px;}

.modal .submit_space{text-align:center; margin-top:15px;}
.modal .submit_space li{display:inline-block; height:40px; line-height:40px;}
.modal .submit_space li:first-of-type{width:40%; max-width:100px;}
.modal .submit_space li:last-of-type{width:55%; max-width:145px;}
.btn_space{padding:20px 15px 0; text-align:center;}
.btn_space .ok{display:inline-block; height:40px; width:200px; background:#4ec1b3 no-repeat 10px center; -webkit-background-size:20px; -moz-background-size:20px; -ms-background-size:20px; -o-background-size:20px; background-size:20px; color:#fff; line-height:40px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; margin-bottom:13px; font-size:15px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 2px 0 rgba(0,0,0,0.1);}
.btn_space .cancel{display:inline-block; margin-bottom:15px; color:#999; font-size:12px; width:100px; line-height:2;}
.btn_space .to_support{display:inline-block; height:40px; width:200px; background:#4e8c9b; color:#fff; line-height:40px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; margin-bottom:15px; font-size:15px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); text-indent:13px;}
.btn_space .to_fee{text-indent:13px;}
.btn_space a{position:relative;}
.btn_space i{position:absolute; left:10px; line-height:inherit; font-size:18px; text-indent:0;}
.long_type .ok{width:230px; text-indent:10px;}
.modal .desc{background:#ecf9f8; border:1px solid #84d8d1; color:#276270; padding:10px; font-weight:bold; position:relative; z-index:21; font-size:12px; line-height:1.4em; margin:20px 0 0;}
.modal .desc::before{content:""; position:absolute; top:-10px; left:50%; margin-left:-5px; display:block; width:0px; height:0px; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #ecf9f8 transparent; z-index: 22;}
.modal .desc::after{content:""; position:absolute; top:-11px; left:50%; margin-left:-6px; display:block; width:0px; height:0px; border-style:solid; border-width:0 11px 11px 11px; border-color:transparent transparent #84d8d1 transparent; z-index: 21;}
.modal .caution{font-size:11px;}
.msg_balloon{background:#eee; padding:13px 20px; line-height:1.3; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; margin-bottom:30px; position:relative;}

.close{position:absolute; top:-20px; right:-15px; z-index:21; width:30px; height:30px; background:transparent url(../images/close.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap; background-size:100% 100%; -moz-background-size:100% 100%; -webkit-background-size:100% 100%; -o-background-size:100% 100%; -ms-background-size:100% 100%; cursor:pointer; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.matching_title{text-align:center; padding:20px 0;}
.matching_title h2{font-size:34px; color:#276270; line-height:1.5em; font-weight:500; font-family:'Amiri',serif; letter-spacing:.1em; -webkit-transition:all 1.5s ease; -moz-transition:all 1.5s ease; -o-transition:all 1.5s ease; -ms-transition:all 1.5s ease; transition:all 1s ease; opacity:0;}
.matching_title h2::before,.matching_title h2::after{content:""; display:inline-block; width:82px; height:66px; background:url(../images/match_paper.png) no-repeat left center; background-size:auto 100%; -moz-background-size:auto 100%; -webkit-background-size:auto 100%; -o-background-size:auto 100%; -ms-background-size:auto 100%; position:absolute; top:5px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease;transition:all 1s ease; opacity:0;}
.matching_title h2::before{left:5px;}
.matching_title h2::after{background-position:right center; right:5px;}
@media screen and (max-width: 374px) {
	.matching_title h2::before,.matching_title h2::after{width:50px;}
}
.matching_title p{font-size:17px;}
.matching_pair{text-align:center; white-space:nowrap;}
.matching_pair .thumbnail{width:75px; display:inline-block;}
.center_heart{display:inline-block; width:80px; height:85px; background:url(../images/icon_compa.png) no-repeat center center; background-size:24px; -moz-background-size:24px; -webkit-background-size:24px; -ms-background-size:24px; -o-background-size:24px; -webkit-transition:all 1.2s ease-out; -moz-transition:all 1.2s ease-out; -o-transition:all 1.2s ease-out; -ms-transition:all 1.2s ease-out; transition:all 1.2s ease-out; opacity:0;}
.m_animation .matching_title h2{opacity:1;}
.m_animation .matching_title h2::before,.m_animation .matching_title h2::after{opacity:1; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px);}
.m_animation .center_heart{width:42px; opacity:1;}
.visual{border-radius:8px 8px 0 0; overflow:hidden;}
.heading + .visual{border-radius:0;}
.visual img{max-width:100%; height:auto; margin:0 auto; vertical-align:middle;}
#tab-field{padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #ddd; position:relative; margin-top:50px;}
#tab-index{position:absolute; top:-40px; left:-1px; right:-1px; height:40px; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}
#tab-index li{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; width:50%; float:left; height:40px; line-height:38px; text-align:center; border:1px solid #ddd; background-color:#f8f8f8; color:#aaa; font-size:16px; -webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; transition:background-color .3s ease;}
#tab-index li#user-block{border-left:none;}
#tab-index li.active{border-bottom:none; background:url(../images/check.png) no-repeat 10px center #fff; color:#276270; -moz-background-size:20px; background-size:20px;}
.tab-desc{display:none; font-size:12px; line-height:1.7;}
.tab-desc.active{display:block;}

/* loading */
#loading-overlay{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:13;}
.loading-circle{display:block; width:30px; height:30px; position:absolute; background:url(../images/loading.png) no-repeat; margin:0 auto; background-size:30px; left:0; right:0; bottom:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);
animation-name: loading;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: loading;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: loading;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-o-animation-name: loading;
-o-animation-duration: 1s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-ms-animation-name: loading;
-ms-animation-duration: 1s;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
}
@-webkit-keyframes loading{
	0%{-webkit-transform:rotateZ(0deg);}
	100%{-webkit-transform:rotateZ(360deg);}
}
@-moz-keyframes loading{
	0%{-moz-transform:rotateZ(0deg);}
	100%{-moz-transform:rotateZ(360deg);}
}
@keyframes loading{
	0%{transform:rotateZ(0deg);}
	100%{transform:rotateZ(360deg);}
}



/* cash_register */
.cash_table{width:100%; border-bottom:1px solid #ddd; margin-top:10px;}
.cash_table th{width:100px; border-top:1px solid #ddd; border-right:1px solid #ddd; font-weight:500; text-align:left; vertical-align:top; padding:15px; color:#276270;}
.cash_table td{border-top:1px solid #ddd; padding:15px;}
.cash_table td span{color:#232b2b; font-size:27px; font-family:'Lato', sans-serif;}


/* 404 */
body#not-found{background:url(../images/404_bg.png) repeat-x top #fff; height:100%; width:100%;}
#text-404{margin:0 10px; text-align:center;}
#text-404 h1{display:block; margin:0 auto; width:90%; max-width:583px; font-size:40px; margin-top:20px; margin-bottom:40px; height:100px; background:url(../images/not-found.png) no-repeat center center; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -o-background-size:100% auto; -ms-background-size:100% auto;}
#text-404 h2{font-weight:500; font-size:18px; line-height:1.7em;}
#not-found #start{position:absolute; top:50%;}


/* update */
#update{padding:10px; background:rgba(255,255,255,.9); margin:10px; border:1px solid #fff;}
#update .note{font-size:10px; line-height:1.5em;}
#update_btn{width:100%; max-width:260px; height:50px; margin:10px auto;}
#update_btn a{display:block; height:100%; background:#84d8d1; color:#fff; text-align:center; line-height:50px; font-size:16px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; background-size:20px 20px; -moz-background-size:20px 20px; -webkit-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px;}

/* fix navigation */
#fix_nav{display:block; position:fixed; bottom:0; left:0; right:0; width:100%; background:#fff; border-top: 1px solid #e7e6e6; z-index:13;}
#fix_nav.and2x{bottom:-20px;}
#fix_nav li{float:left; width:20%; height:50px; position:relative; overflow:hidden;}
#fix_nav li a{display:block; text-align:center; white-space:nowrap; overflow:hidden; font-size:10px; color:#798482; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; line-height:1; font-feature-settings:"palt";}
#fix_nav li i{display:block; height:35px; font-size:21px; line-height:35px;}
#fix_nav .new_sign{position:absolute; right:50%; left:auto; top:5px; width:16px; margin-right:-20px; height:16px; border-radius:8px; background:#ff90a1; color:#fff; line-height:16px; text-align:center; font-size:10px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg); z-index:13;}
#fix_nav li a.current{color:#4ec1b3;}


/* information */
#info_section{border:1px solid #84d8d1; padding:10px; margin:10px; position:relative;}
#info_section h3{font-weight:500; font-size:16px; color:#5fc9bc; background:url(../images/icon_info.png) no-repeat left center; padding-left:30px; background-size:25px auto; -moz-background-size:25px auto; -webkit-background-size:25px auto; -o-background-size:25px auto; -ms-background-size:25px auto;}
#info_section ul{margin:10px 0 0 0; padding-left:10px; display:none;}
#info_section li{color:#666; padding:2px 10px; position:relative;}
#info_section li a{color:#666; text-decoration:underline; transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
#info_section li a:hover{color:#5fc9bc;}
#info_section li i{position:absolute; left:-5px; top:0; line-height:1.7em;}
.info-close{position:absolute; right:10px; top:10px; display:inline-block;}
.info-close a{color:#276270;}
.info-close a:hover{color:#276270;}
.info-close span{display:inline-block;}
.toggle span{transform:rotate(45deg); -moz-transform:rotate(45deg); -ms--moz-transform:rotate(45deg); -o--moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); font-size:16px;}
.more_info{text-align:right;}
#info_section li.more_info a{text-decoration:none; color:#276270;}
#info_section li.more_info a i{padding-left:5px; position:static;}


/* ad space */
#ad-space img{max-width:100%; display:block; margin:0 auto; vertical-align:middle;}
.pr-fix{position:absolute; bottom:0; left:0; right:0;}


/* footer */
footer{padding:10px; font-size:12px; text-align:center; line-height:1.4em;}


/* error */
#error_section{border:1px solid #84d8d1; padding:10px 13px; margin-bottom:13px;}
#error_section h3{font-weight:500; font-size:18px; color:#5fc9bc; margin-bottom:10px; background:none; border:none; padding:0;}
#error_section h4{font-size:14px; color:#ff90a1;}
#error_section h5{font-size:14px;}
#error_section.warning a{color:#ff90a1; text-decoration:underline;}
#error_section figure{padding:20px 0;}
#error_section figcaption{color:#fff; background:#84D8D1; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; padding:2px 10px; display:block; margin-right:10px;}
#error_section ol{display:none;}
#error_section.warning ol{display:block;}
#error_section ol li{list-style:outside decimal; margin: 10px 30px;}
#error_section img{margin-bottom:10px; border:1px solid #ddd; max-width:100%;}
.method_open::after{content:"+"; display:inline; padding:0 5px;}
.method_open.accordion-open::after{content:"-"; font-size:16px; color:#999;}
#error_section.warning{border-color:#f00; color:#f00; font-size:12px; line-height:1.4em;}
#error_section.warning h4{color:#f00;}
.basic_parts #error_section.warning ol li{border-color:#ff90a1; list-style-type:none;}
.basic_parts .warning ol li::before{background:#ff5454;}


/* exit */
.readvice h4{font-size:16px; line-height:1.5em; padding-top:0;}
.readvice h5{font-size:16px; line-height:1.3; color:#ff3857; text-align:center; display:block; margin-top:13px;}
.readvice img{width:100%; vertical-align:middle; max-width:100%;}
.next_btn{margin:20px 0;}
.next_btn a{background:#aaa; color:#fff; display:block; width:100px; height:32px; line-height:32px; margin:0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); -o-box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); box-shadow:0 2px 2px 0 rgba(0,0,0,0.1); position:relative; text-align:center;}
.next_btn i{position:absolute; right:10px; line-height:inherit;}
#restart_btn{padding:30px 0; text-align:center;}
#restart_btn a{display:block; max-width:300px; height:50px; line-height:50px; color:#fff; background:#fc798c; font-size:18px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; margin:0 auto; position:relative;}
#restart_btn a i{position: absolute; left:15px; top:0; line-height:50px;}
.reasonset{display:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}

/* event popup */
.e-popup{position:fixed; top:50%; left:20px; right:20px; background:#fff; display:none; z-index:14; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; max-width:470px; margin:0 auto;}
.e-inner{overflow-y:auto; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-overflow-scrolling:touch; -moz-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.e-inner::-webkit-scrollbar{width:5px; background: #eee;}
.e-inner::-webkit-scrollbar-thumb{background: #aaa; border-radius:2px;}
.e-inner img{max-width:100%; vertical-align:middle;}
.e-inner > img,.e-inner > a img{width:100%;}
.e-inner h1{display:block; padding:15px 20px; font-weight:500; font-size:16px; color:#276270; border-left:3px solid #84d8d1;}
.e-txtBody{padding:20px;}
.e-txtBody p{margin-bottom:20px;}
.e-txtBody p:last-of-type{margin-bottom:0;}
.e-txtBody li{display:block; border-left:3px solid #84d8d1; padding:1px 5px; margin:5px 0;}
.e-txtBody table{width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; margin:10px 0;}
.e-txtBody th,.e-txtBody td{padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.e-txtBody th{background:#f8f8f8; }
.e-cancel .cancel{display:block; background:#aaa; color:#fff; width:120px; margin:10px auto; height:40px; line-height:40px;}
@media screen and (min-height: 901px) { /* Tablet */
	.e-inner{max-height:750px;}
}
@media screen and (max-height: 900px) and (min-height: 601px) {/* iPhone6 */
	.e-inner{max-height:400px;}
}
@media screen and (max-height: 600px) and (min-height: 521px) {/* Xperia */
	.e-inner{max-height:400px;}
}
@media screen and (max-height: 520px) and (min-height: 471px) { /* GalaxyS2 iPodTouch */
	.e-inner{max-height:370px;}
}
@media screen and (max-height: 470px) {/* iPhone4s */
	.e-inner{max-height:350px;}
}
#bonus{border:1px solid #84d8d1; background:#f7fefd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; position:relative; padding:35px 0 18px 0; max-width:240px; margin:30px auto 10px auto; text-align:center;}
#bonus h2{display:block; position:absolute; top:-30px; left:-20px; right:-20px; background:url(../images/bonus_title.png) no-repeat center center; height:64px; background-size:100% auto; -moz-background-size:100% auto; -webkit-background-size:100% auto; -ms-background-size:100% auto; -o-background-size:100% auto; text-indent:400%; overflow:hidden; white-space:nowrap;}
.bonusBox{height:85px; position:relative; display:inline-block; overflow:hidden; padding-left:95px;}
.bonusBox::before{display:block; content:""; position:absolute; top:-1px; left:-1px; width:85px; background:url(../images/bonus_star.png) no-repeat center center; background-size:100%; -moz-background-size:100%; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; height:85px; z-index:17;}
.bonus-like{background:url(../images/bonus-like.png) no-repeat 17px center; background-size:50px 60px; -moz-background-size:50px 60px; -webkit-background-size:50px 60px; -o-background-size:50px 60px; -ms-background-size:50px 60px;}
.bonus-point{background:url(../images/bonus-point.png) no-repeat 17px center; background-size:50px 60px; -moz-background-size:50px 60px; -webkit-background-size:50px 60px; -o-background-size:50px 60px; -ms-background-size:50px 60px;}
.bonusType{font-size:16px; height:85px; line-height:85px; font-weight:bold; white-space:nowrap; overflow:hidden; display:inline-block; position:relative; top:-15px;}
.bonusType .number{font-size:50px; color:#ff90a1; font-weight:500; font-family:'Lato',sans-serif; position:relative; top:10px;}
.bonusType small{padding:0 0 0 5px;}
.dialog_cell .btn_yes{background:#4ec1b3; height:50px; line-height:50px; font-size:18px; width:100%; max-width:320px; margin-bottom:13px;}
.dialog_cell .btn_no{background:#aaa; height:40px; line-height:40px; font-size:13px; width:280px; text-indent:10px; margin-bottom:13px;}

/* tutorial animation */
#action_container{display:none; position:fixed; top:0; left:0; height:100%; width:250%; z-index:15; transition:transform 1.5s cubic-bezier(0.39, -0.21, 0.54, 1.18);}
.device_container{position:absolute; width:147px; height:297px; top:50%; margin-top:-149px; background:url(../images/device.png) no-repeat; -moz-background-size:contain; background-size:contain;}
#my_device{left:20%; margin-left:-73px; z-index:18; transition:all .6s ease-in-out;}
#the_other_device{right:20%; margin-right:-73px; z-index:16;}
.device_display{position:absolute; width:128px; height:227px; left:9.5px; top:35px; background:#222; overflow:hidden;}
.profile_view{background:#fff; position:relative; height:100%; transition:transform .2s ease-in-out;}
.main_photo_container{position:relative;}
.like_mark{background:#fc798c; width:56px; height:56px; border-radius:50%; position:absolute; color:#fff; text-align:center; line-height:56px; font-size:24px; opacity:0;}
.ripple{position:absolute; top:50%; left:50%; width:56px; height:56px; border-radius:50%; content:""; display:block;; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fc798c;}
.main_photo_container .like_mark{top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#throw{top:40%; left:20%; margin-left:-28px; z-index:17;}
#throw .ripple{opacity:0;}
.sub_photo_container{padding:6px;}
.sub_photo_container .sq-thumbnail{width:30%; margin-right:2px; float:left;}
.profile_view .like_space{position:absolute; bottom:0; left:0; right:0; padding:6px;}
.profile_view .like_space a{height:28px; line-height:28px; text-indent:8px; font-size:13px;}
.startup_view{position:relative; background:#2f3d41; height:100%; color:#fff; opacity:0; transition:opacity .4s ease;}
.time_count{font-family:'Roboto',sans-serif; font-weight:100; font-size:28px; text-align:center; letter-spacing:.05em; padding-top:40px;}
.date_count{font-family:'Roboto',sans-serif; font-weight:100; font-size:10px; text-align:center; padding:2px 0 20px; letter-spacing:.05em;}
.push_list{padding-left:6px;}
.push_list li{border-top:1px solid #365058; border-bottom:1px solid #365058; padding:6px 6px 6px 16px; font-size:10px; line-height:1.4; background:url(../images/push_icon.png) no-repeat left 10px; -moz-background-size:13px; background-size:13px; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px); transition:transform .4s ease;}
.heart_mark{position:absolute; content:""; width:48px; height:48px; top:-45px; background:url(../images/heart.png
) no-repeat; -moz-background-size:contain; background-size:contain; opacity:0; -webkit-transform-origin:50% bottom; -moz-transform-origin:50% bottom; transform-origin:50% bottom;}
.hand{position:absolute; right:-24px; bottom:-5px; content:""; width:72px; height:72px; z-index:19; background:url(../images/hand.png
) no-repeat; -moz-background-size:contain; background-size:contain; opacity:0; transition:transform .05s ease-in-out;}
.notify{position:absolute; left:-40px; content:""; width:48px; height:48px; top:-44px; background:url(../images/notify.png
) no-repeat; -moz-background-size:contain; background-size:contain; opacity:0; -webkit-transform-origin:right bottom; -moz-transform-origin:right bottom; transform-origin:right bottom;}
#my_device .heart_mark{right:-24px; -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); transform:rotate(20deg);}
#the_other_device .heart_mark{left:-24px; -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); transform:rotate(-20deg);}
#matching_container{display:none; position:fixed; top:40%; left:0; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:17;}
#matching_container .matching_title h2{color:#fff; font-size:40px; line-height:1.2;}
#matching_container .matching_title p{color:#fff;}
#matching_container .center_heart{-moz-background-size:40px; background-size:40px;}
#matching_container .matching_pair .thumbnail{width:80px;}
#matching_container .thumbnail .thumbnail_img{top:3px; left:3px; right:3px; bottom:3px;}
#guide .purchased{display:none;}

.start_from_zoom{-webkit-transform:scale(2); -moz-transform:scale(2); transform:scale(2);}
.start_bounce{opacity:1; -webkit-animation:start_bounce .3s; -moz-animation:start_bounce .3s; animation:start_bounce .3s;}
.start_bounce2{opacity:1; -webkit-animation:start_bounce2 .3s; -moz-animation:start_bounce2 .3s; animation:start_bounce2 .3s;}
.start_hand{opacity:1;}
.start_click{-webkit-transform:translate(-5px,10px); -moz-transform:translate(-5px,10px); transform:translate(-5px,10px);}
.start_like{-webkit-animation:start_like 1.4s; -moz-animation:start_like 1.4s; animation:start_like 1.4s;}
.start_like .ripple{-webkit-animation:ripple .8s; -moz-animation:ripple .8s; animation:ripple .8s; opacity:0;}
.throw_like{opacity:1; -webkit-animation:throw_like 1.5s linear; -moz-animation:throw_like 1.5s linear; animation:throw_like 1.5s linear; -webkit-transform:translateX(150vw); -moz-transform:translateX(150vw); transform:translateX(150vw);}
.slide_screen{-webkit-transform:translateX(-60%); -moz-transform:translateX(-60%); transform:translateX(-60%);}
.slide_screen #my_device{-webkit-animation:acceleration 1.5s linear; -moz-animation:acceleration 1.5s linear; animation:acceleration 1.5s linear;}
.slide_screen #the_other_device{-webkit-animation:deceleration 1.5s linear; -moz-animation:deceleration 1.5s linear; animation:deceleration 1.5s linear;}
.catch_push{opacity:1;}
.catch_push .push_list li{-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}
.start_notify{opacity:1; -webkit-animation:start_bounce3 .3s; -moz-animation:start_bounce3 .3s; animation:start_bounce3 .3s;}
.close_prof_view{-webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}
@-webkit-keyframes start_bounce{
	0%{opacity:0; -webkit-transform:scale(0,0) rotate(10deg);}
	10%{opacity:1; -webkit-transform:scale(.2,.1) rotate(14deg);}
	75%{-webkit-transform:scale(1.5,1.7) rotate(28deg);}
	100%{-webkit-transform:scale(1,1) rotate(20deg);}
}
@-webkit-keyframes start_bounce2{
	0%{opacity:0; -webkit-transform:scale(0,0) rotate(-10deg);}
	10%{opacity:1; -webkit-transform:scale(.2,.1) rotate(-14deg);}
	75%{-webkit-transform:scale(1.5,1.7) rotate(-28deg);}
	100%{-webkit-transform:scale(1,1) rotate(-20deg);}
}
@-webkit-keyframes start_bounce3{
	0%{opacity:0; -webkit-transform:scale(0,0);}
	75%{-webkit-transform:scale(1.5,1.6);}
	100%{-webkit-transform:scale(1,1);}
}
@-webkit-keyframes start_like{
	0%{opacity:1; -webkit-transform:translate(-50%,-50%) scale(1.7,1.7);}
	55%{-webkit-transform:translate(-50%,-50%) scale(.7,.7);}
	58%{-webkit-transform:translate(-50%,-50%) scale(.9,.8);}
	64%{-webkit-transform:translate(-50%,-50%) scale(1.05,1.1);}
	67%{-webkit-transform:translate(-50%,-50%) scale(.85,.95);}
	70%{opacity:1; -webkit-transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; -webkit-transform:translate(-50%,-50%) scale(1,1);}
}
@-webkit-keyframes ripple{
	0%{opacity:1; -webkit-transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; -webkit-transform:translate(-50%,-50%) scale(2.4,2.4);}
}
@-webkit-keyframes throw_like{
	0%{-webkit-transform:translate(0,0) rotate(-20deg);}
	25%{-webkit-transform:translate(37.5vw,-70px) rotate(-10deg);}
	50%{-webkit-transform:translate(75vw,-100px) rotate(-5deg);}
	75%{-webkit-transform:translate(112.5vw,-70px) rotate(0deg);}
	95%{-webkit-transform:translate(142.5vw,-5.5px) rotate(10deg);}
	100%{-webkit-transform:translate(150vw,0) rotate(0deg);}
}
@-webkit-keyframes acceleration{
	0%{-webkit-transform:rotate(0deg); -webkit-transform-origin:left bottom;}
	30%{-webkit-transform:rotate(.5deg); -webkit-transform-origin:left bottom;}
	50%{-webkit-transform:rotate(-1deg); -webkit-transform-origin:left bottom;}
	60%{-webkit-transform:rotate(0deg); -webkit-transform-origin:left bottom;}
	100%{-webkit-transform:rotate(0deg); -webkit-transform-origin:left bottom;}
}
@-webkit-keyframes deceleration{
	0%{-webkit-transform:rotate(0deg); -webkit-transform-origin:right bottom;}
	40%{-webkit-transform:rotate(-1deg); -webkit-transform-origin:right bottom;}
	70%{-webkit-transform:rotate(.5deg); -webkit-transform-origin:right bottom;}
	100%{-webkit-transform:rotate(0deg); -webkit-transform-origin:right bottom;}
}
@-moz-keyframes start_bounce{
	0%{opacity:0; -moz-transform:scale(0,0) rotate(10deg);}
	10%{opacity:1; -moz-transform:scale(.2,.1) rotate(14deg);}
	75%{-moz-transform:scale(1.5,1.7) rotate(28deg);}
	100%{-moz-transform:scale(1,1) rotate(20deg);}
}
@-moz-keyframes start_bounce2{
	0%{opacity:0; -moz-transform:scale(0,0) rotate(-10deg);}
	10%{opacity:1; -moz-transform:scale(.2,.1) rotate(-14deg);}
	75%{-moz-transform:scale(1.5,1.7) rotate(-28deg);}
	100%{-moz-transform:scale(1,1) rotate(-20deg);}
}
@-moz-keyframes start_bounce3{
	0%{opacity:0; -moz-transform:scale(0,0);}
	75%{-moz-transform:scale(1.5,1.6);}
	100%{-moz-transform:scale(1,1);}
}
@-moz-keyframes start_like{
	0%{opacity:1; -moz-transform:translate(-50%,-50%) scale(1.7,1.7);}
	55%{-moz-transform:translate(-50%,-50%) scale(.7,.7);}
	58%{-moz-transform:translate(-50%,-50%) scale(.9,.8);}
	64%{-moz-transform:translate(-50%,-50%) scale(1.05,1.1);}
	67%{-moz-transform:translate(-50%,-50%) scale(.85,.95);}
	70%{opacity:1; -moz-transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; -moz-transform:translate(-50%,-50%) scale(1,1);}
}
@-moz-keyframes ripple{
	0%{opacity:1; -moz-transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; -moz-transform:translate(-50%,-50%) scale(2.4,2.4);}
}
@-moz-keyframes throw_like{
	0%{-moz-transform:translate(0,0) rotate(-20deg);}
	25%{-moz-transform:translate(37.5vw,-70px) rotate(-10deg);}
	50%{-moz-transform:translate(75vw,-100px) rotate(-5deg);}
	75%{-moz-transform:translate(112.5vw,-70px) rotate(0deg);}
	95%{-moz-transform:translate(142.5vw,-5.5px) rotate(10deg);}
	100%{-moz-transform:translate(150vw,0) rotate(0deg);}
}
@-moz-keyframes acceleration{
	0%{-moz-transform:rotate(0deg); -moz-transform-origin:left bottom;}
	30%{-moz-transform:rotate(.5deg); -moz-transform-origin:left bottom;}
	50%{-moz-transform:rotate(-1deg); -moz-transform-origin:left bottom;}
	60%{-moz-transform:rotate(0deg); -moz-transform-origin:left bottom;}
	100%{-moz-transform:rotate(0deg); -moz-transform-origin:left bottom;}
}
@-moz-keyframes deceleration{
	0%{-moz-transform:rotate(0deg); -moz-transform-origin:right bottom;}
	40%{-moz-transform:rotate(-1deg); -moz-transform-origin:right bottom;}
	70%{-moz-transform:rotate(.5deg); -moz-transform-origin:right bottom;}
	100%{-moz-transform:rotate(0deg); -moz-transform-origin:right bottom;}
}
@keyframes start_bounce{
	0%{opacity:0; transform:scale(0,0) rotate(10deg);}
	10%{opacity:1; transform:scale(.2,.1) rotate(14deg);}
	75%{transform:scale(1.5,1.7) rotate(28deg);}
	100%{transform:scale(1,1) rotate(20deg);}
}
@keyframes start_bounce2{
	0%{opacity:0; transform:scale(0,0) rotate(-10deg);}
	10%{opacity:1; transform:scale(.2,.1) rotate(-14deg);}
	75%{transform:scale(1.5,1.7) rotate(-28deg);}
	100%{transform:scale(1,1) rotate(-20deg);}
}
@keyframes start_bounce3{
	0%{opacity:0; transform:scale(0,0);}
	75%{transform:scale(1.5,1.6);}
	100%{transform:scale(1,1);}
}
@keyframes start_like{
	0%{opacity:1;transform:translate(-50%,-50%) scale(1.7,1.7);}
	55%{transform:translate(-50%,-50%) scale(.7,.7);}
	58%{transform:translate(-50%,-50%) scale(.9,.8);}
	64%{transform:translate(-50%,-50%) scale(1.05,1.1);}
	67%{transform:translate(-50%,-50%) scale(.85,.95);}
	70%{opacity:1;transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; transform:translate(-50%,-50%) scale(1,1);}
}
@keyframes ripple{
	0%{opacity:1; transform:translate(-50%,-50%) scale(1,1);}
	100%{opacity:0; transform:translate(-50%,-50%) scale(2.4,2.4);}
}
@keyframes throw_like{
	0%{transform:translate(0,0) rotate(-20deg);}
	25%{transform:translate(37.5vw,-70px) rotate(-10deg);}
	50%{transform:translate(75vw,-100px) rotate(-5deg);}
	75%{transform:translate(112.5vw,-70px) rotate(0deg);}
	95%{transform:translate(142.5vw,-5.5px) rotate(10deg);}
	100%{transform:translate(150vw,0) rotate(0deg);}
}
@keyframes acceleration{
	0%{transform:rotate(0deg); transform-origin:left bottom;}
	30%{transform:rotate(.5deg); transform-origin:left bottom;}
	50%{transform:rotate(-1deg); transform-origin:left bottom;}
	60%{transform:rotate(0deg); transform-origin:left bottom;}
	100%{transform:rotate(0deg); transform-origin:left bottom;}
}
@keyframes deceleration{
	0%{transform:rotate(0deg); transform-origin:right bottom;}
	40%{transform:rotate(-1deg); transform-origin:right bottom;}
	70%{transform:rotate(.5deg); transform-origin:right bottom;}
	100%{transform:rotate(0deg); transform-origin:right bottom;}
}

/* tap style */
#fb_login.tap{padding:26px 0 9px; background:#1b3672; background:-moz-linear-gradient(top, #1b3672, #31559a); background:-webkit-gradient(linear, left top, left bottom, from(#1b3672), to(#31559a));}
#fb_login.tap,#start .tap,.like_space .tap,.submit_space .tap,.confirmed.tap span,.detail_submit .tap,.submit_cell .tap,.btn_space .ok.tap,.no.tap,.btn_space .to_support.tap,#restart_btn .tap,.to_premium .tap,.message_open .tap,.evaluate .tap,.dialog_cell .tap,.submit_btn .tap,.sweet-alert button.tap,#update_btn .tap,#without-update.tap,.btn_age .tap,.action .tap{box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); position:relative;}
#start .tap::after,.like_space .tap::after,.submit_space .tap::after,.confirmed.tap span::after,.detail_submit .tap::after,.other_card.tap::after,.btn_space .ok.tap::after,.btn_space .to_support.tap::after,#restart_btn .tap::after,.to_premium .tap::after,.message_open .tap::after,.evaluate .tap::after,.dialog_cell .tap::after,.fileUpload.tap a.take-pict::after,.submit_btn .tap::after,.sweet-alert button.tap::after,#update_btn .tap::after,#without-update.tap::after,#conf_menu .tap::after,.help-menu-list .tap::after,.btn_age .tap::after,.action .tap::after{content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.15); border-radius:5px;}
.action .tap::after{border-radius:30px;}
#conf_menu .tap{position:relative; -webkit-transform:translateY(1px); -moz-transform:translateY(1px); transform:translateY(1px);}
.rest .tap{background-color:#f0f0f0; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;}
.submit_cell input[type=submit].tap,.submit_cell .submit.tap,#mail_setting #mail_post.tap,.detail_submit input[type=submit].tap,.detail_submit input[type=button].tap{background:#46ada1; -webkit- transition:none; -moz-transition:none; transition:none;}
.detail_submit input:disabled.tap{background:#eee; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.submit_cell input[type=submit]:disabled.tap,.submit_cell input[type=submit].disable.tap{background:#eee; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.submit_cell .cancel.tap,.submit_cell input[type=reset].tap{background:#999;}
.bm_card.tap{-webkit-box-shadow:2px 2px 0 #ddd; -moz-box-shadow:2px 2px 0 #ddd; box-shadow:2px 2px 0 #ddd; -webkit-transform:translate(3px,3px); -moz-transform:translate(3px,3px); transform:translate(3px,3px); -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.skip .cancel.tap{background:#999; -webkit-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); -moz-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15);}
.tr_skip .tap{background:rgba(0,0,0,.05); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:background .2s ease; -moz-transition:background .2s ease; transition:background .2s ease;}
.prof_content + .pagenation .tap::after{content:""; display:block; position:absolute; top:50%; background:rgba(0,0,0,.2); width:50px; height:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; margin-top:-25px; -webkit-animation:btnScale .4s ease-in; -moz-animation:btnScale .4s ease-in; animation:btnScale .4s ease-in; opacity:0;}
.prof_content + .pagenation li:first-of-type .tap::after{left:-13px;}
.prof_content + .pagenation li:last-of-type .tap::after{right:-13px;}
@-webkit-keyframes btnScale{
	0%{-webkit-transform:scale(.3); opacity:1;}
	100%{-webkit-transform:scale(1); opacity:0;}
}
@-moz-keyframes btnScale{
	0%{-moz-transform:scale(.3); opacity:1;}
	100%{-moz-transform:scale(1); opacity:0;}
}
@keyframes btnScale{
	0%{transform:scale(.3); opacity:1;}
	100%{transform:scale(1); opacity:0;}
}
.thumbnail a::after,.sq-thumbnail a::after,#main_photo .sq-thumbnail a::after,.img_icon::after,.recommend_list .thumbnail::after,.bm_card .sq-thumbnail::after{content:""; display:block; background:rgba(0,0,0,.1); position:absolute; top:3px; left:3px; right:3px; bottom:3px; -webkit-border-radius:600px; -moz-border-radius:600px; border-radius:600px; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); opacity:0;}
.thumbnail.tap a::after,.tap .thumbnail a::after,.sq-thumbnail.tap a::after,#main_photo.tap .sq-thumbnail a::after,.tap .img_icon::after,.recommend_list .tap .thumbnail::after,.bm_card.tap .sq-thumbnail::after{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}
.sq-thumbnail.tap .photo_selection a::after{-webkit-transform:scale(4); -moz-transform:scale(4);  transform:scale(4);}
.chara_box .thumbnail a::after,.community_box .thumbnail a::after,#my_status .thumbnail a::after{top:5px; left:5px; right:5px; bottom:5px;}
.list_body .thumbnail.tap a::after,.sq-thumbnail.tap a::after,#main_photo.tap .sq-thumbnail a::after,.bm_card.tap .sq-thumbnail::after{-webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; transition:all .5s ease-in-out; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); transform:scale(1.5); z-index:1;}
.visitor_list.tap{background:#f3f3f3;}
.stock figure.tap{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transform:translate(1px,1px); -moz-transform:translate(1px,1px); transform:translate(1px,1px); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease;}
.stock figure::after{content:""; display:block; background:rgba(0,0,0,.1); position:absolute; top:0; left:0; right:0; bottom:0; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); opacity:0; z-index:1;}
.stock figure.tap::after{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.toWeb.tap{background:#f3f3f3; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.toWeb .tap{color:#ccc;}
.check_plan.tap{background:#fff; color:#5fc9bc;}
.btn_space .cancel.tap{color:#ccc;}
.option_btn_space .tap,.sq_btn.tap{position:relative; padding-top:6px; padding-bottom:4px; -webkit-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3); -moz-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3); box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3);}
.required-parts .howto.tap{border-bottom:0; border-top:2px solid #d65e70;}
.whats_commu .tap{position:relative; padding-top:8px; padding-bottom:6px; -webkit-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3); -moz-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3); box-shadow:inset 0 1px 0 1px rgba(0,0,0,.3); background-position:10px 12px;}
.option_btn_space .tap::after,.sq_btn.tap::after,.whats_commu .tap::after{content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.3); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.search_btn .tap,.fix_search_btn .tap,.button .tap,.to_age .tap,#create .tap,.fileUpload.tap a,.photo_edit_btn .tap,#info_body + .pagenation .tap,.info_func .pagenation .tap,#join_community .pager .tap,#setting_btn .tap,#myprofile .tap{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; background-color:rgba(229,255,253,.9); border-color:#84d8d1;}
.fileUpload.tap a.take-pict{-webkit-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); -moz-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); box-shadow:inset 0 1px 0 1px rgba(0,0,0,.15); position:relative; background:#fc798c;}
#info_body + .pagenation .tap,.info_func .pagenation .tap,#join_community .pager .tap{color:#84d8d1;}
.like_space .exit.tap,.release.tap{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; background-color:rgba(250,250,250,.9); border-color:#ccc; color:#aaa; box-shadow:none;}
.like_space .exit.tap::after,.release.tap::after{display:none;}
.fix_search_btn .tap{width:50px;}
.searching.tap{-webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease;}
.topnav .tap,#globalnavi .tap,.config.tap,.back,#message_head .back_index .tap,.option_cell li .tap,.option_cell li.tap a{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease;}
.topnav .tap,#globalnavi .tap,#message_head .back_index .tap{-webkit-transform:scale(.9); -webkit-transform:scale(.9); transform:scale(.9);}
.config.tap{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.topnav .tappable::after,#globalnavi .tappable::after,#fix_nav_bar .tappable::after,#message_head .back_index .tappable::after,.option_cell li a::after,.option_cell .tapParents a::after,#m-option a::after{content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(39,98,112,.1); -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; width:100%; height:100%; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}
#globalnavi .tappable::after{width:80px; height:80px; margin:0 auto;}
#fix_nav_bar .tappable::after,.option_cell li a::after,.option_cell .tapParents a::after,#m-option a::after{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:50px; height:50px; margin:0 auto;}
.topnav .tap::after{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#globalnavi .tap::after,#message_head .back_index .tap::after{-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}
#fix_nav .tap::after,.option_cell li .tap::after,.option_cell .tap a::after,#m-option .tap::after{-webkit-transform:scale(3); -moz-transform:scale(3); transform:scale(3);}
.close.tap,.sb-close.tap,.s_modale_close.tap,#photo-edit .tap,.delete.tap,.pswp .tap{-webkit-transform:scale(.9); -moz-transform:scale(.9); transform:scale(.9);-webkit-transition:all .1s ease; -moz-transition:all .1s ease; transition:all .1s ease;}
.card figure::after,#my-status section::before{content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.1); -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; transition:all .4s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); opacity:0; -webkit-border-radius:300px; -moz-border-radius:300px; border-radius:300px;}
.tap .card figure::after,#my-status section.tap::before{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.tappable #no_receive,.tappable .angle{-webkit-transition:width .2s ease; transition:width .2s ease;}
.tap #no_receive{background-color:#fff0f0;}
.tap .angle{width:15px;}
.form_th.tap,h4.accordion_head.tap{background-color:#f3f3f3;}
.category_list .tap{color:#5fc9bc; background:#f3fdfc;}
.category_list .tap::before{-webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; -webkit-transform:scale(.8); -moz-transform:scale(.8); transform:scale(.8); -webkit-filter:brightness(1.2) hue-rotate(-20deg);}
#beginner_menu .tap{color:#fff; background:#84d8d1;}
.list_menu li .tap,#info_body .tap{background:#f3f3f3; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease;}
.list_menu li .tap::after{right:5px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
#info_body .info_unread .tap{background:#ffe1ea; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease;}
.tap .switch-switch{-webkit-transform:scale(.9); -moz-transform:scale(.9); transform:scale(.9); background:#f8f8f8;}
.detail_list .push_head a.tap{position:relative; padding:6px 0 4px 0; -webkit-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.1); -moz-box-shadow:inset 0 1px 0 1px rgba(0,0,0,.1); box-shadow:inset 0 1px 0 1px rgba(0,0,0,.1);}
.detail_list .push_head a.tap::after{content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.1);}
.help_link .tap,.fb_prop .help_link .tap{color:#aaa;}




/* slick theme */
.slick-box{display:none;}
.slick-prev,.slick-next{position:absolute; top:50%; display:block; width:15px; height:15px; padding:0; margin-top: -10px\9; /*lte IE 8*/ transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); cursor:pointer; border:0; z-index:5; white-space:nowrap; text-indent:100%; overflow:hidden; background:transparent; opacity:0.8; outline:none;}
.slick-prev{left:5px; background:url(../images/arrow_w_l.png) no-repeat; background-size:cover;}
.slick-next{right:5px; background:url(../images/arrow_w_g.png) no-repeat; background-size:cover;}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{opacity:1;}
.slick-prev.slick-disabled,.slick-next.slick-disabled{opacity:.25;}
.slick-slider{z-index:1;}
.slick-dots{position:absolute; bottom:5px; display:block; width:100%; padding:0; list-style:none; text-align:center; height:15px; z-index:5;}
.slick-dots li{position:relative; display:inline-block; width:6px; height:6px; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button{display:block; width:6px; height:6px; border:0; background:rgba(180,180,180,0.6); white-space:nowrap; text-indent:100%; overflow:hidden; cursor: pointer; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;  outline:none;}.slick-dots li.slick-active button{background:rgba(132,216,209,0.6);}

/* ad_app */
#app_lead{position:fixed; bottom:50px; left:0; right:0; background:rgba(255,255,255,.9); border-top:1px solid #ddd; padding:7px 12px 7px 10px; display:none; z-index:12; text-align:center;}
#app_lead img{display:inline-block; margin:0 7px 0 0; width:50px; vertical-align: bottom;}
#app_lead h4{font-size:11px; line-height:1.3em; font-weight:500; display:inline-block; text-align:left; margin-right:5px;}
.dl_btn{display:inline-block; text-align:left;}
.dl_btn a{display:block; background:#48CE91; color:#fff; width:100px; text-align: center;clear: both; padding:2px 0; border-radius:7px; font-size:13px;}
.ad_close{position: absolute; top: 0; right: 0; width:25px; height:25px; line-height:25px; text-align:center;}
.store_icon{display:inline-block;}
#app_lead .store_icon img{display:inline-block; width:auto; height:22px; margin:2px 0 0 0;}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp{display:none; position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; -ms-touch-action:none; touch-action:none; z-index:1500; -webkit-text-size-adjust:100%; -webkit-backface-visibility:hidden; outline:none;}
.pswp *{box-sizing:border-box;}
.pswp img{max-width:none;}
.pswp--animate_opacity{opacity:.001; will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1); transition:opacity 333ms cubic-bezier(.4,0,.22,1);}
.pswp--open{display:block;}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in; cursor:zoom-in;}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab; cursor:grab;}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing; cursor:grabbing;}
.pswp__bg{position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0; -webkit-backface-visibility:hidden; will-change:opacity;}
.pswp__scroll-wrap{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none; touch-action:none; position:absolute; left:0; right:0; top:0; bottom:0;}
.pswp__container,.pswp__img{-webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
.pswp__zoom-wrap{position:absolute; width:100%; -webkit-transform-origin:left top; transform-origin:left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4,0,0.22,1); transition: transform 333ms cubic-bezier(0.4,0,0.22,1);}
.pswp__bg{will-change:opacity; -webkit-transition:opacity 333ms cubic-bezier(0.4,0,0.22,1); transition:opacity 333ms cubic-bezier(0.4,0,0.22,1);}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none; transition:none;}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden;}
.pswp__item{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
.pswp__img{position:absolute; width:auto; height:auto; top:0; left:0;}
.pswp__img--placeholder{-webkit-backface-visibility:hidden;}
.pswp__img--placeholder--blank{background:#222;}
.pswp--ie .pswp__img{width:100% !important; height:auto !important; left:0; top:0;}
.pswp__error-msg{position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:14px; line-height:16px; margin-top:-8px; color:#ccc;}
.pswp__error-msg a{color:#ccc; text-decoration:underline;}

/* nouislider */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}
.noUi-target{position:relative;direction:ltr}
.noUi-base{height:100%;position:relative;z-index:1;margin:0 12px;}
.noUi-origin{position:absolute;right:-12px;top:0;left:0;bottom:0}
.noUi-handle{position:relative;z-index:1}
.noUi-stacking .noUi-handle{z-index:10}
.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;-moz-transition:left .3s,top .3s; -ms-transition:left .3s,top .3s; -o-transition:left .3s,top .3s; transition:left .3s,top .3s;}
.noUi-state-drag *{cursor:inherit!important}
.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.noUi-horizontal{height:4px}
.noUi-horizontal .noUi-handle{width:24px;height:24px;left:-12px;top:-10px}
.noUi-vertical{width:4px}
.noUi-vertical .noUi-handle{width:24px;height:24px;left:-10px;top:-12px}
.noUi-background{background:#eee;}
.noUi-connect{background:#4ec1b3;-webkit-transition:background 450ms;-moz-transition:background 450ms; -ms-transition:background 450ms; -o-transition:background 450ms; transition:background 450ms;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.noUi-target{-webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.noUi-draggable{cursor:w-resize}
.noUi-vertical .noUi-draggable{cursor:n-resize}
.noUi-handle{border:1px solid #D9D9D9;-webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px;background:#FFF;cursor:default;-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; -moz-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; -ms-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; -o-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.noUi-active{-webkit-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; -moz-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; -ms-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; -o-box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB;}
[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}
[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}
.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.noUi-pips{position:absolute;color:#999}
.noUi-value{position:absolute;text-align:center}
.noUi-value-sub{color:#ccc;font-size:10px}
.noUi-marker{position:absolute;background:#CCC}
.noUi-marker-large,.noUi-marker-sub{background:#AAA}
.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}
.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);-moz-transform:translate3d(-50%,50%,0); -ms-transform:translate3d(-50%,50%,0); -o-transform:translate3d(-50%,50%,0); transform:translate3d(-50%,50%,0);}
.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}
.noUi-marker-horizontal.noUi-marker-sub{height:10px}
.noUi-marker-horizontal.noUi-marker-large{height:15px}
.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}
.noUi-value-vertical{-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);padding-left:25px}
.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}
.noUi-marker-vertical.noUi-marker-sub{width:10px}
.noUi-marker-vertical.noUi-marker-large{width:15px}
.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px;background:#fff;padding:5px;text-align:center}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}
.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}
.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}

/* clearfix各バージョン */
.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clearfix各バージョンここまで */

/*--------------------------------
preload
--------------------------------*/
.preload * {
	transition: none !important;
}

/*--------------------------------
20210407
--------------------------------*/
.like-ct-label {
	width: 28px;
	line-height: 28px;
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	background: #fff;
	color: #f06292;
	border-radius: 7px;
	font-size: 12px;
	box-sizing: border-box;
}
.modal .like-ct-label {
	width: 33px;
	line-height: 33px;
}
.list .like-ct-label {
	width: 32px;
	line-height: 20px;
	top: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 4px;
}
.prof_body .like-ct-label {
	width: 42px;
	line-height: 42px;
	top: 4px;
	right: 4px;
	bottom: 4px;
	border-radius: 4px;
}
@media (min-width: 768px) {
	.list .like-ct-label {
		width: 28px;
		line-height: 28px;
		top: 6px;
		right: 6px;
		bottom: 6px;
	}
}

/*
.user-rank {
	padding: 0 0 0 16px;
	color: #f06292;
	background: url(../images/rest_like.png) no-repeat left;
	background-size: 14px;
	font-size: 14px;
}
*/

.like {
	position: relative;
}

#message_entry textarea {
	padding: 4px;
}

.modal-summary-txt {
	margin: 0 8px 8px 8px;
	padding: 8px;
	line-height: 18px;
	flex-grow: 1;
	text-align: center;
	border: 1px solid #80cbc4;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.summary-group .modal-summary-txt {
	margin: 0 0 -16px 0;
}
.modal-summary-txt span {
	color: #373531;
}

.required-like {
	padding: 0 4px;
	line-height: 20px;
	background: #f06292;
	border-radius: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	color: #fff;
	position: absolute;
	top: -6px;
	right: -8px;
	font-size: 12px;
}

.btn-label {
	padding: 0 0 8px 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-label input[type="checkbox"] {
	margin: 0 4px 0 0;
	padding: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #757575;
	display: block;
	border-radius: 2px;
	box-sizing: border-box;
}
.btn-label input[type="checkbox"]:checked {
	border: 1px solid #455a64;
	background: #4db6ac;
}

.modal-summary-like {
	margin: 4px 0 0 0;
	padding: 0 16px;
	line-height: 20px;
	border-radius: 10px;
	background: #e0f7fa;
	font-size: 14px;
}
.modal-summary-txt .modal-summary-like {
	color: #455a64;
}
.modal-summary-like span {
	color: #455a64;
}