@charset "UTF-8";

/******************************
@profile.css
@author k
@dateCreated 2009/08/27 18:33
@dateModified 
@description profileで適用
@note 
******************************/

/* main */

/*-- プロフィール編集ページのみ--*/
.formTable th {
	text-align:right;
}
.radio_list li{
	float:left;
	margin:5px;
	}

.checkbox_list li{
	float:left;
	width:120px;
	margin:3px;
	}

.publicSet{
	font-size:0.9em;
	width:auto;
	display:block;
	margin:7px 0px 0px 0px;
	color:red;
	}

/*-- END プロフィール編集ページのみ--*/



/*-- メール送信・フレンド申請ナビ--*/
#toMember{
	text-align:right;
	margin:5px 0;
}
#toMember li{
	display:inline;
	margin-right:10px;
}

#toMember li a{
	padding:5px 0px 5px 40px;
}

#toMember li#accessBlock a{
	background:url(/img/common/forbidden.gif) no-repeat 20px center;
}

#toMember li#makeFriend a{
	background:url(/img/common/regFriend.gif) no-repeat left center;
}

#toMember li#sendMessage a{
	background:url(/img/common/sendMail.gif) no-repeat left center;
}

/*-- ENDメール送信・フレンド申請ナビ--*/

/*--　プロフィール確認ナビナビ--*/
#ormNv li{
	float:left;
	padding:5px 10px;
	margin:5px 5px 10px 5px;
	border:1px solid #ccc;
	}

#ormNv li.on{
	background:#ffffe2;
	
	}


#memberProfile,
#memberContents{
	margin-bottom:10px;
	width:100%;
}

#memberProfile th{
	color:#666;
	border:1px dotted #ccc;
	padding:5px 5px 5px 10px;
	background:url(/img/common/th_bg.gif);
	font-weight:bold;
	width:25%;
	text-align:right;
}

#memberProfile td{
	border:1px dotted #ccc;
	padding:5px;
	}

#memberContents th{
	color:#666;
	border:1px dotted #ccc;
	padding:5px 5px 5px 10px;
	background:url(/img/common/th_bg2.gif);
	background-color:#FFEDCF;
	font-weight:bold;
	width:25%;
	text-align:right;
}

#memberContents td{
	border:1px dotted #ccc;
	padding:5px;
	}

/* sub2 */
/* start [ヘッダー] */

#header {
  position:relative;
  padding: 30px 0 0;
  overflow: hidden;
}
#headerMsg {
  background-color: #F08CA0;
  padding: 0 30px;
  color: #fff;
  line-height: 20px;
  min-height: 20px;
  font-size: 12px;
  margin-bottom: 25px;
}
#headerTop {
  margin: 0 30px 20px 0;
}
.logoWrp,
#header h1,
.headerDescription {
  float: left;
}
#header h1 a {
  display: block;
  transition: .2s;
}
#header h1 a:hover{
  opacity: .8;
}
#headerBnr{
  position:absolute;
  right:0;
  top:10px;
  width:700px;
  height:80px;
}
.headerDescription {
  margin-top: 24px;
  margin-left: 18px;
}

/* END [ヘッダー] */

.headerSearchBoxWrp {
  float: right;
  width: 350px;
  margin-top: 24px;
}
.headerSearchBoxWrp .searchBox ul li {
  float: left;
}
.headerSearchBoxWrp .searchBox .searchKeyword,
.headerSearchBoxWrp .searchBox .submitWrp {
  padding: 0;
  margin: 0;
}
.headerSearchBoxWrp .searchBox .searchKeyword input,
.headerSearchBoxWrp .searchBox .submitWrp input {
  height: 40px;
  box-sizing: border-box;
  border: 0;
  outline: 0;
}
.headerSearchBoxWrp .searchBox .searchKeyword input {
  width: 297px;
  font-size: 16px;
}
.headerSearchBoxWrp .searchBox .submitWrp input {
  background: #B5B5B6 url(/img/custom/search_btn.png) no-repeat center center;
  width: 53px;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

/* start [マイナビ] */
#myNv {
  position: absolute;
  display: block;
  font-size: 0;
  margin: 0 30px;
  text-align: right;
  width: auto;
  height: auto;
  top: 60px;
  right: 0;
}
#myNv li {
  display: inline-block;
  font-size: 12px; /* required */
}
#myNv li:not(:first-of-type) {
  border-left: 1px solid #323333;
}
#myNv li a {
  display: inline-block;
  padding: .2em 1em;
}
#myNv li a:hover{
  color: #FFF;
  background: rgba(200, 200, 200, 1);
  text-decoration: none;
}
#myNv li a::before {
  content: '';
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: contain;
  margin-right: .5em;
  position: relative;
  top: .2em;
}
#myNvAbout a::before {
  background-image: url(/img/custom/mynv_icon1.png);
}
#myNvAbout a:hover:before {
  background-image: url(/img/custom/mynv_icon1_on.png);
}
#myCommentList a::before{
  background-image: url(/img/custom/sp/favorite.png);
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}
#myPage a::before {
  background-image: url(/img/custom/mynv_icon4.png);
}
#myPage a:hover:before {
  background-image: url(/img/custom/mynv_icon4_on.png);
}
#myNvNew a::before {
  background-image: url(/img/custom/mynv_icon2.png);
}
#myNvNew a:hover:before {
  background-image: url(/img/custom/mynv_icon2_on.png);
}
#myNvLogin a::before {
  background-image: url(/img/custom/mynv_icon3.png);
}
#myNvLogin a:hover:before {
  background-image: url(/img/custom/mynv_icon3_on.png);
}
#myNvLogout a::before {
  background-image: url(/img/custom/mynv_icon5.png);
}
#myNvLogout a:hover:before {
  background-image: url(/img/custom/mynv_icon5_on.png);
}


/* END [マイナビ] */

/* start [グローバルナビ] */
#globalNv {
  background-color: #fff;
  clear: both;
  padding: 10px 30px 0;
  text-align: right;
}
#globalNv li:first-child{
  float: right;
  width: auto;
  height: 20px;
  border-left: 1px solid #3E3A39;
  border-right: 1px solid #3E3A39;
  margin-top: 0;
  margin-right: 20px;
}
#globalNv li:first-child a {
  display: block;
  color: #3E3A39;
  font-size: 17px;
  padding: 0 18px;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  width: auto;
}

.headerEyecatchLinks {
  float: left;
  width: 524px;
}
.headerEyecatchLinks a:hover{
  opacity: .8;
}
#globalNv li {
  float: left;
  margin-top: 10px;
  margin-right: 2px;
}
#globalNv li:nth-child(2) {
  clear: right;
}
#globalNv li:last-child:not(:only-child) {
  margin-right: 0;
}
#globalNv li a {
  display: block;
  text-align: center;
  height: 40px;
  width: 163px;
}
#globalNv li a:hover{
  color:#9E9F9F;
  text-decoration:none;
}
#globalNv .loveHotel a {
  background-color: #F08CAF;
  width: 260px;
}
#globalNv .gourmetSpot a {
  background-color: #1EAAB4;
}
#globalNv .nightSpot a {
  background-color: #A07DB4;
}
#globalNv .amusementSpot a {
  background-color: #F58750;
}
#globalNv .point a {
  background-color: #32A0E6;
}

#globalNv li a img {
  margin-top: 11px;
}
#globalNv .loveHotel a img {
  margin-top: 6px;
}

/* END [グローバルナビ] */
.profile-index-footer-wrapper {
  background-color: #F08CAF;
  padding: 10px 30px;
}
.profile-index-footer-wrapper #footerNv {
  text-align: center;
}
.profile-index-footer-wrapper #footerNv li {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 12px;
}
.profile-index-footer-wrapper #footerNv a {
  color: #fff;
}

.profile-index-footer-wrapper #copyRight {
  clear: both;
  text-align: center;
  margin-top: 25px;
  color: #fff;
  font-size: 12px;
}
.profile-userStatus-wrapper {
  margin: 0;
  background-color: #F0F0F0;
}

.profile-userStatus-wrapper h3{
  display:none;
}

.profile-userStatus-wrapper .userImg,
.profile-userStatus-wrapper .userName,
.profile-userStatus-wrapper .userLastLogin,
.profile-userStatus-wrapper #httpSwitch {
  text-align: center;
}

.profile-userStatus-wrapper .userImg {
  padding: 10px 0;
}

.profile-userStatus-wrapper .userLastLogin,
.profile-userStatus-wrapper #httpSwitch {
  margin: 10px;
}
.profile-userStatus-wrapper .counts li {
  position: relative;
  margin: 15px auto;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #6C6A6A;
  width: 150px;
  height: 100px;
  padding-top: 10px;
  box-sizing: border-box;
  background-color: #fff;
  background-position: 11px 56px;
  background-repeat: no-repeat;
}
.profile-userStatus-wrapper .counts .shopReview {
  background-image: url(/img/custom/comment_bg01.png);
}
.profile-userStatus-wrapper .counts .total {
  background-image: url(/img/custom/iine_bg02.png);
}
.profile-userStatus-wrapper .counts li .count {
  position: absolute;
  left: 60px;
  bottom: 0;
  width: 90px;
  text-align: center;
  font-weight: bold;
  font-size: 35px;
  color: #F08CAF;
}
/******************************
マイ店舗　店舗へのコメント一覧
******************************/
.profile-myPostReviewList-wrapper .globalTitle {
  padding: 14px 20px;
}
.profile-myPostReviewList-wrapper .box{
  background-color: #fff;
  padding: 10px 15px;
  border: 1px solid #9FA0A0;
  border-radius: 4px;
  margin: 15px 10px;
}
.profile-myPostReviewList-wrapper .shopNameTitle {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
}
.profile-myPostReviewList-wrapper .objImg{
  width: 65px;
  text-align: center;
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
.profile-myPostReviewList-wrapper .objImg a {
  display: inline-block;
  text-indent: -9999px;
  width: 65px;
  height: 52px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.profile-myPostReviewList-wrapper .shopName {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}
.profile-myPostReviewList-wrapper .shopName a {
  font-weight: bold;
  color: #F08CAF;
}
.profile-myPostReviewList-wrapper .objDate {
  font-size: 14px;
  margin-bottom: 12px;
  color: inherit;
  padding: 0;
}
.profile-myPostReviewList-wrapper .commentTitle {
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 12px;
}
.profile-myPostReviewList-wrapper .scoreStar {
  float: left;
  margin-top: 6px;
}
.profile-myPostReviewList-wrapper .shopScore .scoreStar p {
  float: left;
  display: block;
  overflow: hidden;
  height: 32px;
  position: relative;
  width: 100px;
  background-color: #ddd;
}
.profile-myPostReviewList-wrapper .shopScore .scoreStar .star{
  display: inline-block;
  font-size: 20px;
  background-color: #FFBA52;
  line-height: 32px;
  height: 32px;
  text-indent: -9999px;
  position: relative;
}
.profile-myPostReviewList-wrapper .shopScore .scoreStar .star:before {
  display: block;
  content: "";
  position: absolute;
  width: 100px;
  height: 32px;
  left: 0;
  top: 0;
  background: url(/img/custom/icon_star2.png) repeat-x 0 center;
  z-index: 2;
}
.profile-myPostReviewList-wrapper .shopScore .scoreStar p.score {
  font-size: 32px;
  color: #FFBA52;
  font-weight: bold;
  line-height: 32px;
  vertical-align: top;
}
.profile-myPostReviewList-wrapper .shopScore .scoreStar p.score {
  margin-left: 12px;
  background-color: #fff;
  width: auto;
}
/*参考になった*/
.profile-myPostReviewList-wrapper .commentCount {
  float: right;
  width: 270px;
  height: 40px;
  position: relative;
  background: url(/img/custom/iine_bg03.png) no-repeat 0 0;
}
.profile-myPostReviewList-wrapper .iineCount {
  display: block;
  position: absolute;
  right: 14px;
  bottom: 0;
  font-size: 26px;
  font-weight: bold;
  color: #F08CAF;
}