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


div#memberBox{
	margin-bottom:35px;
	position:relative;
	margin-top:25px;
}

div.memberFloatTitleWrap{
	padding-top:40px;
	position:relative;
	padding-left:1px;
}
div.memberMenuTitle{
	height:41px;
}

div#memberBox div.memberLinkTitle,
div#memberBox div.memberTitle{
	clear:both;
	height:55px;
	line-height:42px;
	width:808px;
	background:url(../img/bar_midtitle.png) 0 0 no-repeat;
}
div#memberBox div#memberAttDetail div.memberLinkTitle{
	height:41px;
	line-height:41px;
}

div#memberBox div.memberSubTitle{
	height:45px;
	line-height:45px;
	width:808px;
	background:url(../img/bar_member.png) 0 0 repeat-x;
}

div#memberBox div.memberLinkFloatTitle,
div#memberBox div.memberFloatTitle{
	position:absolute;
	top:0;
	left:1px;
	height:55px;
	line-height:42px;
	width:808px;
	background:url(../img/bar_midtitle.png) 0 0 no-repeat;
}

div#memberBox div.memberLinkFloatTitle h3,
div#memberBox div.memberLinkTitle h3,
div#memberBox div.memberFloatTitle h3,
div#memberBox div.memberTitle h3{
	font-size:133.3%;
	color:#fff;
}
div#memberBox div.memberTitle h3 a{
	color:#fff;
	
}
div#memberBox div.memberSubTitle h3{
	font-size:116.7%;
	color:#fff;
}

div#memberBox div.memberLinkFloatTitle h3,
div#memberBox div.memberLinkTitle h3{
	float:left;
}

div#memberBox h3.entry{
	background:url(../img/icon_pen.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.basic{
	background:url(../img/icon_gear.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.info{
	background:url(../img/icon_ann.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.diary{
	background:url(../img/icon_diary.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.fav{
	background:url(../img/icon_favstar.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.log{
	background:url(../img/icon_log.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.memo{
	background:url(../img/icon_memo.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}
div#memberBox h3.talk{
	background:url(../img/talk/title_talk.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}


div#memberBox div.memberLinkFloatTitle p.bnLink,
div#memberBox div.memberLinkTitle p.bnLink{
	float:right;
	border-left:#111 1px solid;
	background:#FFF;
}

div#memberBox div.memberLinkFloatTitle p.bnLink a,
div#memberBox div.memberLinkTitle p.bnLink a{
	display:block;
	width:135px;
	height:40px;
	line-height:40px;
	padding-bottom:0;
	text-align:center;
	border-left:#777 1px solid;
	background:url(../img/bar_midtitle.png) 0 0 no-repeat;
	color:#fff;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


div#memberBox div.memberLinkFloatTitle p.bnLink a:hover,
div#memberBox div.memberLinkTitle p.bnLink a:hover{
	opacity:0.6;
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
	text-decoration:none;
}

div#memberBox div.memberLinkTitle p.bnLink a span,
div#memberBox div.memberLinkFloatTitle p.bnLink a span{
	background:url(../img/eject_r.png) 0 center no-repeat;
	padding-left:20px;
}


/* home
--------------*/

div#entryForm{
	position:relative;
	width: 809px;
}

p#freeIcon{
	position:absolute;
	top:5px;
	left:735px;
	z-index:10;
}

div#entryExp{
	margin-top:20px;
	margin-bottom:30px;
	border-bottom:#FFF 1px solid;
	width: 809px;
}

div#entryExp h3{
	background:url(../img/bar_menber.png) 0 0 repeat-x;
	height:64px;
	line-height:64px;
	text-align:center;
	font-size:150%;
	color:#FF2783;
}

div#entryExp div.entryExpCont{
	overflow:hidden;
	background:#f9f9f9;
	border-bottom:#999 1px solid;
}

div#entryExp div.entryExpCont .img{
	float:left;
	width:243px;
	padding:65px 0 0 12px;
}
div#entryExp div.entryExpCont ul{
	float:right;
	width:503px;
	padding:30px 20px 20px 0;
}
div#entryExp div.entryExpCont li{
	font-size:116.7%;
	background:url(../img/icon_entrypin.png) 0 3px no-repeat;
	padding:0 0 10px 30px;
}
div#entryExp div.entryExpCont li#sms_font{
    background: transparent;
    font-weight: bold;
    padding: 8px 0 3px 0;
    font-size: 17px;
}

div#entryForm{
	padding-top:45px;
	border-bottom:#FFF 1px solid;
	background:#f9f9f9;
}

div#entryForm .entryNote{
	font-size:116.7%;
	padding:20px 50px;
	border-bottom:#CCC 1px solid;
}

div#entryForm .entryNote a{
	color:#FF2783;
	text-decoration:underline;
}
div#entryForm .entryNote a:hover{
	text-decoration:none;
}

div#entryForm div#commonForm{
	border:0;
	border-top:#fff 1px solid;
}
div#entryForm div#commonForm table{
	border:0;
	margin-bottom:0;
}
div#entryForm div#commonForm table th,
div#entryForm div#commonForm table td{
	border:0;
	font-size:116.7%;
}
div#entryForm div#commonForm table input{
	font-size:116.7%;
}
div#entryForm div#commonForm table th{
	padding-top: 20px;
	vertical-align: top;
}
div#entryForm div#commonForm table td{
	padding-top:18px;
	padding-bottom:25px;
}
div#entryForm div#commonForm table .formCaution{
	padding-top:5px;
}
div#entryForm div#commonForm table .inputError{
	line-height:2;
	font-size:83.3%;
}
div#entryForm div#submitBtnWrap{
	border:0;
}
div#entryForm p.submitBtn input{
	border:0;
	background-image:url(../img/entrybtn_bg.png);
}

div#entryForm .note{
	font-size:116.7%;
	padding:30px 50px 45px;
	border-bottom:#CCC 1px solid;
}


div#memberBox div#infoContWrap{
	border-bottom:#FFF 1px solid;
	margin-bottom:20px;
}
div#memberBox div#infoCont{
	height:300px;
	background:#fff;
	overflow-y: scroll;
	border-bottom:#ccc 1px solid;
}

div#memberBox div#infoContWrap li{
	padding:10px;
	border-bottom:#ccc 1px solid;
}

div#memberBox div#infoContWrap .time{
	background:url(../img/timer_s.jpg) 0 center no-repeat;
	padding-left:15px;
}
div#memberBox div#infoContWrap .title{
	color:#FF1156;
}
div#memberBox div#infoContWrap .note{
	padding-left:10px;
}



div#imgDiaryCont{
	overflow:hidden;
}

div#imgDiaryCont ul.contList{
	clear:both;
	overflow:hidden;
	background:#fff;
}
div#imgDiaryCont ul.contList.bTop{
	border-top:#ccc 1px solid;
}

div#imgDiaryCont ul.contList li{
	float:left;
	width:160px;
	border-bottom:#ccc 1px solid;
	border-left:#FFF 1px solid;
	border-right:#ccc 1px solid;
	text-align:center;
}
div#imgDiaryCont ul.contList li.lastIndex{
	border-right:none;
	width:161px;
}
div#imgDiaryCont.shopPageDiary  ul.contList li.lastIndex{
	border-right:none;
	width:159px;
}


div#imgDiaryCont ul.contList li.new{
	background:url(../img/ribbon_new.png) 135px 15px no-repeat;
}

div#imgDiaryCont div.time{
	background:url(../img/timer_l.png) 6px center no-repeat;
	padding:0 0 0 35px;
	height:50px;
	line-height:1;
	text-align:left;
	border-bottom:#ccc 1px solid;
}
div#imgDiaryCont div.mailCont{
	padding:10px;
}

div#imgDiaryCont .day{
	padding-top:10px;
}

div#imgDiaryCont .day span{
	font-size:133.3%;
	padding:0 5px 0 0;
}

div#imgDiaryCont ul.contList .greeting a{
	color:#0499BB;
	text-decoration:underline;
	display:block;
	padding:5px 0;
}
div#imgDiaryCont ul.contList .greeting a:hover{
	text-decoration:none;
}


div#imgDiaryCont ul.contList .name a{
	color:#FF1152;
}
div#imgDiaryCont ul.contList .shop a{
	color:#333;
}


div#imgDiaryCont .img{
	height:103px;
}

div#imgDiaryCont .name{
	color:#FF1152;
}
div#imgDiaryCont .area{
	font-size:83.3%;
	color:#666;
	text-align:left;
}
div#imgDiaryCont .shop{
	font-size:85%;
	color:#333;
}

/* logListBox
-----------------------*/
div#logListBox{
	border-bottom:#999 1px solid;
	margin-bottom:20px;
	width:808px;
}
div#logListBox li{
	position:relative;
	overflow:hidden;
	border-top:#999 1px solid;
	background-image:url(../img/leftdat_bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color:#fff;
}
div#logListBox li div.period{
	float:left;
	width:193px;
	border-top:#FFF 1px solid;
	padding:15px;
	line-height:1.4;
}
div#logListBox.shopLog li div.period{
	width:310px;
	padding-top:20px;
}
div#logListBox li div.period .day{
	background:url(../img/timer_l.png) 0 center no-repeat;
	padding-left:30px;
}
div#logListBox li div.period .day span{
	font-size:133.3%;
	padding:0 5px;
}
div#logListBox li div.logListCont,
.log_ad_his_com{
	float:right;
	overflow:hidden;
	position:relative;
	background:#F9F9F9;
	border-top:#FFF 1px solid;
	border-left:#CCC 1px solid;
	width:584px;
}
div#logListBox.shopLog li div.logListCont{
	width:467px;
}

.log_ad_his_com{
	padding:15px;
	box-sizing:border-box;
}

div#logListBox li div.logListCont .img{
	float:left;
	border-left:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

div#logListBox li div.logListCont div.logDetail{
	float:right;
	width:480px;
	overflow:hidden;
}
div#logListBox.shopLog li div.logListCont div.logDetail{
	float:none;
	background:#fff;
	border-left:#FFF 1px solid;
}

div#logListBox li div.logListCont div.logDetail div.info{
	overflow:hidden;
	background:#fff;
}
div#logListBox li div.logListCont .name{
	float:left;
	height:50px;
	line-height:50px;
	padding:0 15px ;
	font-size:116.7%;
}
div#logListBox li div.logListCont .name a{
	color:#FF1154;
}

div#logListBox li div.logListCont .size{
	float:left;
	height:50px;
	line-height:50px;
	font-size:83.3%;
}
div#logListBox li div.logListCont div.type{
	clear:both;
	height:24px;
	line-height:24px;
	border-top:#CCC 1px solid;
	background:#f9f9f9;
}
div#logListBox.shopLog li div.logListCont div.type{
	border-bottom:#CCC 1px solid;
	border-top:0;
}
div#logListBox li div.logListCont div.type .area{
	width:54px;
	text-align:center;
	color:#fff;
	float:left;
}
div#logListBox li div.logListCont div.type .kind{
	background:#888;
	padding:0 10px;
	color:#fff;
	float:left;
}
div#logListBox li div.logListCont div.type .placeName{
	font-size:83.3%;
	padding:0 10px;
	float:left;
	color:#333;
}
div#logListBox li div.logListCont .place{
	font-size:83.3%;
	padding:10px 10px 0;
	color:#111;
}
div#logListBox li div.logListCont .shop a{
	font-size:83.3%;
	padding-left:10px;
}
div#logListBox li div.logListCont .shopName{
	float:left;
	height:40px;
	line-height:40px;
	padding:0 15px ;
	font-size:116.7%;
}
div#logListBox li div.logListCont .shopName a{
	color:#FF1154;
}
div#logListBox li div.logListCont .noteWrap{
	clear:both;
	border-top:#CCC 1px solid;
}
div#logListBox li div.logListCont .note{
	border-top:#FFF 1px solid;
	padding:20px 20px;
}
/* マイファンレター
-------------------- */
div#logListBox .period .replyDisp {
	color:#008C8C;
	margin-top:3px;
}
p.replyDisp span {
	width:21px;
	background-position:-243px 0px;
	display:inline-block;
	vertical-align: middle;
	margin-right:6px;
}
.replyLetterCont {
	position: relative;
}
.replyLetterCont .title {
	position:relative;
	background:#fff url(../img/icon_reply.png) 3px center no-repeat;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	border-left:#008C8C 3px solid;
	min-height: 60px;
}
.replyLetterCont .title p {
	margin-left:60px;
}
.replyLetterCont .dateCont {
	padding-top:3px;
	line-height:24px;
}
.replyLetterCont .dateCont span.info {
	color:#008C8C;
	margin-right: 10px;
}
.replyLetterCont .dateCont span.date {
	font-size:83.3%;
}
.replyLetterCont .dateCont span.new {
	width:24px;
	height:24px;
	display:inline-block;
	vertical-align: middle;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-position:-144px -24px;
	margin-left:5px;
}
.replyLetterCont .subject {
	font-size:133.3%;
	line-height:1.2em;
	margin-right:90px;
	padding-bottom:3px;
}
.replyLetterCont div.girlLetterImgs{
	border-bottom:#FFF 1px solid;
	border-top:#FFF 1px solid;
	background:#f9f9f9;
}
.replyLetterCont div.girlLetterImgs ul{
	overflow:hidden;
	border-bottom:#CCC 1px solid;
}
.replyLetterCont div.girlLetterImgs li{
	float:left;
	padding-right:1px;
	border:0;
}
.replyLetterCont p.coolDisp {
	margin-left: 0px!important;
	bottom:20px !important;
	right: 10px !important;
}
.replyLetterCont .textnote {
	padding: 20px 20px;
	padding-bottom: 60px;
}
.replyLetterCont .htmlnote{
	clear:both;
	word-break: break-all;
	padding-bottom: 60px !important;
}
.replyLetterCont .htmlnote img{
	max-width: 100%;
	height: auto;
}
.replyLetterCont .notdata{
	position: relative;
	background: url(../img/icon_reply.png) 3px center no-repeat;
	border-top: #CCC solid 1px;
	border-left: #008C8C 3px solid;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.replyLetterCont .notdata p{
	font-size: 133.3%;
	color: #666;
}

/* イケテル */
div.iketeruBtn {
	position: absolute;
	top:0;
	right:0;
	width:135px;
	height: 100%;
	overflow: hidden;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div.iketeruBtn a.add:hover {
	opacity:0.6;
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}
div.iketeruBtn a.add {
	background-position: 0px center;
}
div.iketeruBtn a.added {
	background-position: -135px center;
	cursor: default;
}

/* 通報ボタンとイケテルボタン */
p.reportBtn{
	position: absolute;
	bottom: 5px;
	right: 20px;
	z-index: 2;
}
p.reportBtn a{
	padding: 5px 0;
	display: block;
	background-image: url("../img/icon_coolbtn.png");
	background-repeat: no-repeat;
	background-position: 0px -55px;
	padding-left: 28px;
	color: #666;
}
p.coolDispBtn a.added {
    background-position: 0px -30px;
    cursor: default;
}
p.coolDispBtn{
	position: absolute;
	bottom: 5px;
	right: 15px;
	z-index: 2;
}
p.coolDispBtn a{
	padding: 5px 0;
	display: block;
	background-image: url("../img/icon_coolbtn.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 23px;
	color: #666;
}
p.reportBtn a:hover,
p.coolDispBtn a:hover{
    text-decoration: none;
}
p.reportBtn.opcOver,
p.coolDispBtn.opcOver{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
p.reportBtn.opcOver:hover,
p.coolDispBtn.opcOver:hover {
    opacity: 0.6;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";zoom:1;
}





/* memo
------------------------*/
div#memoListBox{
	border-bottom:#FFF 1px solid;
}
div#memoListBox ul{
	border-bottom:#999 1px solid;
}
div#memoListBox li {
	border-top:#999 1px solid;
}
div#memoListBox li div.time{
	height:40px;
	background:#fff;
	overflow:hidden;
	border-top:#FFF 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	height:40px;
	line-height:40px;
	padding-left:10px;
}

div#memoListBox li div.time .day{
	float:left;
	background:url(../img/timer_l.png) 0 center no-repeat;
	padding-left:30px;
}
div#memoListBox li div.time .day span{
	font-size:133.3%;
	padding:0 5px;
}

div#memoListBox li div.time div.memoBtns{
	float:right;
	width:182px;
}
div#memoListBox li div.time div.memoBtns div.btnWrap{
	float:left;
	width:90px;
	border-left:#111 1px solid;
}
div#memoListBox li div.time div.memoBtns p{
	background:url(../img/btn_bg.png) 0 0 repeat-x;
	text-align:center;
	border-left:#777 1px solid;
	cursor:pointer;
	
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
div#memoListBox li div.time div.memoBtns p:hover{
	opacity:0.6;
	filter: alpha(opacity=50); 
	-ms-filter: "alpha(opacity=50)";
	zoom:1;
}

div#memoListBox li div.time div.memoBtns a,
div#memoListBox li div.time div.memoBtns p span{
	height:40px;
	line-height:40px;
	color:#fff;
}
div#memoListBox li div.time div.memoBtns a:hover{
	text-decoration:none;
}

div#memoListBox li div.time div.memoBtns p.edit a{
	background:url(../img/icon_edit.png) 0 center no-repeat;
	padding-left:20px;
}
div#memoListBox li div.time div.memoBtns p.delete span{
	background:url(../img/icon_cross.png) 0 center no-repeat;
	padding-left:20px;
}
div#memoListBox li div.time div.memoBtns p.delete a{
	background:url(../img/icon_cross.png) 0 center no-repeat;
	padding-left:20px;
}

div#memoListBox li .note{
	padding:15px;
	background:#f9f9f9;
	line-height:1.4;
}

/* パスワード忘れ
----------------------*/

div#pwdBox{
	padding-top:41px;
}
div#pwdBox table.noBtm{
	margin-bottom:0;
	border-bottom:0;
}

div#pwdBox .pwdNote{
	border-bottom:#999 1px solid;
}
div#pwdBox div#commonForm td p.empText{
	padding-left:35px;
}
div#pwdBox div#commonForm th p.empText{
	padding-top:10px;
	padding-bottom:10px;
}





/* ポップアップ */
#popUp div#container {
	min-width: 420px !important;
	padding-bottom: 40px;
}

#popUp .header,
#pop_ele{
	background:url(../img/poplogin/head_line.gif) repeat-x;
	padding-top:10px;
}

#popUp .header {
	height:40px;
	border-bottom:solid 2px #c91e30;
	margin-bottom:10px;
}


/*　ポップアップログイン */
#popUp.popLogin .header h1 {
	font-size:133.3%;
	display: inline-block;  
    *display: inline;  
    *zoom: 1;
    background:url(../img/poplogin/icon_lock.png) 10px center no-repeat;
	text-indent:38px;
	line-height: 40px;
}
#popUp.popLogin .header .lost-pass {
	float:right;
	padding-right:10px;
}
#popUp.popLogin .header .lost-pass a{
	line-height: 40px;
	font-size:83.3%;
	color:#666;
	text-decoration: underline;
}
#popUp.popLogin .popLoginForm form {
	text-align: center;
}

#popUp.popLogin .popLoginForm form p {
	margin-bottom:20px;
}
#popUp.popLogin .popLoginForm #submitBtnWrap {
	border:0;
}
#popUp.popLogin .popLoginForm p.submitBtn input {
	border: 0;
	background-image: url(../img/entrybtn_bg.png);
}
#popUp.popLogin .newEntry{
	width:283px;
	height:75px;
	background:url(../img/poplogin/btn_regist.png) no-repeat;
	margin:0 auto 20px;
}
#popUp.popLogin .newEntry a {
	display:block;
	line-height:72px;
	text-align:center;
	font-size:116.7%;
	color:#666;
	text-indent: 20px;
}
#commonForm .must:after {
    content: " ※";
    color: #D90000;
}
#commonForm .note a {
	color:#FF1156;
}


/* ポップアップマイレビュー */
.popReview .header h1 {
	font-size:118.3%;
	line-height:40px;
}
.popReview .icons {
	width:24px;
	height:24px;
	float:left;
	margin:8px 10px;
	background-image:url(../img/icons001.png);
	background-repeat:no-repeat;
	background-position:-72px 0px;	
}
.popReview .popReviewForm p.submitBtn.entry input {
	border: 0;
	background-image: url(../img/entrybtn_bg.png);
}
.popReview dl {
	margin:0 40px 10px;
}
.popThread dl textarea,
.popReview dl textarea {
	width: 320px !important;
	height:120px !important;
}
.popReview #voteSelect select{
	margin-left:0px !important;
}
.popReview .note .name {
	color:#ff1152;
}
.popReview .note .girlType {
	font-size:83.3%;
}
.popReview div#submitBtnWrap {
	border-top:none;
}
.popReview .submitBtn {
	margin-bottom:20px;
}

/* ポップアップスレッド作成 */
.popThread .header h1 {
	font-size:118.3%;
	line-height:40px;
}
.popThread .icons {
	width:24px;
	height:24px;
	float:left;
	margin:8px 10px;
	background-image:url(../img/talk/icon_talk.png);
	background-repeat:no-repeat;
	background-position:0px -156px;	
}

.popReview .popReviewForm p.submitBtn.entry input {
	border: 0;
	background-image: url(../img/entrybtn_bg.png);
}
.popThread label#sendpostlabel {
	padding:0;
}
.popThread dl {
	margin:0 40px 8px;
}
.popReview dl textarea {
	width: 320px !important;
	height:120px !important;
}
.popReview #voteSelect select{
	margin-left:0px !important;
}
.popReview .note .name {
	color:#ff1152;
}
.popReview .note .girlType {
	font-size:83.3%;
}
.popReview div#submitBtnWrap {
	border-top:none;
}
.popReview .submitBtn {
	margin-bottom:20px;
}
.popThread input:read-only {
	background-color:#ebebe4;
	color:#59606b;
}


#talkSubMenu {
}
#talkSubMenu ul {
	width:808px;
	height:68px;
	background-color:#fff;
	background-image:url(../img/talk/curve_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom:#aaa solid 1px;
}
#talkSubMenu li {
	float:left;
	text-align:center;
	overflow:hidden;
	display:block;
	width:134px;
	height:68px;
}
#talkSubMenu li a {
	margin:0 auto;
	display:block;
	border-bottom:#aaa solid 2px;
	width:120px;
	height:58px;
    box-sizing: border-box;
    color:#ccc;
    position: relative;
}
#talkSubMenu li.selected a {
    color:#666;
}
#talkSubMenu li a span {
	font-size:83%;
}
#talkSubMenu li a::before {
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(../img/talk/icon_talk.png) no-repeat;
	margin:10px auto 0;
}
#talkSubMenu li#active a::before {
	background-position: 0px -270px;
}
#talkSubMenu li#newer a::before {
	background-position: 0px -300px;
}
#talkSubMenu li#nocomment a::before {
	background-position: 0px -330px;
}
#talkSubMenu li#created a::before {
	background-position: 0px -360px;
}
#talkSubMenu li#commented a::before {
	background-position: 0px -390px;
}
#talkSubMenu li#keeped a::before {
	background-position: 0px -420px;
}
#talkSubMenu li a:hover,
#talkSubMenu li.selected a {
	border-bottom: #ff2883 solid 3px;
	color:#333;
	text-decoration: none;
}
#talkSubMenu li a::before {
	opacity:0.5;
}
#talkSubMenu li a:hover::before,
#talkSubMenu li.selected a::before {
	opacity:1;
}

.talkCat {
	margin-bottom:40px;
}
.talkCat ul {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.talkCat li {
	display: inline-block;
	background: #fff;
	margin-left: 11px;
	margin-bottom: 11px;
	box-sizing: border-box;
	width: 188px;
	height: 120px;
	overflow: hidden;
}
.talkCat li a {
	position: relative;
	display: block;
  	width:100%;
	height:100%;
	box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.2);
	transition:0.1s ease-in-out;
}
.talkCat li a:hover {
	box-shadow: 0px 4px 8px 1px rgba(0,0,0,0.4);
	text-decoration: none;
	top:-1px;
}
.talkCat li a p.name {
	display: grid;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	color: #666;
	padding: 20px 10px;
	word-break: break-all;
	box-sizing: border-box;
}
.talkCat li a p.qty {
	position: absolute;
	bottom: 0;
	right: 10px;
	color: #555;
	width: calc(100% - 20px);
	text-align: right;
	background: #fff;
	height: 20px;
	padding: 0 0 10px;
}
.talkCat li a p.qty::before {
	content:"";
	display: inline-block;
	width:28px;
	height:1.6em;
	background:url(../img/talk/icon_talk.png) no-repeat;
	background-position: 0 -157px;
	vertical-align: middle;
}

.talkTitle,
.notice_title{
	width:808px;
	background:#FCFCF9;
	box-shadow: 0px 4px 2px 0px rgba(0,0,0,0.2);
	position:relative;
	z-index:2;
}

.talkTitle {
	border-top:#666 solid 3px;
	margin-bottom:18px;
}

.notice_title{
	border-top:#DE2A3D solid 3px;
}

.notice_title + .feedPager{
	margin-top:10px;
}

.talkTitle.noMb {
	margin-bottom:0px;
}

.talkTitle .title,
.notice_title > div,
#bell_title{
	font-size:133.3%;
}

.talkTitle .title,
.notice_title > div{
	padding: 1em 0 1em 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 38em;
}

#bell_title{
	background-color:#666666;
	padding:3px 1em;
}

.talkTitle .icons::before,
.notice_title > div::before,
#bell_title::before{
	content:"";
	display:inline-block;
	vertical-align: middle;
	margin-right: 3px;
}

.talkTitle .icons::before{
	background:url(../img/talk/icon_talk.png) no-repeat;
	width:30px;
	height:30px;
}

.notice_title > div::before,
#bell_title::before{
	background:url(../img/icon_a_n.png) no-repeat;
	width:34px;
	height:34px;
}

#bell_title::before{
	background-position:center -102px;
}

.talkTitle .active::before {
	background-position: 0 -270px;
}
.talkTitle .newer::before {
	background-position: 0 -300px;
}
.talkTitle .nocomment::before {
	background-position: 0 -330px;
}
.talkTitle .created::before {
	background-position: 0 -360px;
}
.talkTitle .commented::before {
	background-position: 0 -390px;
}
.talkTitle .keeped::before {
	background-position: 0 -420px;
}
.talkTitle .search::before {
	background-position: 0 -450px;
}
.talkTitle .category::before {
	background-position: 0 -122px;
}
.talkTitle .category {
	margin-bottom:20px;
}

#bell_title{
	color:#FFFFFF;
}

ul.btns {
	float:right;
	overflow: hidden;
	padding:5px 10px 0 0;
}
ul.btns li{
	float:right;
	padding:5px 10px;
}
ul.btns li a{
	display: block;
	width: 140px;
	border-radius:3px;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    line-height:24px;
    transition: 0.5s ease-out;
}
ul.btns li a:hover {
	text-decoration: none;
	position:relative;
    transition: 0.2s ease-out;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.2);
}
ul.btns li a:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	width: 24px;
	height: 24px;
	background:url(../img/talk/icon_talk.png) no-repeat;
}
ul.btns li.createTh a::before {
	background-position: -7px -213px;
}
ul.btns li.rtnList a::before {
	background-position: -7px -484px;
}
ul.btns li.newRes a::before {
	background-position: -7px -243px;
}
ul.btns li.addKeep a::before {
	background-position: -7px -514px;
}
ul.btns li.addKeep.added a::before {
	background-position: -7px -544px;
}
ul.btns li.addKeep.added a:hover::before {
	background-position: -7px -574px;
}
ul.btns li.addKeep.deling a::before {
	background-position: -7px -574px;
}

ul.btns li a:hover .txt{
	text-decoration: underline;
}
ul.btns li.createTh a {
	background: #DE2A3D;
}
ul.btns li.rtnList a {
	background: #999999;
}
ul.btns li.newRes a {
	background: #555555;
}
ul.btns li.addKeep a {
	background: #333333;
}

.talkTitle ul.btns {
	position:absolute;
	right:0;
	top:5px;
}

.talkDetailNote {
    margin: 0 auto;
    padding: 15px;
    position:relative;
}
.talkDetailNote p {
    width: 600px;
    font-size: 116.7%;
}
.talkDetailNote p a {
	color:#FF1154;
	text-decoration: underline;
}
.talkDetailNote ul.btns {
	position: absolute;
	right:0;
	top:15px;
}


/* LIST */
#talkList {
	width:808px;
	border-top:#aaa solid 1px;
	border-bottom:#aaa solid 1px;
	margin-bottom:10px;
	position:relative;
	z-index:1;
}
#talkList li {
	position: relative;
	background:#fff;
	border-bottom:#ccc solid 1px;
	display:table;
    table-layout: fixed;
	width:808px;
}
#talkList li:nth-child(2n) {
	background:#fbfbfb;
}
#talkList li:last-child {
	border-bottom:none;
}
.talkDetail .countRow,
#talkList .countRow {
	display:table-cell;
	width:100px;
	text-align:center;
	vertical-align:top;
	padding:25px 0 30px;
}
.talkDetail .contentsRow,
#talkList .contentsRow {
	display:table-cell;
    table-layout: fixed;
	vertical-align:top;
	padding:25px 20px 50px 0;
	width:688px;
	overflow:hidden;
}


#talkList .countRow p.thCnt {
}
.talkDetail .countRow p.viewCnt,
#talkList .countRow p.viewCnt {
	position: absolute;
	bottom:20px;
	left:0;
	width:100px;
	font-size:83%;
}
.talkDetail .countRow p.viewCnt {
	bottom:20px;
}
.talkDetail .countRow p.thCnt span,
#talkList .countRow p.thCnt span {
	font-size:133.3%;
	color:#FF1152;
	padding-right:5px;
}
.talkDetail .countRow p::before,
#talkList .countRow p::before {
	content:"";
	width:30px;
	height:30px;
	display: block;
	background: url(../img/talk/icon_talk.png) no-repeat;
	margin:0 auto;
}
#talkList .countRow p.thCnt::before {
	background-position:0 -60px;
	margin-bottom:-5px;
}
.talkDetail .countRow p.viewCnt::before,
#talkList .countRow p.viewCnt::before {
	background-position:0 -90px;
	margin-bottom:-8px;
}
.talkDetail .countRow p.thCnt::before {
	background-position:0 -30px;
	margin-bottom:-5px;
}


#talkList .contentsRow p.title {
	font-size:133.3%;
	margin-bottom:10px;
	position: relative;
}
#talkList .contentsRow p.title a {
	color:#0C7CD8;
	white-space:nowrap;
}
#talkList .contentsRow p.comment {
	line-height: 1.4;
	white-space:nowrap;
	margin-bottom:25px;
	position: relative;
}

.contentsRow .prof {
	color:#666;
	position:absolute;
	display:block;
	padding-bottom:20px;
	bottom:0;
	height:2em;
}
#talkList .contentsRow .prof,
.talkDetail .contentsRow .prof {
	width:685px;
}
.talkRes .contentsRow .prof {
	width:600px;
}
.contentsRow .prof p {
	position:absolute;
	top:0;
	line-height:1.6em;
}
.contentsRow .prof p span {
	color:#333;
}
.contentsRow .prof p.created {
	left:0px;
	font-size:83%;
}
.contentsRow .prof p.update {
	left:210px;
	font-size:83%;
}
.contentsRow .prof span.updater {
	margin-left: 5px;
	font-size: 83%;
	display: block;
	text-align: right;
}
.contentsRow .prof p.update.new span.time::after {
	content:"";
	background: url(../img/ribbon_new.png) no-repeat;
	width:18px;
	height:20px;
	display:inline-block;
	vertical-align: middle;
	margin-right:5px;
}

#talkList .contentsRow .prof p.category {
	right: 0px;
	border-bottom: #FFB900 solid 2px;
	padding-bottom: 2px;
	font-size: 100%;
	display: -webkit-box;
	max-width: 20em;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}
.talkDetail .contentsRow p.category {
	display:inline-block;
	border-bottom:#FFB900 solid 2px;
	padding-bottom:2px;
}
.talkDetail .contentsRow p.category a {
	color:#666;
}
.contentsRow .prof p.operate {
	right:0;
}
.contentsRow .prof p.operate a {
	color:#666;
	margin-left:5px;
	opacity: 0.7;
    transition: 0.1s ease-out;
}
.contentsRow .prof p.operate a:hover {
	opacity: 1.0;
    transition: 0.3s ease-out;
	text-decoration: none;
	position: relative;
	top:-1px;
	padding-bottom:1px;
}
.contentsRow .prof p.operate a::before {
	content:"";
	display:block;
	width:30px;
	height:24px;
	background: url(../img/talk/icon_talk.png) no-repeat;
	vertical-align: middle;
	display:inline-block;
}
.contentsRow .prof p.operate a.report::before {
	background-position: 0 -606px;
}
.contentsRow .prof p.operate a.delete::before {
	background-position: 2px -576px;
}


.contentsRow .prof p.category a {
	color:#333;
}

#talkList .contentsRow p.comment::after,
#talkList .contentsRow p.title::after {
    content: "";
    display: block;
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 40px;
    height: 1.6em;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
}
#talkList li:nth-child(2n) .contentsRow p.comment::after,
#talkList li:nth-child(2n) .contentsRow p.title::after {
    background: -moz-linear-gradient(left, rgba(251,251,251,0) 0%, rgba(251,251,251,1) 50%);
    background: -webkit-linear-gradient(left, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 50%);
    background: linear-gradient(to right, rgba(251,251,251,0) 0%,rgba(251,251,251,1) 50%);
}


#talkList li.mores {
	background: #ccc;
}
#talkList .more_btn a {
	text-align: center;
	margin:10px auto;
	display:block;
	line-height: 40px;
	width:104px;
	height: 38px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#fff;
	padding:1px 0;

	box-shadow:0px 2px 2px 1px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 2px 2px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 2px 2px 1px rgba(0,0,0,0.4);
}
#talkList .more_btn a span {
	display:block;
	width:55px;
	height:22px;
	text-align: center;
	margin:10px auto 0;
	background:url(../img/more_btns.png) center -22px no-repeat;
	text-indent:100%;
	overflow:hidden;
}
#talkList .more_btn a:hover {
	background: #fafafa;
	box-shadow:0px 3px 4px 1px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 3px 4px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 3px 4px 1px rgba(0,0,0,0.6);
}



#talkDetail {
	width:808px;
	overflow:hidden;
}
.talkDetail {
	border-top:#666 solid 3px;
	border-bottom:#ccc solid 1px;
	background:#fbfbfb;
	position: relative;
}

.talkDetail .contentsRow .head {
	height:45px;
}

.talkDetail .contentsRow .head ul.btns {
	padding:0;
	margin-right:-12px;
}
.talkDetail .contentsRow p.title {
	font-size:133.3%;
	margin-bottom:15px;
	color:#0C7CD8;
	padding-top:1px;
}
.talkComment {
	background:#fff;
	border-bottom:#ccc solid 1px;
	margin-bottom:20px;
	padding:20px 20px 20px 100px;
}



.talkRes {
	margin:20px 20px 20px;
	background: #fff;
}
.talkRes ul {
	border:#ccc solid 1px;
}
.talkRes li {
	display:table;
	width:100%;
	border-bottom:#ccc solid 1px;
	background-color:#fff;
	position: relative;
}
.talkRes li:nth-child(2n) {
	background-color:#fbfbfb;
}
.talkRes li:last-child {
	border-bottom:none;
}
.talkRes .period {
	display:table-cell;
	width:105px;
	border-right:#ccc solid 1px;
    background-image:url(../img/talk/talk_period_bg.png);
    background-repeat:repeat-x;
    padding-left:15px;
    padding-bottom: 15px;
    line-height: 1.4em;
    vertical-align: top;
    position: relative;
}
.talkRes .period span{
	font-size:133.3%;
	padding-right:5px;
}
.talkRes .period .day2{
	padding-top:45px;
}
.talkRes .resNo {
	padding:20px 0 10px;
	font-size:133.3%;
}
.talkRes .resNo a {
	color:#0C7CD8;
}
.talkRes .day1 {
	line-height: 1.6em;
}
.talkRes .resComment {
	margin-bottom:15px;
}
.talkRes .contentsRow {
	display: table-cell;
	padding:20px 20px 50px 20px;
}
.talkRes .refNo {
	padding-bottom:2px;
}
.talkRes .refNo a {
	color:#0C7CD8;
}

.talkRes .deleted .period {
	padding-top:10px;
	padding-bottom:10px;
	color:#999;
	background-image:none;
	background-color: #fbfbfb;
}
.talkRes .deleted .contentsRow {
	display: table-cell;
	width:644px;
	vertical-align: middle;
	text-align: center;
	background-color: #fbfbfb;
	padding:0;
}
.talkRes .deleted .contentsRow p {
	text-align:center;
	font-size:118.3%;
	color:#999;
}

.talkRes .period p.new {
	position:absolute;
	top:15px;
	right:5px;
	background: url(../img/ribbon_new.png) no-repeat;
	width:18px;
	height:20px;
	overflow:hidden;
	vertical-align: middle;
	text-indent:100%;
	white-space:nowrap;
}

.talkRes.noRes {
	padding:20px;
	border:solid 1px #ccc;
	background-color: #fbfbfb;
	text-align: center;
}
.talkRes.noRes p {
	font-size:118%;
	color:#999;
}



.talkRes.noRes a{
    display: block;
    width: 90px;
    height: 72px;
    border-radius: 45px;
    background-color: #fff;
    text-align: center;
    padding-top:18px;
    margin:20px auto 0;
    color:#2096f2;
    transition: 0.2s ease-out;
}
.talkRes.noRes a:hover{
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
    transition: 0.5s ease-in-out;
}
.talkRes.noRes a::before {
    content: "";
    display: block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    background: url(../img/talk/icon_talk.png) 0 -30px no-repeat;
    text-align: center;
    margin: 0 auto;
}


.pop_Err {
	display: block;
	margin:0 40px;
	color:#e33;
	padding:20px;
	border:solid 1px #aaa;
	background:#f8f8f8;
}

#resPostBox {
	position: fixed;
	bottom: 5px;
	left: 0px;
	width: 100%;
	z-index: 10;
}
#resPostBox > div {
	position: relative;
	width: 1220px;
	margin: 0 auto;
	display: block;
}
#resPostBox a.resPost {
	position: relative;
	left: 925px;
	bottom: 0px;
	display: block;
	width: 90px;
	height: 90px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	background-color: #2096F2;
	text-align: center;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.6);
	color: #fff;
	font-size: 118.3%;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
#resPostBox a.resPost::before {
	content: "";
	display: block;
	height: 30px;
	width: 30px;
	vertical-align: middle;
	background: url(../img/talk/icon_talk.png) 0 18px no-repeat;
	text-align: center;
	margin: 0 auto;
	padding-top: 18px;
}
#resPostBox a.resPost:hover {
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.8);
}


#memberBox .msg {
    text-align: center;
    font-size: 118%;
    padding: 10px;
    margin: 10px;
    border-radius: 4px;
    background: #e20000;
    color: #fff;
}


/*ブロックリスト*/
#block_shop #shopListCont .nullData{
	height:269px;
}

div#memberBox h3.block{
	background:url(../img/icon_block.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}

.btn_b_del{
	display:block;
	text-align:center;
	height:44px;
	line-height:44px;
	background-color:#F9F9F9;
	color:#AAAAAA;
	cursor:pointer;
	position:relative;
	z-index:10;
}

.btn_b_del::before{
	content:"";
	display:inline-block;
	width:17px;
	height:17px;
	background:url(../img/icon_del.png) repeat;
	vertical-align:middle;
	margin-right:5px;
}


.btn_b_del:hover{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#333333;
}

.btn_b_del:hover::before{
	background-position:0 -17px;
}

.btn_b_del + .shopListWrap{
	position:relative;
}


/*Goodリスト*/
div#memberBox h3.t_good{
	background:url(../img/icon_t_good.png) 0 0 no-repeat;
	padding:0 0 0 60px;
}


/*お気に入りの設定*/
.icon_set,
.icon_set_on{
	background-image:url(../img/btn_set.png);
	background-repeat:no-repeat;
}

.icon_set{
	background-position:0 -1px !important;
}

.icon_set_on{
	background-position:0 -25px !important;
}

div.memMyData span.opacityImg,
p.girlShopLink span.opacityImg{
	z-index:300;
}

ul.range_sort .mask {
	z-index:500;
}

p.delBtn{
	background:none;
	position:absolute;
	top:50%;
	left:50%;
	margin:-27px 0 0 -28px;
	display:none;
	z-index:900;
	cursor:pointer;
}

p.delBtn a{
	background:url(../img/icon_delete.png) no-repeat center 0;
	padding:40px 0 0 0;
	border:none;
	width:54px;
	height:16px;
	line-height:16px;
	text-align:center;
	color:#CCCCCC;
	font-size:110%;
}

#shopListCont{
  background-color: #f9f9f9 !important;
}