/**
 * PCベース用lessファイル
 */
@charset "utf-8";
/**
 * 全サイト共通
 * PCの場合は直接読み込む
 */
/**
 * サイト個別定義
 */

/* reset.less
============================================ */
@charset "utf-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color:#333;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color:#333;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  -webkit-appearance: none;
  vertical-align: middle;
}

/* Reset
------------------------------------ */
/* Elements
------------------------------------ */
::-webkit-input-placeholder {
  color: #4e3a33;
}
:-moz-placeholder {
  color: #4e3a33;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #4e3a33;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #4e3a33;
}
.placeholder {
  color: #4e3a33;
}
/* jQuery Placeholder */
/* btn
------------------------------------ */
.btn a,
.btn input[type="submit"] {
  display: block;
  width: 190px;
  height: 40px;
  font-size: 14px !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  line-height: 40px;
  border: none;
  border-radius: 30px;
  margin: 5px auto;
  cursor: pointer;
}
.btn .main {
  background: #aaa !important;
  color: #fff !important;
  font-weight: normal;
}
.btn .main:hover {
  opacity: 0.5;
}
/* Icon
------------------------------------ */
.ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
/* Dialog
------------------------------------ */
.ui-dialog-titlebar.ui-widget-header {
  background: none;
  border: none;
}
.ui-widget-overlay {
  opacity: 0.7 !important;
}
/* Dialog(Error)
------------------------------------ */
.error.ui-widget-content {
  background: none;
  background-color: #aaa;
}
.error.ui-dialog .ui-dialog-title {
  color: #fff;
}
.error .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.error .ui-state-default .ui-icon {
//  background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
#ui-error-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
}
/* Dialog(Confirm)
------------------------------------ */
.confirm.ui-widget-content {
  background: none;
  background-color: #aaa;
}
.confirm.ui-dialog .ui-dialog-title {
  color: #fff;
}
.confirm .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.confirm .ui-state-default .ui-icon {
 // background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
.confirm.ui-dialog .ui-dialog-buttonpane {
  background-color: #aaa;
}
.confirm .ui-button-text-only .ui-button-text {
  padding: 10px 20px;
}
.confirm .ui-corner-all {
  border-radius: 3px;
}
.confirm .ui-widget-content .ui-state-default {
  background: none;
  background-color: #4e3a33;
  border: none;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
}
.confirm .ui-dialog-buttonpane .ui-dialog-buttonset button {
  min-width: 100px;
}
#ui-confirm-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: bold;
  word-wrap: break-word;
}
/* Dialog(Image View)
------------------------------------ */
.image-view.ui-widget-content {
  background: none;
  background-color: #aaa;
}
.image-view.ui-dialog .ui-dialog-title {
  color: #fff;
}
.image-view .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.image-view .ui-state-default .ui-icon {
 /* background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;*/
}
.image-view.ui-dialog .ui-dialog-buttonpane {
  background-color: #aaa;
}
.image-view .ui-button-text-only .ui-button-text {
  padding: 10px 20px;
}
.image-view .ui-corner-all {
  border-radius: 3px;
}
.confirm .ui-widget-content .ui-state-default {
  background: none;
  background-color: #4e3a33;
  border: none;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
}
#ui-image-view-dialog img {
  display: block;
  width: 100%;
}
#ui-image-view-dialog a {
  display: block;
  margin: 20px 0 0 0;
  color: #fff;
  outline: none;
}
/* Dialog(Login)
------------------------------------ */
.login.ui-widget-content {
  background: none;
  background-color: #aaa;
}
/* Dialog(Logout)
------------------------------------ */
#logout-dialog p {
  margin: 10px 0 10px 0;
  width: 100%;
  text-align: center;
  line-height: 1.5em;
  color: #888;
  font-size: 1.2em;
  font-weight: bold;
  word-wrap: break-word;
}
/* Dialog(Trade)
------------------------------------ */
.trade.ui-widget-content {
  background: none;
  background-color: #FFFFFF;
}
/* Dialog(Trade_ex)
------------------------------------ */
.trade_ex .ui-widget-content {
  background: none;
  background-color: #F2F2F2;
}
.trade_ex .ui-dialog-titlebar.ui-widget-header {
  background: none;
  background-color: #F2F2F2;
  border: none;
}
/* Dialog(Smaile)
------------------------------------ */
.smile.ui-widget-content {
  background: none;
  background-color: #F2F2F2;
}
/* Flat Dropdown
------------------------------------ */
.flat-dropdown {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: #C3C3C3;
  color: #fff;
}
.flat-dropdown .flat-dropdown-header {
  cursor: pointer;
}
.flat-dropdown .flat-dropdown-header p {
  padding: 10px 10px 10px 10px;
  display: inline-block;
  white-space: nowrap;
   width: 160px !important;
}
.flat-dropdown .flat-dropdown-header img {
  border: 10px solid transparent;
  vertical-align: middle;
}
.flat-dropdown ul {
  position: absolute;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
  background-color: #C3C3C3;
}
.flat-dropdown li {
	margin: 0;
	padding: 6px 0;
	border-top: 1px solid #4c4c4c;
	white-space: nowrap;
}
.flat-dropdown li:nth-last-child(2),
.flat-dropdown li:last-child {
	display: none;
}
.flat-dropdown li a {
  display: block;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #fff;
}
/* Flat Menu
------------------------------------ */
.flat-menu {
  display: inline;
  position: relative;
  z-index: 1;
}
.flat-menu ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 115%;
  right: 0;
}
.flat-menu ul li {
  margin: 0 0 0 0;
  padding: 0 10px 0 10px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  line-height: 35px;
  color: #FFF;
  width: 106px;
}
/* Expand Widget
------------------------------------ */
.expand-header {
  position: relative;
  padding: 0 20px 0 20px;
  background-color: #4e3a33;
  border-bottom: 1px solid white;
  line-height: 40px;
  cursor: pointer;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
}
.expand-header span {
  position: absolute;
  width: 5%;
  height: 100%;
  right: 1em;
  line-height: 40px;
  background-repeat: no-repeat;
  background-position: center;
}
.expand-header span.opened {
  background-image: url("/themes/sns121/img/layout/btn_pulldown_up.png");
}
.expand-header span.closed {
  background-image: url("/themes/sns121/img/layout/btn_pulldown_down.png");
}
.expand-header span img {
  vertical-align: middle;
}
/* Extract Widget
------------------------------------ */
/* User(Right Block)
------------------------------------ */
#user-right-block {
  width: 300px;
  background-color: #fff;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
  border-bottom: 1px solid #E2EAF4;
}
#user-right-block #user-main {
  padding: 10px 5px 5px 5px;
  border-top: 5px solid #4e3a33;
}
#user-right-block #user-photo {
  width: 45%;
  float: left;
}
#user-right-block #user-info {
  width: 50%;
  float: right;
}
#user-right-block #user-name {
  word-wrap: break-word;
  font-size: 1.2em;
  font-weight: bold;
}
#user-right-block #user-medal {
  text-align: center;
}
#user-right-block #user-point {
  margin: 0;
}
#user-point-progress {
  margin: 0 10px 0 0;
  width: 100%;
  height: 20px;
  float: left;
  background-color: #f5f5f5;
}
#user-right-block #user-point-progress span {
  position: relative;
  padding: 0 1%;
  width: 15%;
  height: 100%;
  display: block;
  background-color: #FFBF35;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
#user-right-block #user-point-progress span:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
  border-bottom: 20px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #FFBF35;
}
#user-right-block #user-point p {
  float: left;
  line-height: 20px;
  font-size: 0.8em;
}
#user-right-block #user-status {
  margin: 10px 0 0 0;
  cursor: pointer;
}
#user-right-block #user-status table {
  width: 100%;
  border-spacing: 1px;
}
#user-right-block #user-status th {
  width: 33%;
  height: 25px;
  background-color: #4e3a33;
  color: #FFF;
  font-weight: normal;
}
#user-right-block #user-status td {
  height: 25px;
  background-color: #f5f5f5;
  text-align: center;
  color: #333;
  font-size: 1.5em;
  font-weight: bold;
}
/* Blog(Right Block)
------------------------------------ */
#blog-right-block {
  margin: 20px 0 0 0;
  width: 300px;
  background-color: #fff;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
  border-bottom: 1px solid #E2EAF4;
}
#blog-right-block #user-blog-info {
  padding: 10px 10px 10px 10px;
  border-top: 5px solid #4e3a33;
}
#blog-right-block #user-title h2 {
  padding: 5px 0 5px 0;
  width: 88%;
  float: left;
  line-height: 1.4em;
  font-size: 1.4em;
  word-wrap: break-word;
}
#blog-right-block #user-title a {
  display: block;
  width: 12%;
  float: right;
  text-align: center;
  line-height: 30px;
}
#blog-right-block #user-title a img {
  vertical-align: middle;
}
#blog-right-block #user-profile {
  word-break: break-all;
  word-wrap: break-word;
}
#blog-right-block .user-blog-post {
  padding: 0.45em 2.5%;
  width: 95%;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
}
#blog-right-block .user-blog-post h3 {
  width: 70%;
  float: left;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
  font-weight: normal;
}
#blog-right-block .user-blog-post div {
	width: 28%;
	float: right;
	white-space: nowrap;
	text-align: right;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Roboto Slab', serif;
}
#blog-right-block .user-blog-post div img {
  width: 19px;
  height: 19px;
  vertical-align: middle;
}
/* Banner(Right Block)
------------------------------------ */
#banner-right-block {
  width: 300px;
}
#banner-right-block .banner {
  margin: 10px 0 0 0;
}
#banner-right-block img {
  width: 100%;
}
/* Post Body(Text Expand)
------------------------------------ */
.text-expand-end {
  display: inline;
}
.text-expand-hide {
  display: none;
}
.text-expand-show {
  margin: 5px 0 0 0;
  display: block;
}
.text-expand-show a {
  color: #4e3a33;
}
/* No Data/Not Found
------------------------------------ */
.nodata,
.not-found {
  display: none;
}
.nodata p,
.not-found p {
  margin: 20px 0 20px 0;
  padding: 10px 10px 10px 10px;
  background-color: #aaa;
  border: 1px solid #4e3a33;
  text-align: center;
  line-height: 1.5em;
  color: #FFFFFF;
}
.nodata p span,
.not-found p span {
  font-size: 1.2em;
  font-weight: bold;
}
/* Loading Indicator
------------------------------------ */
#loading-indicator {
  display: none;
  margin: 16px 0px;
  text-align: center;
}
#loading-indicator img {
  padding: 0;
  margin: 0 auto;
  opacity: 0.8;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
#loading{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 36px 0;
  text-align: center;
  clear: both;
}
#loading img{
  display: block;
  width: 20px;
}

/* 403 Error
------------------------------------ */
#error-403 {
  margin: 50px auto 0 auto;
  width: 80%;
  text-align: center;
}
#error-403 h1 {
  line-height: 2.5em;
}
#error-403 p {
  line-height: 1.5em;
  font-size: 1.3em;
  font-weight: bold;
}
/* 404 Error
------------------------------------ */
#error-404 {
  margin: 50px auto 0 auto;
  width: 80%;
  text-align: center;
}
#error-404 h1 {
  line-height: 2.5em;
}
#error-404 p {
  line-height: 1.5em;
  font-size: 1.3em;
  font-weight: bold;
}
/* Protected Image
------------------------------------ */
img.prt {
  position: relative;
}
div.prt {
  display: inline-block;
  position: relative;
  /*border: 1px solid red;*/
}
span.prt {
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(/themes/common/css/images/1.png);
  background-color: transparent;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.6em;
}
/* header.less
======================================== */
/*		ヘッダー	　ここから	*/

#header1 .header_content ul {
  float: right;
  margin: 11px 10px 0px 0;
}
#header1 #gnav {
  display: flex;
  align-items: center;
  gap: 0 16px;
}

.home #header1 .header_content ul { margin-top: 8px;}

#header1 .header_content ul li div.count {
	height: 20px;
	width: 20px;
	background-color: #cc1435;
	position: absolute;
	top: -10px;
	right: -10px;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
	line-height: 22px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 3px;

}
#header_line {
	display: none;
  clear: both;
  width: 100%;
  height: 40px;
  border-bottom: solid 1px #aaa;
  background-color: #aaa;
}
/*
#header_line .line_content {
  background-color: #aaa;
  width: 940px;
  height: 40px;
  margin: 0 auto;
}
#header_line .line_content p {
  float: left;
  line-height: 40px;
  color: #FFFFFF;
  margin-left: 8px;
}
*/
#header_line .line_content .search_box {
  float: right;
  margin: 0.5em 0.5em 0;
  padding-left: 5px;
  padding-right: 5px;
  border-left: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
}
#header_line input {
  border: none;
  background-color: #aaa;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  color: #FFFFFF;
  padding-left: 5px;
  padding: 2px 0 2px 5px;
}
/*		ヘッダー	　ここまで	*/
/*		フッター ここから		*/
#footer {
  background-color: #fff;
  width: 100%;
  height: 80px;
}

.copyright {
  min-width: 940px;
  clear: both;
  font-size: 0.8em;
  text-align: center;
  padding: 20px 0;
}
/*#header2{
	margin-top:0px;
}

div.header-info{
	height:70px;
}

div.header_menu{
	margin-right:100px;
	text-align:right;
	height:70px;
	position: relative;

}
*/
/*header logo*/
/*
img.logo {
	margin-left:100px;
	position: absolute;
	top: 25%;
	left: 0%;
	margin-top: -1em;
}



#header-search {
	height:40px;
	background-color: @base_color
}

div.lasttime_login{
	margin-left:100px;
	float:left;
	height:40px;
	line-height:40px;
}

span.lasttime_login_text{
	color:#FFFFFF;
}

div.search_box{
	margin-right:100px;
	float:right;
	height:40px;
	line-height:40px;
}

img.icon{
	vertical-align:middle;
}


span.counter_style{
	width: 16px;
	height: 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #FF0000;
	color:#FFFFFF;
	font-size:xx-small;
	text-align:center;
	height:16px;
	line-height:16px;
}

input.withicon {
	font-size:medium;
    height:20px;
	color: #FFFFFF;
	border:none;
	border-left:1px white solid;
	border-right:1px white solid;
	background-color: @base_color;
	background-position: 8px center;
	background-repeat: no-repeat;
}

*/
/* jquery ui close button */
/*button.ui-state-default,*/
/*.ui-widget-content button.ui-state-default,*/
/*.ui-widget-header button.ui-state-default*/
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
  border: none;
  background: rgba(0, 0, 0, 0);
  font-weight: normal /*{fwDefault}*/;
  color: #333555 /*{fcDefault}*/;
}
/*button.ui-state-hover,*/
/*.ui-widget-content button.ui-state-hover,*/
/*.ui-widget-header button.ui-state-hover,*/
/*button.ui-state-focus,*/
/*.ui-widget-content button.ui-state-focus,*/
/*.ui-widget-header button.ui-state-focus */
button.ui-dialog-titlebar-close.ui-state-hover {
  border: none;
  background: rgba(0, 0, 0, 0);
  font-weight: normal /*{fwDefault}*/;
  color: #212121 /*{fcHover}*/;
}
/* popup_bubble
------------------------------------ */
#popup_bubble_text {
  background-color:#333;
}
#popup_bubble .arrow {
  border-bottom: 20px solid#333;
}
/* all_activity.less
======================================== */
/* ************************************* */
/* みんなの行動 */
/* ************************************* */
#user_activity_section {
  margin-top: 20px;
  background-color: #FFFFFF;
  width: 300px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: 5px solid #4e3a33;
}
#user_activity_contents {
  width: 300px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents h2 {
  padding: 15px 10px 25px;
  color:#333000;
  font-size: 12px;
  border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents ul li {
  height: 60px;
  border-bottom: solid 1px #E2EAF4;
}
#user_activity_contents ul li div#user_activity_img {
  float: left;
  width: 60px;
  height: 60px;
}
#user_activity_contents ul li div#user_activity_img img {
  width: 44px;
  height: 44px;
  padding: 8px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#user_activity_contents ul li div#user_activity_text {
  float: left;
}
#user_activity_contents ul li div#user_activity_text p {
  width: 190px;
  height: 60px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  color:#333000;
}
#user_activity_contents ul li div#user_activity_date {
  float: left;
}
#user_activity_contents ul li div#user_activity_date p {
  width: 49px;
  height: 60px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  color: #aaa;
}
/* ************************************* */
/* banner_list.less
======================================== */
/* ************************************* */
/* バナーリスト */
/* ************************************* */
#baner_section {
  margin-top: 20px;
  width: 300px;
}
div#banner_contents {
  height: 90px;
  margin-bottom: 10px;
}
/* birthday.less
======================================== */
/* ************************************* */
/* 本日のバースデー */
/* ************************************* */
#today_birthday_section {
  /*margin-top: 20px;*/
  background-color: #FFFFFF;
  width: 300px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  background-image: url("/themes/sns121/img/layout/birthday_top_bg.png");
  background-repeat: no-repeat;
  background-size: 300px 11px;
}
#today_birthday_contents {
  width: 280px;
  padding: 20px 9px 0;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
#today_birthday_user_list {
  margin-top: 20px;
  /* height: 180px; */
}
#today_birthday_contents ul li#birthday_user_img_box {
  float: left;
  width: 80px;
  height: 80px;
  margin: 0 5px 10px;
  border: solid 1px #f5f5f5;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  position: relative;
}
#today_birthday_contents ul li#birthday_user_img_box img {
  width: 62px;
  height: 62px;
  padding: 9px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#today_birthday_user_more {
  clear: both;
  padding: 10px 0 20px;
  text-align: center;
}
#today_birthday_user_list ul li#birthday_user_img_box #count {
  background-color: #4e3a33;
  border-radius: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 1px;
  width: 20px;
}
#today_birthday_user_list ul li#birthday_user_img_box #count p {
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
/* birthday_list.less
======================================== */
.trade.ui-widget-content {
  background: none;
  background-color: #f2f2f2;
}
#birthday-dialog h2 {
  text-align: center;
  margin-bottom: 20px;
}
#birthday-dialog #pagination {
  margin-bottom: 20px;
}
#birthday-dialog #pagination #prev {
  float: left;
  display: none;
}
#birthday-dialog #pagination p {
  position: absolute;
  left: 46%;
}
#birthday-dialog #pagination #prev a:hover,
#birthday-dialog #pagination #next a:hover {
  text-decoration: none;
}
#birthday-dialog #pagination #prev a span,
#birthday-dialog #pagination #next a span {
  color: #4e3a33;
  padding: 0 6px;
  vertical-align: middle;
}
#birthday-dialog #pagination #prev a img,
#birthday-dialog #pagination #next a img {
  vertical-align: middle;
}
#birthday-dialog #pagination #next {
  float: right;
}
#birthday-dialog #pagination #next a:hover {
  text-decoration: none;
}
#birthday-dialog #birthdaylist {
  clear: both;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px 0 0 10px;
  margin-bottom: 7px;
}
#birthday-dialog #birthdaylist ul li {
  float: left;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 10px 10px 0;
  padding: 4px;
  position: relative;
}
#birthday-dialog #birthdaylist ul li img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#birthdaylist ul li #count {
  background-color: #4e3a33;
  border-radius: 20px;
  height: 20px;
  position: absolute;
  right: 2px;
  bottom: 1px;
  width: 20px;
}
#birthdaylist ul li #count p {
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
/* block.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#block_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* ブロックリスト全体 */
#block_list_section {
  width: 620px;
  margin-top: 20px;
  clear: both;
}
/* タブ メニュー*/
#tab_menu {
  border-bottom: solid 6px #4e3a33;
}
#tab_menu ul {
  height: 25px;
  margin: 0;
  padding: 0;
}
#tab_menu ul li {
  float: left;
  width: 86px;
  height: 25px;
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
  background-color: #4e3a33;
}
/* ブロックリスト */
#block_list {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 600px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 1px #C4C6CB;
  display: block;
}
div#block_list ul {
  padding: 0;
  margin: 0;
}
div#block_list li {
  float: left;
  width: 288px;
  height: 108px;
  border: solid 1px #f5f5f5;
  margin: 5px 5px;
}
div#block_list li div#block_image_box {
  float: left;
  width: 100px;
  height: 108px;
}
div#block_list li div#block_image_box img#block_img {
  width: 62px;
  height: 62px;
  padding: 23px 19px;
}
div#block_list li div#block_data_box {
  float: left;
  width: 188px;
  height: 108px;
}
div#block_list li div#block_data_box p#block_name {
  height: 10px;
  color:#333000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}
div#block_list li div#block_data_box p#block_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  line-height: 14px;
}
/* ************************************* */
/* event_dialog.less
======================================== */
.trade.ui-widget-content {
  background-color: #f2f2f2;
  background: #f2f2f2;
}
#event-title {
  width: 576px;
  height: 34px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
}
#event-description {
  width: 576px;
  min-height: 160px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
}
#event-location {
  width: 316px;
  height: 34px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}
#event-event_date {
  width: 223px;
  height: 34px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
  float: left;
}
#event-btn {
  background: url("/themes/sns121/img/layout/btn_create_event.png");
  width: 160px;
  height: 40px;
  background-size: contain;
  margin: 0 218px 0 218px;
  border: none;
  cursor: pointer;
}
#event-btn:hover {
  background: url("/themes/sns121/img/layout/btn_create_event_h.png");
  width: 160px;
  height: 40px;
	background-size: contain;
  margin: 0 218px 0 218px;
  border: none;
  cursor: pointer;
}
#event-updata_btn {
  background: url("/themes/sns121/img/layout/btn_edit_complete.png");
  width: 160px;
  height: 40px;
	background-size: contain;
  margin: 0 218px 0 218px;
  border: none;
  cursor: pointer;
}
#event-updata_btn:hover {
  background: url("/themes/sns121/img/layout/btn_edit_complete_h.png");
  width: 160px;
  height: 40px;
	background-size: contain;
  margin: 0 218px 0 218px;
  border: none;
  cursor: pointer;
}
/* eventlist.less
======================================== */
/*---eventlist---*/
#eventlist_wrap {
  width: 940px;
  margin: 20px auto 0;
}
#eventlist_wrap #el_left {
  float: left;
  width: 620px;
  margin-right: 20px;
}
#eventlist_wrap #el_right {
  float: right;
  width: 300px;
}
#el_left .el_area {
  margin: 5px 0;
}
#el_left .el_area .el_box {
  background-color: #fff;
  border-bottom: 1px solid #afafaf;
  box-shadow: 1px 1px 3px #afafaf;
  -moz-box-shadow: 1px 1px 3px #afafaf;
  -webkit-box-shadow: 1px 1px 3px #afafaf;
  padding: 10px 9px 0px 9px;
  margin-bottom: 15px;
}
#el_left .el_area .el_box .el_user_ico {
  float: left;
  margin: 10px 0 0 8px;
}
#el_left .el_area .el_box .el_user_ico img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#el_left .el_area .el_box .el_detail {
  float: left;
  width: 482px;
  margin: 0 20px;
}
#el_left .el_area .el_box .el_detail h2 {
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 20px;
}
#el_left .el_area .el_box .el_detail .el_username {
  font-size: 1.2em;
  margin-bottom: 18px;
  float: left;
  font-weight: bold;
  color:#333000;
}
#el_left .el_area .el_box .el_detail .el_date {
  float: right;
}
#el_left .el_area .el_box .el_detail .el_date span {
  padding-left: 5px;
  font-weight: bold;
  color:#333000;
}
#el_left .el_area .el_box .el_detail .el_text {
  color:#333000;
  clear: both;
  font-weight: bold;
  line-height: 1.4em;
  font-size: 1.0em;
  margin-bottom: 15px;
}
#el_left .el_area .el_box .el_detail .date_location {
  margin-bottom: 15px;
}
#el_left .el_area .el_box .el_detail .date_location #el_date {
  color:#333000;
  margin-bottom: 4px;
  font-weight: bold;
}
#el_left .el_area .el_box .el_detail .date_location #el_date span,
#el_left .el_area .el_box .el_detail .date_location #el_location span {
  color:#333000;
  font-weight: bold;
}
#el_left .el_area .el_box .el_detail .date_location #el_location {
  font-weight: bold;
  color:#333000;
}
#comment span {
  font-weight: bold;
  color:#333000;
}
/*
#el_left .el_area .el_box .el_detail .el_action a {
	display:block:
}
#el_left .el_area .el_box .el_detail .el_action a img {
	vertical-align:middle;
	margin-right:10px;
}
*/
#el_left .el_area .el_box .el_setting {
  float: right;
  position: relative;
}
#el_left .el_area .el_box .el_comment {
  margin-bottom: 10px;
  clear: both;
}
#el_left .el_area .el_box .el_comment .comm_box {
  background-color: #ededed;
  padding: 10px;
  margin-bottom: 2px;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_delete {
  float: right;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_delete a {
  color: #4e3a33;
  font-weight: bold;
  font-size: 14px;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_user {
  padding: 5px 5px 5px 5px;
  float: left;
  font-weight: bold;
  color:#333000;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_user img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#el_left .el_area .el_box .el_comment .comm_box p {
  padding: 10px 0 0 0px;
}
#el_left .el_area .el_box .el_comment .comm_box .comm_text {
  float: left;
  width: 500px;
  font-weight: bold;
  color:#333000;
}
#el_left .el_area .el_box .el_comment .comm_box.cf .comm_date {
  float: right;
  margin-top: 35px;
  font-weight: bold;
  color:#333000;
}
#el_left .el_area .el_box .el_comment .comm_form {
  margin: 10px 0;
}
#el_left .el_area .el_box .el_comment .comm_form form .comm_input {
  float: left;
}
#el_left .el_area .el_box .el_comment .comm_form form .comm_btn {
  float: right;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_textarea {
  float: left;
  width: 450px;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_textarea textarea {
  margin: 0 10px 0 0;
  width: 450px;
  height: 34px;
  border-radius: 4px;
  border: 1px solid #aaa;
}
#el_left .el_area .el_box .el_comment .comm_form.cf form .comm_btn {
  float: right;
}
/*　追記　*/
#el_left .el_area .el_box #write_area {
  clear: both;
  margin-bottom: 5px;
}
#write_area {
  clear: both;
  margin-bottom: 5px;
  padding: 10px 15px 0 15px;
}
#write_area .write_textarea {
  float: left;
}
#write_area .write_textarea textarea {
  width: 400px;
  height: 1.1em;
  font-size: 1.3em;
  padding: 10px 0px 10px 5px;
  /*font-weight:bold;*/
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  vertical-align: middle;
  resize: none;
  overflow: hidden;
}
.write_btn {
  float: right;
  padding-bottom: 2px;
}
#el_left .el_area .el_box #write_area .write_textarea {
  float: left;
}
#el_left .el_area .el_box #write_area .write_textarea textarea {
  width: 410px;
  height: 39px;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#el_left .el_area .el_box #write_area .write_btn {
  float: right;
  padding: 2px;
}
#el_left .el_area .event_post_box {
  background-color: #fff;
  padding: 10px 10px 0 10px;
  position: relative;
}
#el_left .el_area .event_post_box .ep_area {
  margin-bottom: 0px;
}
#el_left .el_area .event_post_box .ep_area .ep_left {
  float: left;
  margin: 10px 30px 0 5px;
}
#el_left .el_area .event_post_box .ep_area .ep_left img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#el_left .el_area .event_post_box .ep_area .ep_center {
  float: left;
  width: 500px;
  margin: 0px 0px 0px 0px;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_user {
  font-size: 1.2em;
  font-weight: bold;
  /*color:#000000;*/
  margin: 25px 0pc 15px 0px;
  text-decoration: none;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .user_link {
  text-decoration: none;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_text {
  min-height: 60px;
  margin-bottom: 20px;
  /*color:#000000;*/
  /*font-weight:bold;*/
  word-wrap: break-word;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right {
  position: absolute;
  top: 10px;
  right: 10px;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right .ep_date {
  /*color:#000000;*/
  float: left;
  margin: 2px 10px 0 0;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_right img {
  cursor: pointer;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action {
  clear: both;
  margin-left: 80px;
  width: 150px;
  height: 20px;
  padding-bottom: 15px;
  cursor: pointer;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action .ep_comm_ico {
  float: left;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_action .ep_comm_count {
  float: left;
  padding: 3px 0 0 10px;
  /*font-weight:bold;*/
  /*color:#000000;*/
  text-decoration: underline;
}
#el_left .el_area .event_post_box .ep_comm_box {
  background-color: #ededed;
  padding: 0px 10px 0px 10px;
  padding-bottom: 10px;
  margin-bottom: 2px;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left {
  float: left;
  margin: 15px 10px 0 0;
  width: 86px;
  text-align: center;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left img {
  text-align: center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#el_left .el_area .event_post_box .ep_comm_box .epc_left p {
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  color: #4e3a33;
  text-decoration: underline;
  width: 86px;
  word-wrap: break-word;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_center {
  padding-left: 20px;
  padding-top: 40px;
  padding-bottom: 10px;
  float: left;
  margin: 1px 0 0 0;
  width: 450px;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_center p {
  /*color:#000000;*/
  /*font-weight: bold;*/
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_delete {
  float: right;
  color: #888888;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  margin-top: 5px;
}
#el_left .el_area .event_post_box .ep_comm_box.cf .epc_date {
  clear: both;
  /*padding-top:15px;
	padding-bottom:10px;*/
  padding-right: 20px;
  text-align: right;
  /*font-weight:bold;
	color:#000000;*/
}
#eventlist_wrap #el_left .el_area .el_box .el_date {
  float: right;
  margin: 2px 10px 0 0;
}
#el_left .el_area .event_post_box #comm_area .comm_textarea {
  float: left;
}
#el_left .el_area .event_post_box #comm_area .comm_textarea textarea {
  width: 400px;
  height: 1.1em;
  font-size: 16px;
  padding: 10px 0px 10px 5px;
  /*font-weight:bold;*/
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 11px 0px 10px 5px;
  resize: none;
  overflow: hidden;
}
/*

width: 400px;
height: 1.1em;
font-size: 16px;
padding: 10px 0px 10px 5px;
border: solid 1px #e5e5e5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
resize: none;
overflow: hidden;


*/
#el_left .el_area .event_post_box #comm_area .comm_btn {
  float: right;
  padding-bottom: 2px;
  margin: 10px 10px 10px 10px;
}
#event_select_menu {
  width: 100px;
  position: absolute;
  top: 10px;
  right: 5px;
  margin-right: 5px;
  z-index: 6;
}
#event_edit {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
#event_delete {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
#event_report {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
#event_post_select_menu {
  position: absolute;
  width: 100px;
  top: 20px;
  right: -5px;
  margin-right: 5px;
}
#event_post_edit {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
#event_post_delete {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
#event_post_report {
  height: 30px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  padding-left: 5px;
  background-color: #aaa;
  margin-bottom: 1px;
  cursor: pointer;
}
.event_setting_icon {
  cursor: pointer;
}
/*
.event_list_data_box{
	cursor:pointer;
}
*/
#event_box {
  width: 620px;
  background-color: #fff;
  border-bottom: 1px solid #E2EAF4;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  /*
	box-shadow:1px 1px 3px #afafaf;
	-moz-box-shadow:1px 1px 3px #afafaf;
	-webkit-box-shadow:1px 1px 3px #afafaf;
	*/
  margin-bottom: 15px;
}
#event_editor {
  padding: 15px 0px 0px 15px;
  float: left;
  width: 85px;
  height: 200px;
}
#event_editor .event_editor_image_box {
  margin: 0px 0px 8px 8px;
}
#event_editor .event_editor_image_box img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#event_editor .editor_name {
  color:#333;
  font-weight: bold;
  text-align: center;
  word-wrap: break-word;
}
#event_title_box {
  position: relative;
  margin-top: 20px;
  float: left;
  width: 510px;
}
#event_title_box .event_icon {
  width: 20px;
  margin: 14px 10px 0px 30px;
  float: left;
}
#event_title_box .event_title {
  float: left;
  width: 440px;
  margin: 10px 0px 0px 0px;
  word-wrap: break-word;
}
#event_title_box .event_create_date {
  /*color:#000;*/
  /*font-weight:bold;*/
  position: absolute;
  top: -10px;
  right: 40px;
}
#event_title_box .setting_icon {
  position: absolute;
  top: -12px;
  right: 10px;
}
#event_description_box {
  float: left;
  width: 520px;
  min-height: 80px;
  max-height: 130px;
  position: relative;
  overflow: hidden;
}
#event_description_box .event_description {
  padding: 5px 15px 5px 30px;
  /*color:#000;*/
  /*font-weight:bold;*/
  word-wrap: break-word;
}
#event_data_box {
  padding: 10px 10px 10px 30px;
  float: left;
  width: 465px;
  height: 20px;
}
#event_data_box .event_time {
  margin-bottom: 6px;
  /*color:#000;*/
  /*font-weight:bold;*/
  word-wrap: break-word;
}
#event_data_box .event_date {
  /*color:#000;*/
  /*font-weight:bold;*/
  word-wrap: break-word;
}
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
.more_comment {
  height: 30px;
  background-color: #EDEDED;
  margin-bottom: 2px;
}
.more_comment .more_text {
  color: #4e3a33;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
  line-height: 30px;
}
/* f_card_right_block_pc.less
======================================== */
#favorite_card {
  width: 300px;
  border-top: 5px solid #4e3a33;
  background-color: #fff;
  /*
	padding:0 12px 20px;
	box-shadow: 1px 1px 3px #afafaf;
	-moz-box-shadow: 1px 1px 3px #afafaf;
	-webkit-box-shadow: 1px 1px 3px #afafaf;
	*/
  margin: 20px 0 20px;
}
#favorite_card_contents {
  padding: 0 12px 20px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
#favorite_card h2 {
  font-size: 1.3em;
  padding-top: 16px;
}
#favorite_card #card {
  text-align: center;
  margin: 24px 0 20px;
}
#favorite_card p {
  text-align: center;
  margin-bottom: 12px;
}
#card_cancel {
  text-align: center;
}
/* follower.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#follower_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* フォロワーリスト全体 */
#follower_list_section {
  width: 620px;
  margin-top: 20px;
  clear: both;
}
/* タブ メニュー*/
#tab_menu {
  border-bottom: solid 6px #4e3a33;
}
#tab_menu ul {
  height: 25px;
  margin: 0;
  padding: 0;
}
#tab_menu ul li {
  float: left;
  width: 86px;
  height: 25px;
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
  background-color: #4e3a33;
}
/* フォロワーリスト */
#follower_list {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 600px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 1px #C4C6CB;
  display: block;
}
div#follower_list ul {
  padding: 0;
  margin: 0;
}
div#follower_list li {
  float: left;
  width: 288px;
  height: 108px;
  border: solid 1px #f5f5f5;
  margin: 5px 5px;
}
div#follower_list li div#follower_image_box {
  float: left;
  width: 100px;
  height: 108px;
}
div#follower_list li div#follower_image_box img#follower_img {
  width: 62px;
  height: 62px;
  padding: 23px 19px;
}
div#follower_list li div#follower_data_box {
  float: left;
  width: 188px;
  height: 108px;
}
div#follower_list li div#follower_data_box p#follower_name {
  height: 10px;
  color:#333000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}
div#follower_list li div#follower_data_box p#follower_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  line-height: 14px;
}
/* ************************************* */
/* follow.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#follow_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* フォローリスト全体 */
#follow_list_section {
  width: 620px;
  margin-top: 20px;
  clear: both;
}
/* タブ メニュー*/
#tab_menu {
  border-bottom: solid 6px #4e3a33;
}
#tab_menu ul {
  height: 25px;
  margin: 0;
  padding: 0;
}
#tab_menu ul li {
  float: left;
  width: 86px;
  height: 25px;
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
  background-color: #4e3a33;
}
/* フォローリスト */
#follow_list {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 600px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 1px #C4C6CB;
  display: block;
}
div#follow_list ul {
  padding: 0;
  margin: 0;
}
div#follow_list li {
  float: left;
  width: 288px;
  height: 108px;
  border: solid 1px #f5f5f5;
  margin: 5px 5px;
}
div#follow_list li div#follow_image_box {
  float: left;
  width: 100px;
  height: 108px;
}
div#follow_list li div#follow_image_box img#follow_img {
  width: 62px;
  height: 62px;
  padding: 23px 19px;
}
div#follow_list li div#follow_data_box {
  float: left;
  width: 188px;
  height: 108px;
}
div#follow_list li div#follow_data_box p#follow_name {
  height: 10px;
  color:#333000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}
div#follow_list li div#follow_data_box p#follow_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  line-height: 14px;
}
/* ************************************* */
/* friend.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#friends_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 0 0 ;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
  margin-bottom: 100px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* 右サイド */
#side_section {
  width: 300px;
  /*	margin-top: 20px; */
}
/* 友達リスト全体 */
#friends_list_section {
  width: 620px;
  margin-top: 20px;
  clear: both;
}
/* タブ メニュー*/
#tab_menu {
  border-bottom: solid 6px #4e3a33;
}
#tab_menu ul {
  height: 25px;
  margin: 0;
  padding: 0;
}
#tab_menu ul li {
  float: left;
  width: 86px;
  height: 25px;
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
#tab_menu ul li.tab_select {
  background-color: #4e3a33;
}
/* 友達リスト */
#friends_list {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 600px;
  padding: 10px;
  margin-bottom: 12px;
  box-shadow: 1px 1px 1px #C4C6CB;
  display: block;
}
div#friends_list ul {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 30px;  
}
div#friends_list ul > div{
  display: none;
}
div#friends_list li {
  width: calc((100% - 60px) / 2);
  height: auto;
  border: none;
  margin: 0;
  cursor: pointer;
}
div#friends_list li div#friends_image_box img#friends_img {
    width: 50px;
    height: 50px; 
    line-height: 0;
  padding: 23px 19px;
}
img#friends_img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
div#friends_list li div#friends_data_box {
  float: left;
  width: 188px;
  height: 108px;
}
div#friends_list li div#friends_data_box p#friends_name {
  height: 18px;
  color:#333000;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
  overflow: hidden;
}
div#friends_list li div#friends_data_box p#friends_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  word-break: break-all;
  word-wrap: break-word;
}
/* ************************************* */
/* group_dialog.less
======================================== */
.trade.ui-widget-content {
  background: none;
  background-color: #f2f2f2;
}
#group-title {
  width: 576px;
  height: 34px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
}
input:-webkit-input-placeholder {
  color: #333;
}
input:-moz-placeholder {
  color: #333;
}
#group-description {
  width: 576px;
  min-height: 160px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
  resize: vertical;
}
#group-dialog #bgimg_wrap #bgimg {
  float: left;
  width: 150px;
  margin-right: 20px;
}
#group-dialog #bgimg_wrap #bgimg p {
  text-align: center;
  color: #bcbcbc;
  margin-bottom: 13px;
}
#group-dialog #bgimg_wrap #bgimg img {
  /*	border:1px solid #bcbcbc; */
}
#group-dialog #bgimg_wrap #choice_img {
  float: right;
  width: 378px;
  border: 1px solid #bcbcbc;
  padding: 5px 10px 5px 5px;
  background-color: #fff;
}
#group-dialog #bgimg_wrap #choice_img ul li {
  float: left;
  margin: 5px 0px 5px 18px;
  border: 1px solid #f2f2f2;
  cursor: pointer;
}
#group-dialog #bgimg_wrap #choice_img ul li:last-child {
  padding: 0;
}
#group-dialog #bgimg_wrap #choice_img ul li.current {
  border: 1px solid#333;
}
#create_group-btn {
  background: url("/themes/sns121/img/layout/btn_complete.png");
  width: 160px;
  height: 40px;
  margin: 20px 218px 0 218px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}
#create_group-btn:hover {
  background: url("/themes/sns121/img/layout/btn_complete_h.png");
  width: 160px;
  height: 40px;
  margin: 20px 218px 0 218px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}
#edit_group-btn {
  background: url("/themes/sns121/img/layout/btn_edit_complete.png");
  width: 160px;
  height: 40px;
  margin: 20px 218px 0 218px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}
#edit_group-btn:hover {
  background: url("/themes/sns121/img/layout/btn_edit_complete_h.png");
  width: 160px;
  height: 40px;
  margin: 20px 218px 0 218px;
  text-indent: 9999px;
  border: none;
  cursor: pointer;
}
/* group.less
======================================== */
/* グループページ ラッパ-*/
#group_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
#group_list {
  width: 620px;
  margin-bottom: 20px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  background-color: #FFFFFF;
}
#g_title {
  width: 100%;
  height: 69px;
  border-top: solid 5px #4e3a33;
  border-bottom: solid 1px #f5f5f5;
  background-color: #FFFFFF;
  margin-top: 20px;
}
#g_title p {
  margin-left: 13px;
  line-height: 69px;
  font-size: medium;
  font-weight: bold;
}
#edit_group {
  width: 100%;
  height: 80px;
  background-color: #FFFFFF;
  line-height: 80px;
  /* heightと同じ値 */
  text-align: center;
  vertical-align: middle;
}
#edit_group img {
  vertical-align: middle;
  cursor: pointer;
}
#g_list {
  background-color: #FFFFFF;
  margin: 0px 10px 0px 10px;
  padding-bottom: 10px;
}
#g_list ul li {
  min-height: 110px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
  padding-bottom: 10px;
  cursor: pointer;
}
#g_list img {
  width: 100%;
}
#group_image_box {
  padding: 0px 0px 0px 10px;
  margin-top: 16px;
  width: 80px;
  height: 80px;
  float: left;
  position: relative;
	overflow: hidden;
	border-radius: 40px;
}
#group_data_box {
  margin-top: 10px;
  margin-left: 20px;
  width: 475px;
  word-wrap: break-word;
  float: left;
}
#group_title {
  font-weight: bold;
  font-size: small;
  padding: 5px 0px 0px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
#group_data {
  font-weight: bold;
  padding: 10px 0px 0px 0px;
}
#group_genre_img {
  clear: both;
  position: absolute;
  top: -13px;
  right: -10px;
}
#group_genre_img img {
  width: 30px;
  height: 30px;
}
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* group_right_block_pc.less
======================================== */
/* サイド　イベントリスト */
#event_list {
  width: 300px;
  background-color: #FFFFFF;
  /* margin-top: 20px; */
  margin-bottom: 20px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  /*
	border-style:solid;
	border-top-width:5px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-color:@base_dark_color;
	border-right-color:#DFE3E8;
	border-bottom-color:#C4C6CB;
	border-left-color:#DFE3E8;
	*/
}
#event_list #event_title {
  height: 53px;
}
#event_list #event_title p {
  font-size: medium;
  font-weight: bold;
  margin-left: 12px;
  padding-top: 18px;
}
#event_list ul {
  background-color: #FFFFFF;
}
#event_list ul li {
  height: 46px;
  padding: 7px 8px 7px 8px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #4e3a33;
}
#event_list .old_event {
  background-color: #4e3a33;
}
#event_list .old_event .old_event_title_box {
  cursor: pointer;
  width: 300px;
  height: 30px;
}
#event_list .old_event .old_event_title_box p {
  margin: 8px 10px 0px 10px;
  float: left;
  color: #FFF;
  font-weight: bold;
}
#event_list .old_event .old_event_title_box img {
  margin: 12px 10px 0px 10px ;
  float: right;
}
#event_list .event_list_data_box {
  cursor: pointer;
}
#event_list .old_event_list_data_box {
  cursor: pointer;
}
/* サイド　メンバリスト */
#member_list {
  width: 300px;
  background-color: #FFFFFF;
  /* margin-top: 20px; */
  margin-bottom: 20px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  /*
	border-style:solid;
	border-top-width:5px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-top-color:@base_dark_color;
	border-right-color:#DFE3E8;
	border-bottom-color:#C4C6CB;
	border-left-color:#DFE3E8;
	*/
}
#member_list #member_title {
  height: 53px;
}
#member_list #member_title p {
  font-size: medium;
  font-weight: bold;
  margin-left: 12px;
  padding-top: 18px;
}
#member_list #thumbnail {
  width: 300px;
  padding: 0px 10px;
}
#member_list #thumbnail ul {
  width: 300px;
}
#member_list #thumbnail ul li {
  float: left;
  border: solid 1px #f5f5f5;
  height: 60px;
  width: 60px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;
  /* Firefox用 */
  cursor: pointer;
}
#member_list #thumbnail ul li img {
  width: 64px;
  height: 64px;
  margin-top: 8px;
  margin-left: 7px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#member_list #member_more {
  clear: both;
  height: 60px;
}
#member_list #member_more img {
  margin-top: 6px;
  margin-left: 70px;
  cursor: pointer;
}
/* サイドバナー */
#side_banner {
  /* margin-top:20px; */
  margin-bottom: 10px;
}
#side_banner ul li {
  margin-top: 10px;
}
/*======================================================================================*/
/* group_top.less
======================================== */
/* グループページ　ラッパ-*/
#group_top_wrapper {
  width: 940px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  min-height: 100%;
}
#group_top_data {
  width: 620px;
  /* margin-top: 20px; */
  margin-bottom: 20px;
  /*
  border-top: solid 5px @base_dark_color;
  border-bottom: solid 1px #C4C6CB;
  border-left: solid 1px #DFE3E8;
  border-right: solid 1px #DFE3E8;
  */
  border-right: 1px solid #DFE3E8;
  border-left: 1px solid #DFE3E8;
  border-bottom: 1px solid #E2EAF4;
  background-color: #FFFFFF;
}
#group_data1 {
  position: relative;
  width: 366px;
  float: left;
}
#group_skin {
  width: 210px;
  height: 210px;
  float: right;
  margin-right: 10px;
  overflow: hidden;
}
#group_skin img {
  width: 200px;
  margin-top: 10px;
}
/* グループの設定関連　CSS */
#group_setting {
  position: absolute;
  top: 10px;
  right: 0;
  margin-right: 5px;
  z-index: 2;
}
#group_data1 #group_setting .setting_icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
#select_menu {
  width: 126px;
  position: absolute;
  top: 30px;
  right: 0;
  margin-right: 5px;
}
#group_edit {
  height: 35px;
  line-height: 35px;
  color: white;
  font-weight: bold;
  padding-left: 10px;
  background-color: #aaa;
  margin-bottom: 1px;
  font-size: 1.1em;
  cursor: pointer;
}
#group_delete {
  height: 35px;
  line-height: 35px;
  color: white;
  font-weight: bold;
  padding-left: 10px;
  background-color: #aaa;
  margin-bottom: 1px;
  font-size: 1.1em;
  cursor: pointer;
}
#group_report {
  height: 35px;
  line-height: 35px;
  color: white;
  font-weight: bold;
  padding-left: 10px;
  background-color: #aaa;
  margin-bottom: 1px;
  font-size: 1.1em;
  cursor: pointer;
}
.b4-1scroll {
  overflow: scroll;
}
#group_data3 {
  clear: both;
  width: 610px;
  margin-left: 5px;
}
.write_post_button {
  cursor: pointer;
}
#group_text_data {
  width: 320px;
  margin: 20px 0px 20px 20px;
}
#group_text_data .group_name {
  color: #4e3a33;
  font-size: medium;
  font-weight: bold;
  word-wrap: break-word;
}
#group_text_data .group_description {
  color: #4e3a33;
  font-size: x-small;
  font-weight: bold;
  margin-top: 20px;
  line-height: 17px;
  height: 80px;
  width: 320px;
  word-wrap: break-word;
  overflow: auto;
  /* スクロール表示 */
}
#group_text_data .group_description2 {
  color: #4e3a33;
  font-size: x-small;
  font-weight: bold;
  line-height: 17px;
  word-wrap: break-word;
  position: relative;
  margin: 20px 0px 0px 0px;
  padding-bottom: 0px;
  width: 100%;
  height: 90px;
  overflow: hidden;
  overflow-x: hidden;
}
.ps-scrollbar-y-rail {
  cursor: pointer;
}
#group_button_box {
  width: 366px;
  height: 70px;
}
#group_button_box img {
  cursor: pointer;
}
#group_button_box .invitation_friend {
  margin-top: 5px;
  margin-left: 20px;
}
#group_button_box .membership {
  margin-top: 5px;
  margin-left: 140px;
  text-align: center;
}
#group_button_box .create_event {
  margin-top: 5px;
  margin-left: 10px;
}
#group_button_box .group_withdrawal {
  width: 120px;
  margin-top: 10px;
  margin-left: 20px;
  color: #4e3a33;
  text-decoration: underline;
  cursor: pointer;
}
#write_post_area {
  width: 400px;
  height: 1.1em;
  font-size: 1.3em;
  padding: 10px 0px 10px 5px ;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
  resize: none;
}
#write_comment_area {
  /*
	width: 400px;
	height:30px;
	font-size:16px;
	padding:12px 0px 0px 5px ;
	border:solid 1px #e5e5e5;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	resize:vertical;
	*/
}
.comm_area_ {
  width: 400px;
  height: 1.1em;
  font-size: 16px;
  padding: 10px 0px 10px 5px;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  resize: none;
  overflow: hidden;
}
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
#group_post_data .group_post {
  background-color: #FFF;
  /*margin-bottom:20px;*/
  width: 620px;
}
#group_post_data .group_post .post_id {
  visibility: hidden;
}
#group_post_data .group_post .post_user_thumbnail {
  float: left;
  width: 90px;
  background-color: #FFF;
}
#group_post_data .group_post .post_user_thumbnail img {
  margin-top: 18px;
  margin-left: 10px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#group_post_data .group_post .post_user_data {
  background-color: #FFF;
  float: right;
  width: 520px;
}
#group_post_data .group_post .post_user_data .post_user_name_box {
  position: relative;
  width: 520px;
  height: 40px;
}
#group_post_data .group_post .post_user_data .post_user_name_box .setting_icon {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 10px;
  right: 0;
  margin-right: 10px;
}
.group_post_setting {
  position: absolute;
  top: -2px;
  right: 0;
  margin-right: 10px;
}
.post_setting_icon {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.post_select_menu {
  width: 126px;
  position: absolute;
  top: 20px;
  right: 0;
  margin-right: 5px;
}
.post_edit {
  height: 34px;
  line-height: 34px;
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 10px;
  background-color: #aaa;
  border-bottom: solid 1px #FFFFFF;
  cursor: pointer;
}
.post_delete {
  height: 34px;
  line-height: 34px;
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 10px;
  background-color: #aaa;
  border-bottom: solid 1px #FFFFFF;
  cursor: pointer;
}
.post_report {
  height: 34px;
  line-height: 34px;
  color: white;
  padding-left: 10px;
  font-weight: bold;
  font-size: 1.1em;
  background-color: #aaa;
  border-bottom: solid 1px #FFFFFF;
  cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_user_name_box .post_user_name {
  /*color:#000000;*/
  /*font-size:medium;*/
  font-size: 1.2em;
  font-weight: bold;
  float: left;
  margin-top: 16px;
  margin-left: 8px;
}
#group_post_data .group_post .post_user_data .post_user_name_box .post_timestamp {
  /*color:#000000;*/
  float: right;
  margin-right: 35px;
  margin-top: 2px;
}
#group_post_data .group_post .post_user_data .post_user_description_box {
  clear: both;
  width: 500px;
  min-height: 70px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 20px;
  word-wrap: break-word;
}
#group_post_data .group_post .post_user_data .post_user_description_box .post_body {
  word-wrap: break-word;
  color:#333000;
  /*font-weight: bold;*/
  line-height: 18px;
}
#group_post_data .group_post .post_user_data .post_user_description_box pre {
  color:#333000;
  font-weight: bold;
  line-height: 18px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box {
  width: 520px;
  height: 35px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile {
  margin-left: 8px;
  float: left;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_imge {
  float: left;
  margin-top: 5px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_count {
  float: left;
  margin-left: 10px;
  margin-top: 9px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_smile .post_smile_count p {
  color:#333000;
  font-weight: bold;
  font-size: 10px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment {
  margin-left: 0px;
  padding-top: 15px;
  padding-bottom: 20px;
  float: left;
  cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_imge {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_count {
  float: left;
  margin-left: 10px;
  margin-top: 9px;
  cursor: pointer;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_count p {
  /*color:#000000;*/
  /*font-weight: bold;*/
  font-size: 12px;
  text-decoration: underline;
}
#comment_box {
  clear: both;
  width: 620px;
  min-height: 65px;
}
#comment_box .write_comment {
  margin-top: 4px;
  margin-left: 10px;
  cursor: pointer;
}
.comm_box {
  background-color: #ededed;
  padding: 10px 10px 15px 10px;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.comm_delete {
  float: right;
  color: #888888;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}
.comm_user {
  text-align: center;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  width: 86px;
}
.comm_user p {
  margin-top: 5px;
  font-weight: bold;
  color: #4e3a33;
  text-decoration: underline;
  word-wrap: break-word;
}
.comm_user img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.comm_text {
  padding-left: 20px;
  padding-top: 25px;
  padding-bottom: 10px;
  margin-top: 5px;
  float: left;
  width: 450px;
  /*font-weight: bold;*/
  /*color:#000000;*/
}
.comm_date {
  float: right;
  margin-top: 10px;
  padding-right: 15px;
  /*font-weight:bold;*/
  /*color:#000000;*/
}
.more_comment {
  height: 30px;
  background-color: #EDEDED;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.more_comment .more_text {
  color: #4e3a33;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 5px;
  line-height: 30px;
}
.ui-button {
  outline: 0px none black;
}
/* howto.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#howto_wrapper {
  width: 940px;
  margin: 0 auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
  margin-bottom: 100px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* 右サイド */
#side_section {
  width: 300px;
  /*margin-top: 20px;*/
}


/* ============================== */
/* ============================== */
/* 注釈 */
/* ============================== */
#howto_notes {
  padding: 30px 0 50px;
}
#howto_notes p {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color:#333000;
}
#howto_notes p a {
  color: #4e3a33;
  text-decoration: underline;
}
/* invite.less
======================================== */
.trade.ui-widget-content {
  background: none;
  background-color: #f2f2f2;
}
#invite-dialog #invitelist {
  clear: both;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px 0 0 10px;
  margin-bottom: 7px;
}
#invite-dialog #invitelist ul li {
  float: left;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 10px 10px 0;
  padding: 5px;
  cursor: pointer;
}
#invite-dialog #invitelist ul li img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
}
#invite-dialog #btn_invite {
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: center;
  cursor: pointer;
}
#invite-dialog #pagination {
  margin-bottom: 20px;
}
#invite-dialog #pagination #prev {
  float: left;
  cursor: pointer;
}
#invite-dialog #pagination p {
  position: absolute;
  left: 46%;
}
#invite-dialog #pagination #prev a:hover,
#invite-dialog #pagination #next a:hover {
  text-decoration: none;
}
#invite-dialog #pagination #prev a span,
#invite-dialog #pagination #next a span {
  color: #4e3a33;
  padding: 0 6px;
  vertical-align: middle;
}
#invite-dialog #pagination #prev a img,
#invite-dialog #pagination #next a img {
  vertical-align: middle;
}
#invite-dialog #pagination #next {
  float: right;
  cursor: pointer;
}
#invite-dialog #pagination #next a:hover {
  text-decoration: none;
}
/* bxslider
#wrapper_red ul {
  margin: 0;
  padding: 0;
}
#wrapper_red img
{
padding:5px;
border: none;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.clear { clear: both; }

#wrapper_red {
  width: 400px;
  margin: 0 auto;
  margin-top:20px;
  margin-bottom:20px;

}
#wrapper_red li {
  float: left;
  margin: 0px;
  width:74px;
  margin-left:5px;
}

.test{
	width:100px;
	height:100px;
	background-color:#f2f2f2;
	color:#ff00ff;
}

.bx-wrapper .bx-prev{
	left:-10px;
}

.bx-wrapper .bx-next{
	right:-10px;
}


#nvs2 a.active{text-decoration: none;}

*/
/* login.less
======================================== */
/* Login(Dialog)
------------------------------------ */
#login-dialog form {
  text-align: center;
}
#login-dialog input[type="text"],
#login-dialog input[type="password"] {
  display: block;
  margin: 10px auto 0 auto;
  padding: 5px;
  width: 550px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #4e3a33;
}
#login-dialog a {
  text-decoration: underline;
  color:#333;
  font-size: 0.8em;
}

#login-dialog a.main{
margin-bottom: 15px;
}

#login-dialog a.sub{
display: block;
color:#333 !important;
margin-bottom: 10px;
}
#login-dialog a.sub:first-child{
margin-top: 20px;

}


/* member.less
======================================== */
.trade.ui-widget-content {
  background: none;
  background-color: #f2f2f2;
}
#member-dialog #pagination {
  margin-bottom: 20px;
}
#member-dialog #pagination #prev {
  float: left;
}
#member-dialog #pagination p {
  position: absolute;
  left: 46%;
}
#member-dialog #pagination #prev a:hover,
#member-dialog #pagination #next a:hover {
  text-decoration: none;
}
#member-dialog #pagination #prev a span,
#member-dialog #pagination #next a span {
  color: #4e3a33;
  padding: 0 6px;
  vertical-align: middle;
}
#member-dialog #pagination #prev a img,
#member-dialog #pagination #next a img {
  vertical-align: middle;
}
#member-dialog #pagination #next {
  float: right;
}
#member-dialog #pagination #next a:hover {
  text-decoration: none;
}
#member-dialog #memberlist {
  clear: both;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px 0 0 10px;
  margin-bottom: 7px;
}
#member-dialog #memberlist ul li {
  float: left;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 10px 10px 0;
  padding: 5px;
}
#member-dialog #memberlist ul li img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  cursor: pointer;
}
/* minimail.less
======================================== */
/* Minimail(Menu)
------------------------------------ */
#minimail {
  margin: 0 auto 20px auto;
  padding: 0;
  /* width: 1000px; */
  width: 940px;
}
#minimail-main {
  margin: 0 20px 0 0;
  /* width: 680px; */
  width: 620px;
  float: left;
  background-color: white;
  border-top: 5px solid #4e3a33;
}
#minimail-main h2 {
  padding: 22px 15px;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
  border-bottom: 1px solid #E2EAF4;
  font-size: 16px;
  /*line-height: 50px;*/
}
#minimail-main p.keyword {
  padding: 10px 10px 5px 10px;
}
#minimail-main p.keyword span {
  font-weight: bold;
}
#minimail-main .nodata {
  display: block;
  margin: 0 auto 0 auto;
  width: 80%;
}
#minimail-list {
  margin: 0;
  padding: 10px 10px 30px 10px;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
  border-bottom: 1px solid #E2EAF4;
}
#minimail-list li {
  margin: 0 0 10px 0;
  padding: 10px 10px 10px 10px;
  background-color: #f5f5f5;
  cursor: pointer;
}
#minimail-list .minimail-last-message .message-button {
  display: none;
}
#minimail-list .minimail-last-message a {
  display: none;
}
.minimail-line .minimail-user-photo {
  position: relative;
  width: 10%;
  float: left;
}
.minimail-line .minimail-user-photo img {
  width: 55px;
  height: 55px;
}
.minimail-line .minimail-new-mark {
  position: absolute;
  top: -13px;
  right: -10px;
}
.minimail-line .minimail-new-mark img {
  width: 30px;
  height: 30px;
}
.minimail-line .minimail-data {
  margin: 0 0 0 2%;
  width: 88%;
  float: left;
}
.minimail-info .minimail-user-name {
  width: 70%;
  float: left;
  line-height: 30px;
  font-size: 1.2em;
  font-weight: bold;
}
.minimail-data .minimail-last-message {
  color: #333;
  font-weight: bold;
  text-overflow: ellipsis;
  word-break: break-all;
}
.minimail-data .minimail-last-message a {
  text-decoration: underline;
  color: #4e3a33;
}
.minimail-info .minimail-date {
  width: 30%;
  float: left;
  text-align: right;
  line-height: 30px;
  color: #aaa;
  font-size: 0.8em;
}
#minimail-right {
  width: 300px;
  float: left;
}
/* Minimail(Dialog)
------------------------------------ */
.minimail-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.minimail-dialog .ui-state-default .ui-icon {
  background-image: none !important;
}
#ui-minimail-dialog {
	height: 400px !important;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#minimail-dialog.error #error-message p {
  margin: 150px 0 0 0;
  text-align: center;
  line-height: 30px;
  font-size: 1.8em;
}
#minimail-dialog.ui-dialog-content {
  padding-top: 0;
}
#minimail-header {
  width: 550px;
  margin-bottom: 55px;
}
#minimail-header-left {
  width: 80px;
  float: left;
}
#minimail-user-photo {
  width: 80px;
  height: 66px;
}
#minimail-user-photo img {
  width: 64px;
  height: 64px;
}
#minimail-header-right {
  width: 470px;
  float: left;
}
#minimail-user-name {
  line-height: 35px;
  font-weight: bold;
}
#minimail-user-name img {
  vertical-align: middle;
}
#minimail-user-profile {
  height: 50px;
  overflow: hidden;
  position: relative;
  font-weight: bold;
}
#minimail-user-profile p {
  padding: 0 8px 0 0;
  width: 98%;
  word-wrap: break-word;
  line-height: 15px;
}
#minimail-timeline {
  margin: 10px 0 0 0;
}
.minimail-message {
  padding: 20px 0;
  width: 100%;
  min-height: 40px;
}
.minimail-message-user-name {
  margin: 0 0 5px 0;
  padding: 0 5%;
  font-weight: bold;
}
.minimail-line {
  position: relative;
  height: 100%;
}
.minimail-line .minimail-message-date {
  position: absolute;
  width: 42%;
  bottom: 0;
  font-size: 0.8em;
}
.minimail-message-body {
  position: relative;
  padding: 2%;
  width: 50%;
  height: 80%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  word-wrap: break-word;
}
.minimail-message-body a {
  text-decoration: underline;
  color: #4e3a33;
}
.minimail-message-body button {
  display: block;
  position: relative;
  top: -1px;
  margin: 0 auto;
  *margin-right: 3px;
  padding: 0;
  background: none;
  border: 0;
  vertical-align: middle;
  overflow: visible;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
}
.minimail-sent {
  background-color: #fff;
}
.minimail-sent .minimail-message-user-name {
  text-align: right;
}
.minimail-sent .minimail-line .minimail-message-date {
  left: 0;
  text-align: right;
}
.minimail-sent .minimail-message-body {
  margin: 0 20px 0 0;
  float: right;
  background-color: #f1f1f1;
  color:#2a1f1d;
  border-radius: 4px;
}
.minimail-sent .minimail-message-body:after {
  content: ' ';
  background: url("/themes/sns121/img/layout/minimail_tail_from.png");
  position: absolute;
  top: 10px;
  left: 100%;
  width: 13px;
  height: 12px;
}
.minimail-sent .minimail-message-body .message-button {
  display: none;
}
.message-button img {
  width: 247px;
}
.minimail-sent .minimail-message-body a {
  display: none;
}
.minimail-sent .minimail-message-body a[target="_blank"] {
  display: inline;
}
.minimail-received {
  background-color: #fff;
}
.minimail-received .minimail-message-user-name {
  text-align: left;
}
.minimail-received .minimail-line .minimail-message-date {
  right: 0;
  text-align: left;
}
.minimail-received .minimail-message-body {
  margin: 0 0 0 20px;
  float: left;
  background-color: #fff;
  border-radius: 4px;
  color: white;
}
.minimail-received .minimail-message-body a {
  color: white;
}
.minimail-received .minimail-message-body a img {
  border: 1px solid white;
  border-radius: 4px;
}
.minimail-received .minimail-message-body:before {
  content: ' ';
  background: url("/themes/sns121/img/layout/minimail_tail_to.png");
  position: absolute;
  top: 10px;
  right: 100%;
  width: 13px;
  height: 12px;
}
#minimail-form {
  width: 574px;
}
#minimail-form textarea {
  position: relative;
  top: -1px;
  margin: 0 10px 0 0;
  *margin-right: 3px;
  padding: 10px 5px 10px 5px;
  width: 340px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #aaa;
  vertical-align: middle;
  overflow: visible;
  text-indent: 0;
  line-height: 20px;
  font-size: 1em;
  font-weight: normal;
  resize: none !important;
  outline: 0px none black;
}
#minimail-form button {
  position: relative;
  top: -1px;
  margin: 0;
  *margin-right: 3px;
  padding: 0;
  background: none;
  border: 0;
  vertical-align: middle;
  overflow: visible;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
  outline: 0px none black;
}
#minimail-form #minimail-photo-btn {
  margin: 0 10px 0 0;
  width: 32px;
  height: 32px;
}
#minimail-form #minimail-send-btn {
  width: 130px;
  height: 47px;
}
/* Minimail Image Upload(Dialog)
------------------------------------ */
.upload-dialog.ui-widget-content {
  background: none;
  background-color: #aaa;
}
.upload-dialog.ui-dialog .ui-dialog-title {
  color: #fff;
}
.upload-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.upload-dialog .ui-state-default .ui-icon {
//  background-image: url("/themes/common/css/ui/images/ui-icons_ffffff_256x240.png") !important;
}
/* mypage.less
======================================== */
/* Mypage
------------------------------------ */
#mypage-menu-line {
  height: 5px;
  background-color: #fff;
}
#mypage-menu {
  background-color: #aaa;
  border-bottom: 1px solid #DFE3E8;
  border-left: 1px solid #DFE3E8;
  border-right: 1px solid #DFE3E8;
  padding: 10px;
  margin: 0 0 14px 0;
}
#mypage-menu ul {
  padding: 0;
  margin: 3px 0 0 0;
}
#mypage-menu ul li {
  float: left;
}
#mypage-menu ul li a {
}
#mypage-menu ul li a img {
  width: 98px;
  height: 82px;
  border-right: 2px dotted #fff;
}
#mypage-menu .cf #m1 a:hover,
#mypage-menu .cf #m2 a:hover,
#mypage-menu .cf #m3 a:hover,
#mypage-menu .cf #m4 a:hover {
  background-image: url("/themes/sns121/img/layout/post_select.png");
  background-repeat: no-repeat;
  background-position: center 88px;
}
#mypage-menu .cf #m4 {
  position: relative;
}
#mypage-menu .cf #m4 #tens {
  position: absolute;
  z-index: 2;
  background-size: 100%;
}
#mypage-menu .cf #m4 #one {
  position: absolute;
  z-index: 0;
}
#mypage-menu #balloon {
  background-color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  height: 100px;
  text-indent: 9999px;
  margin: 0 5px;
  overflow: hidden;
}
/* mypage_articst.less
======================================== */
.sp_account #sp_skin {
  border-top: 5px solid #aaa;
  border-bottom: 1px solid #aaa;
  position: relative;
  min-height: 160px;
}
.sp_account #sp_skin #sp_action_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.sp_account #sp_skin #s_change {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.sp_account #sp_skin #s_change a {
  color: #aaa;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  background: url(../img/icon/icon_setting.png) no-repeat center left;
  background-size: 15px 15px;
  padding-left: 20px;
}
.sp_account #calendar_area #calendar div.accordion {
  background: url(../img/layout/btn_select_close.png) no-repeat center right;
  background-size: 29px 11px;
  padding: 18px 0 18px 10px;
  background-color: #aaa;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.sp_account #calendar_area #calendar div.opened {
  background: url(../img/layout/btn_select_open.png) no-repeat center right;
  background-size: 29px 11px;
  background-color: #aaa;
}
.sp_account #mypage-calendar .calendar {
  margin: 0 auto;
}
.content_warp.cf .post_area {
  margin: 10px;
  color:#333;
}
.sp_account .u_profile .u_text_area {
  position: relative;
  min-height: 160px;
  max-height: 300px;
}
.sp_account .u_profile .u_text_area #u_skin {
  position: relative;
  min-height: 160px;
  max-height: 300px;
  overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_title {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 1.3em;
  font-size: 13px;
  font-weight: bold;
  width: 90%;
  color: #aaa;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
  overflow: hidden;
}
.sp_account .u_profile .u_text_area p#u_text {
  position: absolute;
  top: 25px;
  left: 10px;
  margin-top: 5px;
  font-size: 12px;
  /*	font-weight: 700; */
  width: 90%;
  color: #aaa;
  text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;
  word-wrap: break-word;
}
/* mypage_member.less
======================================== */
/* Mypage(Other Members)
------------------------------------ */

#header-left #user-photo {
  margin: 20px 0 0 0;
}
#header-left #user-photo a {
  display: inline-block;
}
#header-left #user-photo img {
  width: 124px;
  height: 124px;
}
#header-left #user-medal {
  margin: 15px 0 0 0;
}
#header-left #user-medal a {
  display: inline-block;
}
#header-left #user-medal img {
  width: 60px;
  height: 60px;
}

#header-right #mypage-change-skin-disable {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 70px;
  height: 20px;
}
#header-right #mypage-change-skin {
	display: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 70px;
  height: 20px;
}

#timeline-category .flat-dropdown {
  float: left;
}
#timeline-category p.keyword {
  padding: 0 0 0 10px;
  width: 60%;
  float: left;
  line-height: 34px;
}
#timeline-category p.keyword span {
  font-weight: bold;
}

#mypage-timeline .post-left {
  width: 20%;
  float: left;
  text-align: center;
}

#mypage-timeline .post-right {
  width: 80%;
  float: left;
}


#mypage-timeline .post-reserved {
  /*color: red;*/
}
#mypage-timeline .post-category {
  margin: 0 3% 0 0;
  padding: 0 10px 0 10px;
  width: auto;
  float: right;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 26px;
  white-space: nowrap;
  font-size: 1.0em;
}

#mypage-timeline .post-external {
  margin: 10px 0 10px 0;
  border: 1px solid #C3C3C3;
  width: 477px;
}
#mypage-timeline .post-external-thumb {
  float: left;
  width: 120px;
  border-right: 1px solid #C3C3C3;
}
#mypage-timeline .post-external-thumb img {
  width: 120px;
  height: 120px;
}
#mypage-timeline .post-external-content {
  padding: 10px 10px 10px 10px;
  float: left;
  width: 336px;
}
#mypage-timeline .post-external-title a {
  color: #4e3a33;
  text-decoration: underline;
}
#mypage-timeline .post-external-description {
  word-wrap: break-word;
}


#mypage-timeline .post-tags li a {
  color: #4e3a33;
  text-decoration: underline;
}
#mypage-timeline .post-status {
	text-align: left;
	padding-left: 15px;
}

#mypage-timeline .post-status div.noclick {
  cursor: auto;
}
#mypage-timeline .post-status div.noclick:hover {
 opacity:1 !important;
}

#mypage-timeline .post-status div.noclick span:hover{
color:#333;
  cursor: auto;
}

#mypage-timeline .post-status div img {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}
#mypage-timeline .post-status div span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-decoration: underline;
}
.mypage-post-tooltip.ui-tooltip {
  padding: 10px 20px;
  background: #4e3a33 !important;
  border: none;
  border-radius: 2px;
  box-shadow: none !important;
  overflow: visible;
  color: white;
}
.mypage-post-tooltip.ui-tooltip:after {
  content: ' ';
  position: absolute;
  left: 10px;
  bottom: -10px;
  border-top: 10px solid #4e3a33;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
/*
position: absolute;
 left: 20px;
 top: 20px;
 color: white;
 display: none;
 text-align: center;

position: relative;
 z-index: 103;
 width: 100%;
 background-color:
 @base_dark_color;
 border-radius: 2px;
 padding: 0.5em;

position: absolute;
 z-index: 102;
 left: 5px;
 border-right: 10px solid transparent;
 border-left: 10px solid transparent;
 border-bottom: 20px solid @base_dark_color; top: -10px;
*/
.post-comment {
  color:#333;
}
#mypage-timeline .post-comments .comment-more {
  display: none;
  padding: 5px 10px 5px 10px;
  background-color: #EDEDED;
  border-bottom: 1px solid #fff;
}
#mypage-timeline .post-comments .comment-more a {
  display: block;
  color: #4e3a33;
}

#mypage-timeline .post-comments .comment-more .comment-more-counter{
  float:right
}
#mypage-timeline .post-comments.comment-form {
  display: none;
  padding: 15px 10px 0 10px;
}

#mypage-timeline .comment a:hover{
color: #aaa;
}

#mypage-timeline .comment.hidden {
  display: none;
}
#mypage-timeline .comment-left {
margin-bottom: 5px;
}
#mypage-timeline .comment-user-photo img {
  width: 30px;
}
#mypage-timeline .comment-user-nickname {
	word-wrap: break-word;
	font-weight: bold;
	font-size: 12px;
	display: flex;
	height: 30px;
	margin-left: 20px;
	padding-left: 14px;
	align-items: center;
	margin: 0 20px 10px 0;
}

#mypage-timeline .comment-user-photo{
width: 30px;
float: left;
}

#mypage-timeline .btn-comment-delete {
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  background: none;
  border: none;
  position: absolute;
  top: -50px;
  right: 3px;
	background: none !important;
}

#mypage-timeline .btn-comment-delete .ui-icon{
	width: 15px;
	height: 15px;
	right: -26px;
	top: 10px;
	opacity: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}

#mypage-timeline .btn-comment-delete .ui-icon:hover{
opacity: 0.5;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}


#mypage-timeline .btn-comment-delete .ui-icon::before,
#mypage-timeline .btn-comment-delete .ui-icon::after {
	background: #868686;
	width: 1px;
	height: 15px;
}


#mypage-timeline .comment-body {
	padding: 0 0 16px;
	word-wrap: break-word;
}
#mypage-timeline .comment-body.artist {
color: #4e3a33;
}

#mypage-timeline .comment-external {
  padding: 0 10px 10px 10px;
}
#mypage-timeline .comment-external-thumb {
  float: left;
  width: 20%;
}
#mypage-timeline .comment-external-thumb img {
  width: 80px;
  height: 80px;
}
#mypage-timeline .comment-external-content {
  float: left;
  width: 80%;
}
#mypage-timeline .comment-external-title a {
  color: #4e3a33;
  text-decoration: underline;
}
#mypage-timeline .comment-external-description {
  word-wrap: break-word;
}
#mypage-timeline .comment-created-at {
	position: absolute;
	top: -27px;
	right: 0;
	text-align: right;
	font-size: 11px;
	color: #333;
	padding: 0;

}
#mypage-timeline .comment-post {
  margin: 0 0 0 0;
}
#mypage-timeline .comment-post textarea {
  position: relative;
  top: -1px;
  margin: 0 10px 0 0;
  *margin-right: 3px;
  padding: 10px 5px 10px 5px;
  width: 550px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid #aaa;
  vertical-align: middle;
  overflow: visible;
  text-indent: 0;
  line-height: 20px;
  font-size: 1.4em;
  resize: none !important;
  outline: 0px none black;
}
#mypage-timeline .comment-post button {
  position: relative;
  top: -1px;
  margin: 0;
  *margin-right: 3px;
  padding: 0;
  width: 125px;
  height: 40px
	background: none;
  border: 0;
  vertical-align: middle;
  overflow: visible;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
}
#mypage-right {
  width: 300px;
  float: left;
}
#mypage-user {
  margin: 0 0 20px 0;
  background-color: #fff;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
}
#mypage-user #user-nickname {
  border-top: 5px solid #4e3a33;
}
#user-nickname h2 {
  padding: 10px 0 0 3%;
  width: 85%;
  float: left;
  line-height: 1.4em;
  font-size: 1.2em;
  word-wrap: break-word;
}
#mypage-user #user-nickname a {
  display: block;
  width: 12%;
  float: right;
  text-align: center;
  line-height: 40px;
}
#mypage-user #user-nickname a img {
  vertical-align: middle;
}
#mypage-user #user-point {
  margin: 5px 0 15px 0;
  padding: 0 0 0 10px;
}
#mypage-user #user-point-progress {
  margin: 0 10px 0 0;
  width: 130px;
  height: 20px;
  float: left;
  background-color: #f5f5f5;
}
#mypage-user #user-point-progress span {
  position: relative;
  padding: 0 1%;
  width: 68%;
  height: 100%;
  display: block;
  background-color: #FFBF35;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}
#mypage-user #user-point-progress span:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: -10px;
  border-bottom: 20px solid rgba(0, 0, 0, 0);
  border-left: 10px solid #FFBF35;
}
#mypage-user #user-point p {
  width: 140px;
  float: left;
  line-height: 20px;
  font-size: 0.8em;
  white-space: nowrap;
}
#mypage-user #user-info {
  margin: 0 0 36px 0;
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #E2EAF4;
}
#user-info .user-info-item {
  width: 100%;
  border-bottom: 1px solid #E2EAF4;
}
#user-info .user-info-item-title {
  padding: 0 0 0 5%;
  width: 20%;
  float: left;
  white-space: nowrap;
  text-align: left;
  line-height: 28px;
  font-weight: bold;
}
#user-info .user-info-item-data {
  padding: 5px 5% 5px 0;
  width: 70%;
  float: left;
  word-wrap: break-word;
  text-align: right;
  line-height: 18px;
  font-weight: bold;
}
#user-last-login {
  background-color: #333;
}
#user-last-login p {
  padding: 0 0 0 15px;
  color: #fff;
  font-size: 0.8em;
  line-height: 36px;
}
#mypage-card {
  margin: 10px 0 0 0;
  background-color: #fff;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
  border-bottom: 1px solid #E2EAF4;
}
#mypage-card h2 {
  padding: 0 10px;
  border-top: 5px solid #4e3a33;
  line-height: 40px;
  font-size: 1.2em;
}
#mypage-card #card-image {
  margin: 10px 0 0 0;
  text-align: center;
}
#mypage-card #card-title {
  margin: 10px 0 0 0;
  text-align: center;
  font-weight: bold;
}
#mypage-card #card-folder {
  margin: 10px 0 3px 0;
  padding: 0 10px 0 0;
  text-align: right;
}
#card-folder a {
  color: #93B0D3;
}
#mypage-calendar {
  background-color: #fff;
  border-left: 1px solid #E2EAF4;
  border-right: 1px solid #E2EAF4;
}
#mypage-banner .banner {
  margin: 10px 0 0 0;
}
#mypage-banner img {
  width: 100%;
}
/* other.less
======================================== */
ul,
li {
  margin: 0;
  padding: 0;
}
/*レイアウト*/
#page_wrap {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
#page_wrap .left_content {
  float: left;
  width: 620px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
#page_wrap .right_content {
  float: right;
  width: 300px;
}
/*コンテンツレイアウト*/

.page_title {
  height: 70px;
  border-bottom: solid 1px #f5f5f5;
}
.page_title h2 {
  padding: 25px 10px 20px;
  font-size: 16px;
  font-weight: bold;
  color:#333;
}
.page_area {
  padding: 10px 20px;
  height: 100%;
}
.page_area .text_box {
  margin-bottom: 30px;
}
.page_area .text_box .text_title {
  font-size: 14px;
  line-height: 1.8;
  padding-bottom: 2px;
  border-bottom: 2px solid #4e3a33;
  margin-bottom: 10px;
}
.page_area .text_box p {
  line-height: 1.8;
  margin-bottom: 10px;
}
/* photo.less
======================================== */
/* Photo(Dialog)
------------------------------------ */
::-webkit-input-placeholder {
  color: #AAA;
}
:-moz-placeholder {
  color: #AAA;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #AAA;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #AAA;
}
.mypage-post-photo-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.mypage-post-photo-dialog .ui-state-default .ui-icon {
//  background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
background: none;
}
#photo-dialog {
  margin: 0 auto 20px auto;
  padding: 0 0 0 0;
  width: 100%;
}
#photo-main {
padding: 0;
}
#photo-main input {
  outline: 0px none black;
}
#photo-main #photo-upload {
  margin: 0 0 10px 0;
  padding: 1em 0 0 0 !important;
  border: none !important;
}
#photo-main #photo-upload .ajax-upload-dragdrop .ajax-file-upload{
	padding: 10px 0 !important;
	height: 61px !important;
	width: 250px !important;
	cursor:pointer !important;
}

#photo-upload .ajax-upload-dragdrop {
position: relative;
    padding: 0 !important;
    border: none !important;
    width: 100%;
    min-height: 35px;
    cursor: pointer;
}
#photo-upload .ajax-upload-dragdrop span {
	display: none;
	position: absolute;
	top: 22px;
	left: 96px;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
#photo-upload .ajax-upload-dragdrop span i{
	margin-right: 7px;
}
#photo-upload .ajax-upload-dragdrop .ajax-file-upload {
  margin: 0 10px 0 0;
  padding: 0 0 0 0;
  width: 100%;
  min-height: 35px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 0;
}

#thumb{ width: auto !important;height: auto !important; }
#photo-upload .ajax-upload-dragdrop .ajax-file-upload form {
  width: 100%;
}
#photo-upload .ajax-upload-dragdrop .ajax-file-upload form input {
  width: 100%;
}
#thumbnails div {
	position: relative;
	width: 50%;
	float: none;
	/* border: 1px solid #666; */
	margin: 0 auto;
}
#thumbnails div img {
  width: 100%;
}
#thumbnails .btn-photo-delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  background: none;
  border: none;
}
#photo-main #photo-title {
  display: block;
  margin: 0 0 0 0;
  padding: 10px 2%;
  width: 96%;
  height: 4em;
  line-height: 160%;
  border: none;
  border-top: 1px solid #e5e5e5;
}
#photo-main #photo-tag {
  display: block;
  padding: 0 2% 0 2%;
  width: 96%;
  height: 4em;
  line-height: 4em;
  border: none;
  border-top: 1px solid #e5e5e5;
}
#photo-main #photo-date {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
#photo-main #photo-opened-at {
  display: block;
  padding: 0 0 0 2%;
  width: 47%;
  height: 4em;
  float: left;
  border: none;
  border-right: 1px solid #e5e5e5;
  line-height: 2em;
}
#photo-main #photo-closed-at {
  display: block;
  padding: 0 0 0 2%;
  width: 47%;
  height: 4em;
  float: left;
  border: none;
  line-height: 2em;
}
#photo-footer-left select {
	-moz-appearance: button;
	background: url(/themes/sns121/img/layout/btn_pulldown_down.png) no-repeat scroll 93% center / 13px 8px #ffffff;
	background-color: #aaa;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	overflow: hidden;
	padding-bottom: 5px;
	padding-top: 5px;
	text-indent: 1.4em;
	text-align: left;
	vertical-align: middle;
	line-height: 26px;
	min-width: 160px;
	border-radius: 2px;
}
#photo-footer {
  margin: 15px 0 0 0;
}
#photo-footer-left {
  position: relative;
  width: 70%;
  height: 40px;
  float: left;
}
#photo-footer-right {
text-align: center;
}
#photo-footer-left button,
#photo-footer-right button {
	padding: 4px 0;
	background: #4e3a33;
	border: 0;
	vertical-align: middle;
	overflow: visible;
	cursor: pointer;
	line-height: 40px;
	font-size: 0;
	width: 250px;
	border-radius: 3px;
	margin: 25px auto 0;
	color: #fff;
	text-indent: 0;
	font-size: 14px;
}
#photo-footer-left button img,
#photo-footer-right button img {
  vertical-align: middle;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-default{
background: #aaa !important;
padding: 5px 0;

}



/* Preview(Dialog)
------------------------------------ */
.preview-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.preview-dialog .ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#post-timeline .post {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  background-color: #fff;
}
#post-timeline .post-header {
  padding: 3px;
  text-align: right;
}
#post-timeline .post-main {
  width: 654px;
}
#post-timeline .post-left {
  width: 20%;
  float: left;
  text-align: center;
}
#post-timeline .post-user-photo img {
  width: 62px;
  height: 62px;
}
#post-timeline .post-user-medal img {
  margin: 15px 0 0 0;
  width: 36px;
  height: 36px;
}
#post-timeline .post-right {
  width: 80%;
  float: left;
  word-wrap: break-word;
}
#post-timeline .post-title {
  line-height: 36px;
  font-size: 1.5em;
}
#post-timeline .post-user-nickname {
  width: 50%;
  float: left;
  line-height: 26px;
  font-size: 1.2em;
  font-weight: bold;
}
#post-timeline .post-created-at {
  width: 20%;
  float: right;
  text-align: center;
  line-height: 26px;
  font-size: 1.0em;
}
#post-timeline .post-category {
  margin: 0 3% 0 0;
  padding: 0 10px 0 10px;
  width: auto;
  float: right;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 26px;
  white-space: nowrap;
  font-size: 1.0em;
}
#post-timeline .post-body {
  margin: 20px 0 0 0;
  padding: 0 10px 0 0;
  line-height: 1.4em;
  font-size: 1.0em;
  word-wrap: break-word;
}
#post-timeline .post-body a {
  color: #4e3a33;
  text-decoration: underline;
}
#post-timeline .post-tags {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
}
#post-timeline .post-tags li {
  display: inline;
  margin: 0 5px 0 5px;
}
#post-timeline .post-tags li a {
  color: #4e3a33;
  white-space: nowrap;
  text-decoration: underline;
}
#post-timeline .post-status {
  margin: 10px 0 10px 0;
}
#post-timeline .post-status div {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 30px 0 0;
  cursor: pointer;
}
#post-timeline .post-status div.noclick {
  cursor: auto;
}
#post-timeline .post-status div img {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}
#post-timeline .post-status div span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-decoration: underline;
}
/* post_edit_dialog.less
======================================== */
.trade.ui-widget-content {
  background-color: #f2f2f2;
  background: #f2f2f2;
}
#post-description {
  width: 560px;
  min-height: 160px;
  border: 1px solid #aaa;
  padding: 2px 6px;
  margin-bottom: 20px;
}
#edit_button {
  text-align: center;
  margin-bottom: 10px;
}
#edit_post_button {
  width: 160px;
  height: 40px;
  text-align: center;
  background: url("/themes/sns121/img/layout/btn_edit_complete.png");
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  border: none;
  cursor: pointer;
}
#edit_post_button:hover {
  text-align: center;
  background: url("/themes/sns121/img/layout/btn_edit_complete_h.png");
  width: 160px;
  height: 40px;
  border: none;
  cursor: pointer;
}
textarea#event-description::-webkit-input-placeholder {
  color: #333;
}
textarea#event-description:-moz-placeholder {
  color: #333;
}
/* post.less
======================================== */
/* Post(Dialog)
------------------------------------ */
::-webkit-input-placeholder {
  color: #AAA;
}
:-moz-placeholder {
  color: #AAA;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #AAA;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #AAA;
}
.mypage-post-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
#post-dialog {
  margin: 0 auto 20px auto;
  padding: 0 0 0 0;
}
#post-main {
  width: 564px;
}
#post-main input {
  outline: 0px none black;
}
#post-main #post-title {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 10px 0 10px;
  width: 542px;
  height: 2em;
  line-height: 2em;
  border: 1px solid #e5e5e5;
}
#post-main #post-body {
  display: block;
  width: 100%;
  border: 1px solid #e5e5e5;
}
#post-main .cleditorMain {
  padding: 0;
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
#post-main .cleditorToolbar {
  height: 34px !important;
  background: #4e3a33;
}
#post-main .cleditorGroup {
  height: 34px !important;
  width: 100% !important;
}
#post-main .cleditorButton {
  width: 34px !important;
  height: 34px !important;
  background-image: url(/themes/common/css/images/buttons.png);
  background-color: transparent !important;
  background-repeat: no-repeat;
  cursor: pointer;
}
.cleditorPopup {
  z-index: 10000;
}
.cleditorPrompt {
  z-index: 10000;
}
/*
.cleditorPrompt .ajax-upload-dragdrop span{
	display: none !important;
}
*/
.cleditorPrompt .ajax-file-upload {
  height: 40px;
}
.cleditorPrompt .ajax-file-upload form input[type="file"] {
  width: 100% !important;
}
#post-main #post-tag {
  display: block;
  padding: 0 10px 0 10px;
  width: 542px;
  height: 2em;
  background-color: #FFFFFF;
  background-image: url("/themes/sns121/img/layout/btn_tag.png");
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 2em;
  border: 1px solid #e5e5e5;
}
#post-main #post-date {
  width: 564px;
}
#post-main #post-opened-at {
  display: block;
  padding: 0 0 0 10px;
  width: 270px;
  height: 2em;
  float: left;
  border-top: none;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  line-height: 2em;
}
#post-main #post-closed-at {
  display: block;
  padding: 0 0 0 10px;
  width: 271px;
  height: 2em;
  float: left;
  border-top: none;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: none;
  line-height: 2em;
}
.ui-timepicker-div td {
  font-size: 90%;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  padding: 0.5em;
}
#post-footer-left select {
  -moz-appearance: button;
  background: url("/themes/sns121/img/layout/btn_pulldown_down.png") no-repeat scroll 98% center / 13px 8px #ffffff;
  background-color: #C3C3C3;
  border: thin solid #e5e5e5;
  color: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 5px;
  padding-top: 5px;
  text-indent: 1.4em;
  text-align: left;
  vertical-align: middle;
  line-height: 40px;
  min-width: 140px;
  font-weight: bold;
}
#post-footer {
  margin: 15px 0 0 0;
}
#post-footer-left {
  position: relative;
  width: 380px;
  height: 40px;
  float: left;
}
#post-footer-right {
  position: relative;
  width: 30%;
  height: 40px;
  float: left;
  text-align: right;
}
#post-footer-left button,
#post-footer-right button {
  position: relative;
  top: -1px;
  margin: 0 auto;
  *margin-right: 3px;
  padding: 0;
  background: none;
  border: 0;
  vertical-align: middle;
  overflow: visible;
  cursor: pointer;
  line-height: 40px;
  font-size: 0;
}
/* External Link
------------------------------------ */
#extract-indicator {
  display: none;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#extract-indicator img {
  vertical-align: middle;
}
#extract {
  display: none;
  min-height: 100px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#extract.open {
  display: block;
}
#extract .extract {
  width: 100%;
}
#extract .extracted-thumb {
  position: relative;
  float: left;
  margin-right: 10px;
  border-right: 1px solid #C3C3C3;
}
#extract .extracted-thumb img {
  width: 120px;
  height: 120px;
}
#extract .thumb-sel {
  position: absolute;
  top: 3px;
  right: 3px;
  height: 22px;
  width: 52px;
}
#extract .thumb-sel .prev-thumb {
  background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -50px 0px;
  float: left;
  width: 26px;
  height: 22px;
  cursor: hand;
  cursor: pointer;
}
#extract .thumb-sel .prev-thumb:hover {
  background: url(/themes/common/css/images/thumb_selection.gif) no-repeat 0px 0px;
}
#extract .thumb-sel .next-thumb {
  display: block;
  background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -76px 0px;
  float: left;
  width: 26px;
  height: 22px;
  cursor: hand;
  cursor: pointer;
}
#extract .thumb-sel .next-thumb:hover {
  background: url(/themes/common/css/images/thumb_selection.gif) no-repeat -25px 0px;
}
#extract .extracted-content {
  position: relative;
  padding: 10px 20px 0 0;
}
#extract .extracted-content h4 a {
  color: #4e3a33;
  text-decoration: underline;
}
#extract .extracted-content p {
  word-wrap: break-word;
}
#extract .extracted-delete {
  position: absolute;
  top: 5px;
  right: 5px;
  margin: 0;
  padding: 0;
  width: 14px !important;
  height: 14px !important;
  background: none;
  border: none;
}
/* Preview(Dialog)
------------------------------------ */
.preview-dialog .ui-widget-header .ui-dialog-titlebar-close {
  background: none;
  background-color: transparent !important;
  border: none;
}
.preview-dialog .ui-state-default .ui-icon {
  background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;
}
#post-timeline .post {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  background-color: #fff;
}
#post-timeline .post-header {
  padding: 3px;
  text-align: right;
}
#post-timeline .post-left {
  width: 20%;
  float: left;
  text-align: center;
}
#post-timeline .post-user-photo img {
  width: 62px;
  height: 62px;
}
#post-timeline .post-user-medal img {
  margin: 15px 0 0 0;
  width: 36px;
  height: 36px;
}
#post-timeline .post-right {
  width: 80%;
  float: left;
  word-wrap: break-word;
}
#post-timeline .post-title {
  line-height: 36px;
  font-size: 1.5em;
}
#post-timeline .post-user-nickname {
  width: 50%;
  float: left;
  line-height: 26px;
  font-size: 1.2em;
  font-weight: bold;
}
#post-timeline .post-created-at {
  width: 20%;
  float: right;
  text-align: center;
  line-height: 26px;
  font-size: 1.0em;
}
#post-timeline .post-category {
  margin: 0 3% 0 0;
  padding: 0 10px 0 10px;
  width: auto;
  float: right;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 26px;
  white-space: nowrap;
  font-size: 1.0em;
}
#post-timeline .post-body {
  margin: 10px 0 0 0;
  padding: 0 10px 0 0;
  line-height: 1.4em;
  font-size: 1.0em;
  word-wrap: break-word;
}
#post-timeline .post-body a {
  color: #4e3a33;
  text-decoration: underline;
}
#post-timeline .post-body img.thumb {
  display: block;
}
#post-timeline .post-external {
  margin: 10px 0 10px 0;
  border: 1px solid #C3C3C3;
}
#post-timeline .post-external-thumb {
  float: left;
  width: 120px;
  border-right: 1px solid #C3C3C3;
}
#post-timeline .post-external-thumb img {
  width: 120px;
  height: 120px;
}
#post-timeline .post-external-content {
  padding: 10px 10px 10px 10px;
  float: left;
  width: 379px;
}
#post-timeline .post-external-title a {
  color: #4e3a33;
  text-decoration: underline;
}
#post-timeline .post-external-description {
  word-wrap: break-word;
}
#post-timeline .post-tags {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
}
#post-timeline .post-tags li {
  display: inline;
  margin: 0 5px 0 5px;
}
#post-timeline .post-tags li a {
  color: #4e3a33;
  white-space: nowrap;
  text-decoration: underline;
}
#post-timeline .post-status {
  margin: 10px 0 10px 0;
}
#post-timeline .post-status div {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 30px 0 0;
  cursor: pointer;
}
#post-timeline .post-status div.noclick {
  cursor: auto;
}
#post-timeline .post-status div img {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 24px;
  height: 24px;
}
#post-timeline .post-status div span {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-decoration: underline;
}
/* profile.less
======================================== */
.page_wrap {
  width: 940px;
  margin: 20px auto;
}
.left_content {
  float: left;
  width: 620px;
  margin-right: 20px;
}
.right_content {
  float: right;
  width: 300px;
}
.left_content #sp_area {
  background-color: #fff;
  border-top: 5px solid #4e3a33;
  box-shadow: 0 3px 3px #ccc;
  -moz-box-shadow: 0 3px 3px #ccc;
  -webkit-box-shadow: 0 3px 3px #ccc;
  padding: 10px;
}
.left_content #sp_area h1{
  font-size: 1.4em;
  margin: 18px;
  float: left;
}
.left_content #sp_area #sp_icon {
  float: right;
  margin-right: 30px;
  cursor: pointer;
}
.left_content #sp_area #sp_icon img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.left_content #sp_area .sp_box {
  clear: both;
  margin: 0 17px 15px;
}
.left_content #sp_area .sp_box h2 {
  line-height: 2;
}

.left_content #sp_area .sp_box h2 span{
display: inline-block;
font-size: 12px;
padding-left: 2px;
}
.left_content #sp_area .sp_box p {
  margin-left: 34px;
  font-weight: bold;
  float: left;
}


.left_content #sp_area .sp_box input {
  width: 552px;
  height: 34px;
  border: none;
  padding: 2px 6px;
}
.left_content #sp_area #name input {
  width: 263px;
}
input::-webkit-input-placeholder {
  color: #e5e5e5;
}
input:-moz-placeholder {
  color: #e5e5e5;
}
.left_content #sp_area .sp_box textarea {
  width: 552px;
  min-height: 82px;
  border: none;
  padding: 2px 6px;
  resize: vertical;
}
textarea::-webkit-input-placeholder {
  color: #e5e5e5;
}
textarea:-moz-placeholder {
  color: #e5e5e5;
}
.left_content #sp_area .sp_box .komemark {
  float: left;
}
.left_content #sp_area .sp_box .public {
  float: right;
}
.left_content #sp_area .sp_box .public select {
  width: 153px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: thin #e5e5e5 solid;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-indent: 1.4em;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../img/layout/profile_select.png) no-repeat;
  background: #ffffff\9;
  background-size: 13px 11px;
  background-position: 96% center;
  vertical-align: middle;
  outline: none;
}
.left_content #sp_area .sp_box .select_menu {
  float: left;
}
.left_content #sp_area .sp_box .select_menu select {
  width: 277px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: thin #e5e5e5 solid;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-indent: 1.4em;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../img/layout/profile_select.png) no-repeat;
  background: #ffffff\9;
  background-size: 13px 11px;
  background-position: 98% center;
  vertical-align: middle;
  outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_song_id {
  min-width: 400px;
  max-width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: thin #e5e5e5 solid;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-indent: 1.4em;
  overflow: hidden;
  cursor: pointer;
  background: #ffffff url(../img/layout/profile_select.png) no-repeat;
  background: #ffffff\9;
  background-size: 13px 11px;
  background-position: 99% center;
  vertical-align: middle;
  outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_fan_career_y {
  width: 133px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: thin #e5e5e5 solid;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-indent: 1.4em;
  cursor: pointer;
  background: #ffffff url(../img/layout/profile_select.png) no-repeat;
  background: #ffffff\9;
  background-size: 13px 11px;
  background-position: 94% center;
  vertical-align: middle;
  outline: none;
}
.left_content #sp_area .sp_box .select_menu select#update_fan_career_m {
  width: 133px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  border: thin #e5e5e5 solid;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-indent: 1.4em;
  cursor: pointer;
  background: #ffffff url(../img/layout/profile_select.png) no-repeat;
  background: #ffffff\9;
  background-size: 13px 11px;
  background-position: 93% center;
  vertical-align: middle;
  outline: none;
}
#setting_profile .left_content #sp_area .sp_box.cf .select_menu.fun {
  float: left;
  margin-right: 10px;
}
#setting_profile .left_content #sp_area .sp_box.cf .select_menu.fun select {
  width: 133px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #999999;
  text-indent: 1.4em;
  overflow: hidden;
  outline: none;
}
.left_content #sp_area #btn_update {
  width: 125px;
  margin: 20px auto 0;
}
.profile_img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
#crop_upload_btn {
	background: #4e3a33;
	border: none;
	color: #FFF;
	width: 200px;
	font-weight: normal;
	padding: 10px 0;
	border-radius: 2px;
	margin-left: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
	opacity: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
#crop_upload_btn:hover {
	background: #4e3a33;
}
/* quiz.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#quiz_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* クイズ 全体 */
#quiz_section {
  margin-top: 20px;
  background-color: #4e3a33;
  width: 620px;
  height: 300px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #FFFFFF;
}
#quiz_contents {
  /*
  width: 618px;
	border-left: solid 1px #E2EAF4;
	border-right: solid 1px #E2EAF4;
	border-bottom: solid 1px #E2EAF4;
	*/
}
/* ************************************* */
/* デイリークイズ - スタート */
/* ************************************* */
div#quiz_strat {
  width: 620px;
  /* padding: 130px 215px 130px; */
  display: block;
}
div#quiz_strat #daily_quiz {
  color: #FFFFFF;
  font-size: 48px;
  font-weight: bold;
  margin: 20px 20px 20px;
}
div#quiz_strat #daily_quiz_discription {
  margin: 20px 20px 10px;
}
div#quiz_strat #daily_quiz_discription p {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
div#quiz_strat #daily_quiz_start_btn img {
  width: 400px;
  height: 80px;
  margin: 20px 110px 20px;
  /*
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	*/
}
/*
div#quiz_strat p {
  width: 276px;
	height: 40px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
  background-color: #FFFFFF;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	color: @base_dark_color;
}
*/
/* ************************************* */
/* ************************************* */
/* デイリークイズ - 問題 */
/* ************************************* */
div#quiz_question {
  margin: 20px 16px 22px 19px;
  display: none;
}
/* タイトル＆解答時間 */
div#quiz_question_title {
  height: 33px;
}
div#quiz_question_title #title {
  float: left;
}
div#quiz_question_title #title img {
  width: 16px;
  height: 21px;
}
div#quiz_question_title #title span {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  margin-left: 10px;
}
div#quiz_question_title #countdown {
  float: right;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
div#quiz_question_title #countdown span#timer {
  /*width: 94px;*/
  height: 33px;
  background-color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  color: #4e3a33;
  padding: 5px 10px;
}
div#quiz_question_title #countdown span#timer span#s {
  width: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #4e3a33;
  padding: 5px 0;
}
div#quiz_question_title #countdown span#timer span#ms {
  width: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #4e3a33;
  padding: 5px 0px 5px 0;
}
/* 問題文 */
div#quiz_question_area {
  height: 105px;
  clear: both;
}
div#question_text_area {
  float: left;
  width: 440px;
  height: 80px;
  background-color: #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  word-wrap: break-word;
  padding: 10px 24px 0 20px;
}
div#question_text_area p#question_text {
  text-align: left;
  word-wrap: break-word;
  font-size: 14px;
  /* font-weight: bold; */
  color: #FFFFFF;
  height: 40px;
}
div#question_text_area p#accuracy_rate {
  text-align: right;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
}
div#question_arrow_icon {
  float: left;
  width: 11px;
  height: 101px;
}
div#question_arrow_icon img {
  width: 11px;
  height: 18px;
  padding-top: 40px;
}
div#question_timer_img {
  float: right;
  padding: 5px 5px 0 10px;
}
div#question_timer_img img {
  width: 71px;
  height: 97px;
}
/* 選択肢 */
div#quiz_question_answer {
  width: 582px;
  height: 102px;
  margin-top: 20px;
  clear: both;
}
div#quiz_question_answer ul li {
  float: left;
  width: 277px;
  height: 42px;
  background-color: #FFFFFF;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 7px;
}
div#quiz_question_answer ul li:hover {
  float: left;
  width: 277px;
  height: 42px;
  background-color: #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 7px;
}
/*div#quiz_question_answer ul li#quiz_answer_1 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_1:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_2 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_2:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_3 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_3:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-right: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_4 {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: #FFFFFF;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
/*div#quiz_question_answer ul li#quiz_answer_4:hover {*/
/*float: left;*/
/*width: 277px;*/
/*height: 42px;*/
/*background-color: @base_color;*/
/*border-radius: 4px;*/
/*-moz-border-radius: 4px;*/
/*-webkit-border-radius: 4px;*/
/*margin-left: 10px;*/
/*margin-bottom: 20px;*/
/*}*/
div#quiz_question_answer ul li div#number_icon {
  float: left;
  width: 42px;
  height: 42px;
}
div#quiz_question_answer ul li div#number_icon img {
  width: 24px;
  height: 24px;
  padding: 9px;
}
div#quiz_question_answer ul li div.answer_text {
  float: left;
  width: 235px;
  height: 32px;
  display: table-cell;
  /*text-align: center;*/
  padding-top: 11px;
  font-size: 16px;
  font-weight: bold;
  color: #4e3a33;
}
div#quiz_question_answer ul li div.answer_text:hover {
  float: left;
  width: 235px;
  height: 32px;
  display: table-cell;
  /*text-align: center;*/
  padding-top: 11px;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
/* ************************************* */
/* ************************************* */
/* デイリークイズ - 回答率など結果 */
/* ************************************* */
div#quiz_result {
  width: 620px;
  display: none;
}
div#quiz_result_left_position {
  float: left;
  width: 180px;
  height: 260px;
  background-color: #aaa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 15px 0 15px 20px;
}
div#quiz_result_left_position p#quiz_result_text {
  padding: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
div#quiz_result_left_position p#quiz_answer_text {
  padding: 30px 10px 20px 10px;
  font-size: 24px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  line-height: 26px;
}
div#quiz_result_center_position {
  float: left;
  /*width: 300px;*/
  height: 294px;
}
div#quiz_result_center_position p {
  width: 333px;
  height: 250px;
  margin-top: 27.5px;
  margin-left: 60px;
}
div#quiz_result_right_position {
  float: right;
  margin-right: 20px;
  width: 200px;
}
div#all_purpose {
  padding-top: 40px;
}
div#all_purpose p {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 20px;
  text-overflow: ellipsis;
  word-break: break-all;
  max-height: 40px;
  overflow: hidden;
}
div#all_purpose span#graph_color1 {
  color: #FFBF35;
}
div#all_purpose span#graph_color2 {
  color: #FFD26E;
}
div#all_purpose span#graph_color3 {
  color: #FFE4A6;
}
div#all_purpose span#graph_color4 {
  color: #FFEFCA;
}
/* ************************************* */
/* ************************************* */
/* ランキング */
/* ************************************* */
#quiz_ranking_section {
  width: 620px;
  margin-top: 15px;
  clear: both;
}
/* ランキングタブ */
#quiz_ranking_tab {
  width: 620px;
  border-bottom: solid 5px #4e3a33;
}
#quiz_ranking_tab ul {
  height: 25px;
  margin: 0;
  padding: 0;
}
#quiz_ranking_tab ul li {
  float: left;
  width: 86px;
  height: 25px;
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
#quiz_ranking_tab ul li.tab_select {
  background-color: #4e3a33;
}
/* ランキングリスト */
#quiz_ranking_list {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 590px;
  padding: 20px 14px 0 14px;
  margin-bottom: 12px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
  display: block;
}
#quiz_ranking_list_to_tab {
  clear: both;
  overflow: hidden;
  background-color: #FFFFFF;
  width: 590px;
  padding: 20px 16px 0 15px;
  margin-bottom: 12px;
  box-shadow: 1px 1px 1px #C4C6CB;
  display: none;
}
/* 週間ランキング */
div#weekly_ranking_list {
  float: left;
  width: 290px;
  margin-right: 5px;
}
div#weekly_ranking_list h2 {
  font-weight: bold;
  color:#333000;
}
div#weekly_ranking_list ul {
  margin-top: 20px;
}
div#weekly_ranking_list li {
  width: 290px;
  height: 110px;
  border: solid 1px #f5f5f5;
  margin-bottom: 20px;
  clear: both;
}
div#weekly_ranking_list li div#ranking_image_box {
  float: left;
  width: 100px;
  height: 110px;
  position: relative;
  display: block;
}
div#weekly_ranking_list li div#ranking_image_box img#ranking_user_img {
  width: 62px;
  height: 62px;
  padding: 24px 19px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  behavior: url(/themes/common/css/IE-CSS3.htc);
}
div#weekly_ranking_list li div#ranking_image_box .photo-mask {
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 46px;
  height: 40px;
}
div#weekly_ranking_list li div#ranking_user_data_box {
  float: left;
  width: 190px;
  height: 110px;
}
div#weekly_ranking_list li div#ranking_user_data_box p#ranking_user_name {
  height: 10px;
  color:#333000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}
div#weekly_ranking_list li div#ranking_user_data_box p#ranking_user_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  word-break: break-all;
  word-wrap: break-word;
}
/* 連続正解ランキング */
div#keep_correct_answer_ranking_list {
  float: left;
  width: 290px;
  margin-left: 5px;
}
div#keep_correct_answer_ranking_list h2 {
  font-weight: bold;
  color:#333000;
}
div#keep_correct_answer_ranking_list ul {
  margin-top: 20px;
}
div#keep_correct_answer_ranking_list li {
  width: 290px;
  height: 110px;
  border: solid 1px #f5f5f5;
  margin-bottom: 20px;
  clear: both;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box {
  float: left;
  width: 100px;
  height: 110px;
  position: relative;
  display: block;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box img#ranking_user_img {
  width: 62px;
  height: 62px;
  padding: 24px 19px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
div#keep_correct_answer_ranking_list li div#ranking_image_box .photo-mask {
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 46px;
  height: 40px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box {
  float: left;
  width: 190px;
  height: 110px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box p#ranking_user_name {
  height: 10px;
  color:#333000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  padding: 20px 0 10px;
}
div#keep_correct_answer_ranking_list li div#ranking_user_data_box p#ranking_user_profile {
  height: 50px;
  color:#333000;
  font-size: 10px;
  text-align: left;
  padding-right: 25px;
  word-break: break-all;
  word-wrap: break-word;
}
/* ************************************* */
/* search.less
======================================== */
ul {
  padding: 0;
  margin: 0;
}
.page_warp {
  width: 940px;
  margin: 20px auto 0;
}
.left_content {
  float: left;
  width: 620px;
  margin-right: 20px;
}
.right_content {
  float: right;
  width: 300px;
}
.left_content .search_area {
  background-color: #fff;
  box-shadow: 1px 1px 3px #afafaf;
  -moz-box-shadow: 1px 1px 3px #afafaf;
  -webkit-box-shadow: 1px 1px 3px #afafaf;
  border-top: 5px solid #4e3a33;
}
.left_content .search_area h2 {
  padding: 25px 10px;
  font-size: 16px;
  font-weight: bold;
  color:#333;
  border-bottom: solid 1px #f5f5f5;
}
.left_content .search_area .s_post_area {
  padding: 20px 10px 18px;
}
.left_content .search_area .s_post_area .s_post_box {
  background-color: #f5f5f5;
  padding: 15px 10px;
  margin-bottom: 20px;
}
.left_content .search_area .s_post_area .s_post_box .s_post_img {
  float: left;
  margin-right: 15px;
}
.left_content .search_area .s_post_area .s_post_box .s_post_text {
  float: left;
  width: 460px;
}
.left_content .search_area .s_post_area .s_post_box.cf .s_post_text h3 {
  margin-bottom: 10px;
}
.left_content .search_area .s_post_area .s_post_box.cf .s_post_text p {
  line-height: 1.6;
}
/* setting.less
======================================== */
dl {
  margin: 0;
}
.left_content {
  float: left;
  width: 620px;
  margin-right: 18px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
.right_content {
  float: right;
  width: 300px;
}
.left_content .area_style {
  background-color: #fff;
  border-top: 5px solid #4e3a33;
  /*
	box-shadow:0 3px 3px #ccc;
	-moz-box-shadow:0 3px 3px #ccc;
	-webkit-box-shadow:0 3px 3px #ccc;
	*/
  padding-bottom: 20px;
}
.left_content #setting_area h1 {
  font-size: 1.4em;
  padding: 22px 12px;
}
#setting_area #setting_list dl#list_title {
  background-color: #aaa;
  color: #fff;
  margin: 0;
  border-bottom: 1px solid #e2eaf4;
}
#setting_area #setting_list dl#list_title dt {
  float: left;
  padding: 14px 16px;
  width: 346px;
}
#setting_area #setting_list dl#list_title dd {
  float: left;
  border-left: 1px solid #e2eaf4;
  width: 74px;
  margin: 0;
  padding: 16px 2px;
  text-align: center;
}
#setting_area #setting_list .list_item {
  border-bottom: 1px solid #e2eaf4;
}
#setting_area #setting_list .list_item dt {
  float: left;
  padding: 14px 16px;
  width: 346px;
}
#setting_area #setting_list .list_item dd {
  float: left;
  border-left: 1px solid #e2eaf4;
  width: 74px;
  height: 20px;
  margin: 0;
  padding: 12px 2px;
  text-align: center;
}
#setting_area #setting_list .list_item.cf dd p {
  background-color: #f5f5f5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  text-indent: 9999px;
}
#setting_area #setting_list .list_item.cf dd .no_check {
  background: none;
  border: none;
}
#setting_area #btn_update {
  clear: both;
  margin: 20px auto 0;
  width: 125px;
}
input[type='radio'] {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
}
.crobd {
  background: url("/themes/sns121/img/btn_radio.png") no-repeat left top;
  background-size: 20px 40px;
  height: 20px;
  line-height: 20px;
  display: block;
  padding: 0 0 0 15px;
  cursor: pointer;
  overflow: hidden;
  margin-left: 27px;
}
.c_on {
  background-position: left bottom;
}
.btn_update {
  cursor: pointer;
}
/* skin_dialog.less
======================================== */
#skin_dialog #skin_bgimg_wrap #skin_bgimg {
  float: left;
  width: 150px;
  margin-right: 20px;
}
#skin_dialog #skin_bgimg_wrap #skin_bgimg p {
  text-align: center;
  color: #bcbcbc;
  margin-bottom: 13px;
}
#skin_dialog #skin_bgimg_wrap #skin_bgimg img {
  border: 1px solid #bcbcbc;
}
/* スキン一覧  */
#skin_dialog #skin_bgimg_wrap #skin_choice_img {
  /*float: right;*/
  width: 630px;
  border: 1px solid #bcbcbc;
  padding: 5px 10px 5px 5px;
  background-color: #fff;
}
#skin_dialog #skin_bgimg_wrap #skin_choice_img ul li {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  border: 3px solid white;
}
#skin_dialog #skin_bgimg_wrap #skin_choice_img ul li:last-child {
  padding: 0;
}
/* スキン更新ボタン */
#skin_btn {
  clear: both;
  width: 160px;
  height: 40px;
  margin: 0 auto;
  padding: 20px 0;
  border: none;
  cursor: pointer;
}
/* smile_list.less
======================================== */
#smile-dialog h2 {
  text-align: center;
  margin-bottom: 20px;
}
#smile-dialog #pagination {
  margin-bottom: 20px;
}
#smile-dialog #pagination #prev {
  float: left;
  display: none;
}
#smile-dialog #pagination p {
  position: absolute;
  left: 46%;
}
#smile-dialog #pagination #prev a:hover,
#smile-dialog #pagination #next a:hover {
  text-decoration: none;
}
#smile-dialog #pagination #prev a span,
#smile-dialog #pagination #next a span {
  color: #4e3a33;
  padding: 0 6px;
  vertical-align: middle;
}
#smile-dialog #pagination #prev a img,
#smile-dialog #pagination #next a img {
  vertical-align: middle;
}
#smile-dialog #pagination #next {
  float: right;
}
#smile-dialog #pagination #next a:hover {
  text-decoration: none;
}
#smile-dialog #smilelist {
  clear: both;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 10px 0 0 10px;
  margin-bottom: 7px;
}
#smile-dialog #smilelist ul li {
  float: left;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  margin: 0 10px 10px 0;
  padding: 5px;
  position: relative;
}
#smile-dialog #smilelist ul li img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
/* t_card_right_block_pc.less
======================================== */
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
a:hover {
  text-decoration: none;
}
#trade_card {
  width: 300px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}
#trade_card_contents {
  padding: 20px 9px 5px;
  /*margin-bottom:20px;*/
  border-top: 5px solid #4e3a33;
}
#trade_card #trade_area1 {
  margin: 0 10px 0;
  position: relative;
  background-image: url("/themes/sns121/img/layout/trade_tail_to.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
}
#trade_card #trade_area1 #ta_left1,
#trade_card #ta_area2 #ta_left2 {
  float: left;
  text-align: center;
}
#trade_card #trade_area1 #ta_right1,
#trade_card #ta_area2 #ta_right2 {
  float: right;
  text-align: center;
}
#trade_card #trade_area1 #trade_ico1 {
  position: absolute;
  top: 10px;
  left: 95px;
}
#trade_card #trade_area1 #trade_ico1 p {
  margin-bottom: 5px;
  font-weight: bold;
}
#trade_card #trade_area1 #trade_ico1 img {
  display: block;
  margin: 0 auto;
}
#trade_card #trade_area1 #ta_left1 a dl dt,
#trade_card #trade_area1 #ta_right1 a dl dt {
  text-align: center;
  margin-bottom: 5px;
}
#trade_card #trade_area1 #ta_left1 a dl dd,
#trade_card #trade_area1 #ta_right1 a dl dd {
  font-weight: bold;
}
#trade_card #ta_area2 {
  clear: both;
  background-color: #ededed;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 10px 18px;
  position: relative;
  margin-bottom: 5px;
}
#trade_card #ta_area2 #trade_ico2 {
  position: absolute;
  top: 30px;
  left: 116px;
}
#trade_card p {
  text-align: right;
}
#trade_card p a {
  color: #4e3a33;
  text-decoration: underline;
}
#trade_card_button {
  text-align: center;
  padding: 10px 0;
}
.request_cancel img {
  width: 120px;
  padding: 15px;
}
#trade_card_button ul li {
  float: left;
  width: 125px;
  height: 40px;
  padding: 7px;
}
#trade_card_button ul li img {
  border-radius: 5px;
}
/* top.less
======================================== */
/* トップページ　ラッパ-*/

/*トップページ　ランキング*/
#top_ranking {
  float: left;
  /*margin-top:20px;*/
  margin-bottom: 20px;
  border-top: solid 5px #FFFFFF;
  /* height:275px; */
  width: 620px;
}
div#top_ranking_container_01 {
  float: left;
}
div#top_ranking_button_container {
  background-color: #4e3a33;
  height: 205px;
  width: 220px;
}
#top_ranking_button_container ul {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-type: none;
}
#top_ranking_button_container ul li {
  margin-top: 10px;
  padding: 0;
  list-style-type: none;
}
div#top_ranking_title_container {
  padding-top: 15px;
  margin-left: 15px;
}
div#top_ranking_title_container p span {
  color: #FFFFFF;
  font-size: large;
}
div#top_challenge_button {
  background-color: #FFFFFF;
  height: 70px;
  width: 220px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
div#top_ranking_container_02 {
  float: left;
  background-color: #aaa;
  height: 275px;
  width: 400px;
}
div#top_ranking_list {
  height: 275px;
  width: 400px;
}
#top_ranking_list ul {
  margin: 0 0 0 0;
  padding: 0;
  /*padding: 0px 10px 0px 10px;*/
  list-style-type: none;
}
#top_ranking_list ul li {
  border-bottom: solid 1px #ffffff;
  height: 90px;
  width: 360px;
  margin: 0px 20px 0px 20px;
  cursor: pointer;
}
#top_ranking_list ul li .last {
  border-style: none;
}
div.top_rank_clown_img_box {
  float: left;
  width: 50px;
  height: 90px;
}
.top_rank_clown_img_box img {
  padding: 28px 0px 0px 0px;
  width: 40px;
  height: 34px;
}
div.top_rank_user_img_box {
  float: left;
  width: 50px;
  height: 90px;
}
.top_rank_user_img_box img {
  width: 64px;
  height: 64px;
  margin-top: 15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
div.top_rank_user_data_box {
  float: left;
  width: 255px;
  height: 90px;
  overflow: hidden;
  /*white-space: nowrap;*/
}
.top_rank_user_data_box #user_name {
  clear: both;
  color: #FFFFFF;
  padding: 12px 5px 0px 0px;
  margin-left: 30px;
}
.top_rank_user_data_box #user_text {
  color: #FFFFFF;
  margin-left: 30px;
  padding: 8px 5px 0px 0px;
  /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis
	*/
}

#news_tab ul {
  /*height:23px;*/
  margin: 0 0 0 0;
  padding: 0;
}
.tabmenu_list_item {
  margin-bottom: 15px;
  float: left;
  padding-left: 3px;
  padding-right: 3px;
  min-width: 40px;
  height: 23px;
  margin: 0px 0px 0px 2px;
  color: #FFFFFF;
  font-size: x-small;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  background-color: #aaa;
  /*background-color: @base_dark_color;*/
  border-radius: 6px 6px 0px 0px 6px 0px 0px;
  cursor: pointer;
}

.area_pull-down {
  margin-top: 15px;
  margin-left: 15px;
}
#news_list_box {
}
#news_list_box ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 0;
  padding: 0;
}
#news_image_box {
  padding: 15px 0px 0px 10px;
  margin-top: 0px;
  width: 100px;
  height: 100px;
  float: left;
}
#news_image_box img {
  width: 100px;
  height: 100px;
}
#user_image_box {
  padding: 0px 0px 0px 15px;
  margin-top: 30px;
  width: 50px;
  height: 50px;
  float: left;
}
#user_image_box img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#news_genre_img {
	display: none;
  position: absolute;
  top: 0;
  left: 0;
}
/* 画像がある場合 */
#news_data_box {
  margin-top: 10px;
  margin-left: 12px;
  width: 160px;
  height: 110px;
  float: left;
}
/*　画像がない場合　*/
#news_data_box2 {
  margin-top: 10px;
  margin-left: 5px;
  width: 200px;
  height: 110px;
  float: left;
}
/*投稿　タイトル*/
#news_title {
  color:#333;
  font-weight: bold;
  font-size: medium;
  padding: 8px 0px 0px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-wrap: break-word;
}
/*投稿　簡易データ（discription）*/
#news_data {
  font-weight: bold;
  padding: 10px 0px 0px 0px;
  height: 84px;
  overflow: hidden;
  word-wrap: break-word;
  color:#333;
}

#news_nickname{
  font-size: 1em;
}
#news_created_at_elapsed{
  font-size: 90%;
}
/*
ul,li{margin:0 0 0 0; padding:0;}
ul#menu{width:360px;}
ul#menu li{float:left; width:180px; height:48px; background-color:#2b76cc;
list-style:none; text-align:center; border-bottom:1px solid #666;}
ul#menu li a{display:block; width:178px; height:100%; line-height:48px;
color:#fff; text-decoration:none; border-left:1px solid #fff;
border-right:1px solid #fff; border-bottom:1px solid #fff;}
*/
#location_menu {
  margin-top: 15px;
  margin-left: 15px;
  padding: 0px 0px 0px 0px;
}
.select_location {
  margin-left: 10px;
  line-height: 30px;
  float: left;
}
.slide_image {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
}
.location_item {
  width: 100%;
  margin-left: 10px;
}
.message_setting_button {
  background-color: #C3C3C3;
  width: 120px;
  height: 30px;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
#location_setting_menu {
  z-index: 2;
  position: absolute;
  display: none;
  width: 120px;
  background-color: #C3C3C3;
  line-height: 30px;
  color: white;
  font-weight: bold;
  cursor: pointer;
}
#btn_quiz_weekly_ranking {
  cursor: pointer;
}
#btn_quiz_correct_ranking {
  cursor: pointer;
}
#btn_quiz_friend {
  cursor: pointer;
}
/* ranking list */
#ranking_list li p {
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
}
#ranking_list li div:nth-child(3) p:first-child {
  white-space: nowrap;
}
#ranking_list li div:nth-child(3) p:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/* news list */
#news_list li p {
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
}
#news_list li div p:first-child {
  white-space: nowrap;
}
#news_list li div p:last-child {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}


/* trade.less
======================================== */
/* カード交換(Dialog)
------------------------------------ */
/* ラッパ- */
#trade_wrapper {
  width: 600px;
  /* height: 665px; */
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#trade_left_position {
  float: left;
  width: 390px;
  /* height: 598px; */
  background-color: #f5f5f5;
}
/* コンテンツ右 */
#trade_right_position {
  float: right;
  width: 185px;
  /* height: 598px; */
  background-color: #f5f5f5;
}
/* ************************************* */
/* 交換リクエスト */
/* ************************************* */
#trade_request {
  height: 235px;
  border-top: solid 5px #4e3a33;
  background-color: #FFFFFF;
}
/**
/* トレードリクエスト - ユーザー情報 */
#trade_request div#user_info {
  width: 281px;
  height: 101px;
  margin: 7px auto 0;
}
/* リクエスト側ユーザー情報 */
#trade_request div#user_info .request_user {
  float: left;
  width: 105px;
  text-align: center;
}
#trade_request div#user_info .request_user p.user_name {
  font-size: 12px;
  font-weight: bold;
  color:#333000;
  margin-top: 8px;
}
#trade_request div#user_info .request_user p.user_image img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
/* リクエストコーナーのテキスト */
#trade_request div#user_info .request_part {
  float: left;
  width: 71px;
  text-align: center;
}
#trade_request div#user_info .request_part p.request_part_text {
  font-size: 12px;
  font-weight: bold;
  color:#333000;
  margin-top: 15px;
  margin-bottom: 12px;
}
/* レスポンス側ユーザー情報 */
#trade_request div#user_info .accept_user {
  float: left;
  width: 105px;
  text-align: center;
}
#trade_request div#user_info .accept_user p.user_name {
  font-size: 12px;
  font-weight: bold;
  color:#333000;
  margin-top: 8px;
}
#trade_request div#user_info .accept_user p.user_image img {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
/**
/* トレードリクエスト - カード情報 */
#trade_request div#cord_info {
  width: 281px;
  height: 121px;
  margin: 0 auto 5px;
  background-color: #EDEDED;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#cord_info div.trade_card {
  float: left;
  width: 111px;
  text-align: center;
  margin-top: 11px;
}
#cord_info div.trade_card img {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#cord_info div.trade_image {
  float: left;
  width: 59px;
  text-align: center;
  margin-top: 30px;
}
/* ************************************* */
/* カードリスト */
/* ************************************* */
#tarade_card_list {
  clear: both;
}
.trade_card_list_title {
  height: 31px;
  background-color: #4e3a33;
}
.trade_card_list_title p {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 8px 10px 7px;
}
.trade_card_list_container {
  height: 325px;
  background-color: #f5f5f5;
}
/* カードリスト -ページャー */
div.trade_card_pager {
  /* width: 336px; */
  height: 14px;
  position: relative;
  margin: 15px 31px 5px 26px;
}
div.trade_card_pager div.trade_pager_prev {
  float: left;
  font-size: 10px;
  color: #4e3a33;
  display: none;
  cursor: pointer;
}
div.trade_card_pager p.trade_pager_no {
  position: absolute;
  left: 47%;
  font-size: 12px;
  color:#333000;
}
div.trade_card_pager div.trade_pager_next {
  float: right;
  font-size: 10px;
  color: #4e3a33;
  cursor: pointer;
}
/* カードリスト -カード */
div.trade_card_list {
  clear: both;
  width: 360px;
  height: 225px;
  padding: 10px 15px 0;
}
div.trade_card_list ul li {
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  float: left;
  position: relative;
  margin: 0 6px 10px;
}
div.trade_card_list ul li.is_selected {
  border-color: #4e3a33;
}
div.trade_card_list ul li a {
  display: block;
}
div.trade_card_list ul li a img {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.trade_card_list ul li.disabled a image,
div.trade_card_list ul li.disabled a img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: Gray;
}
img.gray_scale {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}
.select_card {
  overflow: hidden;
  border: solid 5px #4e3a33;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: -5px;
}
/*
div.trade_card_list ul li a:hover {
  overflow: hidden;
	border: solid 2px @base_dark_color;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.trade_card_list ul li a:hover img {
	margin: -2px;
}
*/
/* カードリスト -効果 */
div.trade_card_effect {
  clear: both;
  width: 316px;
  height: 44px;
  margin: 0 21px 5px;
  padding: 5px 15px;
  background-color: #FFFFFF;
  border: solid 2px #aaa;
}
#trade_card_effect_text.is_overflow {
  overflow-y: scroll;
}
div.trade_card_effect p {
  font-size: 12px;
  color:#333000;
  text-align: center;
  margin: 15px 25px 15px 0;
}
/* ************************************* */
/* 友達リスト */
/* ************************************* */
/* 友達リスト見出し */
.tarade_friend_list_title {
  height: 31px;
  background-color: #4e3a33;
}
.tarade_friend_list_title p {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 8px 10px 7px;
}
.trade_friends_list_container {
  height: 567px;
  background-color: #f5f5f5;
}
/* 友達リスト -ページャー */
div.trade_friends_pager {
  /* width: 165px; */
  height: 14px;
  position: relative;
  margin: 15px 10px 5px 10px;
}
div.trade_friends_pager div.trade_friends_pager_prev {
  float: left;
  font-size: 10px;
  color: #4e3a33;
  cursor: pointer;
  display: none;
}
div.trade_friends_pager p.trade_friends_pager_no {
  position: absolute;
  left: 41%;
  font-size: 12px;
  color:#333000;
}
div.trade_friends_pager div.trade_friends_pager_next {
  float: right;
  font-size: 10px;
  color: #4e3a33;
  cursor: pointer;
}
/* 友達リスト -友達 */
div.trade_friends_list {
  clear: both;
  width: 180px;
  height: 503px;
  padding: 10px 5px 0;
}
div.trade_friends_list ul {
  height: 523px;
}
div.trade_friends_list ul li {
  float: left;
  width: 80px;
  height: 80px;
  border: 2px solid #f5f5f5;
  position: relative;
  margin: 0 3px 6px;
  background-color: #FFFFFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}
div.trade_friends_list ul li.is_selected {
  border-color: #4e3a33;
}
div.trade_friends_list ul li a {
  width: 80px;
  height: 80px;
  display: block;
}
div.trade_friends_list ul li a img {
  margin: 8px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.select_friends {
  overflow: hidden;
  border: solid 2px #4e3a33;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 5px;
}
/*
div.trade_friends_list ul li a:hover {
  overflow: hidden;
	border: solid 2px @base_dark_color;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.trade_friends_list ul li a:hover img {
	margin: 6px;
  border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
*/
/* 交換ボタン */
#trade_btn_contents {
  clear: both;
  padding: 15px 0 15px;
  text-align: center;
}
#trade_btn_contents p {
  font-size: 12px;
  color: #FF0000;
}
/* trade_status.less
======================================== */
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
a:hover {
  text-decoration: none;
}
#dialog_trade_card {
  width: 320px;
  height: 320px;
  background-color: #fff;
  margin-bottom: 20px;
}
#dialog_trade_card_contents {
  padding: 20px 9px 5px;
  margin-bottom: 20px;
}
#dialog_trade_card #dialog_trade_area1 {
  margin: 0 10px 0;
  position: relative;
  background-image: url("/themes/sns121/img/layout/trade_tail_to.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 20px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1,
#dialog_trade_card #dialog_ta_area2 #dialog_ta_left2 {
  float: left;
  text-align: center;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1,
#dialog_trade_card #dialog_ta_area2 #dialog_ta_right2 {
  float: right;
  text-align: center;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 {
  position: absolute;
  top: 10px;
  left: 95px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 p {
  margin-bottom: 5px;
  font-weight: bold;
}
#dialog_trade_card #dialog_trade_area1 #dialog_trade_ico1 img {
  display: block;
  margin: 0 auto;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1 a dl dt,
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1 a dl dt {
  text-align: center;
  margin-bottom: 5px;
}
#dialog_trade_card #dialog_trade_area1 #dialog_ta_left1 a dl dd,
#dialog_trade_card #dialog_trade_area1 #dialog_ta_right1 a dl dd {
  font-weight: bold;
}
#dialog_trade_card #dialog_ta_area2 {
  clear: both;
  background-color: #ededed;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 10px 18px;
  position: relative;
  margin-bottom: 5px;
}
#dialog_trade_card #dialog_ta_area2 #dialog_trade_ico2 {
  position: absolute;
  top: 30px;
  left: 116px;
}
#dialog_trade_card p {
  text-align: right;
}
#dialog_trade_card p a {
  color: #4e3a33;
  text-decoration: underline;
}
#dialog_trade_card_button {
  text-align: center;
}
#dialog_trade_card_button ul li {
  float: left;
  width: 125px;
  height: 40px;
  padding: 13px;
}
#dialog_trade_card_button ul li img {
  border-radius: 5px;
}
#ok_btn img:hover {
  background: url("/themes/sns121/img/layout/btn_dialog_trade_h.png") no-repeat;
  width: 125px;
  height: 40px;
  border: none;
  cursor: pointer;
}
#cancel_btn img:hover {
  background: url("/themes/sns121/img/layout/btn_dialog_notrade_h.png") no-repeat;
  width: 125px;
  height: 40px;
  text-indent: -10000px;
  border: none;
  cursor: pointer;
}
/* trophy.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#trophy_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* ************************************* */
/* コミュニティメダル */
/* ************************************* */
/* メダル 全体 */
#medal_section {
  margin-top: 20px;
  background-color: #FFFFFF;
  width: 620px;
  height: 285px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #4e3a33;
}
#medal_contents {
  height: 285px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
div#medal_contents h2 {
  padding: 20px 15px 20px;
  font-size: 16px;
  font-weight: bold;
  color:#333000;
}
div#medal_contents ul {
  margin: 0 20px 10px;
  width: 580px;
  height: 200px;
}
div#medal_contents ul li {
  float: left;
  width: 82px;
  height: 110px;
  margin: 0 7px;
}
div#medal_contents ul li div.circle_box {
  border: solid 1px #f5f5f5;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  background-color: #f5f5f5;
}
div#medal_contents ul li p {
  margin: 3px 0 3px;
  font-size: 14px;
  font-weight: bold;
  color:#333000;
  text-align: center;
}
/* ************************************* */
/* ************************************* */
/* カードフォルダ */
/* ************************************* */
/* 全体 */
#card_folder_section {
  clear: both;
  margin-top: 20px;
  background-color: #FFFFFF;
  width: 620px;
  height: 490px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #4e3a33;
}
#card_folder_contents {
  height: 490px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
/* タイトル */
.card_folder_title {
  height: 65px;
}
.card_folder_title span.left_title {
  float: left;
  padding: 18px 15px 18px 24px;
  font-size: 16px;
  font-weight: bold;
  color:#333000;
}
.card_folder_title span.right_title_icon {
  float: right;
  padding: 10px 0px 20px;
  font-size: 12px;
  color: #4e3a33;
  vertical-align: middle;
  cursor: pointer;
}
.card_folder_title span.right_title_text {
  float: right;
  padding: 20px 4px 20px;
  font-size: 12px;
  color: #4e3a33;
  margin-right: 20px;
  vertical-align: middle;
  cursor: pointer;
}
/* カードフォルダ 全体 */
.card_folder {
  width: 570px;
  height: 400px;
  margin: 0 25px;
}
/* カードフォルダ -お気に入り・効果説明- */
.card_folder div.card_folder_favorite {
  float: left;
  width: 160px;
  height: 400px;
  margin-right: 20px;
}
.card_folder div.card_folder_favorite ul li.favorite_card {
  height: 218px;
}
.card_folder div.card_folder_favorite ul li.card_effect {
  height: 80px;
}
.card_folder div.card_folder_favorite ul li.card_effect p {
  font-size: 10px;
  color:#333000;
  padding: 15px 0 10px;
}
.card_folder div.card_folder_favorite ul li.btn_image {
  height: 92px;
}
.card_folder div.card_folder_favorite ul li.btn_image {
  cursor: pointer;
}
.card_folder div.card_folder_favorite ul li.btn_image img {
  padding-bottom: 5px;
}
/* カードリスト */
.card_folder div.card_folder_list {
  float: right;
  width: 390px;
  height: 400px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.card_list ul li {
  cursor: pointer;
}
div.card_list ul li div.count {
  background-color: #4e3a33;
  border-radius: 20px;
  height: 20px;
  position: absolute;
  right: -8px;
  bottom: -6px;
  width: 20px;
}
div.card_list ul li div.count p {
  clear: both;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
/* カードリスト -ページャー */
div.card_pager {
  /* width: 337px; */
  position: relative;
  margin: 25px 31px 0 26px;
}
div.card_pager div.trophy_pager_prev {
  float: left;
  font-weight:bold;
  font-size: 12px;
  color: #4e3a33;
  display: none;
  cursor: pointer;
}
div.card_pager p.trophy_pager_no {
  position: absolute;
  left: 47%;
  font-size: 12px;
  color:#333000;
}
div.card_pager div.trophy_pager_next {
  float: right;
  font-weight:bold;
  font-size: 12px;
  color: #4e3a33;
  cursor: pointer;
}
/* カードリスト -カード */
div.card_list {
  clear: both;
  width: 345px;
  padding: 15px 20px 25px;
}
div.card_list ul li {
  float: left;
  position: relative;
  /*margin: 0 4px 10px;*/
  margin: 0 4px 10px;
}
div.card_list ul li a {
  display: block;
  border: 2px solid #f5f5f5;
}
div.card_list ul li a:hover {
  overflow: hidden;
  border: solid 2px #4e3a33;
}
div.card_list ul li a:hover img {
  /*margin: -2px;*/
}
img.gray_scale {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}
/* ************************************* */
/* アクティビティ履歴 */
/* ************************************* */
/* 全体 */
#activity_list_section {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  width: 620px;
  /* height: 320px; */
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #4e3a33;
}
#activity_list_contents {
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
div#activity_list_contents h2 {
  padding: 20px 15px 30px;
  font-size: 16px;
  font-weight: bold;
  color:#333000;
  /* border-bottom: solid 1px #E2EAF4; */
}
div#activity_list_contents ul li {

  clear: both;
  height: auto;
  border-top: solid 1px #E2EAF4;
  /* border-bottom: solid 1px #E2EAF4; */
}
div#activity_list_contents .activity_text_left {
  float: left;
  padding: 15px 0px 15px 20px;
  font-size: 12px;
  color:#333000;
  word-break: break-all;
  width: 500px;
}

div#activity_list_contents .activity_text_left a{
text-decoration: underline;
cursor: pointer;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

div#activity_list_contents .activity_text_left a:hover{
color: #aaa;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
text-decoration: none;
}

div#activity_list_contents .activity_text_left span {
  font-size: 12px;
  color: #4e3a33;
}
div#activity_list_contents .activity_text_right {
  float: right;
  padding: 15px 20px;
  font-size: 12px;
  color:#333000;
  height:10px;
}
/* trophy_member.less
======================================== */
ul,
li {
  margin: 0 0 0 0;
  padding: 0;
}
/* ラッパ- */
#member_trophy_wrapper {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
/* コンテンツ左 */
#left_position {
  float: left;
  width: 620px;
}
/* コンテンツ右 */
#right_position {
  float: right;
  width: 300px;
}
/* ************************************* */
/* コミュニティメダル */
/* ************************************* */
/* メダル 全体 */
#member_medal_section {
  margin-top: 20px;
  background-color: #FFFFFF;
  width: 620px;
  height: 285px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #4e3a33;
}
#member_medal_contents {
  height: 285px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
div#member_medal_contents h2 {
  padding: 20px 15px 20px;
  font-size: 16px;
  font-weight: bold;
  color:#333000;
}
div#member_medal_contents ul {
  margin: 0 20px 10px;
  width: 580px;
  height: 200px;
}
div#member_medal_contents ul li {
  float: left;
  width: 82px;
  height: 110px;
  margin: 0 7px;
}
div#member_medal_contents ul li div.member_circle_box {
  border: solid 1px #f5f5f5;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  background-color: #f5f5f5;
}
div#member_medal_contents ul li p {
  margin: 3px 0 3px;
  font-size: 14px;
  font-weight: bold;
  color:#333000;
  text-align: center;
}
/* ************************************* */
/* ************************************* */
/* カードフォルダ */
/* ************************************* */
/* 全体 */
#member_card_folder_section {
  clear: both;
  margin-top: 20px;
  background-color: #FFFFFF;
  width: 620px;
  height: 490px;
  /* box-shadow: 1px 1px 1px #C4C6CB; */
  border-top: solid 5px #4e3a33;
}
#member_card_folder_contents {
  height: 490px;
  border-left: solid 1px #E2EAF4;
  border-right: solid 1px #E2EAF4;
  border-bottom: solid 1px #E2EAF4;
}
/* タイトル */
.member_card_folder_title {
  height: 65px;
}
.member_card_folder_title span.member_left_title {
  float: left;
  padding: 19px 15px 19px;
  font-size: 16px;
  font-weight: bold;
  color:#333000;
}
/* カードフォルダ 全体 */
.member_card_folder {
  width: 570px;
  height: 400px;
  margin: 0 25px;
}
/* カードフォルダ -お気に入り・効果説明- */
.member_card_folder div.member_card_folder_favorite {
  float: left;
  width: 160px;
  height: 400px;
  margin-right: 20px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_favorite_card {
  height: 218px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_card_effect {
  height: 80px;
}
.member_card_folder div.member_card_folder_favorite ul li.member_card_effect p {
  font-size: 10px;
  color:#333000;
  padding: 15px 0 10px;
}
/* カードリスト */
.member_card_folder div.member_card_folder_list {
  float: right;
  width: 390px;
  height: 400px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div.member_card_list ul li {
  cursor: pointer;
}
div.member_card_list ul li div.count {
  background-color: #4e3a33;
  border-radius: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  bottom: -6px;
  width: 20px;
}
div.member_card_list ul li div.count p {
  clear: both;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
/* カードリスト -ページャー */
div.member_card_pager {
  /* width: 337px; */
  position: relative;
  margin: 25px 31px 0 26px;
}
div.member_card_pager div.member_trophy_pager_prev {
  float: left;
  font-size: 10px;
  color: #4e3a33;
  display: none;
  cursor: pointer;
}
div.member_card_pager p.member_trophy_pager_no {
  position: absolute;
  left: 47%;
  font-size: 12px;
  color:#333000;
}
div.member_card_pager div.member_trophy_pager_next {
  float: right;
  font-size: 10px;
  color: #4e3a33;
  cursor: pointer;
}
/* カードリスト -カード */
div.member_card_list {
  clear: both;
  width: 345px;
  padding: 15px 20px 25px;
}
div.member_card_list ul li {
  float: left;
  position: relative;
  margin: 0 4px 10px;
}
div.member_card_list ul li a {
  display: block;
  border: solid 2px #f5f5f5;
}
div.member_card_list ul li a:hover {
  overflow: hidden;
  border: solid 2px #4e3a33;
}
div.member_card_list ul li a:hover img {
  /*margin: -2px;*/
}
img.gray_scale {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
}

/* -------------------
add_pc
------------------------------ */

/** base style ******************/
body {
  background:  url("/themes/sns121/img/bg-pc.webp") center;
    background-size: 450px;
    padding-bottom: 100px !important;
}

a{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

a:hover{
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

/*
#minimail-main h2,
#minimail-list,
#today_birthday_contents,
#group_list,
#top_news_list,
#group_top_data,
#member_list,
#event_list,
#group_post_data .group_post,
#mypage-calendar,
#pickup_list_box,
#event_box,
#el_left .el_area .event_post_box,
#howto_section,
#setting .left_content,
#card_folder_contents,
#activity_list_contents,
#favorite_card_contents,
#mypage-card,
#page_wrap .left_content,
#user_activity_contents,
#friends_list,
#sp_area_facebook{
  border-width: 1px;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-style: solid;
  border-color: #F0F0F0 #E9E9E9 #D8D8D8;
  border-radius: 3px;
  margin-bottom: 10px;
}
*/
.copyright{
padding: 20px 0px 0;
}

.btn a, .btn input[type="submit"]{
height: auto !important;
line-height: 100%;
padding: 11px 0;
}

#news_genre_img img{display: none;}

#news_genre_img::before{
content: "NEW";
display: block;
width: 32px;
height: 22px;
font-family: 'Roboto Slab', serif;
background: #fff;
color: #aaa;
font-weight: bold;
font-size: 9px;
text-align: center;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 1px solid #aaa;
padding-top: 10px;
padding-left: 1px;
position: absolute;
top: -9px;
left: -5px;

}


#minimail-main,
#user-right-block #user-main,
#blog-right-block #user-blog-info,
#g_title,
#top_news_list {
  border-top: none;
  border-bottom: none;
}

#user-right-block #user-main{
padding: 0;
}

#blog-right-block #user-blog-info {
  padding: 0;
}
#blog-right-block {
  border: none;
  background: none;
}
#blog-right-block .expand-list a {
  display: block;
  background: #fff;
}
#blog-right-block #banner-right-block {
  margin-top: 20px;
}

#top_wrapper #blog-right-block{
margin-top: 0;
}

#user-right-block + br,
.text-expand-show + br{
display: none;
}
#mypage-calendar{
margin-top: 10px;
}

.calendar{
  border-radius: 3px;
}
#user-right-block {
  background: none;
  border: none;
  padding: 0;
}
.expand-header {
background-color: #aaa;
  border-radius: 3px 3px;
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
  border-bottom: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.expand-header:hover{
background-color:#333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#blog-right-block .user-blog-post{
width: auto;
background: #fff;
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
border-bottom: 1px solid #D8D8D8;
cursor: unset;
}
#blog-right-block .user-blog-post:last-child{
border-radius: 0 0 3px 3px;
}

#blog-right-block .expand-list a div,
#user-right-block #user-status{
  border-left: 1px solid #E9E9E9;
  border-right: 1px solid #E9E9E9;
  border-bottom: 1px solid #D8D8D8;
}

#user-right-block #user-status{
border-radius: 3px;
}


#mypage-timeline .post-status{
text-align: right;
}

#user-right-block #user-status table{
border-spacing: 0;
}
#user-right-block #user-status tr th{
border-right: 1px solid #ECECEC;
background-color: #aaa;
color: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#user-right-block #user-status tr th:hover{
background-color:#333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#user-right-block #user-status tr th:first-child{
border-radius: 3px 0 0 0;
}

#user-right-block #user-status tr th:last-child{
border-radius: 0 3px 0 0;
border-right: none;
}
#user-right-block #user-status td{
	font-family: 'Roboto Slab', serif;
	font-size: 1.2em;
	color:#333;
	background: #fff;
	letter-spacing: 0.1em;
}

.calendar .clndr .clndr-controls .clndr-previous-button,
.calendar .clndr .clndr-controls .clndr-next-button{
border: none;
}

.calendar .clndr .clndr-controls .clndr-previous-button,
.calendar .clndr .clndr-controls .clndr-next-button{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.calendar .clndr .clndr-controls .clndr-previous-button:hover,
.calendar .clndr .clndr-controls .clndr-next-button:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.message_setting_button,
.flat-dropdown{
background-color: #fff;
border-radius: 3px;
color:#333;
}
#blog-right-block #user-blog-info{
	background-color: #fff;
  border-width: 1px;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-style: solid;
  border-color: #F0F0F0 #E9E9E9 #D8D8D8;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 10px;
}

#user-right-block #user-status td:first-child{
border-radius: 0 0 0 3px;
}

#user-right-block #user-status td:last-child{
border-radius: 0 0 3px 0;
}
#user-blog-recent{
margin-bottom: 10px;
}

#blog-right-block .expand-list a div h3 + div {
  border: none;
}
#today_birthday_section {
  background: #fff;
  border-radius: 3px;
}
#blog-right-block .expand-list > a:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #D8D8D8;
}
.tabmenu_list_item {
	height: 28px;
  padding: 0 10px;
}

#location_menu {
  float: right !important;
  margin-left: 0;
  margin-right: 15px;
  position: relative;
}

location_item_id-8

#mypage-menu-line {
  display: none;
}
#timeline-category .flat-dropdown {
  float: right;
}
#user-blog-info #user-title {
  width: auto;
  margin: 0 auto 10px;
 position: relative;
}

#user-blog-info #user-title a:nth-child(2){
position: absolute;
top: -2px;
right: -12px;
}

#user-blog-info #user-title a:nth-child(2) img{
width: 14px;
}

#group_top_data div,
#member_list div {
  border-top: none !important;
}

#group_top_data #select_menu {
	width: 126px;
	position: absolute;
	top: 30px;
	right: -130px;
	margin-right: 5px;
}

#group_top_data #select_menu div,
#group_post_data .post_select_menu div{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #aaa;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

#group_top_data #select_menu div:first-child,
#group_post_data .post_select_menu div:first-child{
    border-radius: 3px 3px 0px 0px;
}
#group_top_data #select_menu div:last-child,
#group_post_data .post_select_menu div:last-child{
    border-radius: 0px 0px 3px 3px;
}

#group_top_data #select_menu div:hover,
#group_post_data .post_select_menu div:hover{
background:#333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#group_post_data .group_post #comment_box div:last-child{
margin-top: 24px !important;
}

#group_post_data .group_post .post_user_data .post_user_name_box .post_timestamp{
width: 30%;
float: right;
text-align: right;
line-height: 30px;
color: #AAA;
font-size: 0.8em;
margin-top: 13px;
margin-right: 10px;
}

#invite-dialog #btn_invite img{
width: 200px !important;
}

#invite-dialog #btn_invite{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#invite-dialog #btn_invite:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#group_skin{
width: 120px;
height: 120px;
margin-top: 10px;
}
#group_skin img{
display: block;
width: 100%;
height: 100%;
margin: 0;
}
#event_list div:first-child {
  display: none;
}

#group_data1{
width: 470px;
}
#group_text_data {
    width: 455px;
}

#group_text_data .group_name{
line-height: 140%;
}

#group_text_data .group_description2{
color: #4e3a33;
font-weight: bold;
line-height: 160%;
word-wrap: break-word;
position: relative;
margin: 15px 0px 0px;
padding-bottom: 0px;
width: 100%;
font-size: 12px;
overflow: hidden;
height: auto;
}
#group_text_data .group_description2 .ps-container .ps-scrollbar-y-rail{
display: none;
}


#group_text_data .group_description2 p{
width: 97% !important;
line-height: 140%;
font-weight: normal !important;
padding: 0 !important;
}

#blog-right-block {
  clear: both;
  margin-top: 10px;
}
#blog-right-block #user-title h2 {
  width: 100%;
  float: none;
}
#header-right #header-left {
  width: 124px;
  float: left;
}
#header-left #user-photo {
  margin-top: 0;
}
#header-right #header-left + ul {
  float: left;
  width: 140px;
  margin-left: 17px;
  margin-top: 2px;
  margin-bottom: 20px;
}
header {
  height: 60px !important;
  background: #291f1c;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
#blog-right-block #user-profile p {
  line-height: 150%;
}
.tabmenu_list_item {
background: #c7c7c7  !important;
  border-radius: 3px 3px 0 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.tabmenu_list_item.currentTab{
background: #aaa !important;
}
.tabmenu_list_item:hover{
background-color: #aaa !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


.nodata p,
.not-found p{
background: none;
color: #333;
border: none;
}

#footerArea .footer_content .page_top p img{
display: none;
}

#footerArea .footer_content .page_top p a{
display: none;
}

#top_wrapper #user-blog-popular .expand-header span.opened{
display: none;
}

#top_wrapper #user-blog-popular .expand-header{
cursor: auto;
color: #111;
background: #fff;
border: none;
border-radius: 3px 3px 0 0;
padding: 0 0 0 15px;
}
#blog-right-block .user-blog-post div img {
width: 14px;
height: 14px;
vertical-align: -2px;
}
#top_wrapper #blog-right-block #user-blog-popular .expand-list a div{
border-radius: 0;
border: none;
border-bottom: 1px solid #EDEDED;
padding: 8px 7px 0px 15px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#top_wrapper #blog-right-block #user-blog-popular .expand-list a:hover div{
color: #aaa;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;

}

#top_wrapper #blog-right-block #user-blog-popular .expand-list a .user-blog-post.cf div{
border-bottom: none;
padding-top: 0;
padding-bottom: 8px;
}

#top_wrapper #blog-right-block #user-blog-popular{
border-width: 1px;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-style: solid;
border-color: #F0F0F0 #E9E9E9 #D8D8D8;
border-bottom: none;
border-radius: 3px;
margin-bottom: 10px;
}

/** mypage menu ******************/

#mypage-menu{
background: none;
border: none;
padding: 0;
margin: 0;
}


#mypage-menu ul li a:hover{
background-color: #333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


#mypage-menu .cf #m4{
width: 70px;
height: 71px;
}

#mypage-menu #balloon{
height: 70px;
color: #333;
font-size: 13px;
text-indent: 0px;
box-sizing: border-box;
border-radius: 1px;
padding: 10px;
border-width: 1px;
border-style: solid;
border-color: #F0F0F0 #E9E9E9 #D8D8D8;
border-radius: 3px;
background: #fff;
margin-top: 10px;
margin-left: 0;
}
#mypage-menu .cf #m1 a:hover,
#mypage-menu .cf #m2 a:hover,
#mypage-menu .cf #m3 a:hover,
#mypage-menu .cf #m4 a:hover,
#photo-footer-left button:hover,
#photo-footer-right button:hover{
	/*
	background: none;
	background-color: transparent;
	opacity: 0.5;
	*/
	background: #4e3a33;
	opacity: 1;
}

#timeline-category .flat-dropdown {
	width: 220px;
	float: right;
	border-radius: 2px;
}

.blogDetail #timeline-category .flat-dropdown{ display: none; }
.blogDetail #timeline-category.myTimeLine .flat-dropdown{ display: block; }


/** mypage edit ******************/

.left_content #sp_area .sp_box textarea,
.left_content #sp_area .sp_box input{
font-size: 13px;
line-height: 180%;
border: 1px solid #ccc;
border-radius: 3px;
padding: 8px;
}
.left_content #sp_area .sp_box input{
height: auto;
}

.left_content #sp_area .sp_box p{
font-size: 14px;
margin-left: 0;
}

.left_content #sp_area .sp_box h2 {
    line-height: 120%;
    font-size: 15px;
    border-left: 4px solid #aaa;
    margin-bottom: 10px;
    padding-left: 6px;
    letter-spacing: 0.05em;
}
.select2-container .select2-choice{
border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
}
.left_content #sp_area #sp_icon{
position: relative;
}

.left_content #sp_area #sp_icon:before{
content: "プロフィール写真変更";
display: block;
background: #aaa none repeat scroll 0% 0%;
color: #FFF;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 3px 10px;
position: absolute;
top: 35px;
left: -139px;
width: 107px;
font-size: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.left_content #sp_area #sp_icon:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.left_content #sp_area .sp_box{
margin-bottom: 30px;
}

.left_content #sp_area .sp_box textarea{
min-height: 180px;
}
.left_content #sp_area #name input{
width: 548px;
}
.left_content #sp_area{
  border-width: 1px;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-style: solid;
  border-color: #F0F0F0 #E9E9E9 #D8D8D8;
  border-radius: 3px;
  box-shadow: none;
}

#mypage-timeline .post-header {
	position: absolute;
	top: 15px;
	right: 13px;
}


#setting_profile .left_content{
border: none;
}

.left_content #sp_area #btn_update {
    margin: 20px auto;
}

.left_content #sp_area #btn_update a{
width: 125px;
margin-bottom: 20px;
}

#g_list ul li{
background: #fff;
}

#g_list ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}

.menu_under{
display: none;
}

.text-expand-show{
text-align: center;
font-weight:bold;
}

.text-expand-show a{
	display: block;
	background: #fff;
	/* border: 1px solid#333000; */
	color:#333 !important;
	text-align: right;
	border-radius: 2px;
	padding: 5px 0;
	margin-top: 15px;
}

.text-expand-show a:hover{
text-decoration: none;

}

#user_image_box img{
width: 70px;
height: 70px;
}

/** dialog ******************/
#mypageEditAtt{
width: 548px;
padding: 0 20px;
}

#mypageEditAtt p:last-child{
margin-bottom:20px;
}

#mypageEditAtt p a{
text-decoration: underline;
}

#mailEditAtt p a{border-bottom: 1px solid#333;}
#mailEditAtt p{
line-height: 140%;
margin-bottom: 10px;
}

#popup_bubble_text{
background: #4e3a33 !important;
box-sizing: border-box;
}
#popup_bubble .arrow {
	border-bottom: 20px solid #4e3a33 !important;
}
#upload_dialog{
    background-color: #FFF;
}
#upload_dialog #infotext2 + #thumb:empty{display: none;}
#upload_dialog #infotext2 + #thumb{
    width: 124px!important;
    height: 124px!important;
}
#group-dialog #bgimg_wrap #choice_img{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#group-dialog #bgimg_wrap #choice_img ul li{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
margin: 5px 0px 5px 10px;
}

#group-dialog #bgimg_wrap #choice_img ul li:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

/** dialog ******************/
.ui-widget-content {
  border: none !important;
}
#ui-confirm-dialog p {
  line-height: 150%;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.login{
border: none;
}
#group-dialog #bgimg_wrap #bgimg p{
display: none;
}
div.card_pager{
width: 346px;
}
div.card_list ul li{
margin: 0 8px 10px;
}
.card_folder div.card_folder_favorite ul li.card_effect{
background: #e5e5e5;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 0 10px;
margin: 15px 0;
}
.trade.ui-widget-content{
background: #fff;
}
#group-dialog #bgimg_wrap #choice_img{
width: 460px;
border: 1px solid #ccc;
padding: 5px 10px 5px 5px;
margin-right: 9px;
}

#group-dialog #bgimg_wrap #choice_img + div{
padding-top: 13px !important;
width: 590px !important;
margin-right: 10px;
margin-bottom: 10px;
}

#group-dialog #bgimg_wrap #choice_img + div a{
margin: 0 auto !important;
}

#group-dialog #bgimg_wrap #bgimg{
float: left;
width: 100px;
margin-right: 10px;
}

#select_skin{
width: 90px !important;
overflow: visible;
height: 90px !important;
border-radius: 60px;
}
#select_skin img,
#skin_data img{
    width: auto;
    height: 100%;
}

div.card_list ul li a{
  border: none !important;
}

.confirm .ui-widget-content .ui-state-default{
	background: #2a1f1d !important;
}

#login-dialog form .btn .main{
	background:#333;
	margin-bottom: 15px;
}

#ui-error-dialog p{
line-height: 130%;
}

#inquiry_title input,
#inquiry_content textarea,
#inquiry_category .select2-container .select2-choice{
border: 1px solid #aaa;
border-radius: 3px;
}

.select2-container .select2-choice .select2-arrow b{
background: transparent url("/themes/sns121/img/layout/select2.png") no-repeat 0px 6px !important;
}

.inquiry.ui-widget-content,
#inquiry_form div{
background: #fff !important;
}

#inquiry_commit_button{
width: 200px !important;
margin: 0 auto !important;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#inquiry_commit_button:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


/** article style ******************/
#mypage-timeline .post {
	border-radius: 3px;
	position: relative;
	background: none;
	padding-bottom: 10px;
	margin-bottom: 60px;
}
#mypage-timeline .flat-dropdown {display: none;}
#mypage-timeline .myTimeLine .flat-dropdown {display: block;}
.blogDetail .post .nameBox{
	padding: 15px;
	margin-top: 13px;
	margin-bottom: 16px;

}


/*.blogDetail #mypage-timeline .post{ display: none; }*/
.blogDetail #mypage-timeline.my .post{
	display: block !important;
  background: none;
  margin-bottom: 50px !important;
}
/*.blogDetail #mypage-timeline .post:nth-of-type(4){ display: block; margin-bottom:0;}*/

.blogDetail #mypage-timeline .post:has(.flat-menu) .post-info{
  right: 35px;
}

#mypage-timeline .post-category{
	color: #6E6E6E;
	background: #efefef;
	font-size: 0.9em;
	line-height: 20px;
	padding: 0px 8px;
	margin-right: 0;
}

#mypage-timeline .post-external{
	border: none;
	background: #F2F2F2;
}

#mypage-timeline .post-right{
width: auto;
float: none;
}
#mypage-timeline .post-left {
    width: 96px;
    float:none;
    text-align: center;
    position: absolute;
    top: 25px;
}



#mypage-timeline .post-body font span {
  white-space: normal !important;
}
#mypage-timeline .post-body iframe {
  max-width: 100%;
}
#mypage-timeline .comment-body {
  font-size: 15px;
  line-height: 180%;
}
#mypage-timeline .comment-post textarea,
#write_area .write_textarea textarea {
  font-size: 1em;
  border: 1px solid #ccc;
}
#mypage-timeline .comment-post textarea{
min-height: 50px;
line-height: 150%;
}

#mypage-timeline .comment-right {
	width: 100%;
  position: relative;
  clear: both;
}

#mypage-timeline .text-expand-show a{
    width: 200px;
    background: #fff;
    border: 1px solid #333;
    color: transparent!important;
    text-decoration: none;
    margin: 20px auto 0;
    text-align: center;
    padding: 10px 0;
}
#mypage-timeline .text-expand-show a:before{
    content: 'VIEW MORE';
    color: #333;
    position: absolute;
    left: 50%;
    margin-left: -38px;
}
#mypage-timeline .post-status div img{
width: 14px;
height: 14px;
margin-right: 5px;
position: relative;
top: -5px;
}

#mypage-right #blog-right-block #user-blog-info{
background: #fff;
border-width: 1px;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-style: solid;
border-color: #F0F0F0 #E9E9E9 #D8D8D8;
border-radius: 3px;
padding: 10px 15px;
}


#user-info .user-info-item {
    border-bottom: 1px dotted #DADADA;
}

#mypage-timeline .post-user-nickname{
width: auto;
font-size: 14px;
line-height: 1.4em;
padding-right: 30px;
}

#mypage-user{
background: #fff;
border-width: 1px;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-style: solid;
border-color: #F0F0F0 #E9E9E9 #D8D8D8;
border-radius: 3px;
margin-top: 20px;
}

#mypage-user #user-nickname{
border-top: none;
}

#user-nickname h2{
width: auto;
margin-bottom: 10px;
}

#mypage-card #card-image{
width: 70%;
margin: 0 auto 20px;
}

#mypage-card #card-image img{
width: 100%;
}

#mypage-user #user-info{
border-color:#D8D8D8;
margin-bottom: 0;
}
#user-last-login{
background: #fff;
border-radius: 0 0 3px 3px;
}
#user-last-login p {
color: #333;
}

#mypage-card{
padding: 10px;
}

#mypage-card h2 {
padding: 10px;
border-top: none;
line-height: 27px;
font-size: 1.2em;
}

#mypage-card #card-folder a{
display: block;
width: 100%;
text-align: center;
line-height: 120%;
background: #aaa;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 5px;
}

#post-footer-left select{
background: #fff;
border: 1px solid #ccc;
font-size: 1.1em;
color :#111;
padding: 10px 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-right: 8px;
}

#post-timeline .post-category{
background: none;
border: 1px solid #333;
color: #333;
font-size: 0.9em;
}

/** minimail ******************/

#user-data .circle-mask{
margin-left: 83px !important;
}

#minimail-list{
padding: 10px 15px;
    margin-bottom: 0;
}

#minimail-main h2{
	border-bottom: 0px none;
	border-radius: 3px 3px 0 0;
	padding: 25px 14px 3px 30px;
}

#minimail-main h2+#minimail-list{
    border-top: none;
    border-radius: 0 0 3px 3px;
}

#user-right-block #user-name{
margin-top: -7px;
}

#minimail-main #minimail-list li{
background: none;
border-bottom: 1px solid #EDEDED;
margin:0
}



#minimail-main #minimail-list li:last-child{
border-bottom: none;
}

#minimail-main #minimail-list li:first-child{
border-top: 1px solid #EDEDED;
}

.minimail-info .minimail-user-name,
.minimail-info .minimail-date{
line-height: 1.3em;
}

#minimail-form #minimail-send-btn .btn a.main{
    width: 107px !important;
    line-height: 30px !important;
    padding: 4px 0 !important;
}
#minimail-form textarea{
border: 1px solid #959595;
}
#ui-minimail-dialog #minimail-message{
padding: 5px;
border: 1px solid #ccc;
min-height: 50px;
line-height: 150%;
}

.minimail-received .minimail-message-body .message-button a{
display: inline-block;
background: #fff;
color: #4e3a33 !important;
text-decoration: none;
border-radius: 3px;
text-align: center;
font-size: 12px;
padding: 8px 16px;
margin-top: 5px;
}

.minimail-sent .minimail-message-body{
position: relative;
margin: 0px 10px 0px 0;
}
.minimail-sent .minimail-message-body:before{
content: '';
display: block;
right: -21px;
top: 12px;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: #f1f1f1;
border-left: 13px solid #f1f1f1;
border-top: 8px solid transparent;
border-right: 9px solid transparent;
border-bottom: 8px solid transparent;
margin-top: 0;
}
.minimail-received,
.minimail-sent{
    background-color: #fff;
}


.minimail-received .minimail-message-body{
width: 60%;
background-color:#f1f1f1;
color: #333;
position: relative;
margin: 0px 0px 0px 10px;
}
.minimail-received .minimail-message-body:before{
content: '';
display: block;
left: -21px;
top: 12px;
background: none;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color:#f1f1f1;
border-right: 13px solid #f1f1f1;
border-top: 8px solid transparent;
border-left: 9px solid transparent;
border-bottom: 8px solid transparent;
margin-top: 0;
}
.minimail-line .minimail-message-date{
width: 37%;
}
.minimail-message-user-name{
padding: 0 10px;
}

#minimail-user-profile p{
font-weight: normal;
font-size: 11px;
line-height: 160%;
}

#minimail-header{
margin-bottom: 0;
}
#minimail-form {
margin-top: 12px;
}

#minimail-form form{
padding: 5px 0 0;
}
#minimail-user-name{
line-height: 28px;
}

#minimail-user-name .flat-menu img{ width: 16px; }

.minimail-sent .minimail-message-body:after{
display:none;
}

div#activity_list_contents .activity_text_right{
font-size: 10px;
font-weight: normal;
color: #dadada;
float: none;
text-align: right;
padding: 0 20px 20px;
}

div#activity_list_contents .activity_text_left{
width: 580px;
float: none;
padding: 20px 0px 5px 20px;
}

/** group ******************/

#groupRecentBox{
border: 1px solid #e1e1e1;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-left: 9px !important;
}

#edit_group{
height: 30px;
padding: 15px 0;
margin-bottom: 20px;
}
#group_setting{
right: -144px;
}
#group_top_data{
position: relative;
}

#group_skin{
margin: 20px 20px 0 0;
}

#group_skin img {
display: block;
width: 100%;
margin-top: 0;
border-radius: 80px;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;

}
#group_button_box{
margin-left: 8px;
}
#group_data3 #btn_sbm.write_post_button .main{
width: 122px !important;
margin-top: 16px;
margin-left: 9px;
}
#groupCommentSendBtn{margin-right: 15px !important;}

#write_post_area{
width: 430px;
min-height: 40px;
margin-left: 10px;
margin-bottom: 10px;
}

#group_title{
font-size: 1.4em;
line-height: 1.4em;
}
#member_list #thumbnail ul li{
margin-left: 8px;
border:0;
}
#group_data {
line-height: 2em;
font-weight: normal;
padding: 5px 0px 0px;
}
#g_list ul li {
background: #FFF none repeat scroll 0% 0%;
border-bottom: 1px solid #ededed;
padding-bottom: 20px;
}

#g_list ul li:first-child{
border-top: 1px solid #ededed;
}
/*
#g_list ul li:last-child{
border-bottom: none;
}
#group_text_data .group_description2{
height: auto;
overflow: inherit;
}
*/

#write_area .write_textarea #event_post_area{
height: 80px;
line-height: 140%;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_user{
margin-top: 15px;
}
#event_post_list .event_post_box .ep_area.cf+div{
display: block !important;
}
#el_left .el_area .event_post_box #comm_area .comm_textarea textarea{
width: 430px;

}
.ui-widget-content{
border: 1px solid #ccc;
}

.ui-timepicker-div dl dd{
margin: 0px 10px 10px 26px;
}

.ui_tpicker_second_label,
ui_tpicker_second{
display: none;
}

#event_box > div:first-child{
display: none;
}

#event_description_box{
max-height: 100%;
overflow: inherit;
}

#event_editor {
height: auto;
margin-bottom: 15px;
}

#event_description_box{
width: auto;
float: none;
clear: both;
margin-top: 20px;
}

#event_description_box .event_description{
padding-left: 20px;
}

#event_data_box{
padding-left: 20px;
margin-bottom: 20px;
}

.ep_center{
padding-left: 10px;
}
#el_left .el_area .event_post_box .ep_area{
position: relative;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .user_link {
text-decoration: none;
position: absolute;
top: 17px;
left: 86px;
line-height: 1.5em;
}
#el_left .el_area .event_post_box .ep_area.cf .ep_center .ep_text{
margin-top: 10px;
}
#group_button_box{
height: 50px;
position: relative;
}
#group_button_box .group_withdrawal{
width: 120px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color:#fff;
text-align: center;
background:#aaa;
/*background: #aaa;*/
text-decoration: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
padding: 11px 0 10px;
position: absolute;
right: -23px;
top: -2px;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_imge img{
width: 14px;
height: 14px;
}

#event-dialog input,
#event-dialog textarea{
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #ccc;
}

#comment_box textarea.comm_area_{
width: 450px;
min-height: 50px;
margin-bottom: 10px;
}

.ui-timepicker-div .ui-widget-content{
background: #ececec;
}

.ui_tpicker_second{
display: none;
}

.ui_tpicker_hour_label,
.ui_tpicker_minute_label{
position: relative;
top: -5px;
}


.ui_tpicker_hour{
margin-bottom: 15px !important;
}

.ui-timepicker-div dl dd{
margin: 0px 10px 10px 15% !important;
}
.ui-widget-header {
background: #aaa;
border: none !important;
color: #fff;
font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid #D3D3D3;
background: #ececec;
border: none !important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
font-weight: normal;
color: #333;
}

#ui-datepicker-div{
background: #fff;
border: 1px solid #CCC !important;
padding: 10px;
}

.ui-slider-handle.ui-state-default.ui-corner-all{
background:#333;
border: none !important;
}

.ui-datepicker .ui-datepicker-header{
	position: relative;
	padding: .2em 0;
	background: #ffffff;
	border-radius: 0;
}

#invite-dialog #invitelist{
border: 1px solid #ccc;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    padding: 14px 10px !important;
}

#invite-dialog #invitelist ul li{
border: none;
}
#group_post_data .group_post .post_user_data .post_smile_comment_box .post_comment .post_comment_count{
margin-left: 5px;
}

#comment_box .write_comment{
margin-top: 10px !important;
}

#group_button_box .invitation_friend .main,
#group_button_box .create_event .main{
width: 120px !important;
}

#group_button_box .create_event{
padding-left: 5px;
}

#group_button_box .group_withdrawal:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#group_data3 #btn_sbm.write_post_button{
margin-top:-3px;
}
#member_list #thumbnail{
margin-bottom: 78px;
}
#member_list #thumbnail ul a{
display: block;
}

#member_list #thumbnail ul a:nth-child(4n+1) li{
margin-left:0;
}


#member_list #thumbnail ul li img{
width: 60px;
height: 60px;
margin-top: 0;
margin-bottom: 8px;
}



#skin_btn{
width: 200px;
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#skin_btn:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#skin_btn img{
width: 200px !important;
}




/** setting mail ******************/

#setting .left_content{
background: #fff;
}

#setting #setting_list{
width: 580px;
border: 1px solid #575757;
border-bottom: none;
border-radius: 3px;
margin: 0 auto;
}
#setting_area #setting_list dl#list_title {
    background-color: #575757;
}
#setting_area #setting_list dl#list_title dt,
#setting_area #setting_list .list_item dt{
width: 270px;
}

#setting_area #setting_list dl#list_title dt{
width: 270px;
}

.crobd{
margin-left: 32px;
}

#setting_area #setting_list dl#list_title dd,
#setting_area #setting_list .list_item dd{
width: 87px;
}

#setting_area #setting_list dl#list_title dd,
#setting_area #setting_list .list_item dd{
border-left: 1px solid #878787;
}
#setting_area #setting_list .list_item dd{
height: 23px;
}

#setting_area #setting_list .list_item{
border-bottom: 1px solid #878787;
}

#setting .left_content .area_style{
background-color: #FFF;
border-top: none;
padding-bottom: 0;
}

#setting #setting_notes{
padding: 30px 20px 0 !important;
}

#setting_area #btn_update{
width: 190px;
margin-bottom: 20px;
}
.left_content #setting_area h1{
font-size: 1.4em;
padding: 22px 21px;
}
/** card ******************/

#card_folder_section,
#activity_list_section,
#favorite_card{
border: none;
}

#activity_list_section{
margin-top: 10px;
}

#favorite_card{
margin: 10px 0 0;
}
div#activity_list_contents ul li{
    border-color: #ededed;
}

div#activity_list_contents ul li a{

}

#skin-right{
	display: none;
  width:940px;
  height:50px;
  padding: 0;
  margin: 0 auto;
}

#skin-right #user-title h2 {
    margin: 17px 0 0;
    white-space: inherit;
    color:#333;
    font-size: 1.6em;
    font-weight: bold;
 /* text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;*/
    text-align: right;
    letter-spacing: 0.05em;
    line-height: 160%;
}
#skin-right #user-title h2 p{
 line-height: 140%;
}
#skin-right #user-title h2 a {
  color:#333;
  letter-spacing: 0.08em;
 /* text-shadow: -1px -1px 1px #ffffff, 1px -1px 1px #ffffff, 1px 1px 1px #ffffff, -1px 1px 1px #ffffff;*/
}

#mypage-header #skin-right #user-title h2 a {
	font-size: 22px;
	font-weight: normal;
}

.card_folder_title span.right_title_icon{
padding: 14px 0px 20px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.card_folder_title span.right_title_icon:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;

}

/** activity ******************/
.card_folder div.card_folder_list{
background-color:transparent;
}

div.card_pager div.trophy_pager_next img,
div.card_pager div.trophy_pager_prev img{
vertical-align: -1px;
}

img.gray_scale{
filter: inherit;
border: 1px solid #D7CCB8;
opacity: 0.6;
background: #E7DFD1;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}



/** for sp ******************/
.sp_account #sp_skin {
  min-height: 215px;
}


#mypage-timeline .post-body-tb {
  margin: 60px 18px 0;
  padding:10px;
  line-height: 1.4em;
  font-size: 1.0em;
  word-wrap: break-word;
  background: #f2f2f2;
  position: relative;
}

#mypage-timeline .post-body-tb .tb-user-nickname{
  width: auto;
  line-height: 1.4em;
  padding-right: 30px;
  font-size: 13px;
  font-weight: bold;
  word-wrap: break-word;
}


#mypage-timeline .post-body-tb .tb-right{
  float:right;
  height:70px;
  width: 87%;
}

#mypage-timeline .post-body-tb .tb-left{
  float:left;
  width:20px;
  height:70px;
}

#mypage-timeline .post-body-tb .post-tb{
line-height: 180%;
  margin-top:10px;
  clear:right;
}

#mypage-timeline .post-body-tb .post-tb font{
line-height: 130%;
}

#mypage-timeline .post-body-tb .post-tb font span{
white-space: normal !important;
}

#mypage-timeline .post-body-tb + .post-body{
margin-top: 10px;
}

.calendar .clndr .clndr-controls .month{
	font-family: 'Roboto Slab', serif;
	font-size: 16px !important;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.calendar .clndr .clndr-grid .day.today{
border: 1px solid #aaa !important;
}

#timeline-category p.keyword{
display: inline-block;
float: left;
width: 555px;
line-height: 140%;
color: #111;
font-weight: bold;
word-break: break-all;
background: #FFF;
border:none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 10px 22px;
margin-top: 9px;
}

.calendar .clndr .clndr-grid .day.event{
background:#aaa !important;
color: #fff;
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.calendar .clndr .clndr-grid .day.event:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#mypage-share{
  margin: 30px ;
  line-height: 1.4em;
  font-size: 1.0em;
  word-wrap: break-word;
  width:80%;
  border: 1px solid #888;
}


/**** share ******/
#post-dialog-share {
   margin:10px ;
   border: 1px solid #ccc;

}
#post-dialog-share .post-left {
	width: 20%;
	float: left;
	text-align: center;
	padding-top: 6px;
}

#post-dialog-share .post-right {
  width: 80%;
  float: left;
  word-wrap: break-word;
}
#post-dialog-share .post-user-photo img {
  width: 62px;
  height: 62px;
}

#post-dialog-share .post-user-nickname {
  width: 53%;
  float: left;
  line-height: 26px;
  font-size: 13px;
  font-weight: bold;
  word-wrap: break-word;
}


#post-dialog-share .post-title {
line-height: 120%;
font-size: 16px;
padding-top: 17px;
}

#post-dialog-share .post-body {
  margin: 20px 20px 0 0;
  padding: 0 10px 0 0;
  line-height: 1.4em;
  font-size: 1.0em;
  word-wrap: break-word;
}
#post-dialog-share.post-body a {
  color: #4e3a33;
  text-decoration: underline;
}

#post-dialog-share .text-expand-show a{
	width: 200px;
	background: #fff;
	border: 1px solid #aaa;
	color: #aaa;
	text-decoration: none;
	margin-left:10px;
	margin: 20px auto 0;
}

#mypage-menu ul li #tens a:hover{
opacity: 1 !important;
}

#blog-right-block .user-blog-post h3{
width: 60%;
}
#location_setting_menu{
background-color: #aaa;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
top: 29px;
}

.flat-dropdown ul{

background-color: #333;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
z-index: 100;
}

.post_report{
background-color: #aaa;
text-align: center;
border-bottom: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding-left: 0;
}
.flat-dropdown li:hover{
	background: #aaa;
	margin-left: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

.location_item{
width: 100%;
background: transparent;
border-top: 1px solid #ff7562;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 10px;
margin-left: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.location_item:hover{
background:#333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.confirm .ui-widget-content .ui-state-default{
	width: 132px;
	font-size: 13px;
	font-weight: normal;
}
.confirm.ui-widget-content, .confirm.ui-dialog .ui-dialog-buttonpane, .login.ui-widget-content, .image-view.ui-widget-content{
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
float: none !important;
display: inline-block;
}
div#friends_list li div#friends_image_box img#friends_img{
padding: 0;
}

div#friends_list li div#friends_image_box{
width: 55px;
height: auto;
margin-right: 20px;
}



div#friends_list li a{
display: block;
width: 100%;
height: auto;
padding: 10px;
}

div#friends_list li div#friends_data_box{
height: auto;
}

div#friends_list li div#friends_data_box p#friends_profile{
height: auto;
padding: 0;
}

div#friends_list li div#friends_data_box p#friends_name{
height: auto;
margin-bottom: 0;
padding: 0;
}


/** pickup *****************************/

#pickup_list_box{

}

#pickup_list_box #news_data {
top: 78px;
}

#pickup_list_box #news_title {
	padding-top: 33px;
}

#group_image_box{

}

#g_list img{
display: block;
height: 100%;
width: auto;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
}


/** today_birthday *****************************/
#today_birthday_contents h2{
font-size: 15px;
color: #FF8c97;
padding-left: 28px;
margin-left: 12px;
position: relative;
}

#today_birthday_contents h2:before{
content:'';
display: block;
width: 20px;
height: 23px;
background: url("/themes/sns121/img/layout/ico_birthday.png") no-repeat !important;
position: absolute;
top:0;
left:0;
}

#today_birthday_contents ul li#birthday_user_img_box{
border: none;
padding:0;
}
#g_title p {margin-left: 20px;}
#today_birthday_user_list ul li#birthday_user_img_box #count{
background:#aaa;
bottom: inherit;
right:inherit;
left: 8px;
top: 8px;
}

.minimail-line .minimail-data,
.minimail-line .minimail-last-message,
#g_list ul li{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.minimail-line:hover .minimail-data,
.minimail-line:hover .minimail-last-message,
#g_list ul li:hover{
color: #aaa;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

/************************************/
/*
#news_list_box #news_list .box_user_type_1 {
background: #D2E8EF;
border: 1px solid #D1E2EF;
}

#news_list_box #news_list .box_user_type_1:hover{
background: #E8F3F7;
border: 1px solid #DBF0FB;
}

#news_list_box #news_list .box_user_type_2 {
	background: #F0E6DC;
	border: 1px solid #E9DFD6;
}

#news_list_box #news_list .box_user_type_2:hover {
	background: #F9F0E6;
	border: 1px solid #F2E7DC;
}
*/

iframe#share_dialog {
	width: 630px !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#mypage-menu-line{display: none;}

#mypage-header + #mypage-main #mypage-right{margin-top: -33px;}
#mypage-header.artist + #mypage-main #mypage-right{margin-top: -22px;}
#mypage-header{margin-bottom: 40px;}

#profArea + #mypage-contents { clear:both; }

#profArea + #mypage-contents #timeline-category{
	margin: 20px auto;
	position: relative;
}

#profArea + #mypage-contents #timeline-category .txt{
	display: inline-block;
	color: #333;
	position: absolute;
	right: 234px;
	top: 11px;
}

#group-dialog #bgimg_wrap #choice_img ul li.current,
#group-dialog #bgimg_wrap #choice_img ul li{
border: none;
border-radius: 50px;
margin: 5px 0px 5px 20px;
}

#event-btn,
#event-btn:hover{
border: none !important;
width: 200px;
height: 40px;
margin: 0px 205px 10px;
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


#event-btn:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.message_setting_button,
.flat-dropdown{
opacity: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.message_setting_button:hover{
background-color:#333;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.flat-dropdown:hover .flat-dropdown-header{
opacity: 0.5;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


#login-dialog form,
.ui-dialog .ui-dialog-content{
padding-top:0;
}

#login-dialog input[type="text"]{
margin-top:0;
}

#user-info .user-info-item-data{
padding: 5px 0 5px 3%;
width: 67%;
text-align: left;
line-height: 150%;
font-weight: normal;
}

#privacy{
border-top: none;
border-radius: 3px;
padding: 20px;
}

#post-main #post-title {
display: block;
margin: -4px 0px 10px;
padding: 6px 10px;
width: 542px;
height: 2em;
color: #111;
line-height: 2em;
border: 1px solid #aaa;
border-radius: 3px;
}
.flat-menu ul{
margin-top: 16px;
right: 8px !important;
}
.flat-menu ul li{
	border-top: 1px solid #7d645b;
	border-bottom: none;
	background-color:#2a1f1d;
	transition: all 0.3s linear;
}

.flat-menu ul li:hover{
background: #aaa;
transition: all 0.3s linear;
}

.flat-menu ul li:first-child{ border-radius: 3px 3px 0 0; }
.flat-menu ul li:last-child{ border-radius: 0 0 3px 3px; }

#user_activity_date p{
font-size: 0.9em;
color :#ccc;
}

#user_activity_section{
border-top:none;
}
#user_activity_contents h2{
font-size: 15px;
padding: 15px 10px 15px 14px;
border-bottom:1px solid #EDEDED;
}

#user_activity_contents ul li{
border-bottom:1px solid #EDEDED;
}


#notice.content_layout{
border-top: none;
padding: 0 20px 20px;
}
#post-footer-right #post-send-btn img{
display: none;
}

#post-footer-right #post-send-btn{
	width: 160px;
	height: 40px;
	background: url(/themes/sns121/img/layout/btn_send_post_h.png) no-repeat center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	top: 1px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

#post-footer-right #post-send-btn:hover{
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


.minimail-sent .minimail-line .minimail-message-date{
left: 53px;
}

#ui-image-view-dialog a{
display: block;
width: 160px;
color: #333 !important;
outline: none;
text-align: center;
border: none;
padding: 10px;
margin: 12px auto 2px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-weight: bold;
letter-spacing: 0.15em;
}
.image-view .ui-state-default .ui-icon{
/*background-image: url("/themes/common/css/ui/images/ui-icons_888888_256x240.png") !important;*/
}
.ui-dialog .ui-dialog-titlebar{
padding: 3px 1em;
}
#groupNewPostTit a{
margin-right: 20px !important;
position: relative;
}
#groupNewPostTit a:before{
content: '';
display: block;
width: 12px;
height: 12px;
background: url("/themes/sns121/img/layout/btn_next.png") no-repeat left center;
position: absolute;
top: 27px;
left: -15px;
}

#groupNewPostTit a span{
display: none;
}

#minimail-form #minimail-photo-btn{
margin: 0 11px 0 0;
width: 40px;
height: 40px;
}

#minimail-form #minimail-photo-btn img{
width: 100%;
}

#minimail .list .text{ overflow: hidden; }
#minimail .new{
    height: 20px;
    width: 20px;
    background-color:#cc1435;
    position: absolute;
    top: 15px;
    left: 0px;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 22px;
    box-sizing: border-box;
    text-align: center;
    line-height: 20px;
}


/************************************/

#tab_menu{
border-bottom:none;
}

#friends_list{
box-shadow: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#tab_menu ul li{
background-color: #dadada;
padding: 4px 0;
}

#tab_menu ul li.tab_select{
background-color: #aaa;
}

#howto_q_text{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#howto_q_contents:hover #howto_q_text{
color: #aaa;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.card_folder div.card_folder_favorite ul li.btn_image{
}
.card_folder div.card_folder_favorite ul li.btn_image a{
display: block;
width: 160px;
height: 40px;
background: #aaa;
border-radius: 3px;
position: relative;
}

#favorite_card_contents #card_cancel{
position: relative;
}

#favorite_card_contents #card_cancel img{
display: block;
opacity: 0;
position: absolute;
top: 0;
z-index: 20;
}

#favorite_card_contents #card_cancel{
display: block;
width: 160px;
height: 40px;
background: #aaa;
margin: 0 auto;
border-radius: 3px;
position: relative;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#favorite_card_contents #card_cancel:before{
content:'お気に入りを解除';
display: block;
font-size: 13px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 40px;
position: absolute;
top: 0;
left: 26px;
z-index: 10;
}

#favorite_card_contents #card_cancel:hover{
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.card_folder div.card_folder_favorite ul li.btn_image a:before{
content:'お気に入りに設定 ';
display: block;
font-size: 13px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 40px;
}

.card_folder div.card_folder_favorite ul li.btn_image img{
display: block;
opacity: 0;
position: absolute;
top: 0;
}

.confirm.ui-widget-content,
.confirm.ui-dialog .ui-dialog-buttonpane,
.login.ui-widget-content,
.image-view.ui-widget-content{
background-color: #fff !important;
color:#333;
}
.confirm.ui-widget-content #ui-confirm-dialog p{
color:#333;
}

#login-dialog input[type="text"], #login-dialog input[type="password"]{
border: 1px solid #A1A1A1;
border-radius: 3px;
}

#mypage-timeline .comment-post button img{
opacity: 0;
}

#mypage-timeline .comment-post button{
height: 37px;
background:#aaa;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 13px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 15px 3px;
position: relative;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#mypage-timeline .comment-post button:before{
content:'コメント';
display: inline-block;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 2px;
}

#mypage-timeline .comment-post button:hover{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
opacity: 0.7;
}

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{
position: absolute;
top: -25px;
right: -45px;
width: 22px;
height: 22px;
}
/*
.mypage-post-dialog .ui-state-default .ui-icon,*/
div.login .ui-button-icon-primary.ui-icon.ui-icon-closethick,
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close{
//background-image: url("/themes/sns121/img/layout/btn_del") !important;
//background-position: center;
width: 22px;
height: 22px;
background-size: contain;
}

.cleditorPrompt .ajax-file-upload+ span br{
display: none;
}

.confirm .ui-state-default .ui-icon{
//opacity: 0;
}
div.login .ui-button-icon-primary.ui-icon.ui-icon-closethick,
.error .ui-state-default .ui-icon{
position: relative;
}
div.login .ui-button-icon-primary.ui-icon.ui-icon-closethick{
	background-image: none !important;
	opacity: 1;
}

/*
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:before{
content: '';
display: block
background-image: url("/themes/sns121/img/layout/btn_del") !important;
background-position: center;
width: 22px;
height: 22px;
background-size: contain;
}
button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:hover span,
*/

button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close:hover{
background: url("/themes/sns121/img/layout/btn_del") no-repeat center !important;
width: 22px;
height: 22px;
background-size: contain;
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

#mypage-timeline .post-status div span{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
text-decoration: none;
cursor: pointer;
}

#mypage-timeline .post-status div span:hover{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
color: #aaa;
text-decoration: none;
cursor: pointer;
}

#groupRecentBox{
border: none;
border-top: 1px solid #EDEDED;
position: relative;
}

#groupRecentBox:before{
display: block;
content: '最新投稿ユーザー';
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

#groupRecentBox .topRecentUserIco{
padding: 0 !important;
margin-left: 0px !important;
}

#groupRecentBox .topRecentUserIco,
#groupRecentBox .topRecentUserIco img{
width: 54px !important;
height: 54px !important;
}
#groupRecentBox .topRecentUserName{
margin-top: 8px !important;
font-size: 15px !important;
}

.error.ui-widget-content{
background:#fff;
}
#ui-error-dialog p,
.error.ui-dialog .ui-dialog-title{
color:#333;
}
.cleditorPrompt {
background-color: #F6F7F9;
padding: 4px;
font-size: 10.5pt;
border: 1px solid #ededed;
width: 543px;
margin: 5px 0 0 6px;
}

.mypage-post-dialog .ui-state-default .ui-icon{
background: none!important;
}

.ajax-upload-dragdrop {
    border: none !important;
    width: 413px !important;
    color: #3A3A3A !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 10px !important;
    margin: 10px auto !important;
    box-sizing: border-box;
}
.ajax-file-upload {
	height: 60px !important;
	color: #fff !important;
	background: #291f1c !important;
	box-shadow: none !important;
	width: 100% !important;
	font-size: 13px !important;
	box-sizing: border-box !important;
	padding: 10px !important;
	font-weight: normal !important;
	line-height: 43px !important;
	margin: 0 auto !important;
}

.ajax-upload-dragdrop .ajax-file-upload{
	overflow: visible !important;
	height: auto !important;
}

.ajax-file-upload:hover {
background: #aaa !important;
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.ajax-upload-dragdrop {
border: 1px dotted #BFBFBF;
color: #1B1B1B;
text-align: left;
vertical-align: middle;
padding: 10px;
font-size: 13px;
}
#infotext1,
#infotext2{
margin-bottom: 20px;
    line-height: 180%;
}

#infotext1 + #thumbnail{ margin-bottom: 20px; }

#banner-right-block .banner:first-child{
margin:0;
}
/*
#post-footer-left button{
display: block;
width: 110px;
height: 32px;
position: absolute;
right: -52px;
top: 1px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #aaa;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
*/
#post-footer-left button{
display: block;
width: 32px;
height: 32px;
position: absolute;
right: -15px;
top: 1px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
#post-footer-left button:hover{
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
/*
#post-footer-left button:before{
content: "プレビュー";
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #aaa;
text-align: right;
position: absolute;
top: -5px;
left: 37px;
}
*/
#post-footer-left button img{
width: 30px;
position: absolute;
top: 5px;
left: 0;

}

#facebool_post{
display: inline-block;
position: relative;
}
#facebool_post label{
display: inline-block;
font-size: 0.75em;
border-radius: 3px;
border: 1px solid #CCC;
color: #111;
background: #fff;
width: 120px;
padding: 7px 1px 7px 5px;
font-weight: bold;
letter-spacing: 0;
}

#facebool_post input{
vertical-align: -2px;
}

#post-footer-left select {
font-size: 0.8em;
color: #111;
min-width: 110px;
padding: 8px 0px;
margin-right: 6px;
}
#post-footer-right {
width: 160px;
float: right;
}

.cleditorPrompt input{
font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","モリサワ 新ゴ R","Droid Sans","メイリオ",Helvetica,Arial,sans-serif !important;
font-size: 13px !important;
line-height: 120%;
background: #aaa;
border: none;
border-radius: 3px;
color: #fff;
font-weight: bold;
padding: 3px 10px;
display: block;
}

.cleditorPrompt textarea{
width: 534px;
min-height: 80px;
border: solid 1px #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 10px;
margin: 10px auto;
}

.cleditorPrompt {
padding: 10px;
}
.cleditorPopup {
border: solid 1px #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#user-blog-popular{
/* margin-top: 10px; */
margin-bottom: 10px;
}



#setting_profile #sp_area{
margin-bottom: 20px;
}

.left_content #sp_area_facebook{
background: #fff;
padding-bottom: 20px;
}

.left_content #sp_area_facebook h1 {
font-size: 1.4em;
margin: 18px;
}

.left_content #sp_area_facebook .select_menu{
font-size: 16px;
letter-spacing: 0.2em;
font-weight: bold;
color: rgb(35, 163, 206);
padding: 0 0 0 20px;
margin-bottom: 15px;
}

.left_content #sp_area_facebook .select_menu .facebookOff{
color: #333;
}

.left_content #sp_area_facebook .main{ width: 125px; }

#userProfileMySong{ display: none;}

#smile-dialog #smilelist ul li{
border: none;
width: 87px;
padding: 0px;
margin: 0 21px 15px 0;
}

#smile-dialog #smilelist ul li a{
display: block;
}

#smile-dialog #smilelist ul li:nth-child(4n){
margin-right:0;
}

#smile-dialog #smilelist ul li a{
display: block;
}

#smile-dialog #smilelist ul li img {
border-radius: 50%;
width: 100%;
height: auto;
}

#smile-dialog #smilelist{
height: 200px !important;
border: none;
background: none;
padding: 17px 0px 8px 10px;
}

#smile-dialog{
height: 306px !important;
}

#smile-dialog #pagination #next span,
#smile-dialog #pagination #prev span{
display: inline-block;
top: 2px;
position: relative;
color: #111 !important;
}


#mypage-timeline .post-body span{
line-height: 150% !important;
}

.cl_editor_pastetext{
white-space: inherit !important;
}

.upload-dialog.ui-widget-content{
background: #fff;
}

#event_list ul li {
height: auto;
padding: 12px 8px;
border-top: 1px solid #D8D8D8;
}

#event_list ul li .event_data_title{
color: #333 !important;
}

#write_area{
padding: 10px 15px;
}

.el_area #event_box #write_area .write_btn{
margin-top: 32px;
}

.card_folder_title span.right_title_text{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.card_folder_title span.right_title_text:hover{
opacity: 0.6;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.card_folder_title .left_title h2 span{
font-size: 12px;
}

#setting_profile .left_content #sp_area .sp_box{
border-bottom: 1px solid #eaeaea;
padding-bottom: 30px;
}

.left_content #sp_area #name input{
color: #333;
font-size: 14px;
border: none;
font-weight: bold;
padding: 0;
}
#share_dialog .titShare{
text-align: center;
font-weight: bold;
margin-bottom: 20px;
}
#share_dialog #friends_list{
border: none;
margin: 0 auto;
padding: 0;
}
#share_dialog #friends_list .slist{
background-color: #fff;
padding: 17px 0px 8px 10px;
}
#share_dialog div#friends_list li {
margin: 0 10px 10px 0;
background: #fff;
border: none;
padding: 8px 0;
}
#share_dialog div#friends_list li div#friends_image_box a{
display: block;
padding: 0 10px;
}
.cleditorPrompt .ajax-file-upload form input[type="file"] {
width: 100% !important;
height: 60px !important;
}
.post_form #p_pre a {
	position: relative;
	display: block;
	width: 100%;
}
#post-dialog-share .post-body span{
	white-space: inherit !important;
}

#mypage-timeline .post-comments{
  padding-top: 24px;
}
#mypage-timeline .comment{
	border-bottom: none;
	padding: 0 15px 0;
}

#mypage-timeline .comment:last-child{
//	border-bottom: 1px solid #291f1c;
}


#blog-right-block #user-profile p{
display: inline !important;
}

.tabmenu_list_item{
font-weight: normal;
font-size: 12px;
letter-spacing: 0.1em;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.unblock #upload_dialog{
background: #fff !important;
}

#skin_dialog #skin_bgimg_wrap #skin_choice_img ul li:nth-child(3n+1){
clear:left;
}
.post-privacy-icon{
display: block;
width: 20px;
float: right;
margin-left: 12px;
padding-top: 1px;
}

#support h2{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 30px;
}
#support dl{ line-height: 2.2em;}

#support dt {
    font-weight: bold;
    margin: 0 0 3px;
    font-size: 14px;
}
#support dd {margin: 0 0 30px;}
#support dd:last-child {margin: 0;}
#support .decimal li {
    list-style: decimal outside none;
    margin: 0 0 5px;
    padding: 0;
}
#support .disc li,
#support li li {line-height: 150%;}
#support .disc li {
    list-style: disc outside none;
    margin: 0 0 5px;
    padding: 0;
}
#support ul {padding: 0 0 10px 20px;}
#support ul.child {padding-top: 6px;}
#support dl.child dt{ font-size:13px; }

#support .txt { line-height: 2em; margin-bottom: 40px; }
#support .right{ text-align:right; margin-bottom: 15px; }


.loginAtt{ font-size: 12px; margin: 10px auto; }
#login-dialog .loginAtt a{ font-size: 12px; }


































/* add PC
============================================ */
/*--------------- clearfix -------------*/
.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}


.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{
background: #e5e5e5;
}


/*--------------- parts -------------*/

.topic_aria #location_list,
#page-top,
#post_area #tabs{ display: none !important; }

.cmnList .new{ display:none; }
.cmnList{}
.flick_list_item ul.cmnList li{
	float: left;
	width: 33.3%;
	background: none;
	margin: 0;
	box-shadow: none;
}
.cmnList li:nth-child(3n+1){ clear:left; }

#flick_list > ul > li {
	width: 100%;
	float: none;
	list-style-type: none;
	text-align: center;
	position: relative;
}

.cmnList li a{
	display: block;
	width: 100%;
	border: 2px solid #e5e5e5;
	border-bottom: none;
	border-right: none;
	box-sizing: border-box;
}
.cmnList li:nth-child(3n) a{ border-right: 2px solid #e5e5e5;}


.cmnList li .thumb{}
.cmnList li .thumb img{
display: block;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
-webkit-background-size: cover;
background-size: 200%;
}
.cmnListli .new{}

/*--- artistList  -----*/

.artistList li{
width: 50%;
float: left;
}

.artistList li:nth-child(2n+1){
clear: left;

}

.artistList li a{
	display: block;
	width: 100%;
	border: 2px solid #e5e5e5;
	border-bottom: none;
	border-right: none;
	box-sizing: border-box;
	position: relative;
}
.artistList li:nth-child(2n) a{ border-right: 2px solid #e5e5e5;}
.artistList li .thumb{}
.artistList li .thumb img{
display: block;
width: 100%;
height: 100%;
background: no-repeat center;
background-size: cover;
-webkit-background-size: cover;
background-size: 200%;
}

.nameBox{
	height: 40px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}
.artistList .nameBox{
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
}

.artistList .nameBox .name{ font-size: 11px; }

.nameBox .userPh{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	overflow: hidden;
	float: left;
}
.nameBox .userPh img{
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}

.nameBox .name{
	font-weight: normal;
	font-size:13px;
	color: #fff;
	overflow: hidden;
}




/*--------------- header -------------*/
#header { padding: 8px 5%;}

#navBtn{
	position: relative;
	top: 10px;
}
#navBtn span{
	display: block;
	width: 18px;
	height: 1px;
	background: #fff;
	position: absolute;
}
#navBtn span.top{ top: 0; }
#navBtn span.mid{ top: 6px; }
#navBtn span.btm{ top: 12px; }

.ui-panel-page-container #navBtn{ opacity: 0; }

.ui-panel-inner #gNav li{ border-bottom: 0.5px solid #222; }
.ui-panel-inner #gNav li:first-child{ border-top: 0.5px solid #222; }
.ui-panel-inner #gNav li a{
	display:block;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	padding: 10px 5%;
	position: relative;
}
.ui-panel-inner #gNav li a::after{
	content: "\f105";
	text-indent: 0;
	font-size: 15px;
	font-family: "FontAwesome";
	color: #333;
	position: absolute;
	right: 4%;
	top: 50%;
	margin-top: -9px;
}

.ui-panel-inner  #gNav li#p_user_logout dl dd a::after{display: none;}
.ui-panel-inner  #gNav #user-status a::after{ display: none; }
.ui-panel-inner  #gNav #user-photo a::after{ display: none;  }
#user-right-block #user-status th a { padding: 0;}

#user-right-block #user-status td {
    background: none;
    text-align: center;
    color: #333;
    font-size: 0.5em;
    font-weight: normal;
    padding: 3px 0;
}
#user-right-block #user-status th, #user-right-block #user-status td {
    border: none;
}
.ui-panel-inner #gNav li#p_user {
	border-bottom: 0.5px solid #222;
}

#user-right-block #user-status td a {
    display: inline-block;
    padding: 0;
}

#user-right-block #user-status th a {
    padding: 0;
    color: #888;
    font-size: 9px;
}
#user-right-block #user-photo i {
	border-radius: 50%;
	width: 112px;
	height: 112px;
	margin: 0;
}
#header_right_mypage{
	width: 37px;
	text-align: center;
	font-size: 18px;
	position: absolute;
	top: 15px;
	right: 0;
}
#header_right_mypage a{
    display: block;
    font-size: 20px;
    color: #fff;
}
#header_right_search {
    text-align: center;
    position: absolute;
    right: 86px;
    top: 16px;
}
#header #header_right #home {
	float: none;
	padding-left: 0;
	position: absolute;
	top: 15px;
	right: 50px;
}
#header .ico{ width: 22px; }



.ui-input-text input {
    width: 100%;
    margin: 2px 0 0;
    padding: 4px 5px 8px;
    min-height: 0;
    text-align: left;
    border: 0;
    background: #fff;
    color:#333;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius:0;
    border-radius: 0;
}
.ui-mobile label, div.ui-controlgroup-label {
    font-weight: 400;
    font-size: 14px;
}

.pulldown{
	background: #f0f0f0;
	border-radius: 0;
	width: 92%;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.pulldown .mb10{ margin-bottom: 0 !important;}

.post_area .post_box .p_text .thumb{ width: 100%; margin-bottom: 5px;}
.post_area .post_box .p_text .thumb+br{ display: none;}

.post_area .post_box .p_text .thumb img{
display:block;
width: 100%;
background: no-repeat center;
background-size: cover;
-webkit-background-size: cover;
}

#profArea{
	border-bottom: 1px solid #291f1c;
	padding-bottom: 30px;
}

.photo.btn{
	width: 34%;
	margin: 20px auto 10px;
	overflow: hidden;
}

.photo.btn a{
	/*
	border: 1px solid#333;
	color:#333;
	*/
	margin: 0;
	font-weight: normal !important;
	background: #2d1d18;
	color: #fff;
}
.p_change{
	display: inline-block;
	text-align: center;
	font-size: 12px;
	padding: 0;
}
.p_change a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 13px;
	margin-bottom: 25px;
	color:#333;
}

.p_change a i{ margin-right: 4px;}

#btn_login + p{ padding-top: 0; }
.blogDetail .post_box:not(:nth-of-type(1)){ display: none; }
.blogDetail .user{ display: none; }
.blogDetail .sp_account{ display: none; }
.blogList .pulldown,
.blogList .post_menu,
.blogList .p_contents article dl,
.blogList .p_contents article .p_cate,
.blogList .p_contents article h1,
.blogList .p_contents article .tags,
.blogList .p_contents article .reaction{ display: none; }


.blogList .post_box{
	float: left;
	width: 33.3%;
	margin: 0;
}

//.blogList .post_box:nth-of-type(3n+1){ clear:left; }

.blogList .post_area .post_box .p_text .thumb{
	display: block;
	width: 100%;
	border: 2px solid #e5e5e5;
	border-bottom: none;
	border-right: none;
	box-sizing: border-box;
	margin:0;
}
.blogList .post_box:nth-of-type(3n) .thumb{ border-right: 2px solid #e5e5e5;}
.blogList .post_area .post_box .p_text{padding: 0;}
.blogList .u_profile{ display: block !important;  margin-bottom: 20px; }


.ui-body-b,.ui-bar-a{background: none;}
html + body .ui-btn.ui-btn-b{ background:#333 !important; }
.ui-overlay-shadow{ box-shadow:none; }
.ui-btn-icon-left::after{ display: none !important; }


#nuxUploadPhotoButton{
text-align: center;
}

#nuxUploadPhotoButton input{
	text-shadow: none;
	background:#333;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
}

.blogList .nameBox{
padding: 20px 4% 10px;

}

.blogList .nameBox a{
	color:#333;
	font-size: 13px;
	font-weight: bold;
}


.blogList .nameBox .userPh {
	width: 62px;
	height: 62px;
	border-radius: 34px;
	-webkit-border-radius: 34px;
	margin-right: 12px;
}
.blogList .nameBox .name{
	color:#333;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 8px;

}
.blogList #u_title{ font-size: 15px; }
.blogList #u_text{
	padding: 0 4% 10px;
	line-height: 180%;
	font-size: 12px;
}
.user .u_profile .u_detail .u_data{ display: none; padding: 0;}
.blogList #calendar_area{ display: none; }



.my.nameBox{
display: block;
}
.my.nameBox .userPh {
	width: 170px;
	height: 170px;
	border-radius: 85px;
	margin-right: 30px;
}

.my.nameBox .name{
	color:#333;
	font-size: 30px;
	line-height: 120%;
	display: block;
	align-items: center;
	overflow: visible;
	margin: 10px 0 20px;
}

.u_detail.cf{ display: none; }

.user .u_friend {
	background: none;
	height: 27px;
	padding: 5px 0;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #eaeaea;
}

.user .u_friend dl{
	float: left;
	width: 33%;
	text-align: center;
}
.user .u_friend dt{ font-size: 10px; fon}
.user .u_friend dd{
	font-size: 12px;
	font-weight: bold;
	margin-top: 1px;
}

.action_btn{
	text-align: right;
	padding-right: 5%;
	margin-top: 10px;
}

.action_btn li{
	display: inline-block;
	background:#333;
	color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 7px 12px;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	position:relative;
}

.action_btn li.friend::after{ content:'友達になる'; }
.action_btn li.friend.release::after{ content:'友達解除'; }
.action_btn li.friend.request::after{ content:'友達になる'; }

.action_btn li.follow::after{ content:'フォローする'; }
.action_btn li.follow.unfollow::after{ content:'フォロー解除'; }
.sp_account .name{
	height: 60px;
	color:#333;
	font-size: 13px;
	line-height: 160%;
	display: flex;
	align-items: center;
}

.profPh{
	background:#333;
	color: #fff;
	padding: 10px 20px;
	border-radius: 2px;
}

.ui-icon-delete::before,
.ui-icon-delete::after{
	display: block;
	content: '';
	width: 1px;
	height: 18px;
	background:#333;
	position: absolute;
	top: 5px;
	left: 16px;
}

.ui-icon-delete{
	width: 30px;
	height: 30px;
	left: -1px;
}

.ui-icon-delete::before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.ui-icon-delete::after{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 16px;
	left: 27px;
}

.ui-btn.ui-btn-b{
	width: 80%;
	background:#333 !important;
	color: #fff !important;
	font-weight: normal;
	margin: 0 auto;
	padding: 13px 0;
}

.ui-btn.ui-btn-c {
	width: 80%;
	height: auto;
	background:#333 !important;
	color: #fff !important;
	font-weight: normal;
	margin: 0 auto;
	padding: 13px 0;
}

.ui-btn.ui-btn-c::before{display: none;}

html head + body .ui-btn.ui-btn-a{ background: none; }
.blogDetail .loading_indicator{ display: none !important; }
.blogList .p_text a+br{display:none;}


#howto_box .accordion{}
#howto_box .accordion dt{
	font-size: 13px;
	padding: 15px 3%;
	background: #f0f0f0;
	margin-bottom: 10px;
	position: relative;
}

#howto_box .accordion dt::before,
#howto_box .accordion dt::after{
	content:'';
	display: block;
	width: 10px;
	height: 1px;
	background:#333;
	position: absolute;
	top: 50%;
	right: 10px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#howto_box .accordion dt::after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	opacity: 1;
}

#howto_box .accordion dt.opened{ margin-bottom: 0;}
#howto_box .accordion dt.opened::after{
	opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#howto_box .accordion dd{
	font-size: 13px;
	background: #f0f0f0;
	line-height: 180%;
	padding: 0 3% 15px;
	margin-bottom: 10px;
}
#howto_box .accordion span{ font-weight: bold;}
#howto_box .accordion dd a{ text-decoration: underline;}

/*
#minimail_menu .mm_box li a{
	font-size: 13px;
	padding: 15px 3% !important;
	background: #f0f0f0;
	margin-bottom: 10px;
	position: relative;
}

*/
#minimail_menu .mm_box li a dt{ font-weight: bold;font-size: 13px; }
#minimail_menu .mm_box li a dt span{ display:inline-block; font-weight: normal;font-size: 10px; margin-left: 5px; }
#minimail_menu .mm_box li a dd{ font-size: 11px; }


#mini_mail header{ height: 30px; }
#mini_mail #close_b{ float: none; }
#close_b a {
	display: block;
	width: 50px;
	height: 50px;
	position: relative;
}
#close_b a::before,
#close_b a::after{
	content: '';
	display: block;
	width: 22px;
	height: 1px;
	position: absolute;
	top: 21px;
	left: 10px;
	background: #fff;
}
#close_b a::before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#close_b a::after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 21px;}
#close_b a img{ display: none; }
#header2 #close_b {
    float: left;
    padding: 0;
}

#header2 #close_b a{
    width: 40px;
}

#header2 #close_b a::before, #header2 #close_b a::after{top: 25px;}

.pic_form{
	background-color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0;
	margin: 15px 4%;
}
#minimail .ajax-upload-dragdrop {
	border: none;
	background:#333;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	padding: 0;
}

#minimail .ajax-upload-dragdrop img{ display: none;}

#minimail .ajax-file-upload {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background:#333;
	box-shadow: 0 0 0 0;
	font-weight: normal;
	font-size: 14px;
	padding: 13px 0;
	box-sizing: border-box;
}
.ajax-file-upload + span{ display: none; }
#enter_text .ui-link{
	float: left;
	width: 12%;
}

#friend_follower .ff_box li a dt{
	font-size: 13px;
	font-weight: bold;
}
#friend_follower .ff_box li a dd{
	font-size: 11px;
	font-weight: normal;
	line-height: 160%;
}
/*
#friend_follower .ff_box li a,{
	font-size: 13px;
	padding: 15px 3% !important;
	background: #f0f0f0;
	margin-bottom: 10px;
	position: relative;
}


#activities li{
	font-size: 13px;
	padding: 15px 3% !important;
	background: #f0f0f0;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
}

.my_activity .activity_box ul li a{
    padding: 0;
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
}
.my_activity .activity_box ul li p {
    display: table-cell;
    vertical-align: top;
    padding-left: 0px;
    padding: 0 3% 10px 0;
    line-height: 160%;
}
.my_activity .activity_box ul li span {
    display: block;
    vertical-align: top;
    color:#333000;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    right: 12px;
    z-index: auto;
    height: 12px;
    top: inherit;
}
*/
.blogDetail .p_text a + br{ display: none; }
.blogDetail .pulldown{ display: none; }
.blogDetail #timeline{ padding-top: 10px; }
.comm_box.artist{ color: #1a86d6;}
.comm_box.artist .c_date{ color:#333;}


.blogDetail .ajax-upload-dragdrop .ajax-file-upload{
	color:#333 !important;
	line-height: 23px !important;
	background: transparent !important;
	border: 1px solid#333 !important;
}
.p_text a + br{display: none;}

.pic_form #photo_upload .ajax-upload-dragdrop span::before {
	display: inline-block;
	content: "\f030" !important;
	font-size: 18px;
	font-family: "FontAwesome";
	margin-right: 8px;
}

.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload {
  margin: 0 10px 0 0;
  padding: 0 0 0 0;
  width: 100%;
  min-height: 35px;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 0;
}
.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form {
  width: 100%;
}
.pic_form #photo_upload .ajax-upload-dragdrop .ajax-file-upload form input {
  width: 100%;
}
.pic_form #photo_upload .ajax-file-upload-statusbar {
  width: 90%;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-filename {
  margin: 0;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-progress {
  width: 70%;
  margin: 5px 10px 5px 0;
}
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-green,
.pic_form #photo_upload .ajax-file-upload-statusbar .ajax-file-upload-red {
  padding: 4px 10px;
  margin: 5px 0;
}
.pic_form #photo_upload #thumbnails div {
  position: relative;
  width: 24%;
  float: left;
 // border: 1px solid #666;
}
.pic_form #photo_upload #thumbnails div img {
  width: 100%;
}
.pic_form #photo_upload #thumbnails .btn_del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
}
.pic_form #photo_upload a.image_post_howto {
  display: block;
  margin: 20px 0 0 0;
  line-height: 20px;
  font-size: 1em;
  font-weight: normal;
}
.pic_form #photo_upload a.image_post_howto img {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
}


.photoPostMain{ padding-top: 0;}

#pic_pre{
	float: right;
	padding-top: 0;
}
#pic_pre a{
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background:#333;
	padding: 11px;
}

#thumbnails{ padding-top: 20px; }


/* pcadd
============================================ */

/*** base ***/
html,body{ min-width: 1000px;}
body{ min-height: initial; padding-bottom: 0 !important; }
.detail{ padding-bottom: 10px; }

/*** header ***/
h1{
	font-size: 9px;
	letter-spacing: 0.05em;
/*
	padding-top: 16px !important;
	text-align: center;
	position: absolute;
	left: 20px;
	margin-left: 0 !important;
	top: 9px;
	font-weight: normal;
*/

}
h1 a{ color: #a5a5a5;}
h1 a:hover{ text-decoration: none; }
.line_content p{ display: none; }

#gnav{
	text-align: right;
	position: absolute;
	right: 10px;
	top: 10px;
}
#gnav li{
	width: 18px;
	display: inline-block;
	margin: 0;
	position: relative;
}
#gnav li a{ color: #fff;}
#gnav li a:hover{
	color: #fff;
	opacity: 0.7;
	transition: all 0.3s linear;
}
a{
	transition: all 0.3s linear;
}

#gnav li#fcBack{
  width: 50px;
}


#gnav li.home{
width: auto;
font-size: 9px;
}

#gnav li.accordion{
	width: 18px;
	position: relative;
	top: 20px;
}
#gnav li.accordion dl{
    position: absolute;
    top: -31px;
    transition: 0.3s linear;
    left: -21px;
}
#gnav li.accordion dt{
	width: 63px;
	color: #a5a5a5;
	text-align: center;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	cursor: default;
	padding-top: 2px;
}
#gnav li.accordion dt:hover{
	opacity: 0.7;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

#gnav li.accordion dt img{ width: 18px;}

#gnav li.accordion dd{
	display: none;
	width: 12em;
	z-index: 10;
	position: relative;
	top: 19px;
	left: -40px;
}
.home #gnav li.accordion dd{ top: 8px; }

#gnav li.accordion dd li:hover{
background: #4e3a33;
}
#gnav li.accordion dd li:hover a{ opacity:1;}
#gnav li.accordion dd ul{ float:none; margin:0; }

#gnav li.accordion dd li{
	width: auto;
	line-height: 40px;
	font-size: 11px;
	display: block;
  background: #2a1f1d;
  border-bottom: #7d645b solid 1px;
	transition: 0.3s linear;
	text-align: center;
}
#gnav li.accordion dd li a{
display:block;
width: 100%;
}
.home #gnav #search{
  box-sizing: border-box;
	transition: all 0.3s linear;
}
.home #gnav #search *{
  box-sizing: border-box;
}
#gnav #search p img{
width: 17px;
}

.home #gnav #search.open {
    width: 170px;
}
#gnav li.footerLinkOfficial{
	font-size:9px;
	width: 110px;
	position: relative;
	top: -5px;
}

.footerLinkOfficial a{
	border-left: 1px solid rgba(255,255,255,0.5);
	border-right: 1px solid rgba(255,255,255,0.5);
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
}
.footerLinkOfficial a:hover{ opacity:1;}
#gnav li img{ width: 100%;}
#gnav #header_group_button{ display: none; }
#popup_bubble{ display: none !important; }

/*** footer ***/
.footer_content{ background:#333; text-align: center; }
.footer_content li{ display: inline-block; }
.footer_content li a{
	display: block;
	padding: 0 5px;
	color: #666;
	font-size: 10px;
	line-height: 44px;
}
.footer_content li a:hover{ color: #fff; text-decoration: none; }
#footerArea{
	display : none;
	width: 100%;
	position: fixed;
	bottom: 0;
}

/*** content ***/
#subClm{ display: none !important; }
#mainClm h2,
#friends_wrapper h2{
	color: #4e3a33;
	display: block;
	position: relative;
	font-size: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding: 80px 0 70px;
}
.btn .main {
	background: #4e3a33 !important;
	color: #fff !important;
	height: auto;
	line-height: 100%;
	padding: 15px 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
.btn .main:hover{
	background:#4e3a33!important;
	text-decoration: none;
	opacity: 1!important;
}
a{ cursor: pointer; }

.detail #mainClm{ width: 600px; }


#news_data_box,
#location_menu,
.page_top{ display: none; }

#location_setting_menu{ display: none; }
#mainClm{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 60px 0 0 ;
}
#news_genre_img img{ display: none; }
#news_list{}
#news_list li{
	float: none;
	width: 25%;
	box-sizing: border-box;
	padding: 0;
	cursor:pointer;
}
#news_list li .thumb,
.post-body a .thumb{
	width: 100%;
	transition: all 0.3s linear;
	opacity:1;
	box-sizing: border-box;
}

#news_list li .thumb:hover,
.post-body a .thumb:hover{
	opacity: 0.8;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
#news_list li .thumb img{
	display: block;
	width: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
}

#mypage-main{
	width: 600px;
	margin: 80px auto;
	position: relative;
	padding: 60px 0 0 ;
}

#mypage-calendar{ display: none; }


/*** home ***/

.home #news_tab{
  display: none;
}

.home .header_content h1 {

}
.home #mainClm h1 {
    text-align: center;
    position: static;
    margin: 60px auto 50px!important;
    line-height: 0;
}
.home #mainClm h1 img{
	width: 250px;
}
#pickup_list{padding: 50px 0 0 ;}
#pickup_list li{
	width: 50%;
	float: left;
	padding: 0;
	box-sizing: border-box;
}

#pickup_list li.snsLogo img{
  display: block;
  width: 100%;
  background: url(../img/logo_fc.png) no-repeat center;
  background-size: 65% auto;
}

#pickup_list li a{
	display: block;
	position: relative;
  box-sizing: border-box;
}
#pickup_list li a:hover{opacity: 0.8;}
#pickup_list li a img{
	display: block;
	width: 100%;
	background: no-repeat center;
	background-size: cover;
}

#pickup_list .nameBox{
	display: block;
	height: 50px;
	background: rgb(42 31 29 / 60%);
	position: absolute;
	bottom: 0;
	width: 100%;
}
#pickup_list .nameBox .usrPh{
	width: 40px;
	float: left;
	overflow: hidden;
	border-radius: 20px;
	margin: 6px 10px 0 5px;
}
#pickup_list .nameBox .name{
height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
}
#pickup_list .snsLogo img{
    display: block;
    width: 100%;
    background: url(../img/logo_dns.png) no-repeat center;
    background-size: 220px auto;
    -moz-background-size: 220px auto;
    -webkit-background-size: 220px auto;
}

/*** mypage ***/

.post-category{ display: none !important; }
#mypage-member{ width: 900px; margin: 140px auto; 80px}

#blog-right-block,
#mypage-right{ display: none; }

.mypage-menu.mypage-menu-action-button{
	width: 100%;
	background: transparent;
	float: none !important;
	margin: 0;
}



/*-- blogList --*/

.blogList #mypage-header{
	width: 700px;
	padding: 20px 0 10px;
	margin: 0 auto 60px;

}
.blogList #mypage-header .nameBox{
	display: block;
	height: auto;
	padding: 0;
}
.blogList #mypage-header .nameBox .userPh{
	width: 140px;
	height: 140px;
	border-radius: 70px;
	-webkit-border-radius: 70px;
	margin-right: 30px;
}

.blogList #mypage-header .userPh + .text {
	display: block;
	overflow: hidden;
	height: auto;
	align-items: inherit;
}
.blogList #mypage-header .nameBox .name{
	font-size: 30px;
	overflow: visible;
	line-height: 120%;
	margin-bottom: 20px;
}
.introduce{ line-height: 180%; margin-bottom: 15px; }
.blogList .nameBox .introduce a{ font-weight: normal; }
#user-status table{
	width:370px;
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #4e3a33;
    cursor: pointer;
}
#user-status table tr{ text-align: center;}
#user-status table th{
	font-weight: normal;
	padding: 6px 0;
	width: 33.3%;
	background: #4e3a33;
	line-height: 100%;
	font-size: 10px;
	color: #fff;
}
#user-status table td{
    padding: 9px 10px 7px;
    border-right: 1px solid #4e3a33;
    font-size: 11px;
    line-height: 100%;
}
#statusBtnArea{ text-align: left}
#statusBtnArea li{ display:inline-block; width: 120px; cursor: pointer }
#statusBtnArea li a{ display: blcok; }
#statusBtnArea li a img{ display: block; width: 100%; }


.blogList #mypage-timeline .post-header,
.blogList #mypage-timeline .nameBox,
.blogList #mypage-timeline .post-title,
.blogList #mypage-timeline .post-info,
.blogList #mypage-timeline .post-status,
.blogList #mypage-timeline .comment-form,
.blogList #mypage-timeline .text-expand-show,
.blogList #mypage-timeline .post-comments,
.blogList #mypage-timeline .tit,
.blogList #mypage-timeline .post-tags{
display: none;
}
.blogList #mypage-right{ display: none; }

.blogList #mypage-timeline  .post{
	float: left;
	width: 33.3%;
	background: none;
	margin: 0;
	box-shadow: none;
}
.blogList #mypage-timeline .post:nth-child(3n+1){ clear:left; }
.blogList .timeline-category{ display: none; }

.blogList #mypage-timeline .post .dummy{
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}

.blogList .post-body{
padding: 5px;
}


.blogList .postId{
display:block;
}

.blogList .postId:hover{
opacity: 0.5;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}


.blogList #mypage-main{
width: 900px;
margin-top: 30px;
}

/*-- blogDetail --*/
.blogDetail #mypage-header,
.blogDetail #mypage-right,
.blogDetail #mypage-calendar,
.blogDetail #blog-right-block{ display: none; }
.blogDetail #mypage-timeline .post .dummy,
.post .thumbImg{
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
}
.blogDetail .post-body{
	padding: 0;
	margin-bottom: 25px;
}
.blogDetail .post-body br{display: none;}
.blogDetail .post-body .detailLink{
	cursor: default;
	display:block;
}

.blogDetail .post-body .detailLink:hover{ opacity:1;}

.flat-menu i{
  font-size: 17px;
  color: #2a1f1d;
	position: relative;
	top: 12px;
  cursor: pointer;
}


.blogDetail .post-title{
	height: 70px;
	font-size: 14px;
	top: 0;
	display: flex;
	align-items: center;
	position: absolute;
	left: 65px;
}
.blogDetail .post-created-at{
	display: inline-block;
	vertical-align: -24px;
	margin-right: 0;
	font-size: 11px;
}

.blogDetail .post-created-at + .flat-menu{
	vertical-align: -12px;
	margin-left: 10px;
}

.blogDetail #profArea .nameBox{ min-height:160px;}
.blogDetail .nameBox{margin-bottom: 15px; }
.blogDetail .post-info{
	position: absolute;
	top: 5px;
	right: 15px;
}

.blogDetail #mypage-timeline .post:first-child{ display: none; }


#mypage-timeline .post-tags li{ display: inline-block; margin-right: 10px;}
#mypage-timeline .post-tags li:first-child{ display: none; }
#mypage-timeline .post-tags li a{font-size: 14px;}
#mypage-timeline .post-status{ text-align: left; }
#mypage-timeline .tit{
	font-size: 15px;
	text-align: left;
	line-height: 140%;
	padding: 0 15px;
	margin-bottom: 15px;
}

#mypage-timeline .post-status div{
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}

#mypage-timeline .post-status div:hover{
	opacity: 0.5;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
}
#mypage-timeline .post-tags{
	padding: 0 15px;
	margin-bottom: 15px;
}


#mypage-timeline .smile {
  float: left;
}
#mypage-timeline .smile{
	background-size: 15px 15px;
	padding: 9px 0 0 23px;
	background: none;
	font-weight: normal;
	position: relative;
	font-size: 12px;
	color:#333;
	height: 19px;
}

#mypage-timeline .smile::before {
	display: inline-block !important;
	content: "" !important;
	background: url(../img/ico_like.png) no-repeat center left !important;
	background-size: contain !important;
	z-index: 10;
	background: none;
	color:#333;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0px;
	left: 1px;
}
#mypage-timeline .nosmile::before {
	display: inline-block !important;
	content: "" !important;
	background: url(../img/ico_like_before.png) no-repeat center left !important;
	background-size: contain !important;
	z-index: 10;
	background: none;
	color:#333;
	width: 19px;
	height: 19px;
	vertical-align: -4px;
	margin-right: 4px;
}
#mypage-timeline .smile a.nosmile {
  background-size: 15px 15px;
}

#mypage-timeline .smile a::before {
	content: "\f08a" !important;
}

#mypage-timeline .smile a.nosmile::before {
	content: "\f08a" !important;
}

#mypage-timeline .icoComment{
	display: block;
	float: left;
	height: 20px;
	width: 22px;
	font-size: 12px;
	font-weight: normal;
	border: none;
	background: transparent;
	padding: 0;
	position: relative;
	top: 3.5px;
	margin-left: 18px;
}
#mypage-timeline .icoComment::before {
	display: block !important;
	content: "" !important;
	background: url(../img/ico_comment.png) no-repeat center left !important;
	background-size: contain !important;
	width: 22px;
	height: 21px;
	position: absolute;
	left: -4px;
	top: 50%;
	z-index: 10;
	margin-top: -14px;
	background: none;
	color:#333;
}

.post-tags + div,
.post-tags + div + div{
	display: inline-block;
	position: relative;
	margin-right: 4px;
}

.post-tags + div + div{
	cursor: pointer;
}


.ui-state-default .ui-icon{
	background: none !important;
	position: relative;
	text-indent: 0;
	overflow: visible;
}


.ui-state-default .ui-icon{
	width: 25px;
	height: 25px;
	position: relative;
	right: 0px;
	top: 0;
	left: inherit;
	cursor: pointer;
}

.ui-state-default .ui-icon::before,
.ui-state-default .ui-icon::after {
	display: block !important;
	content: "" !important;
	width: 1px;
	height: 30px;
	background: #fff;
	position: absolute;
	top: -2px;
	left: 12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.ui-state-default .ui-icon::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}


#mypage-timeline .post-comments.comment-form{
	padding: 20px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: none;
}

#mypage-timeline .comment-post textarea{
	position: relative;
	top: 0;
	margin: 0;
	padding: 010px;
	width: 550px;
	height: 20px;
	border-radius: 2px;
	border: none;
	vertical-align: middle;
	text-indent: 0;
	line-height: 180%;
	font-size: 14px;
	outline: none;
	border: 1px solid #e6e6e6;
	margin-bottom: 18px;
}
#mypage-timeline .comment-post {
    text-align: center;
}
#mypage-timeline .comment-post button {
	height: 37px;
	background: transparent;
	color:#333;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 17px 3px;
	position: static;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	margin: 0 auto;
	text-align: center;
	border: 1px solid#333;
}


#timeline-category{ margin:0 }


/*** faq ***/

#howto_qa{ margin-bottom: 80px; }

#howto_qa li {
	background: #fff;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
}
#howto_qa li > div{
	padding: 20px 15px;
  display: flex;
}
.howto_a,
#howto_q_icon{
	font-weight:bold;
  width: 1.5em;
}
.howto_a_text,
#howto_q_text{
  width: calc(100% - 30px);
	font-size: 14px;
}

#howto_q_toggle img{ display: none; }
#howto_q_contents{ position: relative; }
#howto_q_contents::before,
#howto_q_contents::after{
	content:'';
	display: block;
	width: 10px;
	height: 1px;
	background:#333;
	position: absolute;
	top: 50%;
	right: 15px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#howto_q_contents::after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	opacity: 1;
}

#howto_q_contents.howto_q_contents_open::after{
	opacity: 0;
}

.howto_a_contents{
	line-height: 180%;
	padding-top: 20px;
}


#search_text{
	-webkit-appearance: none;
	border: none;
	padding: 13px 15px;
	width: 360px;
	font-size: 15px;
	border-radius: 2px;
	margin-bottom: 50px;
}
.button_find_howto{
	float: right;
	width: 190px;
	margin-top: -5px;
}
::-webkit-input-placeholder { color: #aaa !important; }
:-moz-placeholder { color: #aaa !important; }
#howto_text{ width: 100%; text-align: center; font-size: 16px;}
#howto_text a{ display: inline-block; text-decoration:underline; }
#howto_wrapper #howto_text01 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 16px;
}


.ui-datepicker .ui-datepicker-prev span::before{

}


/*** activity ***/

.data_link{
	position: relative;
	margin-bottom: 30px;
}

#trophy_wrapper .list li{
    cursor: auto;
}

.data_link .text a{
	display: inline-block;
	text-decoration: underline;
}

.data_link .text a:hover{
	text-decoration: none;
	transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}

.userPh{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}
.userPh img{
	display:block;
	width: 100%;
	background: no-repeat center;
	background-size: cover;
}
.userPh + .text{
	overflow: hidden;
	height: 60px;
	display: flex;
	align-items: center;
}
.list .date{
	display: inline-block;
	color: #333;
	margin-top: 9px;
}

.date{ font-size: 11px; }
.name{ font-size: 13px; }



/*** mail ***/

.list li{
	margin-bottom: 20px;
	cursor: pointer;
	padding-bottom: 16px;
}

.list li:first-child{
	padding-top: 16px;
}

.minimail-line .userPh + .text{
	overflow: hidden;
	height: auto;
	display: block;
	align-items: inherit;
}

.minimail-line .name{ margin-bottom: 5px; }
.minimail-line .txt{ margin-bottom: 5px; }

.message-button{
	display: block;
	width: 80px;
	text-align: center;
}
.message-button a{
	display: block;
	background: #4e3a33;
	border-radius: 2px;
	color: #fff;
	font-size: 10px;
	padding: 4px 0;
	line-height: 100%;
	margin: 6px 0 0;
}
.minimail-message-body .message-button{width: auto; text-align: left;margin-top: 5px;}
#minimail-dialog .userPh + .text {
	overflow: hidden;
	height: auto;
	display: block;
	align-items: center;
}
#minimail-dialog .name{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
#minimail-dialog .txt{ font-size: 12px; line-height: 160%; }
#minimail-timeline {
  border: 1px solid #333;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 10px;
}


.minimail-message-body{
	width: 260px;
	box-sizing: border-box;
	font-size: 14px;
	background: #ccc;
	border-radius: 2px;
	padding: 10px;
	margin-bottom: 30px;
}

.minimail-message-user-name {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 5px;
}
.minimail-message-date{
	display: inline-block;
	font-size: 10px;
	text-align: right;
	margin-left: 10px;
}

.minimail-sent{}

#minimail-photo-btn i {
	font-size: 34px;
	vertical-align: 6px;
	text-align: center;
	margin-left: 11px;
}





/*** dialog ***/
#setting_profile{}

#setting_profile .userPhoto{
text-align: center;
}

#setting_profile .userPhoto .userPh{
	width: 180px;
	height: 180px;
	border-radius: 90px;
	-webkit-border-radius: 90px;
	float: none;
	overflow: hidden;
	margin: 0 auto 20px;
}

#setting_profile .userPhoto span{
	display: block;
	cursor: pointer;
	background: transparent !important;
	color:#333 !important;
	border: 1px solid#333;
	border-radius: 2px;
}
#setting_profile #sp_icon{
	width: 200px;
	margin: 0 auto 50px;
}
#setting_profile .sp_box{  margin-bottom: 30px;}

#setting_profile .sp_box .btn,
#btn_update .btn{
width: 200px;
margin: 0 auto;
font-weight: normal;
}

#setting_profile .sp_box textarea{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-appearance: none;
	border: none;
	border-radius: 2px;
	line-height: 180%;
	font-size: 13px;
	padding: 20px;
}

h3{
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 17px;

}


/*** dialog ***/
.ui-widget-overlay{ background:#333 !important;  }

.ui-dialog{
	background: #fff !important;
	border: none !important;
	padding: 10px;
}

.ui-dialog-titlebar{
    background: none !important;
    border: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border: none;
}
.ui-widget-content a { color: #fff !important; }

#minimail-dialog .flat-menu {
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 24px;
	font-size: 19px;
	left: inherit;
}
#minimail-dialog .flat-menu i {
	color: #2a1f1d;
}
#minimail-dialog .flat-menu li{
	font-size: 12px;
}
#minimail-form textarea{
	width: 360px;
	overflow: hidden;
	word-wrap: break-word;
	resize: inherit !important;
	padding: 13px;
	border-radius: 2px;
	border: 1px solid rgb(204, 204, 204);
	height: auto !important;
	margin-left: 0px;
	margin-right: 8px;
}

#minimail-photo-btn {
	background: none;
	color:#333;
	text-shadow: none;
	padding: 0;
	vertical-align: 2px;
}

#minimail-send-btn{
	width: 90px;
	vertical-align: 16px;
	height: auto;
	line-height: 100%;
	margin-left: 10px;
}

#minimail-header{
margin-bottom: 20px;
}


.ajax-file-upload-statusbar {
    border: none !important;
    margin-right: 0 !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    padding: 20px 0 0 0 !important;
    margin: 0 auto !important;
}
.ajax-file-upload-bar {
    background-color:#333000 !important;
}
.ajax-file-upload-progress {
    border: none !important;
}
.ajax-file-upload-green {
    background-color:#333000 !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    text-shadow: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: transparent !important;
    text-align: center;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    background:#333 !important;
    border: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	border: 1px solid #aaa !important;
	background: none !important;
	color:#333 !important;
	font-weight: normal;
	font-size: 12px;
	opacity: 1;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
	float: left;
}

.ui-datepicker .ui-datepicker-buttonpane button:hover {
opacity: 0.5;
}

.ui-datepicker table{
    margin: 0 0 20px !important;
}

.ui_tpicker_time{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

.ui_tpicker_time_label{
	font-weight: bold;
	border-left: 4px solid#333;
	margin-right: 4px;
}
#photo-main #photo-title input::-webkit-input-placeholder {
  color: #aaa;
}
#photo-main #photo-title input::-moz-placeholder {
  color: #aaa; opacity: 1;
}
#photo-main #photo-title input:-ms-input-placeholder {
  color: #aaa;
}

.ui-dialog .ui-dialog-title {
    display: none !important;
}

.ui-dialog .ui-dialog-content {
	padding: 0!important;
}

/** setting mail ******************/

#mailEditAtt{
font-size: 13px;
margin-bottom: 30px;
}

#mailEditAtt p{
text-indent:-1em;
line-height: 180%;
padding-left: 1em;
margin-bottom: 10px;
}
#setting_area #setting_list dl#list_title dd {
    float: left;
    border-left: 1px solid #e2eaf4;
    width: 74px;
    margin: 0;
    padding: 16px 2px;
    text-align: center;
}
#setting_area #setting_list dl#list_title dt {
    float: left;
    padding: 14px 16px;
    width: 346px;
}

#setting_area #setting_list .list_item dt {
    float: left;
    padding: 14px 16px;
    width: 346px;
}
#setting_area #setting_list .list_item dd {
    float: left;
    border-left: 1px solid #e2eaf4;
    width: 74px;
    height: 20px;
    margin: 0;
    padding: 12px 2px;
    text-align: center;
}




#setting .left_content{
background: #fff;
}

#setting #setting_list{
width: 580px;
border: 1px solid #575757;
border-bottom: none;
border-radius: 3px;
background: #fff;
margin: 0 auto;
}
#setting_area #setting_list dl#list_title {
	background-color: #291f1c;
	color: #fff;
}
#setting_area #setting_list dl#list_title dt,
#setting_area #setting_list .list_item dt{
width: 270px;
}

#setting_area #setting_list dl#list_title dt{
width: 270px;
}

.crobd{
margin-left: 32px;
}

#setting_area #setting_list dl#list_title dd,
#setting_area #setting_list .list_item dd{
width: 87px;
}

#setting_area #setting_list dl#list_title dd,
#setting_area #setting_list .list_item dd{
border-left: 1px solid #878787;
}
#setting_area #setting_list .list_item dd{
height: 23px;
}

#setting_area #setting_list .list_item{
border-bottom: 1px solid #878787;
}

#setting .left_content .area_style{
background-color: #FFF;
border-top: none;
padding-bottom: 0;
}

#setting #setting_notes{
padding: 30px 20px 0 !important;
}

#setting_area #btn_update{
	width: 190px;
	margin: 40px auto;
}
.left_content #setting_area h1{
font-size: 1.4em;
padding: 22px 21px;
}


/*** support ***/

.support p,
.support dl{
line-height: 200%;
}

.support dd{
margin-bottom: 20px;
}

#header_line{ display: none;}

.home #gnav #search{
  display: flex;
  align-items: center;
}
#gnav #search{ display: none;}

#search p{
	width: 16px;
	margin-right: 13px;
	cursor: pointer;
	transition: 0.3s linear;
  top: 2px;
  position: relative;

}
#search p:hover{
	opacity:0.5;
}

#search .searchBox{
	overflow: hidden;
	width: 0;
  transition: .3s;
}

#search.open .searchBox{
	width: 130px;
}

#search #header-search{}
#search #header-search input{
-webkit-appearance: none;
    border: none;
    border-radius: 2px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 5px;
    font-size: 11px;
    background: #fff !important;
    color:#333;
}

.searchWord{
	text-align: center;
	font-size: 18px;
	padding-left: 10px;
	margin-bottom: 50px;
}
.searchWord p{
	display: inline-block;
	background: #f5f5f5;
	padding: 20px 70px;
	box-sizing: border-box;
	line-height: 100%;
}

img.show_bubble.downloadNg{display: none; }
#error-404 h1 {
	line-height: 2.5em;
	position: static;
	text-align: center;
	margin: 0 !important;
}


#friends_wrapper #left_position,
#friends_list_section{
width: 100%;
float:none;
margin-top: 0;
}

#friends_wrapper #friends_list{margin: 0 auto; background:none;}

#friends_wrapper div#friends_list li{
}

#friends_wrapper div#friends_list li a{
  display: flex;
  align-items: center;
  padding: 0;
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 6px;
  overflow: clip;
}


#friends_wrapper .blockList{ padding:0 !important; }
#unblock_dialog_pop{ padding: 20px 0; }
 div#friends_data_box p#friends_name{ font-size: 13px; font-weight: normal;  margin-bottom: 5px; }
 div#friends_data_box { width: auto;}

#friends_wrapper #tab_menu ul{ text-align: center; margin-bottom: 50px;margin-top: -30px;}
#friends_wrapper #tab_menu ul li{
    float: none;
    display: inline-block;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    position: relative;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    border-radius: 100px;
    background: #4e3a33;
}
#friends_wrapper #tab_menu ul li:hover,
#friends_wrapper #tab_menu ul li.tab_select{
	color: #4e3a33;;
	background: #fff;
}



#empty_data{ text-align: center; }

button {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.header_content #headerLogo {
  display: none;
  width: 150px;
  position: absolute;
  top: 9px;
  left: 30px;
}
.header_content #headerLogo a {display: block;}
.header_content #headerLogo img {width: 100%;}
#login-dialog #loginAttention {
	font-size: 10px;
	text-align: left;
	width: 560px;
	margin: 3px auto 10px;
}

#top_news_section