@charset "utf-8";

/*==================================================
- Reset
==================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}
html { overflow-y: scroll; }
html,body {
	height: 100%;
	line-height: 1;
}
body {
	font: 75%/1.5 "Open Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input,
select,
textarea {
	vertical-align: top;
	margin: 0;
}
ul, li { list-style: none; }
* { zoom:1; }
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.w1100 {
	width: 1100px;
	margin: 0 auto;
}
a {
	color: #776F5B;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/*==================================================
- Icon
==================================================*/
.icon14,
.new-icon14,
.icon18,
.icon20,
.icon24,
.icon32,
#notify_tab .all,
#notify_tab .like,
#notify_tab .comment,
#notify_tab .follow,
#notify_tab .info {
	line-height: 1;
	display: inline-block;
	background: url(/static/img/my-icon.png) no-repeat;
	background-size: 200px 300px;
	font-size: 0;
}

.icon14,
.new-icon14 {
	width: 14px;
	height: 14px;
	margin: 0 4px 0 0;
}
.icon14.search { background-position: left top; }
.icon14.setting { background-position: left -14px; }
.icon14.notify { background-position: left -28px; }
.icon14.mail { background-position: left -42px; }
.icon14.menu { background-position: left -56px; }
.icon14.regist { background-position: left -126px; }
.icon14.login { background-position: left -140px; }
.icon14.profile { background-position: left -154px; }
.icon14.address { background-position: left -168px; }
.icon14.privacy,
.new-icon14.privacy { background-position: left -182px; }
.icon14.sns { background-position: left -196px; }
.icon14.help { background-position: left -210px; }
.icon14.mutual { background-position: left -224px; }
.icon14.myself { background-position: left -238px; }
.icon14.pic { background-position: left -252px; }
.icon14.trash { background-position: left -266px; }
.new-icon14.done { background-position: left -280px; }
.icon14.facebook { background-position: -14px -266px; }
.icon14.twitter { background-position: -14px -280px; }

/* 特殊アイコン */
.icon14.follow { width: 23px;background-position: -148px top; }
.icon14.follower { width: 23px;background-position: -148px -14px; }

.icon18 {
	width: 18px;
	height: 18px;
	margin: 0 6px 0 0;
}
.icon18.login { background-position: -171px -36px; }
.icon18.sns { background-position: -171px -54px; }
.icon18.pen { background-position: -171px -72px; }
.icon18.lock { background-position: -171px -90px; }
.icon18.mail { background-position: -171px -108px; }

.icon20 {
	width: 20px;
	height: 20px;
	margin: 0 6px 0 0;
}
.icon20.profile { background-position: -48px top; }
.icon20.address { background-position: -48px -20px; }
.icon20.password { background-position: -48px -40px; }
.icon20.mail { background-position: -48px -60px; }
.icon20.sns { background-position: -48px -80px; }
.icon20.privacy { background-position: -48px -100px; }

.icon24 {
	width: 24px;
	height: 24px;
}
.icon24.column { background-position: -92px top; }
.icon24.photo { background-position: -92px -24px; }
.icon24.travel { background-position: -92px -48px; }
.icon24.restaurant { background-position: -92px -72px; }
.icon24.beauty { background-position: -92px -96px; }
.icon24.fashion { background-position: -92px -120px; }

.icon32 {
	width: 32px;
	height: 32px;
}
.icon32.follow { background-position: -116px top; }
.icon32.unfollow { background-position: -116px -64px; }

#notify_tab .all { background-position: left -56px; }
#notify_tab .like { background-position: left -70px; }
#notify_tab .comment { background-position: left -84px; }
#notify_tab .follow { background-position: left -98px; }
#notify_tab .info { background-position: left -112px; }

.icons .icon14 { margin: 0; }

/*==================================================
- Header
==================================================*/
header {
	position: relative;
	z-index: 100;
}
#logo {
	position: relative;
	z-index: 1;
	padding: 50px 0 34px;
	text-align: center;
	background: #FFF;
}
#logo img { height: 40px; }
#main-nav {
	position: relative;
	z-index: 0;
}
#main-nav > section {
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	background: #FFF;
}
#main-nav.fixed > section {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}
#content-menu {
	float: left;
	line-height: 1;
	font-size: 133.33333%;
}
#content-menu li {
  position: relative;
  float: left;
}
#content-menu li + li { margin-left: 24px; }
#content-menu li > a {
	display: block;
  line-height: 1;
	padding: 16px 0;
	color: #000;
  font-weight: normal;
	text-decoration: none;
}
#content-menu li > a:hover { color: #877D65; }
#content-menu li > a:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  content: "";
  width: 0px;
  margin: 0 auto;
  height: 3px;
  background: #877D65;
  opacity: 0;
  transition: all 0.3s ease;
}
#content-menu li > a.selected:after,
#content-menu li:hover > a:after {
  left: 0;
  width: 100%;
  opacity: 1;
}
#user-menu {
	float: right;
	display: table;
  margin: 0 -5px 0 0;
	font-size: 100%;
}
#user-menu > li {
	position: relative;
	display: table-cell;
}
#user-menu > li + li { padding-left: 2px; }
#user-menu > li > a {
	display: block;
	line-height: 1.2;
	padding: 17px 5px;
	color: #000;
	text-decoration: none;
}
#user-menu > li > a#user-name {
	line-height: 1.66666;
	padding: 14px 10px;
}
#user-menu > li > a#user-name img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	border-radius: 10px;
}
#user-menu > li:hover > a { background: #F4F3F0; }
#user-menu .sum {
	position: absolute;
	right: 3px;
	top: 7px;
	display: block;
	line-height: 1;
	padding: 2px 3px 3px;
	border-radius: 4px;
	background: #DC7676;
	color: #FFF;
	font-size: 84%;
}
#menu-box {
	position: absolute;
	right: 0;
	top: 48px;
	display: none;
	background: #F4F3F0;
	font-size: 91%;
	white-space: nowrap;
}
li:hover #menu-box { display: block; }
#menu-box li { border-top: solid 1px #E9E7E2; }
#menu-box a {
	position: relative;
	line-height: 1;
	display: block;
	padding: 12px;
	color: #000;
	text-decoration: none;
}
#menu-box a:hover { background: #F9F9F8; }
#search-box {
	padding: 7px 0;
}
#search-box input[type=submit] {
	border: none;
	font-size: 0;
	width: 34px;
	height: 34px;
	border-radius: 0 4px 4px 0;
	background: #FFF url(/static/img/search.png) no-repeat center;
	background-size: 14px 14px;
	outline: none;
}
#search-box input[type=text] {
	line-height: 1.5;
	width: 150px;
	margin: 0;
	padding: 8px 0 8px 10px;
	border: none;
	border-radius: 4px 0 0 4px;
	background: #FFF;
	color: #000;
	font-size: 100%;
	vertical-align: top;
	outline: 0;
}
#search-box input[type=text]:focus,
#search-box input[type=text]:focus + input[type=submit],
#user-menu li:hover input { background-color: #F4F3F0; }
li:hover #notify { display: block; }
#notify {
	position: absolute;
	right: 0;
	top: 48px;
	width: 360px;
	display: none;
	background: #F4F3F0;
	font-size: 100%;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, .1);
}
#notify .osirase {
	overflow-y: auto;
	max-height: 480px;
	border-radius: 0 0 4px 4px;
}
#notify h3 {
	line-height: 1;
	padding: 12px;
	font-size: 117%;
	font-weight: normal;
}
#notify h3 a { display: none; }
#notify h3 .icon14 { margin-right: 6px; }
#notify_tab table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
#notify_tab td { width: 20%; }
#notify_tab a {
	display: block;
	line-height: 1;
	padding: 10px 0;
	background: #DEDBD4;
	text-align: center;
	text-decoration: none;
}
#notify_tab .on a {
	background: none;
}
#main-nav #notify_tab .on a {
  padding-top: 8px;
  border-top: solid 2px #DEDBD4;
}
#notify_tab a div {
	width: 14px;
	height: 14px;
	margin: 0 auto;
}
#notify_tab .arrow { display: none; }
#notify .osirase li {
	display: table;
	width: 100%;
	border-top: solid 1px #F4F3F0;
	vertical-align: baseline;
}
#notify .osirase li + li { border-top: solid 1px #DEDBD4; }
#notify .osirase li:first-child { border-top: none; }
#notify .osirase li > div {
	display: table-cell;
	padding: 12px;
	vertical-align: middle;
}
#notify .osirase li > div:first-child { display: none; }
#notify .osirase .img {
	width: 54px;
	padding-right: 0;
}
#notify .osirase .img.info { width: 25px; }
#notify .osirase .img img {
	width: 54px;
	height: 54px;
	border-radius: 4px;
}
#notify .osirase .date {
	display: inline-block;
	color: #999;
	font-size: 84%;
	vertical-align: baseline;
}
#lock_body {
	padding: 8px 0;
	color:#AF2548;
	background: #FDD;
	line-height:1.5;
}
#lock_body strong { font-size: 117%; }
#lock_body p { line-height: 1.8; }

/*==================================================
- Content
==================================================*/
#wrapper { min-height: 100%; }
#main {
	float: left;
	width: 776px;
}
#main h2 {
	line-height: 1;
	margin: 0 0 12px;
	font-size: 117%;
	font-weight: normal;
}
#main h2.dot {
	background: url(/static/img/dot.png) repeat-x left;
	background-size: 2px 1px;
	font-size: 133%;
}
#main h2.dot span {
	display: inline-block;
	padding-right: 12px;
	background: #FFF;
}
#main > section { margin: 0 0 24px; }
#main > section:last-child { margin: 0 0 54px; }
#main #user-profile table {
	width: 100%;
}
#main #user-profile th {
	width: 1%;
	padding: 2px 15px 0 0;
	background: url(/static/img/path.png) no-repeat right 8px;
	background-size: 3px 5px;
	color: #776F5B;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}
#main #user-profile td {
	padding: 0 0 9px 12px;
	font-size: 117%;
	vertical-align: top;
}
#setting-menu li {
	float: left;
	width: 32.81786941580756%;
	margin: 0.77319587628866% 0.77319587628866% 0 0;
}
#setting-menu li:nth-child(1),
#setting-menu li:nth-child(2),
#setting-menu li:nth-child(3) { margin-top: 0; }
#setting-menu li:nth-child(3n) { margin-right: 0; }
#setting-menu a {
	display: block;
	line-height: 1.4;
	padding: 12px;
	border-radius: 4px;
	background: #928870;
	color: #FFF;
	font-size: 117%;
	text-decoration: none;
}
#setting-menu a:hover { opacity: .8; }

#info-list {
	border-top: solid 1px #E2E1DD;
	padding-top: 12px;
}
#info-list li {
	position: relative;
	padding-left: 22px;
	background: url(/static/img/info-arrow.png) no-repeat left 7px;
	background-size: 10px 8px;
	word-break: break-all;
}
#info-list li.open {
	background: url(/static/img/info-arrow2.png) no-repeat left 5px;
	background-size: 10px 8px;
}
#info-list .text {
	display: none;
	margin: 0 0 24px;
}
#info-list li:last-child .text { margin: 0; }
#info-list h3 {
	margin: 0 0 6px;
	margin-left: -8px;
	cursor: pointer;
}
#info-list .time {
	position: absolute;
	right: 0;
	top: 0;
	color: #999;
}
.pager {
	margin: 0 auto 12px;
	border-collapse: separate;
	border-spacing: 0;
}
.pager td > span > span {
	line-height: 1;
	display: block;
	padding: 8px 10px;
	border-radius: 14px;
	background: #F6F6F6;
	color: #CCC;
	text-align: center;
}
.pager td > span.on > span {
	background: #2DCC70;
	color: #FFF;
}
.pager td > span > a {
	line-height: 1;
	display: block;
	padding: 7px 9px;
	border-radius: 14px;
	border: solid 1px #DDD;
	background: #FFF;
	color: #000;
	text-align: center;
	text-decoration: none;
}
.pager td > span > a:hover {
	border: solid 1px #2DCC70;
	background: #2DCC70;
	color: #FFF;
}
.pager td + td { padding-left: 6px; }
.pager + div {
	color: #999;
	font-size: 91%;
	text-align: center;
}


/*==================================================
- Side
==================================================*/
#side {
	float: right;
	width: 300px;
}
#side > section { margin: 0 0 24px; }
#side > section:last-child { margin: 0 0 54px; }
#side h4 {
	line-height: 1;
	margin: 0 0 12px;
	font-weight: normal;
}
#side .service-list { margin: 0 0 12px; }
#side .service-list:last-child { margin: 0; }
#side .service-list .icon24 {
	display: block;
	margin: 0 auto 6px;
}
#side .service-list li {
	float: left;
	width: 32%;
	margin: 2% 2% 0 0;
}
#side .service-list li:nth-child(1),
#side .service-list li:nth-child(2),
#side .service-list li:nth-child(3) { margin-top: 0; }
#side .service-list li:nth-child(3n) { margin-right: 0; }
#side .service-list a {
	display: block;
	line-height: 1;
	padding: 12px;
	border-radius: 4px;
	background: #928870;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#side .service-list a:hover { opacity: .8; }
#side .service-list a.column { background: #8E7A4D; }
#side .service-list a.photo { background: #342E23; }
#side .service-list a.travel { background: #7FBED2; }
#side .service-list a.restaurant { background: #2F1815; }
#side .service-list a.beauty { background: #272625; }
#side .service-list a.fashion { background: #353432; }

/*==================================================
- Path
==================================================*/
#path {
	display: table;
	margin: 12px 0;
	line-height: 1;
	font-size: 84%;
	color: #999;
}
#path > li,
#path > h1 {
	display: table-cell;
}
#path li {
	padding-left: 15px;
	background: url(/static/img/path.png) no-repeat 6px 3px;
	background-size: 3px 5px;
}
#path > li:first-child {
	padding: 0;
	background: none;
}
#path a {
	color: #333;
	text-decoration: none;
}
#path h1 {
	font-size: 100%;
	font-weight: normal;
}
#path h1 > li {
	float: left;
	display: inline-block;
}
#path h1:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/*==================================================
- Footer
==================================================*/
#push { width: 100%; }

#feedback-fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .5;
	transition: opacity 0.2s ease;
	text-align: center;
}
#feedback-fixed:hover { opacity: .8; }
#footer #feedback-fixed a {
	display: block;
	line-height: 1;
	padding: 6px 9px;
	font-size: 84%;
	color: #FFF;
	text-decoration: none;
}
#page-top {
	display: none;
	position: absolute;
	right: 50%;
	top: -30px;
	margin-right: -550px;
}
#page-top a {
	display: block;
	line-height: 1;
	padding: 10px 24px;
	background: #928870;
	color: #FFF;
	text-decoration: none;
}
#page-top a:hover { background: #A8A08D; }

/*==================================================
- Message
==================================================*/
#message {
	width: 1100px;
	margin: 0 auto;
}
#message-user {
	float: left;
	width: 21.81818181818182%;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#message-user .search {
	position: relative;
	padding: 12px;
}
#message-user input[type=text] {
	width: 75.92592592592593%;
	height: 16px;
	padding: 4.16666666666667%;
	border-radius: 4px 0 0 4px;
	border: none;
	background: #F4F3F0;
	outline: none;
}
#message-user input[type=submit] {
	width: 34px;
	height: 34px;
	border: none;
	border-radius: 0 4px 4px 0;
	background: #F4F3F0 url(/static/img/search.png) no-repeat center;
	background-size: 14px 14px;
	font-size: 0;
	outline: none;
	cursor: pointer;
}
#message-user input[type=submit].clear {
	position: absolute;
	right: 13px;
	top: 13px;
	width: 28px;
	height: 28px;
	border: none;
	background: url(/static/img/clear.png) no-repeat center;
	background-size: 14px 14px;
	outline: none;
	cursor: pointer;
}
#message-user-list {
	overflow: hidden;
	min-height: 240px;
	border-top: solid 1px #F4F3F0;
}
#message-user-list li {
	display: table;
	width: 100%;
	border-top: solid 1px #F4F3F0;
	cursor: pointer;
}
#message-user-list li:first-child { border: none; }
#message-user-list li:hover { background: #EDF6F2; }
#message-user-list li > a > div,
#message-user-list li > div {
	line-height: 1em;
	display: table-cell;
	padding: 12px;
	vertical-align: middle;
}
#message-user-list .pict {
	width: 48px;
	padding-right: 0;
}
#message-user-list .pict img {
	width: 48px;
	height: 48px;
	border-radius: 24px;
}
#message-user-list h3 {
	position: inherit;
	line-height: 1;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #4BA57E;
	font-weight: bold;
}
#message-user-list a:hover {
	text-decoration: none;
}

#message-user-list p {
	line-height: 1.4;
	padding: 4px 0;
	font-size: 91%;
	word-break: break-all;
	color: #000;
}
#message-user-list .date {
	display: block;
	line-height: 1;
	font-size: 84%;
	color: #999;
}
#message-user-list li.selected {
	background: #4BA57E;
	color: #FFF;
}
#message-user-list li.selected h3,
#message-user-list li.selected p,
#message-user-list li.selected .date { color: #FFF; }
#message-user-list li.show_more a {
	display: block;
	padding: 12px;
	color: #4BA57E;
	text-align: center;
}
#message-show {
	float: right;
	width: 76%;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#message-show h2 {
	line-height: 1.2;
	padding: 12px;
	border-bottom: solid 1px #F4F3F0;
	font-size: 100%;
}

#message-list {
	overflow: hidden;
	min-height: 200px;
}
#message-list ul { padding: 12px; }
#message-list li {
	display: table;
	width: 100%;
	border-radius: 4px;
}
#message-list li.show_more a {
	display: block;
	line-height: 1;
	margin: 12px;
	padding: 12px;
	border-radius: 4px;
	background: #FCFBF5;
	color: #4BA57E;
	text-align: center;
	text-decoration: none;
}
#message-list li.show_more a:hover { background: #EDF6F2; }
#message-list li.new {
	background-color: #ffff99;
}
#message-list li > div {
	display: table-cell;
	padding: 12px;
	vertical-align: middle;
}

#message-list li > div:last-child { padding: 12px 12px 12px 0; }
#message-list li h3 {
	position: inherit;
	line-height: 1;
	height: auto;
	margin: 2px 0;
	padding: 0;
	border: none;
	background: none;
}
#message-list .pict {
	width: 36px;
	vertical-align: top;
}
#message-list .pict img {
	width: 36px;
	height: 36px;
	border-radius: 18px;
}
#message-list .body {
	position: relative;
	width: 100%;
}
#message-list .body a { color: #4BA57E; }
#message-list .body .time {
	position: absolute;
	line-height: 1;
	right: 12px;
	top: 12px;
	color: #999;
	font-size: 91%;
}
#message-list .body .time a.report_btn {
	margin-right: 20px;
}
#message-list .body p {
	line-height: 1.6;
	word-break: break-all;
}
#message-post {
	padding: 24px;
	border-top: solid 1px #F4F3F0;
}
#message-post .text { padding-right: 18px; }
#message-post textarea {
	width: 100%;
	margin: 0 0 12px;
	padding: 8px;
	border-radius: 4px;
	border: none;
	background: #F4F3F0;
	outline: none;
}
#message-post input[type=submit] {
	line-height: 1;
	padding: 9px 12px;
	border: none;
	border-bottom: solid 2px #665F4F;
	border-radius: 4px;
	background: -webkit-linear-gradient(top, #928870, #766E5A);
	background: -moz-linear-gradient(top, #928870, #766E5A);
	background: -o-linear-gradient(top, #928870, #766E5A);
	background: -ms-linear-gradient(top, #928870, #766E5A);
	background: linear-gradient(to bottom, #928870, #766E5A);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#928870, endcolorstr=#766E5A);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#928870, endcolorstr=#766E5A)";
	color: #FFF;
	cursor: pointer;
	outline: none;
	text-shadow: 1px 0 0 #665F4F;
}
#message-post input[type=submit]:hover { background: #766E5A; }

/*==================================================
- Setting
==================================================*/
#setting-nav {
	float: left;
	line-height: 1.2;
	width: 21.81818181818182%;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#setting-nav li { border-top: solid 1px #F4F3F0; }
#setting-nav li:first-child { border-top: none; }
#setting-nav a {
	display: block;
	padding: 12px;
	text-decoration: none;
}
#setting-nav a:hover,
#setting-nav a.selected { background: #FCFBFB; }
#setting-nav li:first-child { border-radius: 4px 4px 0 0; }
#setting-nav li:last-child { border-radius: 0 0 4px 4px; }
#setting {
	float: right;
	width: 76%;
}
#setting .white-block {
	position: relative;
	margin: 0 0 24px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#setting > section:last-child { margin: 0 0 54px; }
#setting .white-block h2,
#setting .white-block h3,
#setting .white-block h4 {
	line-height: 1;
	height: auto;
	margin: 0;
	padding: 12px;
	border-bottom: solid 1px #F4F3F0;
	font-size: 117%;
	font-weight: normal;
}
#setting .input100 { padding-right: 14px; }
#setting .input100 input,
#setting .input100 textarea {
	width: 100%;
}
#setting .edit {
	border-collapse: separate;
	border-spacing: 0;
}
#setting .edit th {
	width: 1%;
	padding: 12px 0 12px 12px;
	text-align: left;
	border-bottom: solid 1px #F4F3F0;
	color: #928870;
	vertical-align: middle;
	white-space: nowrap;
}
#setting .edit th.tit {
	line-height: 1;
	margin: 0;
	padding: 12px;
	border-bottom: solid 1px #F4F3F0;
	background: none;
	color: #000;
	font-size: 117%;
	font-weight: normal;
}
#setting .edit th.img-tit { line-height: 1.5; }
#setting .edit th.img-tit img {
	margin: 0 4px 0 0;
	vertical-align: top;
}
#setting .edit td {
	padding: 12px;
	color: #000;
	border-bottom: solid 1px #F4F3F0;
	word-break: break-all;
	vertical-align: middle;
}
#setting .edit td.right { text-align: right; }
#setting .edit td p { margin: 0 0 12px; }
#setting .edit input[type=text],
#setting .edit input[type=password],
#setting .edit textarea,
#setting .edit select {
	padding: 6px;
	border: solid 1px #CCC;
	border-radius: 4px;
}
#setting .edit td.right span,
#setting .edit .padding { line-height: 2.5; }
#setting .edit td.right select { margin-bottom: 6px; }
#setting .edit td.right select:last-child { margin: 0; }
#setting .edit input[type=checkbox] {
	margin: 2px 4px 0 0;
	vertical-align: top;
}
#setting .edit input[type=checkbox] + label { margin-right: 12px; }
#setting .edit label + span { color: #999; }
#setting .edit .right select {
	width: 86px;
	white-space: nowrap;
}
#setting .font10 {
	display: inline-block;
	margin: 6px 0 0 ;
	color: #999;
}
#setting .btn-block {
	padding: 12px;
	text-align: center;
}
#setting td .new-icon14 { vertical-align: middle; }
#setting .popup {
	position: absolute;
	bottom: 16px;
	display: block;
	line-height: 1.5;
	padding: 12px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .6);
	color: #FFF;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.3s ease;
}
#setting td .icon14 {
	margin-top: 8px;
	vertical-align: top;
}
#setting .icon14:hover + .popup { opacity: 1; }
#setting h4 { font-weight: bold; }
#setting .sub {
	margin: 0 0 24px;
	padding: 0 12px;
}
#setting li { font-size: 91%; }
#setting .connect_button {
	display: inline-block;
	line-height: 1;
	margin: 0 6px 0 0;
	padding: 10px 12px;
	border: solid 1px #2DCC70;
	border-radius: 4px;
	background: #2DCC70;
	color: #FFF;
	font-size: 91%;
}
#setting .sns-btn {
	display: inline-block;
	line-height: 1;
	padding: 10px 12px;
	border: solid 1px #DDD;
	border-radius: 4px;
	background: #FFF;
	color: #000;
	font-size: 91%;
	text-decoration: none;
}
#setting .sns-btn:hover {
	border: solid 1px #2DCC70;
	background: #2DCC70;
	color: #FFF;
}
#setting .sns-btn.gray {
	border: solid 1px #2DCC70;
	background: #2DCC70;
	color: #FFF;
}
#setting .sns-btn.gray:hover {
	border: solid 1px #DDD;
	background: #FFF;
	color: #000;
}
#setting #edit-tit {
	line-height: 1.4;
	height: auto;
	margin: 0 0 12px;
	padding: 12px;
	border-radius: 4px;
	background: #FFF;
	font-size: 100%;
	font-weight: bold;
}
#setting .normal-block > h2 { display: none; }
#setting .normal-block > div > img { display: none; }
#setting .normal-block > div >  p {
	line-height: 1;
	margin: 0 !important;
	padding: 12px;
	border-radius: 4px;
	background: #FFF;
	color: #999;
}
#setting #user-list > li { box-shadow: none; }
#setting .btn,
#setting .new-btn {
	line-height: 1;
	padding: 9px 12px;
	border: none;
	border-bottom: solid 2px #665F4F;
	border-radius: 4px;
	background: -webkit-linear-gradient(top, #928870, #766E5A);
	background: -moz-linear-gradient(top, #928870, #766E5A);
	background: -o-linear-gradient(top, #928870, #766E5A);
	background: -ms-linear-gradient(top, #928870, #766E5A);
	background: linear-gradient(to bottom, #928870, #766E5A);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#928870, endcolorstr=#766E5A);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#928870, endcolorstr=#766E5A)";
	color: #FFF;
	cursor: pointer;
	outline: none;
	text-shadow: 1px 0 0 #665F4F;
}
#setting .btn:hover,
#setting .new-btn:hover { background: #766E5A; }
#setting .errors {
	margin-top: -1px;
	padding: 9px 12px;
	background: #CD6155;
	color:#FFF;
}
#setting .errors li {
	margin-left: 14px;
	font-size: 100%;
	list-style: disc;
}

/*==================================================
- Cover
==================================================*/
#cover {
	position: relative;
	margin: 0 0 24px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#user-cover {
	position: relative;
	height: 240px;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
#user-cover .cover {
	height: 240px;
	background: no-repeat center;
	background-size: cover;
}
#user-cover .cover.none > div {
	position: absolute;
	left: -9px;
	top: -9px;
	height: 258px;
	width: 1118px;
	background: no-repeat center;
	background-size: cover;
	-webkit-filter: blur(18px);
	-moz-filter: blur(18px);
	-o-filter: blur(18px);
	-ms-filter: blur(18px);
	filter: blur(18px);
}
#user-cover a.follows {
	position: absolute;
	right: 12px;
	bottom: 12px;
  line-height: 2.66666666;
  padding-right: 8px;
  border-radius: 4px;
  background: #4BA57E;
  color: #FFF;
  text-decoration: none !important;
}
#user-cover a.follows.unfollow { background: #CE3A3A; }
#cover .pict {
	position: absolute;
	left: 12px;
	bottom: 6px;
	border: solid 4px #FFF;
	border-radius: 60px;
}
#cover .pict img {
	width: 112px;
	height: 112px;
	border-radius: 56px;
}
#profile-edit {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -15px;
	text-align: center;
	opacity: 0;
}
#cover .pict:hover #profile-edit { opacity: .8; }
#profile-edit a {
	display: inline-block;
	line-height: 1;
	padding: 8px;
	background: #FFF;
}
#profile-edit a + a { border-left: solid 1px #E2E1DD; }
#profile-edit a:first-child { border-radius: 4px 0 0 4px; }
#profile-edit a:last-child { border-radius: 0 4px 4px 0; }
#user-edit {
	position: absolute;
	right: 12px;
	top: 12px;
	border-radius: 4px;
	background: #FFF;
	opacity: .8;
}
#user-edit a {
	display: inline-block;
	line-height: 1;
	padding: 8px;
}
#user-edit a + a { border-left: solid 1px #E2E1DD; }
#user-block .name {
	float: left;
	display: table;
	height: 48px;
	margin-left: 132px;
}
#user-block .name > div {
	display: table-cell;
	vertical-align: middle;
}
#user-block .name .user a {
	line-height: 1;
	color: #000;
	font-size: 166%;
	font-weight: bold;
}
#user-block .name .user .icon14 {
	vertical-align: top;
	margin: 2px 0 0 4px;
}
#user-block .name .user .icon14 + span {
	margin: 0 0 0 4px;
	color: #999;
	font-size: 91%;
}
#user-block .name .my {
	line-height: 1;
	margin: 2px 0 0;
	font-size: 84%;
}
#user-block .name .my a { color: #999; }
#user-block ul {
	float: right;
	display: table;
}
#user-block li {
	display: table-cell;
	white-space: nowrap;
	border-left: solid 1px #F4F3F0;
}
#user-block li a {
	display: block;
	line-height: 1;
	padding: 17px 12px;
	text-decoration: none;
	color: #000;
}
#user-block li:last-child a { border-radius: 0 0 4px 0; }
#user-block li a:hover { background: #FCFBFB; }
#user-block li a .text {
	display: inline-block;
	margin: 1px 0 0;
	font-size: 91%;
	vertical-align: top;
}
#user-block li a .sum {
	margin: -2px 0 -1px 6px;
	display: inline-block;
	font-size: 133%;
	font-weight: bold;
	vertical-align: top;
}
#user-block .icon {
	float: left;
	line-height: 1.2;
	display: inline-block;
	padding: 17px 6px;
	color: #999;
	font-size: 91%;
}
#user-block .icon a { color: #999; }
#follow-list {
	margin: 0 0 24px;
	border-top: solid 1px #E2E1DD;
}
#follow-list li {
	display: table;
	width: 100%;
	border-bottom: solid 1px #E2E1DD;
}
#follow-list li > div {
	display: table-cell;
	padding: 24px 0;
	vertical-align: middle;
}
#follow-list li > div.pict {
	width: 84px;
	padding-right: 12px;
}
#follow-list li > div.pict img {
	width: 84px;
	height: 84px;
	border-radius: 42px;
}
#follow-list h3 {
	line-height: 1;
	font-size: 133%;
	font-weight: bold;
}
#follow-list h3 a { color: #000; }
#follow-list h3 .icon14 {
	margin: 2px 0 0 6px;
	vertical-align: top;
}
#follow-list p { padding: 6px 0; }
#follow-list p.none { color: #CCC; }
#follow-list .btns {
	display: inline-block;
	line-height: 1;
	padding: 8px;
	border-radius: 4px;
	border: solid 1px #DDD;
	color: #000;
	font-size: 91%;
	text-decoration: none;
}
#follow-list .btns:hover,
#follow-list .btns.btunfollow {
	border-color: #2DCC70;
	background: #2DCC70;
	color: #FFF;
}
.list-none { color: #CCC; }


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
jGrowl
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
div.jGrowl {
  padding:      0;
  z-index:      9999;
  font-size:      0.9em;
}
/** Special IE6 Style Positioning **/
div.ie6 {
  position:       absolute;
}

div.ie6.top-right {
  right:        auto;
  bottom:       auto;
  left:         expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
    top:        expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
  left:         expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top:        expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
  left:         expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top:        expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
  left:         expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top:        expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
  left:         expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top:        expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
  width:        100%;
}

/** Normal Style Positions **/
div.jGrowl {
  position:     absolute;
}

body > div.jGrowl {
  position:     fixed;
}

div.jGrowl.top-left {
  left:         0px;
  top:        0px;
}

div.jGrowl.top-right {
  right:        0px;
  top:        0px;
}

div.jGrowl.bottom-left {
  left:         0px;
  bottom:       0px;
}

div.jGrowl.bottom-right {
  right:        0px;
  bottom:       0px;
}

div.jGrowl.center {
  top:        5px;
  width:        1%;
  left:         37%;
}

#theme-tabs.en > li > a {
  font-size: 70%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
  margin-left:    auto;
  margin-right:     auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
  background-color:     #FFFFD1;
  border:         solid 1px #F5E38F;
  opacity:        .90;
  -ms-filter:       "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:         progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
  zoom:           1;
  width:          300px;
  padding:        10px;
  margin-top:       0;
  margin-bottom:      5px;
  font-size:        1em;
  text-align:       left;
  display:        none;
  -moz-border-radius:   5px;
  -webkit-border-radius:  5px;
}
div.jGrowl div.jGrowl-notification.default {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 16px 12px;
	border-bottom: solid 1px #26975B;
	border-top: solid 1px #33CC7B;
	background: #2CAF6A;
	color: #FFF;
	font-size: 117%;
	cursor: pointer;
	text-align: center;
}

div.jGrowl div.jGrowl-notification {
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
  font-weight:      bold;
  font-size:        .85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
  z-index:        99;
  float:          right;
  font-weight:      bold;
  font-size:        1em;
  cursor:         pointer;
}

div.jGrowl div.jGrowl-closer {
  padding-top:      4px;
  padding-bottom:     4px;
  cursor:         pointer;
  font-size:        .9em;
  font-weight:      bold;
  text-align:       center;
}

/** Hide jGrowl when printing **/
@media print {
  div.jGrowl {
    display:      none;
  }
}

/* Login & Regist */
#login-block {
	width: 432px;
	margin: 0 auto 12px;
	padding: 24px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0 0 2px rgba(0, 0, 0, .2);
}
#login-block h2,
#login-block h3 {
	line-height: 1.4;
	margin: 0 0 12px;
	padding: 0;
	border: none;
	background: none;
	font-size: 117%;
	font-weight: bold;
}
#login-block hr {
	margin: 24px 0;
	border: none;
	border-top: dashed 1px #CCC;
}
#login-block form li {
	margin: 0 0 12px;
	padding-right: 18px;
}
#login-block form li.login {
	margin: 0;
	padding: 0;
}
#login-block form input[type=text],
#login-block form input[type=email],
#login-block form input[type=password] {
	width: 100%;
	padding: 8px;
	border: solid 1px #DDD;
	border-radius: 4px;
}
#login-block form input[type=submit] {
	padding: 9px 12px;
	border-radius: 3px;
	border: none;
	background: -webkit-linear-gradient(top, #A5987E, #83775D);
	background: -moz-linear-gradient(top, #A5987E, #83775D);
	background: -o-linear-gradient(top, #A5987E, #83775D);
	background: -ms-linear-gradient(top, #A5987E, #83775D);
	background: linear-gradient(to bottom, #A5987E, #83775D);
	filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#A5987E, endcolorstr=#83775D)";
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#A5987E, endcolorstr=#83775D)";
	color: #FFF;
	font-size: 91%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	outline: none;
	cursor: pointer;
	vertical-align: middle;
	width: 100%;
}
#login-block form .login #reset-link {
	float: right;
	margin: 10px 0 0 0;
	color: #83775D;
}
#login-block form input[type=submit]:hover { background: #83775D; }
#login-block form label {
	display: block;
	line-height: 1.2;
	padding: 12px;
	border-radius: 4px;
	background: #F6F6F6;
	text-align: center;
}
#login-block form input.gray {
	border-color: #777777;
	background: -webkit-linear-gradient(top, #BBBBBB, #999999);
	background: -moz-linear-gradient(top, #BBBBBB, #999999);
	background: -o-linear-gradient(top, #BBBBBB, #999999);
	background: -ms-linear-gradient(top, #BBBBBB, #999999);
	background: linear-gradient(to bottom, #BBBBBB, #999999);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#BBBBBB, endcolorstr=#999999);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#BBBBBB, endcolorstr=#999999)";
	text-shadow: 0 -1px 0 #777777;
}
#login-block form input.gray:hover { background: #999999; }
#login-block form input[type=checkbox] {
	margin: 0 4px 0 0 ;
	vertical-align: top
}
#login-block form .regist { text-align: center; }
#login-block form .regist input[type=submit] { padding: 9px 36px; }
#login-block .sns-login li {
	float: left;
	width: 210px;
}
#login-block .sns-login li:last-child { float: right; }
#login-block .sns-login a {
	display: table;
	width: 100%;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
}
#login-block .sns-login a#facebook_button {
	background: #4267b2;
}
#login-block .sns-login a#twitter_button {
	background: #1DA1F2;
}
#login-block .sns-login .icon14 {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: no-repeat center;
	background-size: 24px 24px;
	vertical-align: top;
}
#login-block .sns-login .icon14.facebook { background-image: url(/static/img/flogo-HexRBG-Wht-58.svg); }
#login-block .sns-login .icon14.twitter { background-image: url(/static/img/iconfinder_twitter_246540.svg); }
#login-block .sns-login a:hover { opacity: .8; }
#login-block .sns-login a > span:first-child {
	display: table-cell;
	width: 1%;
	padding: 10px;
	border-right: solid 2px #FFF;
	vertical-align: middle;
}
#login-block .sns-login a > span:last-child {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
#login-block .regist-btn a {
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	text-decoration: none;
}
#login-block .regist-btn a:hover { background: #83775D; }
#login-block .regist-btn { margin: 12px 0 0; }
#login-block p {
	margin: 0 0 12px;
	font-size: 91%;
}
#login-block .errors {
	margin: 0 0 12px;
	padding: 9px 12px;
	border-radius: 4px;
	background: #FFEEEE;
	color: #C00;
}
/* # Latte Overlay */
.latte-overlay {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	background: rgba(153, 153, 153, 0.5);
}
.latte-overlay .popup-block {
	position: fixed;
	left: 50%;
	top: 140px;
	width: 500px;
	margin-left: -280px;
	padding: 30px 24px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	font-size: 13px;
}
.latte-overlay .popup-block h2 {
	padding: 5px;
	margin: 0 0 12px;
	border-radius: 4px;
	background: #84785E;
	color: #FFF;
	font-size: 14px !important;
	text-align: center;
}
.latte-overlay .popup-block .popup-close {
	position: absolute;
	right: -8px;
	top: -8px;
	width: 10px;
	height: 10px;
	padding: 6px;
	border: solid 3px #FFF;
	border-radius: 14px;
	background: #999;
	text-decoration: none;
}
.latte-overlay .popup-block .popup-close:hover { background-color: #706445; }
.latte-overlay .popup-block .popup-close span {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/static/img/beauty/beauty-icon.png) no-repeat -150px -37px;
	background-size: 300px 400px;
}


#notification { border: solid 1px #DEDBD4; }
#notification .osirase { padding: 0 24px; }
#notification .osirase li {
	display: table;
	line-height: 1.5;
	width: 100%;
	border-bottom: dotted 1px #DEDBD4;
	font-size: 117%
}
#notification .osirase .date {
	color: #999;
	font-size: 78.571428571429%;
}
#notification .osirase li > div {
	display: table-cell;
	padding: 24px 0;
	vertical-align: middle;
}
#notification .osirase li > div.read,
#notification .osirase li > div.unread { display: none; }
#notification .osirase li > div.img {
	width: 25px;
	padding-right: 12px;
}
#notification .none { color: #CCC; }


#company .cp-block {
	margin: 0 0 24px;
	border: solid 1px #DDD;
	padding: 48px;
}
#company h2 {
	line-height: 1;
	margin: 0 0 24px;
	color: #4A4A4A;
	font-size: 200%;
}
#company h2.jp {
	line-height: 1;
	margin: 0 0 24px;
	color: #4A4A4A;
	font-size: 166.666666%;
}
#cp-profile {
	float: left;
	width: 477px;
}
#cp-profile th {
	padding: 0 12px 12px 0;
	color: #666;
	font-size: 91%;
	font-weight: normal;
	text-align: left;
}
#cp-profile td {
	padding: 0 0 12px;
	text-align: left;
}
#cp-service {
	float: right;
	width: 477px;
}
#cp-service ul > li {
	position: relative;
	float: left;
	display: table;
	width: 151px;
	height: 151px;
	margin: 12px 12px 0 0;
	background: no-repeat center;
	background-size: cover;
}
#cp-service ul > li:nth-child(1),
#cp-service ul > li:nth-child(2),
#cp-service ul > li:nth-child(3) { margin-top: 0; }
#cp-service ul > li:nth-child(3n) { margin-right: 0; }
#cp-service ul > li > a {
	display: table-cell;
	vertical-align: middle;
	padding: 12px;
	text-align: center;
	background: rgba(0, 0, 0, .2);
	color: #FFF;
	font-weight: bold;
	font-size: 150%;
	text-decoration: none;
	transition: all 0.3s ease;
}
#cp-service ul > li > a:hover { background: rgba(0, 0, 0, .4); }
#cp-service ul > li > a span {
	display: block;
	line-height: 1;
	padding: 12px;
	border: solid 1px #FFF;
}
#cp-service .btn {
	display: table-cell;
	color: #FFF;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	opacity: 1;
	transition: opacity 0.3s ease;
}
#cp-service li:hover .btn { opacity: 0; }
#cp-service .links {
	position: absolute;
	left: 0;
	top: 0;
	display: table;
	width: 151px;
	height: 151px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
#cp-service .more:hover .links { opacity: 1; }
#cp-service .links ol {
	display: table-cell;
	vertical-align: middle;
}
#cp-service .links li + li {
	border-top: solid 1px #DDD;
}
#cp-service .links li a {
	display: block;
	padding: 8px 12px 8px;
	background: rgba(255, 255, 255, .6);
	color: #333;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#cp-service .links a:hover { background: rgba(255, 255, 255, .8); }
#cp-contact .mb24 { margin: 0 0 24px; }
#cp-contact h3 {
	line-height: 1;
	margin: 0 0 12px;
	font-size: 117%;
	color: #928870;
}
#cp-contact ul { margin: 0 0 24px; }
#cp-contact ul li {
margin-left: 19px;
font-size: 117%;
list-style: disc;
}
#cp-contact p {
	font-size: 117%;
}
.cp-policy h4 {
	line-height: 1;
	margin: 0 0 12px;
	font-size: 133%;
	font-weight: bold;
}
.cp-policy p,
.cp-policy ol {
	font-size: 117%;
}
.cp-policy ol { margin: 0 0 24px; }
.cp-policy ol li {
	margin: 0 0 6px 24px;
	list-style: decimal;
}
.cp-policy ol li:last-child { margin-bottom: 0; }
.cp-policy .mb48 { margin: 0 0 48px; }

#footer a { color: #000; }
#footer { position: relative;border-top: solid 1px #EEE; }
#contents {display:table;margin:0 auto 24px;padding:24px 0 0;}
#contents > li{display:table-cell;white-space:nowrap}
#contents > li + li{padding-left:24px}
#contents > li.space{padding:22px 0 0 12px}
#contents h3{line-height:1;margin:0 0 8px;font-size:117%;font-weight:700;font-weight:600}
#contents ol + h3{margin-top:16px}
#contents ol > li{padding-left:12px;background:url(/static/img/travel/blog-time.png) no-repeat 2px 6px;background-size:3px 3px}
#contents ol > li.none{padding:0;background:none}
#contents img{width:168px}
#footer #common {background:#EEE}
#footer #common ul{display:table;line-height:1.6;width:1100px;margin:0 auto;font-size:91%}
#footer #common ul > li{display:table-cell;width:1%;white-space:nowrap;padding:32px 0;vertical-align:middle}
#footer #common ul > li + li{padding-left:12px}
#footer #common ul > li:first-child{width:auto}
#footer #common img {height:16px;margin-right:12px}


/*==================================================
- Search
==================================================*/
#search {
  width: 800px;
  margin: 24px auto;
}
#search .tab {
  display: table;
  margin: 0 0 12px;
}
#search .tab li {
  display: table-cell;
  width: 120px;
}
#search .tab a,
#search .tab span {
  position: relative;
  display: block;
  line-height: 1;
  padding: 12px;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
}
#search .tab a {
  padding: 11px;
  border: solid 1px #928870;
  color: #928870;
}
#search .tab span img {
  position: absolute;
  left: 50%;
  bottom: -7px;
  width: 10px;
  height: 7px;
  margin-left: -5px;
}
#search .tab a:hover,
#search .tab span {
  background: #928870;
  color: #FFF;
}
#search .tab li:first-child a,
#search .tab li:first-child span { border-radius: 4px 0 0 4px; }
#search .tab li:last-child a,
#search .tab li:last-child span { border-radius: 0 4px 4px 0; }
#search .cse .gsc-control-cse,
#search .gsc-control-cse {
  padding: 0;
}
#search .gsc-control-cse.gsc-control-cse-ja { border: none; }
#search .gsc-input,
#search .gsc-input *,
#search .gsc-search-button,
#search .gsc-search-button * {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: top !important;
}
#search #gsc-i-id1 {
  height: auto !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  border-radius: 4px 0 0 4px;
  background-position: 16px !important;
  border: solid 1px #DDD !important;
}
#search #gs_tti50 { padding-right: 34px !important; }
#search #___gcse_0 .gsc-search-button.gsc-search-button-v2 {
  padding: 16px 33px 15px !important;
  border-radius: 0 4px 4px 0 !important;
  background: #928870;
}
#gs_tti50 { background: #FFF !important; }
#search .gsst_b { position: relative; }
#search #___gcse_0 .gsst_b .gsst_a {
  position: absolute;
  top: 6px;
  right: 10px;
  line-height: 1;
  display: block;
  border-radius: 18px;
  padding: 10px 8px 6px !important;
  background-color: #EEE;
}
#search .search_form {
  position: relative;
  padding-right: 114px;
}
#search .search_form input[type=text] {
  line-height: 1.5;
  width: 100%;
  padding: 13px 16px;
  border-radius: 4px 0 0 4px;
  border: solid 1px #DDD;
}
#search .search_form input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 44px;
  border-radius: 0 4px 4px 0;
  border: none;
  background: #928870 url(/static/img/search_box_icon.png) no-repeat center;
  background-size: 14px 14px;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}
#follow-list.search { margin: 24px 0; }
#follow-list .user_me {
  display: inline-block;
  line-height: 1;
  padding: 8px;
  border-radius: 4px;
  border: solid 1px #EEE;
  background: #EEE;
  color: #000;
  font-size: 91%;
  text-decoration: none;
}
#follow-list.search .none {
  padding: 24px 0;
  color: #CCC;
}

#alert-text {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6)
}
#alert-text .cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#alert-text .text {
  position: relative;
  display: inline-block;
  padding: 24px;
  border-radius: 8px;
  background: #FFF;
  font-size: 117%;
}
#alert-text #alert-close {
  display: block;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 28px;
  height: 28px;
  padding: 0;
  border: solid 4px #FFF;
  border-radius: 18px;
  background: #333 url(/static/img/fashion/comp-close-w.png) no-repeat center;
  background-size: 12px 12px;
  font-size: 0;
  color: transparent;
}