@charset "utf-8";
/*//////////////////////////
reset.css
//////////////////////////*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,img,form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	vertical-align: top;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
table th {
	font-weight: normal;
}
th td {
	vertical-align: top;
}
ol,ul {
	list-style: none;
}
body {
	line-height: 1.5;
	font-size: 12px;
	text-align: center;
	color: #000000;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
}
a {
	outline: none;
}
a:hover {
	outline: none;
}
address {
	font-style: normal;
}
.kome {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
textarea {
	resize: none;
}
button {
	border: none;
	cursor: pointer;
}

button:active {
	outline: 0;
}

input[type="button"],
input[type="submit"] {
	outline: 0;
  	-webkit-appearance: none;
}

input,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="radio"],
input[type="hidden"], 
button[type="submit"],
textarea {
	outline: 0;
	-webkit-appearance: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
.dis_none {
	display: none;
}

/*//////////////////////////
default
//////////////////////////*/
body {
	font-family: arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
}
button,
input,
textarea {
	font-family: arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
[class^="icon-"],
[class*=" icon-"] {
	vertical-align: middle;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input.tag_search,
textarea {
	color: #000000;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
input[type="text"]:active,
input[type="text"]:focus,
input[type="email"]:active,
input[type="email"]:focus,
input[type="url"]:active,
input[type="url"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
input.tag_search:active,
input.tag_search:focus,
textarea:active,
textarea:focus {
	border-color: #a4a4a4;
	box-shadow: 0 0 9px rgba(164,164,164,.9);
}
/*err*/
.err_wrap input[type="text"],
.err_wrap input[type="email"],
.err_wrap input[type="url"],
.err_wrap input[type="password"],
.err_wrap input.tag_search,
.err_wrap textarea {
	border: 1px solid #c82950;
	border-radius: 5px;
}
.err_wrap .custom-select .custom_select_inner {
	border: 1px solid #c82950;
}
#account_info .err_wrap  label:before,
.inquiry-form .err_wrap  label:before,
.err_wrap .inp_check  label:before {
	border: 1px solid #c82950 !important;
}
.err_wrap input[type="text"]:active,
.err_wrap input[type="text"]:focus,
.err_wrap input[type="email"]:active,
.err_wrap input[type="email"]:focus,
.err_wrap input[type="url"]:active,
.err_wrap input[type="url"]:focus,
.err_wrap input[type="password"]:active,
.err_wrap input[type="password"]:focus,
.err_wrap input.tag_search:active,
.err_wrap input.tag_search:focus,
.err_wrap textarea:active,
.err_wrap textarea:focus {
	border: #c82950;
	box-shadow: 0 0 9px rgba(200,41,80,.9);
}
input[type="radio"]:checked:after {
	content:"";
	background: #0112b2;
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 6px;
}
/* IE用 */
input[type="radio"] { border:none\0; }
input[type="radio"] { border:none\9; }
input[type="radio"]::-ms-expand {
	display: none;
}
select {
	background: none;
	height: 50px;
	line-height: 50px;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgba(0,0,0,.4);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
	outline: 0;
	z-index: 1010;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: url(../images/select.png)no-repeat right center;
}
select::-ms-expand {
	display: none;
}
select:hover,
select:focus {
	border-color: #a4a4a4;
}
.modal_open {
	overflow: hidden !important;
	height: 100%;
}
#wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#wrap_area {
	max-width: 1200px;
	margin: 0 auto 50px;
}
#wrap_width {
	max-width: 1120px;
	padding-left: 80px;
}
/*//////////////////////////
link
//////////////////////////*/
::selection {
    background: #888;
    color: #fff;
}
::-moz-selection {
    background: #888;
    color: #fff;
}
a {
	color: #000000;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.comment_area .followed_button a,
.comment_area .like_button a,
.cmd_show .like_button a {
	-webkit-transition: none;
	transition: none;
}

a:hover {
	color: #0112b2;
	text-decoration: none;
}
.drawer-nav ul li a:hover {
	text-decoration: none !important;
}
.article_contents .article_wrap .other .origin a:hover {
	text-decoration: underline;
}
.user_link02 li span:hover,
.user_nav:hover {
	cursor: pointer;
}
.drawer-nav #menu_social li a:hover {
	text-decoration: none;
}
.consent a,
.have a,
.have_bor a,
#activity_list li .text a {
	text-decoration: underline;
}
.consent a:hover,
.have a:hover,
.have_bor a:hover,
#activity_list li .text a:hover {
	text-decoration: none;
}
.article_contents .photo,
#article_feature section .photo_link,
#detai_writer_article section .photo,
#feature .photo_link,
#trend .photo_link,
.partner_keep ul li .link,
.partner_comment ul li .link,
#writer_article section .link,
#relation_contents li .photo {
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;	
}
@media (min-width: 1025px) {
	.keep .keep_click {
		-webkit-animation: keep_anime 1s linear 0s;
		animation: keep_anime 1s linear 0s;
	}
	@-webkit-keyframes keep_anime {
		0%	{ -webkit-transform: rotateY(0deg); }
		50%	{ -webkit-transform: rotateY(720deg); }
		100%{ -webkit-transform: rotateY(0deg); }
	}
	@keyframes keep_anime {
		0%	{ transform: rotateY(0deg); }
		50%	{ transform: rotateY(720deg); }
		100%{ transform: rotateY(0deg); }
	}
}

@media (min-width: 640px) {
	.article_contents .photo:hover,
	#article_feature section .photo_link:hover,
	#detai_writer_article section .photo:hover,
	#feature .photo_link:hover,
	#trend .photo_link:hover,
	.partner_keep ul li .link:hover,
	.partner_comment ul li .link:hover,
	#writer_article section .link:hover,
	#relation_contents li .photo:hover {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
}

/*//////////////////////////
user_thum
//////////////////////////*/
.user_thum_S {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: url(http://socsoc.co/images/no-image.png) no-repeat center center;
	background-size: cover;
}
.user_thum_M {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url(http://socsoc.co/images/no-image.png) no-repeat center center;
	background-size: cover;
}
.user_thum_L {
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: url(http://socsoc.co/images/no-image.png) no-repeat center center;
	background-size: cover;
}
.keep_users ul li:first-child .user_thum_S {
	width: 50px;
	height: 50px;
}

/*//////////////////////////
text_over
//////////////////////////*/
.text_over01 {
	-webkit-text-overflow: ellipsis;   
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.text_over02 {
	display: -webkit-box !important;
	-webkit-text-overflow: ellipsis;   
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.text_over03 {
	display: -webkit-box !important;
	-webkit-text-overflow: ellipsis;   
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.detail_text_2 {
	display: -webkit-box;
	-webkit-text-overflow: ellipsis;   
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
/*//////////////////////////
font-color
//////////////////////////*/
#feature p,
#trend p,
.article_contents section .keep,
#detail_article .keep,
#article_feature .text,
#menu_social li i,
#nav_bar .nav_search i,
.user_name .text .profile a,
.drawer-nav .ti01,
.drawer-nav .ti02,
.drawer-nav #menu_contents li a,
.drawer-nav #menu_other li a,
.drawer-nav #copy {
	color: #fff;
}
#head_nav .sign_up a,
.top #g_nav ul .g_nav01 a,
.timeline #g_nav ul .g_nav02 a,
.original_column #g_nav ul .g_nav03 a,
#article_feature .origin a,
#bottombar ul li a {
	color: #fff;
}
#head_login_info .nav_bell i {
	color: #000000;
}
.article_contents section .other .origin a,
.article_contents section .other .data,
#active_grid li .active_text .data {
	color: #898989;
}

.drawer-nav .ti01 span,
.drawer-nav .ti01 span {
	color: #a0a0a0;
}
.drawer-nav #menu_contents li a:hover span,
.drawer-nav #menu_other li a:hover span {
	color: #000000;
}
.the_source,
.the_source a {
	color: #bfbfbf;
}

/*//////////////////////////
navbar
//////////////////////////*/
#nav_bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 80px;
	height: 100%;
	background: #222222;
	box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.4);
	z-index: 1005;
}
#nav_menu {
	width: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
	position: relative;
}
#nav_menu .hambarg {
	background: #ffffff;
	display: block;
	width: 38px;
	height: 2px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: ease .5s;
	transition: ease .5s;
}
#nav_menu .hambarg_menu {
	display: block;
	padding-top: 25px;
}

#nav_bar .user_nav {
	padding: 15px;
	position: relative;
}
#nav_bar #user_nav_area {
	position: absolute;
	top: 80px;
	left: 80px;
	width: 320px;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top left;
	-webkit-transform-origin: top left;
}
#nav_bar #user_nav_area.user_nav_area_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
 /* IE9 */
.oldie #nav_bar #user_nav_area {
	opacity: 0;
	transform: scale(1);
}
.oldie #nav_bar #user_nav_area.user_nav_area_active {
	opacity: 1;
}
.user_name {
	padding: 15px 20px;
	border-bottom: 1px solid #e4e4e4;
}
.user_name .thum {
	width: 95px;
	float: left;
	padding-right: 20px;
}
.user_name .text {
	width: 165px;
	float: left;
}
.user_name .text .name {
	font-weight: bold;
	padding: 10px 0;
}
#nav_bar .user_name .text .name {
	height: 20px;
}
.user_name .text .profile {
	width: 165px;
	margin-top: 15px;
}
.user_name .text .profile .btn_A {
	display: block;
	padding: 5px 0;
	width: 100%;
}

.user_link li,
.user_link02 li {
	float: left;
	width: 50%;
}
.user_link li a,
.user_link02 li a,
.user_link02 li span {
	display: block;
	width: 100%;
	padding: 15px 0 15px 30px;
	box-sizing: border-box;
}
.user_link02 {
	background: #eeeeee;
	border-top: 1px solid #e4e4e4;
}
.user_link02 li a i,
.user_link02 li span i {
	margin-right: 10px;
}

.user_link02 li span {
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

.user_link02 li a:hover i,
.user_link02 li span:hover,
.user_link02 li span:hover i {
	color: #0112b2;
}

.nav_bell,
#nav_bar .nav_search {
	position: relative;
	cursor: pointer;
}
.nav_bell {
	display: none;
}
.pc-block .nav_bell .soc-bell,
.pc-block .nav_search .soc-search,
.nav_bar_area .nav_bar_list i {
	display: block;
	padding: 24px;
	text-align: center;
	color: #fff;
}
.nav_bar_area .nav_bar_list {
	position: relative;
}
.available {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 16px;
	line-height: 1;
	padding: 2px 0;
	background: #fff;
	color: #000;
	border-radius: 10px;
	text-align: center;
}
#nav_bar #active_grid_area {
	display: block !important
}
#nav_bar #active_grid_area {
	position: absolute;
	top: 160px;
	left: 80px;
	width: 320px;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top left;
	-webkit-transform-origin: top left;
}
#nav_bar #active_grid_area.active_grid_area_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
 /* IE9 */
.oldie #nav_bar #active_grid_area {
	opacity: 0;
	transform: scale(1);
}
.oldie #nav_bar #active_grid_area.active_grid_area_active {
	opacity: 1;
}
#active_grid li {
	padding: 10px 20px;
	border-bottom: 1px solid #e4e4e4;
}
#active_grid li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#active_grid li {
	min-height: 1px;
}
* html #active_grid li {
	height: 1px;
}
#active_grid li .active_img {
	width: 32px;
	float: left;
	padding-right: 20px;	
}
#active_grid li .active_text {
	width: 228px;
	float: left;
}
#active_grid li .active_text span {
	font-weight: bold;
}
#active_grid li p a {
	text-decoration: underline;
}
#active_grid li p a:hover {
	text-decoration: none;
}
#active_grid_area .look {
	height: 40px;
	line-height: 40px;
	background: #eeeeee;
}
#active_grid_area .look a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
#nav_bar .nav_search_area {
	position: absolute;
	top: 10px;
	left: 80px;
	width: 320px;
	padding: 20px;
	box-sizing: border-box;
	height: 80px;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top left;
	-webkit-transform-origin: top left;
}
#nav_bar .nav_search_area_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
 /* IE9 */
.oldie #nav_bar .nav_search_area {
	opacity: 0;
	transform: scale(1);
}
.oldie #nav_bar .nav_search_area_active {
	opacity: 1;
}
#nav_bar .nav_search_area .serch_form {
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #000000;
	position: relative;
}
#nav_bar .nav_search_area .serch_form input {
	width: 250px;
	height: 35px;
	line-height: 35px;
	background: none;
	border: none;
	box-shadow: none;
}
#nav_bar .nav_search_area .serch_form button {
	position: absolute;
	top: 0;
	right: 0;
	background: none;
}

.nav_sponsor {
	text-align: center;
}
.nav_sponsor a {
	color: #ffffff;
	display: block;
	padding: 22px 0;
	position: relative;
}
.nav_sponsor span {
	vertical-align: middle;
}

/*//////////////////////////
menu.css
//////////////////////////*/
.menu {
	position: fixed;
	top: 0;
	left: -320px;
	bottom: 0;
	line-height: 100vh;
	width: 320px;
	-webkit-filter: url("#blur");
	z-index: 2000;
}

.menu-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #222;
	transform-origin: 100% 0;
}

.menu-items {
	position: relative;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	line-height: 1;
}
.menu-item {
	display: block;
	color: #fff;
}

.menu-toggle {
	position: fixed;
	top: 10px;
	left: 0;
	z-index: 100;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: none;
	border: none;
	margin: 0;
}

#drawer_open .menu-toggle span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
	border-top:2px solid #fff;
	padding-top:24px;
	color:#fff;
}
#drawer_open .menu-open span {
	border-top: transparent;
}

#drawer_open .menu-open.menu-toggle span {
	background-color: transparent;
}

#drawer_open .menu-toggle span:before,
#drawer_open .menu-toggle span:after {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height:2px;
	background: #ffffff;
	content: '';
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

#drawer_open .menu-toggle span:before {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
}

#drawer_open .menu-toggle span:after {
	-webkit-transform: translateY(16px);
	transform: translateY(16px);
}

#drawer_open .menu-open.menu-toggle span:before {
	-webkit-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}

#drawer_open .menu-open.menu-toggle span:after {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}

/*menu.css---Change*/
.filters {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#nav_menu {
	width: 80px;
	height: 80px;
	display: block;
	padding: 20px;
	box-sizing: border-box;
}
#nav_menu button {
	width: 40px;
	height: 40px;
	position: relative;
	padding: 0;
	border: none;
	outline: none;
}

.menu_inner {
	position: absolute;
	top: 0;
	bottom: 0;
	line-height: 100vh;
	width: 340px;
	-webkit-filter: url("#blur");
	z-index: 2000;
	overflow-y: scroll;
	overflow-x: hidden;
}

.menu {
	position: absolute;
	background: #222;
	overflow: hidden;
}
.menu .menu-items .ti01,
.menu .menu-items .ti02 {
	color: #fff;
}
.menu .menu-items .ti01,
.menu .menu-items .ti02 {
	height: 80px;
	line-height: 80px;
	padding: 0 20px;
	font-weight: bold;
}
.menu .menu-items .ti01 .jp,
.menu .menu-items .ti02 .jp {
	color: #a0a0a0;
	font-weight: normal;
	margin-left: 10px;
	vertical-align: middle;
}
.menu #menu_contents .global_list,
.menu #menu_other .global_list {
	width: 100%;
	height: 60px;
	line-height: 60px;
}
.menu #menu_contents .global_list i,
.menu #menu_other .global_list i {
	vertical-align: text-bottom;
}
.menu #menu_contents .global_list .global_link,
.menu #menu_other .global_list .global_link {
	width: 100%;
	height: 100%;
	padding: 0 30px 0 40px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	position: relative;
}
.menu #menu_contents .global_list .global_link .global_name {
	margin: 0 0 0 10px;
	width: 190px;
	display: inline-block;
	text-align: left;
}
.menu #menu_other .global_list .global_link .global_name {
	margin: 0 0 0 10px;
	width: 210px;
	display: inline-block;
}
.menu #menu_other .global_list .global_link .global_name i {
	margin-left: 20px;
	color: #fff;
}
.menu #menu_other .global_list .global_link:hover .global_name i {
	color: #333;
}
.menu #menu_social {
	width: 180px;
	margin: 30px auto 15px;
}
.menu #menu_social li {
	width: 46px;
	height: 46px;
	float: left;
	margin: 0 0 15px 15px;
}
.menu #menu_social li:nth-child(1),
.menu #menu_social li:nth-child(4) {
	margin-left: 0;
}
.menu #menu_social li a {
	display: block;
	width: 100%;
	height: 100%;
}
.menu #menu_social li a i {
	text-align: center;
	padding: 10px 0;
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.menu #menu_social li a .line_icon {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/line_off.png) center center no-repeat;
	background-size: 24px 24px;
}
.menu #copy {
	text-align: center;
	padding: 0 0 30px;
}
.menu ul li a:hover {
	text-decoration: none !important;
}
.menu #menu_social li a:hover {
	text-decoration: none;
}
.menu #menu_contents .global_list .global_link:before,
.menu #menu_other .global_list .global_link:before {
	content: "";
	background: #222;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.menu #menu_contents .global_list .global_link:hover:before,
.menu #menu_other .global_list .global_link:hover:before {
	background: #fff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.menu #menu_contents .global_list .global_link:hover,
.menu #menu_other .global_list .global_link:hover {
	color: #000;
}
.menu #menu_contents .global_list .global_link:hover i[class*="soc"],
.menu #menu_other .global_list .global_link:hover i[class*="soc"] {
	color: #000;
}
.menu #menu_social .global_list .global_link {
	position: relative;
}
.menu #menu_social .global_list .global_link:before {
	content: "";
	background: #222;
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.menu #menu_social .global_list .global_link:hover:before {
	background: #555;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
.menu #copy {
    text-align: center;
    padding: 0px 0px 30px;
	color: #fff;
}
#drawer_open .menu-open,
#drawer_open .menu-open span {
	display: none;
}
#drawer_delete .menu-toggle {
	display: none;
}
#drawer_delete .menu-open {
	display: block;
}
#drawer_delete .menu-open {
	position: absolute;
	top: 10px;
	left: 290px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	z-index: 10000;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.4);
	background: #eeeeee ;
	color: #000;
	-webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
	transition: background-color 0.2s ease-out, color 0.2s ease-out;
}
#drawer_delete .menu-open i {
	display: block;
	text-align: center;
}
#drawer_delete .menu-open:hover {
	background: #555;
	color: #fff;
}
#drawer_delete .menu-open:hover i {
	color: #fff;
}
.over_hidden {
	overflow: hidden;
	height: 100%;
}
.over_hidden .overlay_bg {
	cursor: url(../images/cur_close.png), url(../images/cur_close.cur), pointer;
	
	background: rgba(0,0,0,0.4) !important;
	visibility: visible !important;
}
#overlay {
	width: 100%;
	height: 100%;
	z-index: 1004;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: background 0.2s ease-out, visibility 0.2s ease-out;
	transition: background 0.2s ease-out, visibility 0.2s ease-out;
	visibility:hidden;
	background: rgba(0,0,0,0);
}


/*//////////////////////////
header
//////////////////////////*/
#sp_logo {
	display: none;
}
header {
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0 2px 4px rgba(0,0,0,.4);
	position: relative;
	z-index: 1002;
}
header #head {
	max-width: 1120px;
	margin: 0 auto;
	padding-left: 80px;
}
header #head_area {
	max-width: 1040px;
	margin: 0 40px;
	padding: 0;
	height: 80px;
	position: relative;
}
#logo {
	width: 208px;
	line-height: 1;
}
#logo a {
	display: block;
	padding: 29px 0 27px;
}
#head_nav_wrap{
	width: 1200px;
	padding: 0 40px;
	box-sizing: border-box;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/*google translateカスタマイズ*/
#glt-footer,
#goog-gt-tt {
	display: none !important;
}
.goog-te-banner-frame.skiptranslate {
	display: none;
}
body {
	top: 0 !important;
}
#google_translate,
#login_google_translate {
	width: 64px;
	text-align: center;
	position: absolute;
	top: 15px;
	z-index: 1003;
}
#google_translate {
	right: 330px;
}
#login_google_translate {
	right: 40px;
}
#sortable li .flag {
	display: block;
	margin: 5px auto;
	padding: 0 0 0 26px;
	height: 24px;
}
#sortable li .flag span {
	padding: 5px 0;
	display: table-cell;
}
.gt_en {
	background: url(../images/flag/en.png) no-repeat;
	background-size: 24px 24px;
}
.gt_jp {
	background: url(../images/flag/jp.png) no-repeat;
	background-size: 24px 24px;
}
.gt_cn {
	background: url(../images/flag/cn.png) no-repeat;
	background-size: 24px 24px;
}
.gt_id {
	background: url(../images/flag/id.png) no-repeat;
	background-size: 24px 24px;
}
.gt_ko {
	background: url(../images/flag/ko.png) no-repeat;
	background-size: 24px 24px;
}
.gt_th {
	background: url(../images/flag/th.png) no-repeat;
	background-size: 24px 24px;
}
.gt_vi {
	background: url(../images/flag/vi.png) no-repeat;
	background-size: 24px 24px;
}
.trans_language {
	cursor: pointer;
	background: url(../images/translate.png) no-repeat;
	width: 64px;
	height: 54px;
}
#flags {
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top left;
	-webkit-transform-origin: top left;
	position: absolute;
	top: 66px;
	left: 0;
	width: 70px;
	padding: 5px;
}
#flags.flags_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
 /* IE9 */
.oldie #flags {
	opacity: 0;
	transform: scale(1);
}
.oldie #flags.flags_active {
	opacity: 1;
}
#flags li a {
	display: block;
	height: 20px;
	font-size: 10px;
	cursor: pointer;
}
.trans_language font {
	display: inline;
}
#head_nav {
	width: 270px;
	position: absolute;
	top: 15px;
	right: 40px;
	z-index: 1003;
}
#head_nav .login {
	float: left;
	width: 120px;
}
#head_nav .sign_up {
	float: right;
	width: 120px;
	padding-left: 30px;
}
/*//////////////////////////
column
//////////////////////////*/
#column {
	margin: 40px 20px;
}
.top #column,
.timeline #column {
	margin: 40px 20px;
}

#column_main {
	width: 66.667%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
}
#column_sidebar {
	width: 33.333%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
}
/*//////////////////////////
g_nav
//////////////////////////*/
#sp_g_nav {
	display: none;
}
#g_nav {
	display: none;
	margin: 0 auto 20px;
}
.top #g_nav,
.timeline #g_nav,
.original_column #g_nav {
	display: block;
}

#g_nav ul {
	text-align: center;
}
#g_nav ul li {
	display: inline-block;
	height: 40px;
	margin:  0 15px;
	font-weight: bold;
	text-align: center;
}
#g_nav ul li a {
	display: inline-block;
	border-radius: 25px;
	-webikit-transition: background .2s ease-out, color .2s ease-out;
	transition: background .2s ease-out,color .2s ease-out;
}

#g_nav ul li a .tab_btn {
	display: inline-block;
	text-align: center;
	padding: 10px 30px 4px;
	height: 26px;
	border-radius: 25px;
	position: relative;
}

#g_nav ul li a .tab_btn:after {
	content: "";
	background: rgba(85,85,85,0);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 25px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
#g_nav ul li a:hover {
	color: #fff;
}
#g_nav ul li a:hover .tab_btn:after {
	background: rgba(85,85,85,1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.top #g_nav ul .g_nav01 a .tab_btn,
.timeline #g_nav ul .g_nav02 a .tab_btn,
.original_column #g_nav ul .g_nav03 a .tab_btn {
	background: #222222;
	color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

/*//////////////////////////
special
//////////////////////////*/
#feature,
#trend {
	position: relative;
	margin-bottom: 40px;
}
#feature .photo,
#trend .photo {
	height: 400px;
	position: relative;
	cursor: pointer;
}
#feature .photo:after,
#trend .photo:after {
	content: '';
	width: 100%;
	height: 110px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.85));
	position: absolute;
	bottom: 0;
	left: 0;
}
#feature p,
#trend p {
	font-weight: bold;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 0 15px;
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
	cursor: pointer;
}

/*//////////////////////////
category
//////////////////////////*/
#cate_ti {
	margin-bottom: 40px;
}
#cate_ti_area #cate_ti {
	margin-bottom: 15px;
}
/*//////////////////////////
page title
//////////////////////////*/
#cate_ti .alp {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

#cate_ti .jp {
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

/*//////////////////////////
article_contents
//////////////////////////*/
.article_contents .article_wrap:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.article_contents .article_wrap {
	min-height: 1px;
	position: relative;
}
* html .article_contents .article_wrap {
	height: 1px;
}
.article_contents .article_wrap {
	padding: 20px 0;
	border-top: 1px solid #cccccc;
}
.article_contents .article_wrap:first-child {
	padding: 0 0 20px;
	border-top: none;
}
.article_contents .article_wrap .ti {
	cursor: pointer;
}
.article_contents .article_wrap .photo {
	float: right;
	width: 33.333%;
	height: 157px;
}
.article_contents .article_wrap .text {
	float: left;
	width: 66.667%;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}
.article_contents .article_wrap .text .ti {
	height: 60px;
	font-weight: bold;
	margin-bottom: 20px;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

.article_contents .article_wrap .text .ti:hover {
	color: #0112b2;
}

.article_contents .article_wrap .other {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding-right: 68px;
}

.article_contents .article_wrap .other .origin {
	color: #898989;
	margin-right: 20px;
}

.article_contents .article_wrap .keep {
	position: absolute;
	top: 0;
	right: 0;
}
.keep_users .num span {
	margin-right: 5px;
}
.article_contents .article_wrap.other .origin {
	margin-right: 20px;
}
 .other .origin img {
	margin: 0px 5px 0 0;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	border-radius: 50%;
	display: none;
}
.article_contents .article_wrap .other .origin img {
	border-radius: 0;
}
.keep_users {
	margin-top: 20px;
}

.keep_users .keep_users_inner {
	float: left;
	margin: 9px 0;
}
.article_wrap .keep_users ul {
	float: left;
}
.article_wrap .keep_users .num {
	float: left;
	margin-top: 22px;
}
.keep_users .bind ul {
	float: left;
}
.keep_users ul li {
	float: left;
	width: 32px;
	height: 32px;
	margin: 18px 5px 0 0;
}
.keep_users ul li:first-child {
	width: 50px;
	height: 50px;
	margin: 0 5px 0 0;
}
.keep_users .num span {
	font-weight: bold;
}
/*top comment*/
.article_wrap .user_cmd {
	padding: 10px 10px;
	background: #f4f4f4;
}
#detail_article .user_cmd_rl {
	position: relative;
}
.cmd_show {
	position: relative;
}

.cmd_show .users_img {
	width: 65px;
	float: left;
}
.cmd_show .users_img a {
	display: block;
	width: 100%;
	height: 100%;
 	position: relative;
 	z-index: 1;
}
.cmd_show .users_info {
 	float: left;
 	width: 100%;
 	margin-left: -65px;
}
.cmd_show .users_info_area {
	margin-left: 65px;
}
.cmd_show .users_info .users_name {
	font-weight: bold;
	padding: 13px 0;
}
.cmd_show .users_info .users_name a span {
	word-wrap: break-word;
}
.cmd_show .cm_text {
	padding: 5px 50px 10px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 70px;
	
}
.cmd_show .cm_text a {
	height: 55px;
	display: table-cell;
	vertical-align: middle;
}

.cmd_show .like_button {
	position: absolute;
	top: -5px;
	bottom: 0;
	margin: auto 10px auto 0;
	right: 0;
	width: 40px;
	height: 50px;
}
#detail_column .like_button {
	position: absolute;
	top: 55px;
	right: 0;
	width: 50px;
}

.article_wrap .comment_trans {
	padding: 20px 0 0;
}
.article_wrap .comment_trans textarea {
	padding: 14px 10px;
}
.article_wrap .cmd_open {
	position:relative;
}
.article_wrap .cmd_open:after {
	content: "コメントする";
	display: block;
	position: absolute;
	width: 180px;
	text-align: center;
}
.article_wrap .active:after {
	content: "閉じる";
}

.imgurl {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
}
.article_contents section .photo .imgurl {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: right;
	padding-right: 2px;
	box-sizing: border-box;
}
#article_feature .imgurl,
#keep_list .imgurl,
#comment_list .imgurl {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	text-align: right;
	box-sizing: border-box;
}
.partner_column_keep #keep_list .imgurl {
	right: inherit;
	left: 0;
	text-align: left;
	padding-left: 2px;
}
.partner_column_comment #comment_list .imgurl {
	top: inherit;
	bottom: 0;
	text-align: right;
	padding-right: 2px;
}
#article_feature .imgurl {
	text-align: right;
	padding-right: 2px;
}

/*//////////////////////////
column_sidebar
//////////////////////////*/
#column_sidebar {
	margin-top: 0;
}
.top #column_sidebar,
.timeline #column_sidebar {
	margin-top: 0;
}
#column_sidebar .feature_ti {
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
#column_sidebar .feature_ti span {
	font-weight: normal;
	vertical-align: bottom;
}
#article_feature section {
	position: relative;
	margin-bottom: 40px;
}
#article_feature section .photo_link {
	position: relative;
	z-index: 10;	
}
#article_feature section:after {
	content: '';
	width: 100%;
	height: 90px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.85));
	position: absolute;
	bottom: 0;
	left: 0;
}
#article_feature .photo {
	height: 230px;
	position: relative;
}
#article_feature .text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 10px;
	z-index: 5;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.85));
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
	width: 100%;
	box-sizing: border-box;
}
#article_feature .origin {
	margin-right: 20px;
}
#article_feature .origin img {
	margin: 0px 5px 0 0;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}
#article_feature .text p {
	margin-top: 5px;
}

/*//////////////////////////
detail
//////////////////////////*/
#detail_article .section_article p a {
	color: #1d3994;
	text-decoration: underline;
}
#detail_article .section_article p a:hover {
	text-decoration: none;
}

#detail_article {
	word-wrap: break-word;
}
#detail_column {
	width: 680px;
	margin: 0 auto;
	padding: 40px 20px;
}
#detail_article .section_photo {
	position: relative;
	margin-bottom: 60px;
}
.section_photo .photo {
	width: 100%;
	height: 555px;
}
/*original画像サイズ*/
#detail_article  #section_photo_1 {
	height: 523px;
}
#detail_article #section_photo_1 .photo {
	height: 423px;
}

.section_photo .text {
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background: #3a3a3a;
}
#section_photo_1 .text {
	position: absolute;
	bottom: 0;
	left: 0;
}
.section_photo .text .ti {
	color: #fff;
	line-height: 32px;
	margin-bottom: 10px;
}
.section_photo .text .other,
.section_photo .text .other a {
	color: #898989;
}
.section_photo .text .origin {
    margin-right: 20px;
}
.section_photo .text .origin img {
	margin: 0px 5px 0 0;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}
.section_photo .keep {
	position: absolute;
	bottom: -38px;
	right: 20px;
}
.section_article {
	padding-bottom: 60px;
	border-bottom: none;
}

.section_article h2 {
	background: #f0f0f0;
	font-weight: bold;
	padding: 0.65em 0.75em 0.65em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.section_article h3 {
	font-weight: bold;
	border-left: 3px solid #000;
	padding: 0.25em 0.75em 0.25em;
	margin-bottom: 1.25em;
}

.section_article p {
	margin-bottom: 20px;
	line-height: 1.8;
}

.section_article .more_link {
	margin: 40px auto 0;
    text-align: center;
}
.section_article .ob_link {
	margin: 20px auto;
    text-align: center;
}
.section_article .ob_link_ul {
	display: table;
	text-align: center;
	margin: 20px auto;
}
.section_article .ob_link_ul li {
	display: table-cell;
}
.section_article .more_link a {
	text-decoration: underline;
    font-weight: bold;
}
.section_article .ob_link a {
	text-decoration: underline;
    font-weight: bold;
	color: #000000 !important;
}
.section_article .ob_link_ul li a {
	text-decoration: underline;
    font-weight: bold;
	color: #000000 !important;
	margin: 0 10px;
}

.section_article .more_link a:hover {
	text-decoration: none;
}
.section_article .ob_link a:hover {
	text-decoration: none;
}
.section_article .ob_link_ul li a:hover {
	text-decoration: none;
}

.section_article .flex-video {
	margin-bottom: 20px;
}

.section_keep {
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.section_keep .keep_users .keep_users_l {
	width: 80%;
	display: inline-block;
}

.section_keep .keep_users .keep_users_r {
	width: 20%;
	text-align: right;
	display: inline-block;
	margin-right: -4px;
}

.section_keep .keep_users .bind {
	display: inline-block;
	vertical-align: middle;
}

.section_keep .keep_users {
	position: relative;
	margin-top: 0;
	padding: 30px 0;
}
.section_keep .ti {
	font-weight: bold;
	margin-right: 20px;
}

.section_keep .keep_users ul li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px 0 0;
}

.section_keep .keep {
	float: right;
	width: 78px;
	height: 78px;
}
.sns_box {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
.sns_box .sns-btn {
	margin: 0 0 15px;
	text-align: center;
    display: inline-block;
}
.sns_box .sns_share {
	
}
.sns_box .share_icon {
	width: 86px;
	float: left;
	border-right: 1px dotted #aaaaaa;
	margin: 12px 0;
}
.sns_box .share_icon i {
	margin-right: 10px;
	vertical-align: middle;
}
.sns_box .sns-btn li {
	float: left;
	width: 120px;
	padding: 0 5px;
	display: inline;
}
.sns_box .sns-btn .line {
	display: none;
}
.sns-btn li a {
	width: 70px;
	height: 70px;
	padding: 10px 0;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1;
	border-radius: 50%;
	position: relative;
}
.sns_box .sns-btn li .text {
	font-weight: bold;
}
.sns-btn li a i {
	position: relative;
	z-index: 1;
}
.sns-btn li a:hover {
	color: #fff;
}
.sns-btn li .sns_btn_wrap {
	text-align: center;
}
.sns-btn li .sns_btn_wrap .sns_btn_inner i {
	width: 50px;
	vertical-align: middle;
}
.sns-btn li a:before {
	content: "";
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.sns-btn li a:hover:before {
	background: #222;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

/*facebook*/
.sns-btn .facebook_share a .fa-facebook-official {
	color: #3765a3;
}
.sns-btn .facebook_share a:hover .fa-facebook-official {
	color: #fff;
}
.sns-btn .facebook_share a:hover:before {
	background: #3765a3;
}
/*twitter*/
.sns-btn .tweet a .fa-twitter {
	color: #5ea9dd;
}
.sns-btn .tweet a:hover .fa-twitter {
	color: #fff;
}
.sns-btn .tweet a:hover:before {
	background: #5ea9dd;
}
.sns-btn .line {
	display: none;
}
.comment_tab {
	margin-bottom: 30px;
	text-align: center;
}
.comment_tab a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 10px;
	border-radius: 20px;
	position: relative;
}
.comment_tab a.active {
	background: #222222;
	color: #fff;
	box-shadow: 0px 1px 3px rgba(0,0,0, 0.4);
}
.comment_tab a:hover {
	
	color: #fff;
}
.comment_tab a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 40px;
	border-radius: 20px;
	z-index: -1;
	top: 0;
	left: 0;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.comment_tab a:hover:before {
	background: rgba(85,85,85,1);
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}
.comment_tab a span {
	padding: 10px 25px;
	font-weight: bold;
}
.section_comment .ti {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #f0f0f0;
	font-weight: bold;
}
.section_comment .ti span {
	margin-left: 10px;
}
.section_comment ul li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.section_comment ul li {
	min-height: 1px;
	padding: 15px 0;
	position: relative;
	border-bottom: 1px solid #e4e4e4;
}
.section_comment ul li:last-child {
	border-bottom: none;
}
.follow_uesrs_comment + ul li:last-child {
	border-bottom: none;
}

* html .section_comment ul li {
	height: 1px;
}
.section_comment .users_img {
	width: 65px;
	float: left;
}
.section_comment .users_img a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.section_comment .users_info {
	float: left;
	width: 100%;
	margin-left: -65px;
}
.section_comment .users_info_area {
	margin-left: 65px;
}
.section_comment .users_info .users_name {
	font-weight: bold;
	padding: 5px 50px 0 0;
}
.section_comment .text {
	margin: 5px 50px 10px 0;
	min-height: 40px;
}
.section_comment .users_info_area .users_name {
	line-height: 1;
}
#user_cmd .users_info .users_title {
	color: #898989;
	font-weight: normal;
}
.section_comment .other .data {
	color: #898989;
}
.section_comment .other .like_button {
	width: 104px;
	float: left;
}
.section_comment ul li .followed_button,
.section_comment ul li .follow_button,
.section_comment ul li .circle_type_A {
	position: absolute;
	top: 15px;
	right: 0;
}
.comment_trans {
	padding: 30px 0 50px;
	width: 100%;
}
.comment_trans textarea {
	width: 75%;
	height: 80px;
	padding: 14px 10px;
	box-sizing: border-box;
	float: left;
}
.fb_comment {
	display: none;
}
.fb_comment {
	width: 80%;
	padding-bottom: 30px;
	margin: 0 auto;
	box-sizing: border-box;
}
#detail_column .comment_area .fb_ltr {
	width: 546px !important;
	margin: 0 auto;
}
#detail_article .section_article img {
	width: 100%;
}
#detail_article .flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 5px;
	overflow: hidden;
}
#detail_article .flex-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.de_box {
	background: #f0f0f0;
	padding: 10px 15px;
}
#detail_article .cn_ti {
	margin: 50px 0 10px;
	font-weight: bold;
}
#detail_have_bor_area .have_bor {
	border-top: none;
	margin-top: 0;
}
.sns_box .sns_ti {
	text-align: center;
	font-weight: bold;
	padding: 0 0;
}
.sns_box .sns_ti span {
	display: block;
}
.relation_area {
	margin: 0;
}
.relation_area .relation_p {
	text-align: center;
	font-weight: bold;
	padding: 25px 0;
}
#relation_contents .li_col_2 {
	width: 50%;
    padding: 0 0 20px;
    float: left;
    box-sizing: border-box;
}
#relation_contents li:nth-child(odd) {
	padding-right: 10px;
}
#relation_contents li:nth-child(even) {
	padding-left: 10px;
}
#relation_contents li .photo {
    width: 100%;
    height: 180px;
    position: relative;
}
#relation_contents li .text {
	height: 70px;
}
#relation_contents li .ti {
	margin: 10px 0 0;
	font-weight: bold;
}
#relation_contents li .relation_num {
	margin: 5px 0 0;
	text-align: right;
	color: #858585;
}

/*//////////////////////////
partner
//////////////////////////*/
.nothing .icon {
	margin: 0 auto;
	color: #cccccc;
}
.nothing .icon i {
	vertical-align: bottom;
}
.nothing .word {
	color: #cccccc;
	margin-bottom: 20px;
}
#partner_column {
	margin: 0 auto 40px;
	padding-left: 80px;
	box-sizing: border-box;
}
#cover_photo {
	max-width: 1320px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#cover_photo .cover_photo_shadow {
	background: rgba(0,0,0,0.65);
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1000;
}
#cover_photo .photo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
#setting_article #cover_photo #cover_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
#setting_article #cover_photo #err_bg {
	position: absolute;
	top: 70px;
	right: 0;
}
#cover_photo #cover_photo_section {
	max-width: 1040px;
	margin: 0 auto;
	padding: 210px 20px 0 20px;
	position: relative;
	color: #fff;
	z-index: 1001;
}

#cover_photo_section .users_info {
	width: 66.667%;
}

#cover_photo_section .users_img {
	margin-right: 15px;
	float: left;
	position: relative;
}
#cover_photo_section .name {
	height: 95px;
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
}
#cover_photo_section .name_area {
	word-wrap: break-word;
	line-height: 1;
}
#cover_photo_section .intro {
	margin: 20px 0 60px;
	position: relative;
	width: 66.667%;
}
#cover_photo_section .intro .text_over01 {
	padding-right: 20px;
}
#cover_photo_section .name .like_num {
	padding: 5px 0 0;
}
.intro .intro_icon {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}
.intro_more {
	display: none;
}
.intro_more {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(34,34,34,0.9);
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	z-index: 102;
}
.intro .intro_icon_ab {
	display: block;
	position: absolute;
	top: -30px;
	right: -30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #eeeeee;
	z-index: 103;
	color: #000000;
	text-align: center;
}
.intro_icon_ab i {
	display: block;
	margin: 10px 0 0;
}


#partner_article .ti {
	margin: 60px 20px 50px;
}
.ti_bor {
	margin: 60px 0 50px;
	position: relative;
}

.ti_bor .ti_bor_inner {
	max-width: 1080px;
	margin: 0 auto;
}

.ti_bor .ti_bor_inner h2 {
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
}

#partner_article .ti .alp,
.ti_bor .alp {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

#partner_article .ti .jp,
.ti_bor .jp {
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

#partner_article .ti h2 {
	width: 1040px;
	margin: 0 auto;
}
.partner_activity {
	margin: 0 auto;
	max-width: 1040px;
}
.partner_activity .nothing {
	text-align: center;
	margin-bottom: 50px;
}

#partner_article h2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#partner_article h2 {
	min-height: 1px;
}
* html #partner_article h2 {
	height: 1px;
}
.ti_bor:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e4e4e4;
	position: absolute;
	top: 25px;
	z-index: -1;
}
.partner_area {
	clear: both;
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
}
.partner_area .nothing {
	text-align: center;
	margin-bottom: 50px;
}
.partner_area .nothing img {
	margin-bottom: 30px;
}
.partner_area .nothing p {
	margin-bottom: 20px;
}
.partner_activity .partner_list .li_col_1 {
	margin-bottom: 30px;
	padding-left: 20px;
}
.partner_activity .text {
	margin-bottom: 10px;
}
.partner_activity .text span {
	font-weight: bold;
}
.partner_activity .data {
	color: #898989;
}

.partner_keep .partner_list .li_col_3,
.partner_comment .partner_list .li_col_3 {
	width: 33.33%;
	padding: 0 20px 40px;
	float: left;
	box-sizing: border-box;
}
.partner_keep .partner_list .li_col_3 .link,
.partner_comment .link {
	position: relative;
}
.partner_keep .partner_list .li_col_3 .photo,
.partner_comment .partner_list .li_col_3 .photo {
	width: 100%;
	height: 226px;
	position: relative;
}
.partner_keep .partner_list .li_col_3 .photo:after,
.partner_comment .partner_list .li_col_3 .photo:after {
	content: '';
	width: 100%;
	height: 100px;
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.85));
	position: absolute;
	bottom: 0;
	left: 0;
}
.partner_keep .partner_list .li_col_3 .text,
.partner_comment .partner_list .li_col_3 .text {
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.85));
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	color: #ffffff;
	text-shadow:  0 1px 1px rgba(0,0,0,.75);
}

.partner_keep .partner_list .li_col_3 .text a,
.partner_comment .partner_list .li_col_3 .text a {
	color: #fff;
}
.partner_keep .partner_list .li_col_3 .text img,
.partner_comment .partner_list .li_col_3 .text img {
	margin: 0px 5px 0 0;
	height: 16px;
	vertical-align: text-bottom;
}
.partner_keep .partner_list .li_col_3 .text .origin,
.partner_comment .partner_list .li_col_3 .text .origin {
	margin-right: 20px;
}
.partner_follow .partner_list .li_col_8,
.partner_follower .partner_list .li_col_8 {
	width: 12.5%;
	padding: 0 20px 20px;
	float: left;
	box-sizing: border-box;
	position: relative;
}
#partner_article .partner_follow .partner_list .li_col_8 .intro,
#partner_article .partner_follower .partner_list .li_col_8 .intro {
	display: none !important;
}
.partner_follow .partner_list .li_col_8 .thum,
.partner_follower .partner_list .li_col_8 .thum {
	position: relative;
}
.partner_follow .partner_list .li_col_8 .followed_button,
.partner_follow .partner_list .li_col_8 .follow_button,
.partner_follower .partner_list .li_col_8 .followed_button,
.partner_follower .partner_list .li_col_8 .follow_button {
	position: absolute;
	top: 60px;
	right: 10px;
}
.partner_area .circle_type_A {
	position: absolute;
	top: -105px;
	right: 20px;
}
.partner_follow .name,
.partner_follower .name {
	margin-top: 15px;
	text-align: center;
	font-weight: bold;
}
.like_follow {
	text-align: center;
	margin: 5px 0 20px;
}
.like_follow dt,
.like_follow dd {
	display: inline;
}
.like_follow dt {
	padding-right: 10px;
}
.pro_mark {
	vertical-align: middle;
	margin-left: 4px;
	display: inline-block;
	text-indent: -9999px;
	background: url(../images/pro_mark.png) no-repeat left top;
	background-size: 28px auto;
	width: 28px;
	height: 18px;
}
#ranking_area .pro_mark {
	padding: 0 0 3px;
}

/*//////////////////////////
partner/keep
//////////////////////////*/
.partner_column_keep .partner_keep,
.partner_column_comment .partner_comment,
.partner_column_follow .partner_follow,
.partner_column_follower .partner_follower {
	margin-top: 40px;
}
.partner_column_keep .partner_keep .nothing,
.partner_column_comment .partner_comment .nothing,
.partner_column_follow .partner_follow .nothing,
.partner_column_follower .partner_follower .nothing {
	margin-top: 60px;
}
.partner_column_keep .partner_keep .nothing .button_tyep_A,
.partner_column_comment .partner_comment .nothing .button_tyep_A,
.partner_column_follow .partner_follow .nothing .button_tyep_A,
.partner_column_follower .partner_follower .nothing .button_tyep_A {
	width: 33.333%;
}
.partner_column_keep .partner_keep ul li {
	position: relative;
}
.partner_column_keep .partner_keep .close {
	position: absolute;
	top: -16px;
	right: 2px;
	z-index: 2;
}
.partner_column_keep .partner_keep .close span,
.first_comment .close  span,
.comment_all li .close {
	width: 36px;
	height: 36px;
	display: block;
	text-align: center;
  	color: #fff;
	line-height: 36px;
  	border-radius: 50%;
  	background: #222222;
  	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
	cursor: pointer;
}
.partner_column_keep .partner_keep .close span:hover,
.first_comment .close  span:hover,
.comment_all li .close:hover {
	background: #555555;
}
/*//////////////////////////
partner/comment
//////////////////////////*/
.partner_column_comment .partner_list .li_col_2 {
	width: 50%;
	padding: 0 20px 40px;
	float: left;
	box-sizing: border-box;
	position: relative;
}
.partner_column_comment .partner_list .li_col_2 .link:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.partner_column_comment .partner_list .li_col_2 .link {
	min-height: 1px;
}
* html .partner_column_comment .partner_list .li_col_2 .link {
	height: 1px;
}
.partner_column_comment .partner_list .li_col_2 .photo {
	width: 40%;
	float: right;
	height: 124px;
	position: relative;
}
.partner_column_comment .partner_list .li_col_2 .text {
	width: 60%;
	float: left;
	position: relative;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	color: #000000;
}

.partner_column_comment .partner_list .li_col_2 .text .title {
	font-weight: bold;
	margin-bottom: 15px;
}

.partner_column_comment .partner_list .li_col_2 .text a {
	color: #898989;
}
.partner_column_comment .partner_list .li_col_2 .text .data {
	display: none;
}
.partner_column_comment .partner_list .li_col_2 .photo:after {
	background: none;
}
.partner_column_comment .partner_list .li_col_2 .text .title {
	height: 60px;
}
.partner_column_comment .partner_list .li_col_2 .first_comment .text_over02 {
	height: 40px;
}
.first_comment {
	margin: 20px 0 0 0;
	position: relative;
	padding-right: 60px;
	height: 70px;
}
.first_comment .text_over02 {
	height: 40px;
	overflow: hidden;
}
.first_comment .data {
	color: #898989;
	margin-top: 10px;
}
.first_comment .close {
	top: 0;
	right: 0;
}
.comment_all {
	display: none;
}
.comment_all {
	position: absolute;
	left: 0;
	top: 124px;
	width: 100%;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4);
	z-index: 3;
}
.partner_column_comment .partner_list .li_col_2 .comment_all li {
	float: none;
	/*width: 100%;*/
	padding: 20px 80px 20px 20px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
.comment_all li .data {
	color: #898989;
	margin-top: 10px;
}
.comment_all li .close {
  top: 20px;
  right: 20px;
}
.comment_all .all_close {
	height: 20px;
	text-align: center;
	background: #eeeeee;
	padding: 10px 0;
	cursor: pointer;
}
.comment_all .all_close i {
	margin-right: 10px;
}
/*//////////////////////////
partner/follow
//////////////////////////*/
.partner_column_follow .partner_list .li_col_4 .intro,
.partner_column_follower .partner_list .li_col_4 .intro {
	margin: 5px 0 20px;
	height: 20px;
}
.partner_column_follow .partner_list .li_col_4,
.partner_column_follower .partner_list .li_col_4 {
	width: 25%;
	padding: 0 20px 40px 20px;
	float: left;
	box-sizing: border-box;
	position: relative;
}
.partner_column_follow .partner_list .li_col_4 .thum,
.partner_column_follower .partner_list .li_col_4 .thum {
	width: 95px;
	margin: 0 auto;
	position: relative;
}

.partner_column_follow .partner_list .li_col_4 .thum .user_thum_L,
.partner_column_follower .partner_list .li_col_4 .thum .user_thum_L {
	text-align: center;
	margin: 0 auto;
}

.partner_column_follow .partner_list .li_col_4 .followed_button,
.partner_column_follow .partner_list .li_col_4 .follow_button,
.partner_column_follower .partner_list .li_col_4 .followed_button,
.partner_column_follower .partner_list .li_col_4 .follow_button {
	position: relative;
	top: 0;
	right: 0;
}
/*//////////////////////////
signup
//////////////////////////*/
#member_article {
	width: 683px;
	margin: 40px auto;
}
#member_article #cate_ti {
	margin-bottom: 40px;
}

#member_article #cate_ti .alp {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

#member_article #cate_ti .jp {
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
}

#fb_box {
	width: 340px;
	margin: 0 auto;
}
#fb_box i {
	display: inline-block;
	padding-right: 20px;
}
#signup .or {
	height: 1px;
	display: block;
	margin: 40px auto;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
#signup .or:after {
	content: "or";
	background: #fff;
	color: #e8e8e8;
	width: 36px;
	height: 36px;
	padding: 8px 0;
	box-sizing: border-box;
	text-align: center;
	display: block;
	margin-left: -22px;
	position: absolute;
	top: -20px;
	left: 50%;
	border-radius: 50%;
	border: 1px solid #e8e8e8;
}
#form_box .form_box_inner {
	width: 340px;
	margin: 0 auto;
}
#form_box .form-control {
	margin-top: 10px;
}

#form_box .form_label {
	text-align: left;
	font-weight: bold;
	margin-top: 25px;
}
.form_style {
	width: 100%;
	padding: 0 10px;
	height: 50px;
	box-sizing: border-box;
}
/*pc_tool_tip*/
.pc_tool_tip_over {
	position:relative;
}
.pc_tool_tip_text {
	position: absolute;
	top: 30px;
	right: -250px;
	z-index: 1;
	width: 190px;
	box-sizing: border-box;
	padding: 20px;
	color: #fff;
	background: #2d2d2d;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top left;
	-webkit-transform-origin: top left;
}
.pc_tool_tip_text img{
	display: block;
	margin-bottom: 10px;
}
.pc_tool_tip_text:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: -10px;
	top: 15px;
	border-right: 10px solid #2d2d2d;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}
.pc_tool_tip_over:hover .pc_tool_tip_text {
	transform: scale(1);
	-webkit-transform: scale(1);
}
/*sp_tool_tip*/
.sp_tool_tip,
.sp_tool_tip_text {
	display: none;
}
#form_box .consent {
	margin: 40px 0 15px;
	text-align: center;
}

#submit_box {
	width: 340px;
	height: 50px;
	margin: 0 auto;
}
#signup .have {
	text-align: center;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #e4e4e4;
}
.receive_area label {
	height: 30px;
	display: inline-block;
	padding-left: 40px;
	line-height: 30px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
.receive_area label:before {
	content: "";
	background: #eeeeee;
	width: 28px;
	height: 28px;
	margin-top: -15px;
	display: block;
	border: 1px solid #444;
	border-radius: 10%;
	position: absolute;
	top: 50%;
	left: 0;
	cursor: pointer;
}
.receive_area input[type="checkbox"]:checked + label:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 7px;
	width: 8px;
	height: 14px;
	display: block;
	margin-top: -10px;
	margin-left: 2px;
	border: solid 3px #0112b2;
    border-left: 0;
    border-top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.receive_area input {
	display: none;
}
.receive_area {
	margin-top: 10px;
}



/*//////////////////////////
signup/signupover
//////////////////////////*/
.guide_submit {
	text-align: center;
	margin-bottom: 40px;
}
.guide_submit dt {
	font-weight: bold;
	margin-bottom: 20px;
}
.guide_submit dd span {
	font-weight: bold;
}
.guide_square {
	background: #f0f0f0;
	border: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
}
.guide_square dt {
	font-weight: bold;
	text-align: center;
}
.guide_square dd {
	margin-top: 20px;
}
/*//////////////////////////
signup/err
//////////////////////////*/
.err {
  color: #c82950;
  display: block;
  text-align: left;
  margin-top: 10px;
  clear: both;
}
/*//////////////////////////
signin
//////////////////////////*/
.login_left {
	width: 342px;
	padding-right: 40px;
	float: left;
	border-right: 1px solid #e4e4e4;
	box-sizing: border-box;
}
.login_right {
	width: 302px;
	float: right;
}
.login_left #fb_box {
	width: 300px;
}
.mail_login {
	text-align: center;
	margin-bottom: 20px;
}
#form_box.login_left .form_box_inner {
	width: 100%;
}
#form_box.login_left .form-control {
  margin-top: 20px;
}
#form_box.login_left #submit_box {
	margin-top: 20px;
	width: 240px;
}
#form_box.login_left .have {
	margin: 40px 0 40px;
}
.login_right dl {
	margin-bottom: 30px;
	text-align: center;
}
.login_right dl dt {
	font-weight: bold;
	margin-bottom: 20px;
}
.login_right .r_time {
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.login_right .r_time span {
	color: #c82950;
}
.new_reg {
	width: 240px;
	margin: 0 auto;
}
/*//////////////////////////
signin/forget
//////////////////////////*/
.sub {
	margin-bottom: 30px;
}
#submit_box_helf {
	width: 240px;
	height: 50px;
	margin: 20px auto 0;
}
.have_bor {
	margin: 40px 0;
	padding-top: 40px;
	border-top: 1px solid #e4e4e4;
	text-align: center;
}
.preservation {
	width: 240px;
	height: 50px;
	margin: 20px auto;
}
#submit_box_helf a {
	padding: 12px 0;
	box-sizing: border-box;
}
#submit_box_helf a:hover {
	color: #fff;
}

/*//////////////////////////
signin/changePassword
//////////////////////////*/
.cp_dl {
	text-align: center;
	margin-bottom: 40px;
}
.cp_dl dt {
	font-weight: bold;
	margin-bottom: 20px;
}

/*//////////////////////////
setting
//////////////////////////*/
#setting_article {
	margin: 40px auto;
}
#setting_article #cover_photo {
	max-width: 1040px;
	margin: 0 auto;
}
#setting_article #cate_ti {
	max-width: 1040px;
	margin: 0 auto 40px;
	padding-left: 20px;
}

#setting_article #cate_ti .alp {
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

#setting_article #cate_ti .jp {
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

#edit_nav {
	display: inline-table;
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
#edit_nav a {
	display: inline-block;
	margin: 0 0 0 4%;
	width: 28%;
	height: 50px;
}

#edit_nav a .tab_btn {
	font-weight: bold;
	display: block;
	line-height: 1;
	padding: 17px 0;
}

#edit_cover_photo {
	position: relative;
	height: 437px;
}
#edit_cover_photo .cover_btn {
	width: 33.333%;
	max-width: 230px;
	padding: 0;
}
.profile_cover_photo {
	width: 100%;
	height: 437px;
}
.cover_btn {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	position: absolute;
	top: 25px;
	right: 25px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cover_btn input {
	z-index: 5;
	position: absolute;
	right: 0;
	text-align: right;
	opacity: 0;
	height: 100%;
	cursor: pointer;
	min-width: 100%;
	min-height: 100%;
	display: block;
}
#photo_edit {
	width: 100%;
	padding: 0 60px;
	box-sizing: border-box;
	position: absolute;
	top: 170px;
	left: 0;
	z-index: 100;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#photo_edit .profile_img {
	width: 125px;
	float: left;
}
#photo_edit .user_thum_L {
	position: relative;
	z-index: 2;
}
#photo_edit .img {
	position: absolute;
	top: 0;
	left: 60px;
	border-radius: 50%;
	background-size: cover;
	z-index: 1;
}
#photo_edit .photo_edit_btn {
	width: 33.333%;
	max-width: 230px;
	margin-top: 20px;
	float: left;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#photo_edit .photo_edit_btn input {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	cursor: pointer;
}

#setting_article .ti_bor {
	margin: 60px 0 30px;
	position: relative;
}

#setting_article h2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#setting_article h2 {
	min-height: 1px;
}
* html #setting_article h2 {
	height: 1px;
}
#setting_article .ti_bor:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #e4e4e4;
	position: absolute;
	top: 25px;
	z-index: -1;
}

#edit_cover_photo .cover_photo_shadow {
	z-index: 0;
}

#setting_article #form_box .form_box_inner {
	width: 40%;
	margin: 0 auto;
}
.form_label .st {
	color: #c82950;
}
.form_label .ex {
	background: #c82950;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	padding: 2px 5px;
	margin-left: 20px;
}
.form_label .ex i {
	padding-right: 5px;
}
.form-control .des {
	color: #898989;
	display: block;
	margin-top: 10px;
}


/*性別*/
#account_info .radio-wrap {
	margin-top: 10px;
	height: 30px;
	display: inline-block;
	position: relative;
}
.inquiry-form .radio-wrap {
	margin-top: 10px;
	display: inline-block;
	position: relative;
}
#account_info .radio-wrap:nth-child(2) {
	margin-left: 20px;
}
#account_info .radio-wrap input[type="radio"],
.inquiry-form .radio-wrap input[type="radio"] {
	display: none;
}
#account_info .radio-wrap label,
.inquiry-form .radio-wrap label {
	height: 30px;
	display: inline-block;
	padding-left: 40px;
	line-height: 30px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
#account_info .radio-wrap label:before,
.inquiry-form .radio-wrap label:before {
	content: "";
	background: #f0f0f0;
	width: 28px;
	height: 28px;
	margin-top: -15px;
	display: block;
	border: 1px solid #f0f0f0;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4);
	box-shadow: 0 1px 1px rgba(0,0,0,.4);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	cursor: pointer;
}
#account_info .radio-wrap input[type="radio"]:checked + label:after,
.inquiry-form .radio-wrap input[type="radio"]:checked + label:after {
	content: "";
	background: #0112b2;
	width: 14px;
	height: 14px;
	display: block;
	margin-top: -7px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 8px;
}

.inquiry-form .radio-wrap label {
	margin-bottom: 15px;
}
/*生年月日*/
#account_info .custom-select-menu {
	width: 100%;
	padding: 0 0 0 10px;
	position: absolute;
	cursor: pointer;
}
#account_info .custom-select {
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#account_info .select_col_1 {
	width: 65.334%;
}
#account_info .select_col_3 {
	width: 30.667%;
	float: left;
	margin: 0 4% 15px 0;
}
#account_info .select_col_3:nth-child(3) {
	margin-right: 0;
}
#account_info .custom-select .custom_select_inner {
	background: #f5f5f5;
	height: 50px;
	margin-right: 25px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	z-index: 1000;
}

#account_info .custom-select .custom_select_inner:after {
	content: "";
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #222;
	position: absolute;
	top: 24px;
	right: 8px;
}

#account_info .custom-select:after {
	display: block;
	position: absolute;
	top: 10px;
	right: -20px;
}
#account_info .date1:after {
	content: "年";
	position: absolute;
	top: 17px;
	right: 0;
}
#account_info .date2:after {
	content: "月";
	position: absolute;
	top: 17px;
	right: 0;
}
#account_info .date3:after {
	content: "日";
	position: absolute;
	top: 17px;
	right: 0;
}
#account_info .select-wrap {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
#account_info .select-wrap:first-child {
	margin-left: 0;
}

#account_info .select-wrap .date {
	line-height: 1;
	position: absolute;
	top: 15px;
	left: 115px;
}
:root #account_info .tri { 
	display: none \0/IE9;
}  /* IE9 */
#account_info select:hover,
#account_info select:focus{
	border-color: #a4a4a4;
}

/* IE用 */
.select-wrap select::-ms-expand,
#account_info select::-ms-expand {
	display: none;
}
/*自己紹介*/
#account_info .box_area {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 125px;
	padding: 5px 5px;
	box-sizing: border-box;
	border-radius: 5px;
	color: #333;
}
.text_limit {
	color: #898989;
	text-align: right;
	margin: 0px;
	padding: 5px 0;
}
.text_limit .limit_count {
	font-weight: bold;	
}


#account_info .preservation {
  width: 33.333%;
  margin: 40px auto;
}
#account_info .delete {
	width: 25%;
	height: 50px;
	margin: 0 auto;
}
/*パスワード設定*/
div.tab_image {
	display: none;
}
#member_article {
  width: 683px;
  margin: 40px auto;
}
/*//////////////////////////
genre
//////////////////////////*/
#genre_article {
  max-width: 1040px;
  margin: 40px auto;
  padding: 0 20px;
}
#genre_article #cate_ti {
	margin-bottom: 40px;
}
#genre_article #cate_ti .alp {
	font-weight: bold;
}
#genre_article #cate_ti .jp {
  display: inline-block;
  padding: 5px 0 5px 20px;
}
#genre_article .des {
	margin-bottom: 40px;
}
#genre_contents {
	margin-bottom: 50px;
}
.genre_input {
	width: 60%;
	padding-right: 60px;
	float: left;
	box-sizing: border-box;
	position: relative;
}

.genre_input .err {
	margin: 0 0 15px 0;
}

.genre_input .load_img_area #load_img {
	width: 20px;
	height: 20px;
	margin: 10px auto;
}
.genre_input .triangle {
	width: 40px;
	height: 92px;
	position: absolute;
	right: 0;
	top: 160px;
}
.genre_input .triangle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 40px solid #0112b2;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
}
.keyword_label {
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.keyword_label .num {
	position: absolute;
	top: 0;
	right: 0;
}
#keyword_reg {
	margin-bottom: 20px;
}
#keyword_reg .input_area {
	width: 75%;
	float: left;
}
#keyword_reg input {
	display: block;
	width: 100%;
	height: 50px;
	float: left;
	box-sizing: border-box;
}
#keyword_reg button {
	height: 50px;
	width: 20%;
	display: block;
	float: right;
	box-sizing: border-box;
	background: #222222;
	color: #fff;
	border-radius: 5px;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

#keyword_reg button:hover {
	background: #555;
}

.genre_reg {
	width: 40%;
	padding-left: 20px;
	float: left;
	box-sizing: border-box;
}
#keyword_regted {
	width: 100%;
	box-sizing: border-box;
	height: 310px;
	border: 4px solid #e4e4e4;
	overflow-y: scroll;
}
#keyword_regted li {
	position: relative;
	padding: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #e4e4e4;
}
#keyword_regted li .text {
	padding-right: 20px;
}
#keyword_regted li .close {
	position: absolute;
	top: 30%;
	right: 15px;
}
#genre_article .preservation {
	width: 33.333%;
}
#genre_contents .keyword_filter {
	width: 100%;
	margin: 0 0 15px 0;
	box-shadow: inset 0 0 1px rgba(0,0,0,.4);
	list-style: none;
	border-radius: 5px;
}
#genre_contents .kf_height {
	max-height: 260px;
	overflow-y: scroll;
}
#genre_contents .keyword_filter li {
	display: none;
	clear: both;
	line-height: 20px;
	border-bottom: 1px solid #e4e4e4;
}
#genre_contents .keyword_filter li:last-child {
	border-bottom: none;
}
#genre_contents .keyword_filter li a {
	line-height: 1;
	display: block;
	padding: 15px 10px;	
}
#genre_contents .keyword_filter li a span {
	color: #444;
	padding: 3px 5px;
	border-radius: 3px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#genre_contents .keyword_filter li a:hover {
	background: #222222;
}
#genre_contents .keyword_filter li a:hover span {
	color: #fff;
}
#genre_article .btn_reg_area_a {
	width: 33.333%;
}
/*//////////////////////////
account_delete
//////////////////////////*/
#account_delete_article  {
  width: 683px;
  margin: 40px auto;
}
#account_delete_article #cate_ti {
	margin-bottom: 40px;
}
#account_delete_article #cate_ti .alp {
	font-weight: bold;
}
#account_delete_article #cate_ti .jp {
  display: inline-block;
  padding: 5px 0 5px 20px;
}
.h2_account_delete {
	text-align: center;
	font-weight: bold;
	margin-bottom: 40px;
}
#account_delete_article .des {
	margin-bottom: 40px;
}
#account_delete_box ul {
	text-align: center;
}
#account_delete_box ul li {
	width: 33.333%;
	height: 50px;
	display:inline-block;
	padding: 0 15px;
}
#account_delete_box ul li .detet_button {
	display: inline;
}

/*//////////////////////////
account_delete_reason
//////////////////////////*/
#account_delete_reason {
	width: 50%;
	margin: 0 auto 40px;
}
#account_delete_reason .plural_des {
	margin-bottom: 15px;
}
#account_delete_reason .inp_check {
	margin-bottom: 15px;
}
#account_delete_reason .inp_check input[type="checkbox"] {
	display: none;
}
#account_delete_reason .inp_check label {
	height: 30px;
	display: inline-block;
	padding-left: 40px;
	line-height: 30px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
#account_delete_reason .inp_check label:before {
	content: "";
	background: #eeeeee;
	width: 28px;
	height: 28px;
	margin-top: -15px;
	display: block;
	border: 1px solid #444;
	border-radius: 10%;
	position: absolute;
	top: 50%;
	left: 0;
	cursor: pointer;
}
#account_delete_reason .inp_check input[type="checkbox"]:checked + label:after {
	position: absolute;
	top: 50%;
	left: 7px;
	content: "";
	width: 8px;
	height: 14px;
	display: block;
	margin-top: -10px;
	margin-left: 2px;
	border: solid 3px #0112b2;
    border-left: 0;
    border-top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#reason08_box {
	display: none;
}
#reason08_box .box_area {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 125px;
	box-sizing: border-box;
	border-radius: 5px;
	color: #333;
	padding: 10px;
}
/*//////////////////////////
account_delete_confirm
//////////////////////////*/
.pass_inp {
	margin-bottom: 30px;
}
#account_delete_fin {
	width: 33.333%;
	height: 50px;
	margin: 0 auto;
}
/*//////////////////////////
inquiry
//////////////////////////*/
.wid683 {
	max-width: 683px;
	margin: 40px auto;
}

.wid683 .des {
	margin-bottom: 40px;
}
#inquiry_article #form_box {
	border-top: 1px solid #e4e4e4;
}
#inquiry_article #form_box .form_box_inner {
	width: 50%;
	margin: 40px auto;
}
#form_box .form_box_inner .box_area {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

/*//////////////////////////
original
//////////////////////////*/
.article_contents section .text .ti i {
	color: #dac00b;
	margin-right: 5px;
}
.original_column .article_contents section {
	padding: 20px 0;
	border-top: 1px solid #e4e4e4;
}
.original_column .article_contents section:first-child {
	border-top: none;
	padding: 0 0 20px;
}
.original_column .article_contents section .link:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.original_column .article_contents section .link {
	min-height: 1px;
}
* html .original_column .article_contents section .link {
	height: 1px;
}


.original_column .article_contents section .photo {
	float: right;
	width: 33.333%;
	height: 157px;
	box-sizing: border-box;
	position: relative;
}
.original_column .article_contents section .text {
	width: 66.667%;
	height: 157px;
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}
.original_column .article_contents section .text .ti {
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;	
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
.original_column .article_contents section .text .ti:hover {
	color: #0112b2;
}

.original_column .article_contents section .text .other {
	color: #898989;
}

.original_column .article_contents section .text .other .origin {
	margin-right: 20px;
}


/*//////////////////////////
timeline
//////////////////////////*/
#no_genre .no_genre_area {
	width: 100%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
	margin-bottom: 40px;
}
#no_genre .warning {
	background: #3a3a3a;
	padding: 30px;
}
#no_genre .setting {
	background: #eeeeee;
	padding: 30px;
}
#no_genre .square {
	border: 3px solid #fff;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	color: #fff;
}
#no_genre .square dt {
	font-weight: bold;
	margin-bottom: 10px;
}
#no_genre .setting .des {
	margin-bottom: 20px;
}
/*//////////////////////////
detail
//////////////////////////*/
.article_writer {
	width: 100%;
	background: #f0f0f0;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.4);
	border: 5px solid #fff;
	margin: 0 0 60px;
}
.article_writer_area {
	background: #f0f0f0;
	padding: 30px;
}
.article_writer .article_writer_area .ti {
	font-weight: bold;
	margin-bottom: 20px;
}
.article_writer .user {
	height: 50px;
	margin-bottom: 20px;
}

.article_writer .users_img .user_thum_M {
	display: inline-block;
	vertical-align: middle;
}

.article_writer .users_info {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}

.article_writer .users_info_area .users_name {
	font-weight: bold;
}

.article_writer .article_writer_area .des {
	margin-bottom: 20px;
}
.article_writer .other_look {
	text-align: right;
}
.article_writer .other_look .other_look_link {
	text-decoration: underline;
}
.article_writer .other_look a:hover {
	text-decoration: none;
}
.article_writer .other_look i {
	padding-left: 10px;
}

/*sponsor_bnr*/
.detail_sponsor_bnr {
	margin: 0 0 30px;
	text-align: center;
}
.detail_sponsor_bnr .link {
	margin: 0 0 10px;
}
.detail_sponsor_bnr img {
	width: 100%;
}
.detail_sponsor_bnr a {
	font-size: 16px;
	text-decoration: underline;
    font-weight: bold;
}
.detail_sponsor_bnr a:hover {
	text-decoration: none;
}

/*//////////////////////////
writer
//////////////////////////*/
#writer_cover_photo {
	height: auto;
	width: 66.6667%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#writer_cover_photo img {
	width: 100%;
}
#writer_cover_photo .cover_photo_shadow {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1000;
}
#writer_cover_photo .photo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
#writer_cover_photo #cover_photo_section {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1001;
}
#writer_users_info {
	width: 66.6667%;
	margin: -50px auto 50px;
	position: relative;
	z-index: 1001;
}
#writer_users_info .users_img {
	width: 115px;
	float: left;
}

#writer_users_info .users_img .user_thum_L {
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}

#writer_users_info .name {
	float: left;
	width: 100%;
	margin-left: -115px;
}
#writer_users_info .name .name_area {
	margin-left: 115px;
	padding: 60px 0 0;
	font-weight: bold;
}
#writer_users_info .users_info {
	margin-bottom: 30px;
}
#detai_writer_article {
	width: 66.6667%;
	margin: 0 auto;
}
#detai_writer_article .writer_list {
	font-weight: bold;
	margin-bottom: 20px;
}
#detai_writer_article section .link:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#detai_writer_article section .link {
	min-height: 1px;
}
* html #detai_writer_article section .link {
	height: 1px;
}
#detai_writer_article section .photo {
	float: right;
	width: 33.333%;
	height: 157px;
	box-sizing: border-box;
}
#detai_writer_article section .text {
	width: 66.667%;
	height: 157px;
	padding-right: 20px;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
}

#detai_writer_article section .text .ti {
	font-weight: bold;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

#detai_writer_article section .text .other {
	color: #898989;
}

#detai_writer_article section .text .ti:hover {
	color: #0112b2;
}

#detai_writer_article section {
	padding: 20px 0;
	border-bottom: 1px solid #e4e4e4;
}
#detai_writer_article section:last-child {
	border-bottom: none;
}
#detai_writer_article section .text .ti i {
	color: #dac00b;
	margin-right: 5px;
}

#detai_writer_article section .play_button,
#detai_writer_article section .text .data {
	display: none;
}

/*//////////////////////////
検索結果
//////////////////////////*/
#result_bar {
	background: #222222;
	border-radius: 5px;
	padding: 15px 20px;
	position: relative;
	color: #fff;
	margin-bottom: 20px;
}
#result_bar .ti_a {
	font-weight: bold;
	padding-right: 100px;
}
#result_bar .ti_a span {
	font-weight: normal;
	display: inline-block;
	padding: 5px 0 5px 20px;
}
#result_bar .num {
	position: absolute;
	top: 20px;
	right: 20px;
}
#result_bar .num span {
	text-align: center;
	font-weight: bold;
}
.result_nothing {
	margin: 60px 0;
}
.result_nothing .des {
	text-align: center;
	margin-bottom: 20px;
}
.result_nothing .serch_form {
	position: relative;
}
.result_nothing .serch_form {
	position: relative;
}
.result_nothing .serch_form button {
	position: absolute;
	right: 10px;
	bottom: 10px;
	background: #fff;
}
/*//////////////////////////
404 page
//////////////////////////*/
#cover_photo_a {
	width: 1040px;
	height: 431px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../images/404.jpg) no-repeat center;
	background-size: cover;
}
#cover_photo_a .ti {
	position: absolute;
	top: 85px;
	left: 70px;
	z-index: 1;
}
#column_683 {
	max-width: 683px;
	margin: 0 auto;
	padding: 40px 0;
}
.nothing_404 .des {
	text-align: center;
}
.page_back {
	width: 240px;
	margin: 40px auto;
}
.nothing_404 .bor {
	width: 100%;
	border-top: 1px solid #e4e4e4;
	padding-top: 40px;
}
.top_back {
	width: 240px;
	margin: 0 auto;
}
/*//////////////////////////
rules
//////////////////////////*/
#oth_atc_a .date {
	text-align: right;
	margin-bottom: 40px;
}
.wid683 .sub_ti_b {
	font-weight: bold;
	margin-bottom: 20px;
}
#oth_atc_a .des {
	margin-bottom: 60px;
}
#oth_atc_a .des p {
	margin-bottom: 30px;
}
#oth_atc_a .sec_area_b {
	margin-bottom: 50px;
}
#oth_atc_a section p {
	padding: 0 0 15px 0;
}
#oth_atc_a .sec_area_b .num {
	padding: 0 0 15px 2.0em;
	text-indent: -2.0em;
}
/*//////////////////////////
about
//////////////////////////*/
#wrap_area_s {
	margin: 0 auto 40px;
	padding-left: 80px;
	width: 100%;
	box-sizing: border-box;
}
#cover_photo_s {
	width: 100%;
	height: 470px;
	overflow: hidden;
}
.cover_about {
	background: url(../images/about/main.jpg) no-repeat center;
	background-size: cover;
}
#cover_photo_s_area {
	max-width: 1320px;
	height: 470px;
	margin: 0 auto;
	position: relative;
}

#cover_photo_s .ti {
	position: absolute;
	top: 0;
	right: -120px;
	z-index: 1;
}

#cover_photo_s .ti img {
	height: 100%;
}

.art_about {
	padding-top: 60px;
}
.art_about .col_2 {
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
	float: left;
}
.sub_ti_s {
	font-weight: bold;
	margin-bottom: 20px;
}
.art_about .text {
	margin-top: 20px;
}
.about_bor p {
	font-weight: bold;
	margin-bottom: 20px;
}
.btn_reg_area_a {
	width: 66.667%;
	height: 50px;
	margin: 0 auto;
}
.about_bor .btn_reg_area_a .btn_A i {
	margin-left: 20px;
	vertical-align: text-bottom;
}
/*//////////////////////////
ad
//////////////////////////*/
.cover_ad {
	background: url(../images/ad/main.jpg) no-repeat center;
	background-size: cover;
}
.cover_ad .text {
	position: absolute;
	top: 90px;
	right: 7%;
	color: #fff;
}
.art_ad {
	padding-top: 60px;
}
.art_ad .sub_ti_s {
	text-align: center;
}
.sec_ad p {
	margin-bottom: 30px;
}
.ul_ad {
	margin-bottom: 40px;
}
.ul_ad .li_col_3 {
	width: 33.333%;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}
/*//////////////////////////
guide
//////////////////////////*/
.cover_guide {
	background: url(../images/guide/main.jpg) no-repeat center;
	background-size: cover;
}
.art_guide {
	padding-top: 60px;
}
.sub_ti_arr {
	position: relative;
	background: #0112b2;
	padding: 20px 0;
	color: #fff;
	text-align: center;
	line-height: 1.8;
	margin-bottom: 35px;
}
.sub_ti_arr a {
	color: #fff;
}
.sub_ti_arr:after {
	content: "";
	display: block;
	text-align: center;
	width: 0;
	height: 0;
	border-top: 15px solid #0112b2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	left: 47%;
	bottom: -15px;
}
.sub_ti_arr h2 {
	font-weight: bold;
}
.sec_guide {
	margin: 40px 0 60px;
}
.sec_guide .des {
	text-align: center;
	margin-bottom: 20px;
}

.sec_guide div[class^="img"] {
	width: 683px;
	height: 270px;
	margin: 0 auto;
	position: relative;
}

.sec_guide .img01 {
	background: url(../images/guide/01.jpg) no-repeat;
}
.sec_guide .img01 .dotto {
	position: absolute;
	top: 39px;
	right: 83px;
	background: url(../images/guide/01_dotto.png) no-repeat;
	width: 247px;
	height: 28px;
}
.sec_guide .img02 {
	background: url(../images/guide/02.jpg) no-repeat;
}
.sec_guide .img02 .dotto {
	position: absolute;
	top: 90px;
	left: 93px;
	background: url(../images/guide/02_dotto.png) no-repeat;
	width: 198px;
	height: 21px;
}
.sec_guide .img03 {
	background: url(../images/guide/03.jpg) no-repeat;
}
.sec_guide .img03 .dotto {
	position: absolute;
	top: 115px;
	left: 304px;
	background: url(../images/guide/03_dotto.png) no-repeat;
	width: 258px;
	height: 30px;
}
.sec_guide .img04 {
	background: url(../images/guide/04.jpg) no-repeat;
}
.sec_guide .img04 .dotto {
	position: absolute;
	top: 104px;
	left: 116px;
	background: url(../images/guide/04_dotto.png) no-repeat;
	width: 177px;
	height: 23px;
}
.radar {
	width: 8px;
	height: 8px;
	position: absolute;
}
.img01 .dotto .radar {
	top: 0%;
	left: 0%;
	margin: 0px;
}
.img02 .dotto .radar {
	bottom: 0%;
	right: 0%;
	margin: 0px;
}
.img03 .dotto .radar {
	top: 0%;
	left: 0%;
	margin: 0px;
}
.img04 .dotto .radar {
	top: 0%;
	right: 0%;
	margin: 0px;
}
.radar:before,
.radar:after {
	content: "";
	background: rgba(0,0,0,0.5);
    width: 16px;
	height: 16px;
	box-shadow: inset 0 0 10px rgba(200,41,80,.7);
	border-radius: 50%;
	pointer-events: none;
	position: absolute;
	z-index: 1;
    -webkit-animation: radar 3s ease-out 0s infinite normal;
    animation: radar 3s ease-out 0s infinite normal;
}
.img01 .dotto .radar:before,
.img01 .dotto .radar:after {
	top: 0%;
	left: 0%;
	margin: -4px 0 0 -4px;
}
.img02 .dotto .radar:before,
.img02 .dotto .radar:after {
	bottom: 0%;
	right: 0%;
	margin: 0 -4px -4px 0;
}
.img03 .dotto .radar:before,
.img03 .dotto .radar:after {
	top: 0%;
	left: 0%;
	margin: -4px 0 0 -4px;
}
.img04 .dotto .radar:before,
.img04 .dotto .radar:after {
	top: 0%;
	right: 0%;
	margin: -4px -4px 0 0;
}
.radar,
.radar:after {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
.radar:after,
.radar:before {
	background: rgba(229,80,119, 0.5);
	box-shadow: 0 0 10px rgba(200,41,80,.7) inset;
}
@-webkit-keyframes radar {
	0% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.5, 0.5, 1);
 	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(4, 4, 1);
	}
}
@keyframes radar {
	0% {
 		opacity: 1;
 		transform: scale3d(0.5, 0.5, 1);
 	}

	100% {
		opacity: 0;
		transform: scale3d(4, 4, 1);
	}
}
/*//////////////////////////
member
//////////////////////////*/
#cate_ti_area_02 #cate_ti {
	padding: 0 20px;
}
#cate_ti_area_02 #cate_ti {
	margin-bottom:30px;
}
.m_serch_num {
	position: absolute;
	top: 40px;
	right: 20px;
	width: 120px;
	height: 120px;
	padding: 40px 0 30px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #0112b2;
	color: #fff;
	text-align: center;
	line-height: 1;
}
.m_serch_num dt { 
	margin: 0 0 5px;
}
.m_serch_num dd .num { 
	font-weight: bold;
}
.m_serch_input {
	width: 66.667%;
	height: 50px;
	margin: 0 auto 60px;
}
/*//////////////////////////
ranking
//////////////////////////*/
.col_wrap_a {
    margin: 40px auto;
    padding-left: 80px;
    box-sizing: border-box;
}
.col_area_a {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
	clear: both;
}
#ranking_area {
	margin: 0 20px;
}
.ranking_tab {
	margin-bottom: 50px;
}
.ranking_tab a {
	margin-right: 20px;
}
.ranking_tab .active {
	text-decoration: underline;
}
#ranking_area .rank02,
#ranking_area .rank03,
#ranking_area .rank04 {
	display: none;
}
.ranking_contents{
	counter-reset: number 0;
}
.ranking_contents li:before{
	counter-increment: number 1;
 	content: counter(number) "";
	position:absolute;
	top: 50px;
	left: 36px;
}
.ranking_contents .li_col_1 {
	padding: 20px 32px 20px 88px;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
.ranking_contents li:nth-child(1) {
	background: url(../images/ranking/1.png) no-repeat 18px 40px;
}
.ranking_contents li:nth-child(2) {
	background: url(../images/ranking/2.png) no-repeat 18px 40px;
}
.ranking_contents li:nth-child(3) {
	background: url(../images/ranking/3.png) no-repeat 18px 40px;
}
.ranking_contents li:nth-child(1):before,
.ranking_contents li:nth-child(2):before,
.ranking_contents li:nth-child(3):before {
	text-indent: -9999px;
}
.ranking_contents li .thum {
	float: left;
	position: relative;
}
.ranking_contents li .info_area {
	margin: 10px 220px 0 120px;
}
.ranking_contents li .like {
    margin: 10px 0 0;
}
.ranking_contents li .followed_button,
.ranking_contents li .follow_button {
	position: absolute;
	top: 45px;
	right: 32px;
	width: 200px;
}

/*//////////////////////////
hover
//////////////////////////*/
#nav_bar .user_nav .user_thum_M:before,
#nav_bar .nav_bell:before,
#nav_bar .nav_search:before,
#nav_bar .nav_bar_area .nav_bar_list:before,
.nav_sponsor a:before {
	content: "";
	background: #555;
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}

#nav_bar .user_nav:hover .user_thum_M:before,
#nav_bar .nav_bell:hover:before,
#nav_bar .nav_search:hover:before,
#nav_bar .nav_bar_area .nav_bar_list:hover:before,
#nav_bar .selected .user_thum_M:before,
#nav_bar .selected:before,
.nav_sponsor a:hover:before {
	background: #555;
	-webkit-transform: scale(0.8,0.8);
	transform: scale(0.8,0.8);
}
.drawer-nav #menu_contents .global_list .global_link:before,
.drawer-nav #menu_other .global_list .global_link:before {
	content: "";
	background: #222;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.drawer-nav #menu_contents .global_list .global_link:hover:before,
.drawer-nav #menu_other .global_list .global_link:hover:before {
	background: #fff;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.drawer-nav #menu_contents .global_list .global_link,
.drawer-nav #menu_contents .global_list .global_link i[class*="soc"],
.drawer-nav #menu_other .global_list .global_link,
.drawer-nav #menu_other .global_list .global_link i[class*="soc"] {
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}

.drawer-nav #menu_contents .global_list .global_link:hover i[class*="soc"],
.drawer-nav #menu_other .global_list .global_link:hover i[class*="soc"] {
	color: #000;
}

.drawer-nav #menu_social .global_list .global_link:before {
	content: "";
	background: #222;
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background 0.2s ease-out,-webkit-transform 0.2s ease-out;
	transition: background 0.2s ease-out,transform 0.2s ease-out;
}
.drawer-nav #menu_social .global_list .global_link:hover:before {
	background: #555;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

/*//////////////////////////
503 error_page
//////////////////////////*/
.error_503 {
	background: #e0e0e0;
	color: #000;
}
.sec_error_503 {
    width: 600px;
    height: 400px;
    line-height: 1.8;
    text-align: center;
    margin: -200px -300px 0px 0px;
    position: absolute;
    top: 50%;
    right: 50%;
}
.error_503 h1 {
    margin: 0px 0px 10px;
	font-size: 18px;
	font-weight:bold;
}
.error_503 h2 {
    font-size: 16px;
	font-weight: bold;
    margin-bottom: 30px;
}

/*//////////////////////////
error_message
//////////////////////////*/
.suc_message,
.err_message {
	display: none;
	color: #fff;
	width: 100%;
	height: 60px;
	padding: 20px 0;
	box-sizing: border-box;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10002;
}
.suc_message {
	background: #0112b2;
}
.err_message {
	background: #c82950;
}
.suc_message i,
.err_message i {
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	float: right;
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
}
#err i,
.err i {
  margin-right: 5px;
}

/*//////////////////////////
members
//////////////////////////*/
.members_article #follow_list li .name {
	height: 50px;
}
.members_article #follow_list li .users_title {
	font-weight: normal;
}

/*sub_title*/
.sub_ti_a {
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

/*play_button*/
.article_contents section .photo {
	position: relative;
	cursor: pointer;
}
#detai_writer_article section .photo {
	position: relative;
}
.photo .play_button {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 2;
}
#article_feature .photo .play_button {
	top: 10px;
}
.original_column .article_contents section .data{
	display: none;
}
.original_column .play_button {
	display: none;
} 
.play_button i {
	background: rgba(0,0,0,.4);
	border-radius: 50%;
	color: #fff;
}
.video_icon {
	display: block;
	background: url(../images/video_icon.png) no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	float: left;
}
.video_time {
	display: block;
	float: left;
	color: #ffffff;
	background: rgba(0,0,0,0.5);
	padding: 0 5px;
	font-weight: bold;
}
.news_icon {
	display: block;
	background: url(../images/news_icon.png) no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
}


/*video_player*/
.video_player_sp {
	position: relative;
	width: 240px;
	height: 428px;
	margin: 0 auto 50px;
}
.video_player_sp img {
	position: absolute;
	top: 0;
	left: 0;
}
#video_player {
	 width: 100%;
	 height: 400px;
}
@media (max-width: 767px) {
	.special video {
		height: 300px;
	}
}
@media (max-width: 640px) {
	.special video {
		height: 200px;
	}
}


/*//////////////////////////
liga_espanola
//////////////////////////*/
.sponsor_wrap #wrap_area {
	margin-bottom: 0;
}
.sponsor_wrap #column {
	margin-bottom: 0;
}
.sponsered {
	text-align: center;
	padding: 30px 0 20px;
}
.sponsered .des {
	padding: 20px 10px 0;
	color: #fff;
	position: relative;
}
.sponsered .des a {
	color: #fff;
	text-decoration: underline;
}
.jleague_column .sponsered .des,
.jleague_column .sponsered .des a {
	color: #000000;
}
.sponsered .des a:hover {
	text-decoration: none;
}
.sponsor_body #column_main {
	padding: 0 0;
}
.sponsor_body #wo_pd {
	padding: 0 10px 10px;
}
.sponsor_body .article_contents {	
	background: #fff;
	padding-top: 10px;
}
.sponsor_body .article_contents .article_wrap {
	padding-left: 10px;
	padding-right: 10px;
}

#prvideo {
	height: 394px;
}

.liga_tool_tip {
	margin-top: -2px;
	margin-left: 5px;
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	vertical-align: text-top;
}
.liga_tool_tip i {
	vertical-align: top;
}
.liga_tool_tip_text:after {
  	content: "";
  	display: block;
  	width: 0;
  	height: 0;
  	position: absolute;
  	left: 50%;
	bottom: -8px;
	border-top: 8px solid #2d2d2d;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.liga_tool_tip_text {
	width: 100%;
	position: absolute;
	top: -55px;
	left: 0;
	box-sizing: border-box;
	padding: 15px 15px;
	color: #fff;
	font-weight: normal;
	background: #2d2d2d;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
	word-break: break-all;
}
.liga_tool_tip_text_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
/*//////////////////////////
jleague
//////////////////////////*/
.sponsered_flexvideo {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin: 0 10px 5px;
	overflow: hidden;
}
.sponsered_flexvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*//////////////////////////
campaign
//////////////////////////*/
.campaign_body,
.campaign_160307_body {
	background: url(../images/campaign/bg.jpg) repeat;
}
.campaign_body header,
.campaign_160307_body header {
	background: #fff;
}
.cover_campaign {
	width: 100%;
	max-height: 390px;
}
.art_cam .sec_cam {
	margin: 60px 0 0;
}
.art_cam h2 {
	margin: 0 0 40px;
}
.art_cam .sub01 {
	width: 180px;
}
.art_cam .sub02 {
	width: 110px;
}
.art_cam .cam_ul01 {
	margin: 0 0 40px;
}
.cam_ul01 li {
	float: left;
	width: 325px;
	height: 440px;
}
.cam_ul01 .li01 {
	margin: 0 0 30px 0;
	background: url(../images/campaign/cam01_pc.png);
}
.cam_ul01 .li02 {
	margin: 0 0 30px 33px;
	background: url(../images/campaign/cam02_pc.png);
}
.cam_ul01 .ps {
	float: none;
	clear: both;
	background: url(../images/campaign/cam03_pc.png);
	width: 100%;
	height: 342px;
}
.art_cam p {
	color: #fff;
}
.art_cam .square {
	margin: 0 -5px;
	box-shadow: 0px 0px 20px rgba(149,174,193,0.5);
	padding: 50px 30px 30px;
}
.cam_ul02 li {
	padding: 0 0 20px 20px;
	position: relative;
	color: #fff;
}
.cam_ul02 li a {
	color: #fff;
}
.cam_ul02 li:before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}
.art_cam .des {
	margin: 50px auto 20px;
	text-align: center;
	font-weight: bold;
}
.art_cam .btn_area {
	width: 60%;
	margin: 0 auto;
}
.art_cam .btn {
	display: block;
	background: url(../images/campaign/btn_off.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 130px;
}
.art_cam .btn:hover {
	background: url(../images/campaign/btn_on.png) no-repeat;
	background-size: cover;
}
/*//////////////////////////
socsoccup
//////////////////////////*/
.socsoccup_body,
.nowranking_body {
	background: url(../images/socsoccup/bg.jpg) repeat;
}
.socsoccup_body #wrap,
.nowranking_body #wrap {
	background: url(../images/socsoccup/footer.jpg) left bottom repeat-x;
	padding-bottom: 250px;
}
.socsoccup_body #wrap_area_s,
.nowranking_body #wrap_area_s {
	margin-bottom: 0;
}
.socsoccup_body #column_683,
.nowranking_body #column_683 {
	padding-bottom: 0;
}
.socsoccup_body header,
.nowranking_body header {
	background: #fff;
}
.cup_cam .sec_cam {
	margin: 50px 0 0;
}
.cup_cam .sec_cam .sub01 {
	text-align: center;
	margin: 0 0 40px;
}
.cup_cam .sec_cam .des {
	margin: 0 0 40px;
}
.cup_ul01 {
	width: 646px;
	margin: 0 auto;
}
.cup_ul01 li {
	width: 646px;
}
.cup_ul01 .li01 {
	background: url(../images/socsoccup/01_pc.png);
	height: 360px;
	margin: 0 0 60px 0;
}
.cup_ul01 .li02 {
	background: url(../images/socsoccup/02_pc.png);
	height: 366px;
	margin: 0 0 60px 0;
}
.cup_ul01 .li03 {
	background: url(../images/socsoccup/03_pc.png);
	height: 408px;
	margin: 0 0 60px 0;
}
.cup_cam .btn_area01 {
	width: 430px;
	margin: 0 auto;
}
.cup_cam .btn01 {
	display: block;
	background: url(../images/socsoccup/btn01_off.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 120px;
}
.cup_cam .btn01:hover {
	background: url(../images/socsoccup/btn01_on.png) no-repeat;
	background-size: cover;
}
.cup_cam .sec_cam .sub02 {
	text-align: center;
	margin: 0 0 30px;
}
.cup_cam .summary {
	text-align: center;
	margin: 0 auto 70px;
}
.cup_cam .btn_area02 {
	width: 410px;
	margin: 0 auto;
}
.cup_cam .btn02 {
	display: block;
	background: url(../images/socsoccup/btn02_off.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100px;
}
.cup_cam .btn02:hover {
	background: url(../images/socsoccup/btn02_on.png) no-repeat;
	background-size: cover;
}

/*//////////////////////////
sponsored mark
//////////////////////////*/
.sd_square {
	border: 1px solid #898989;
	border-radius: 2px / 2px;
	padding: 0px 2px;
	margin: 0 3px 0 0;
}
/*//////////////////////////
BFB2016
//////////////////////////*/
#bfb_ad_sp {
	display: none;
}
/*//////////////////////////
easports
//////////////////////////*/
.movieAnimation {
	width: 320px;
	height: 180px;
	margin: 0 auto;
	position: relative;
}
.movieAnimation #screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	height: 180px;
}
.movieAnimation #pauseBtn,
.movieAnimation #playBtn {
	display: none;
}
.movieAnimation iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*//////////////////////////
appバナー
//////////////////////////*/
#detail_article #app_ul {
	text-align: center;
}

#detail_article #app_ul li {
	width: 241px;
	display: inline-block;
	margin: 0 5px;
}

/*//////////////////////////
etc
//////////////////////////*/
.dis_none {
	display: none;
}
.cen {
	text-align: center;
}
.w_max {
	width: 100%;
	display: block;
}
.pd0{
	padding: 0 !important;
}
.pt0 {
	padding-top: 0 !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.rl {
	position: relative;
}
.v_hidden {
	height: 0;
	visibility: hidden;
}
.mb0 {
	margin-bottom: 0;
}


/*//////////////////////////
google adsense
//////////////////////////*/
#ad_sp01,
#ad_sp02,
#ad_sp_banner {
	display: none;
}
.ad_pc_rectangle {
	padding: 20px 20px;
	border-bottom: 1px solid #e4e4e4;
}
#ad_pc01 {
	float: left;
}
#ad_pc02 {
	float: right;
}

/*//////////////////////////
iwamoto teruo
//////////////////////////*/
#it_profile .left {
	float: left;
	width: 30%;
}
#it_profile .left img {
	width: 100%;
}
#it_profile .right {
	float: right;
	width: 65%;
}

/*//////////////////////////
EURO記事
//////////////////////////*/
.odds_table {
	width: 100%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
.odds_table th,
.odds_table td {
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
}
.odds_table th {
	background: #005798;
	color: #fff;
}

/*//////////////////////////
詳しくはコチラ ボタン
//////////////////////////*/

.link_btn {
	text-align: center;
  display: block;
  text-decoration: none !important;
  background-color: #222;
  border-radius: 5px;
  color: #fff !important;
  font-size: 20px;
	width: 100%;
	box-sizing: border-box;
  margin: auto;
  padding: 16px 5px 14px 10px;
}
.link_btn:hover {
  background-color: #555;
}
.link_btn::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-right: none;
  border-left: 10px solid #fff;
  margin-left: 15px;
  position: relative;
  top: -3px;
}