@charset "utf-8";
/* 幅1024px以上*/
@media (min-width: 1024px) {
	.pc-block {
		display: block;
	}
	.sp-block {
		display: none;
	}
	.br_sp {
		display: none;
	}
}
/* 幅1023px以下*/
@media (max-width: 1023px) {
	.pc-block {
		display: none;
	}
	.sp-block {
		display: block;
	}
	.br_sp {
		display: block;
	}
}


/* 幅641px以上*/
@media (min-width: 641px) {
	.sp-break {
    	display: none;
	}
}
/* 幅640px以下*/
@media (max-width: 640px) {
	.sp-break {
    	display: block;
	}
}

/* 幅1200px以下
------------------------------------------------------------*/
@media (max-width: 1200px) {
	#head_nav_wrap{
		width: 100%;
		padding: 0;
	}
}

/* 幅1024px以下
------------------------------------------------------------*/
@media (max-width: 1024px) {
.m_serch_input {
	width: 66.667%;
	margin: 0 0 60px 20px;
}
/*pc_tool_tip*/
.pc_tool_tip,
.pc_tool_tip_text {
	display: none;
}
/*sp_tool_tip*/
.sp_tool_tip,
.sp_tool_tip_text {
	display: block;
}
.sp_tool_tip {
	margin-left: 10px;
	cursor: pointer;
	display: inline-block !important;
	line-height: 1;
	vertical-align: text-top;
}
.sp_tool_tip i {
	color: #0112b2;
}
.sp_tool_tip_text:after {
  	content: "";
  	display: block;
  	width: 0;
  	height: 0;
  	position: absolute;
  	left: 28px;
	bottom: -8px;
	border-top: 8px solid #2d2d2d;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.sp_tool_tip_text {
	width: 100%;
	position: absolute;
	top: -80px;
	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;
}
.sp_tool_tip_text_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.sp_tool_tip_text img {
	max-height: 35px;
	float: left;
	padding-right: 20px;
}
#account_info .sp_tool_tip_text {
	top: -90px;
}
#account_info .sp_tool_tip_text:after {
	left: 42px;
}
}


/* 幅1023px以下
------------------------------------------------------------*/
@media (max-width: 1023px) {
/*//////////////////////////
google adsense
//////////////////////////*/
.ad_pc_rectangle {
	padding: 20px 0;
	text-align: center;
}
#ad_pc01 {
    float: none;
    display: inline-block;
	margin: 0 10px 0 0;
}
#ad_pc02 {
    float: none;
    display: inline-block;
	margin: 0 0 0 10px;
}


/*//////////////////////////
default
//////////////////////////*/
#wrap {
	padding-bottom: 80px;
}
#wrap_width {
	padding-left: 0;
}
nav#sp_menu {
	width: 80px;
	left: 0;
	z-index: 1010;
}
.active nav#sp_menu {
	width: 100%;
}
#sp_menu_wrap.active {
	z-index: 1010;
}
#head_nav_wrap {
	max-width: 1040px;
}
/*//////////////////////////
user_thum
//////////////////////////*/

.user_thum_L {
	width: 70px;
	height: 70px;
}

/*//////////////////////////
header
//////////////////////////*/
header {
	margin: 0;
}
header #head {
	padding-left: 0;
}
header #head_area {
	margin: 0;
	padding: 0;
}
#logo {
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
#logo img {
	width: 100%;
}
#head_nav {
	width: 160px;
	position: absolute;
	top: 0;
	right: 0;
}
#google_translate {
	right: 170px;
}
/*//////////////////////////
ログイン後
//////////////////////////*/
#login_google_translate {
	right: 170px;
	top: 17px;
}
#google_translate {
	top: 17px;
}
#google_translate,
#login_google_translate {
	width: 57px;
}
.trans_language {
	background: url(../images/translate.png) no-repeat;
	background-size: 57px 48px;
	width: 57px;
	height: 48px;
}
#flags {
	top: 63px;
}

#head_login_info {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	z-index: 1003;
}
#head_login_info #active_box_sp {
	width: 80px;
	float: left;
	position: relative;
}

#head_login_info .user_nav {
	padding: 15px;
	float: right;
}

#head_login_info .user_thum_S {
	width: 50px;
	height: 50px;
	float: right;
}

#head_login_info .available {
	background: #0112b2;
	color: #fff;
	top: 10px;
	right: 10px;
}
#head_login_info .nav_bell i {
	padding: 24px;
	display: inline-block;
}

#head_login_info #active_grid_sp_area {
	display: block;
	width: 320px;
	height: auto;
	position: absolute;
	top: 80px;
	right: 95px;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4);
	box-sizing: border-box;
	z-index: 2;
}
#active_grid_sp li {
	padding: 10px 20px;
	border-bottom: 1px solid #e4e4e4;
}
#active_grid_sp li p a {
	text-decoration: underline;
}
#active_grid_sp li p a:hover {
	text-decoration: none;
}
#active_grid_sp li p span {
	font-weight: bold;
}
#head_login_info #active_grid_sp_area,
#head_login_info #user_nav_area {
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 250ms ease 0s;
	-webkit-transition: all 250ms ease 0s;
	transform-origin: top right;
	-webkit-transform-origin: top right;
}
#head_login_info #active_grid_sp_area.active_grid_sp_area_active,
#head_login_info #user_nav_area.user_nav_area_active {
	transform: scale(1);
	-webkit-transform: scale(1);
}
#head_login_info #user_nav_area {
	position: absolute;
	top: 80px;
	right: 15px;
	width: 320px;
	background: #ffffff;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.4);
}
#head_login_info .user_name {
	padding: 10px;
}
#head_login_info .user_name .thum {
	width: 70px;
	padding-right: 10px;
}

#head_login_info .user_name .text {
	width: 220px;
}
#head_login_info .user_name .text .name {
	padding: 0 0 5px;
}
#head_login_info .user_name .text .profile {
	width: 140px;
	height: 30px;
	margin-top: 5px;
}
#head_login_info .user_name .text .profile .btn_A {
	padding: 5px 0;
	height: 100%;
	box-sizing: border-box;
}
#head_login_info .user_link li a,
#head_login_info .user_link02 li a,
#head_login_info .user_link02 li span {
	padding: 10px 0 10px 15px;
}



/*//////////////////////////
sp_menu
//////////////////////////*/
#sp_menu_wrap nav .menu_list_container {
	opacity: 0;
}
#sp_menu_wrap.active nav .menu_list_container {
	opacity: 1;
}
#sp_menu {
	position: absolute;
	top: 0;
	width: 100%;
	height: 80px;
	right: 0;
	overflow: hidden;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
#sp_menu_wrap.active #sp_menu {
	height: 630px;
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0px 3px 6px 0px rgba(10, 2, 4, 0.3);
}
#sp_menu .menu_icon_container {
	width: 80px;
	height: 80px;
}

#sp_menu .menu_icon {
	width: 40px;
	height: 40px;
	padding: 20px;
	position: absolute;
	z-index: 2;
}

#sp_menu .menu_list_container {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.menu_icon {
  display: block;
  float: left;
  cursor: pointer;
}
.menu_icon .bar1,
.menu_icon .bar2,
.menu_icon .bar3 {
  display: block;
  width: 38px;
  height: 2px;
  margin: 0 auto;
  background: #333333;
  margin-bottom: 6px;
}

.menu_icon .hambarg_menu {
	text-align: center;
	line-height: 1;
}
#sp_menu .menu_icon.active {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 40px;
	height: 40px;
	opacity: 0;
}
#sp_menu .menu_icon.active span {
	opacity: 0;
}
.menu_list_container {
	position: relative;
}
.menu_list_container:before {
	content: '';
	width: 100%;
	height: 80px;
	background: #000000;
	box-shadow: 0px 3px 6px 0px rgba(10, 2, 4, 0.3);
	position: absolute;
	top: 0;
	left: 0;
}
#delete {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 60px;
	height: 60px;
	border: 1px solid #fff;
	box-sizing: border-box;
}
#delete span {
  display: block;
  width: 44px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  position: absolute;
  top: 29px;
  left: 29px;
}

#delete .soc-delete {
	color: #fff;
	text-align: center;
	display: block;
	padding: 13px 0;
}

#delete .bar1 {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
#delete .bar2 {
  opacity: 0;
}
#delete .bar3 {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}
.menu_list_container .search {
	padding: 10px 15px 10px 90px;
	height: 60px;
	position: relative;
}
.menu_list_container .search form {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 100%;
}
.menu_list_container .search input {
	background: #fff;
	color: #444;
	width: 100%;
	height: 100%;
	padding: 5px 40px 5px 10px;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: 0;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.menu_list_container .search button {
	background: none;
	display: inline;
	padding: 0;
	position: absolute;
	top: 12px;
	right: 10px;
	cursor: pointer;
}

#menu_inner {
	margin: 20px 0;
}

#menu_inner .nav_ti {
	margin: 20px 0 0 40px;
}

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


#menu_inner .nav_ti .jp {
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
}

#sp_menu_contents {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}

#sp_menu_contents li,
#sp_menu_other li {
	float: left;
	width: 50%;
}

#sp_menu_contents li i {
	margin-right: 10px;
	vertical-align: text-bottom;
}

#sp_menu_contents li a,
#sp_menu_other li a {
	display: block;
	line-height: 50px;
	padding: 6px 0 6px 40px;
	box-sizing: border-box;
}

#sp_menu_contents li a:hover,
#sp_menu_other li a:hover {
	color: #0112b2;
}
#sp_menu_contents li a:hover i,
#sp_menu_other li a:hover i {
	color: #0112b2;
}

#sp_menu_other  li i {
	margin-left: 10px;
}


#sp_menu_social li {
	width: 40px;
	display: inline-block;
	margin: 10px 2px;
	float: left;
}

#sp_menu_social li a {
	display: block;
	line-height: 40px;
	position: relative;
}

#sp_menu_social li a i {
	line-height: 40px;
	display: block;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

#sp_menu_social li a:before {
	content: "";
	background: rgba(34,34,34,0);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 50%;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background .2s ease-out, -webkit-transform 0.2s ease-out;
	transition: background .2s ease-out, transform 0.2s ease-out;
}

#sp_menu_social li a .line_icon {
	display: block;
	height: 40px;
	width: 20px;
	margin: 0 auto;
	background: url(../images/line_icon.png) 0 10px no-repeat;
	background-size: cover;
	vertical-align: middle;
	-webkit-transition: backgrnoud-image .2s ease-out;
	transition: backgrnoud-image .2s ease-out;
}

#sp_menu_social li a:hover .line_icon {
	background: url(../images/line_icon.png) 0 -30px no-repeat;
	background-size: cover;
}

.menu_social_wrap {
	text-align: center;
}

#sp_menu_social {
	text-align: center;
	display: inline-block;
}

#sp_menu_social li a:hover:before {
	background: #222;
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
}

#sp_menu_social li a:hover i {
	color: #fff;
}

#sp_menu_social li a i,
#sp_menu_social li a span {
	text-align: center;
	color: #000000;
}
#sp_menu_social .menu_line a {
	line-height: 1;
}

#sp_copy {
	text-align: center;
}
/*//////////////////////////
sp_menu.css
//////////////////////////*/
#sp_menu_wrap {
	position: relative;
}
#sp_menu_inner {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
}
.menu_icon_container {
	width: 80px;
	height: 80px;
}
.menu_icon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 28px;
	padding: 32px 20px 20px;
	overflow: hidden;
	-webkit-transition: all 250ms cubic-bezier(.68,-.55,.265,1.55);
	transition: all 250ms cubic-bezier(.68,-.55,.265,1.55);
	z-index: 1011;
}
.sp_menu_bg {
	position:fixed;
	top: 50%;
	left: 50%;
	width: 1500px;
	height: 1500px;
	overflow:hidden;
	display: inline-block;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(-50%,-50%,0) scale(0);
	transform: translate3d(-50%,-50%,0) scale(0);
	-webkit-transition: all 500ms 450ms cubic-bezier(.39,.575,.565,1);
	transition: all 500ms 450ms cubic-bezier(.39,.575,.565,1);
	z-index: 1004;
}
.active .sp_menu_bg {
	-webkit-transform: translate3d(-50%,-50%,0) scale(1);
	transform: translate3d(-50%,-50%,0) scale(1);
	-webkit-transition: all 500ms 0ms cubic-bezier(.39,.575,.565,1);
	transition: all 500ms 0ms cubic-bezier(.39,.575,.565,1);
	width: 1500px;
	height: 1500px;
}
.sp_menu {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	padding: 0;
	opacity: 0;
	z-index: 1005;

	-webkit-transform: translate3d(0,0,0) scale(0);
	transform: translate3d(0,0,0) scale(0);

	-webkit-transition: opacity 350ms 250ms cubic-bezier(.39,.575,.565,1),-webkit-transform 300ms 300ms cubic-bezier(.39,.575,.565,1),top 0s 250ms ease;
	transition: opacity 250ms 350ms cubic-bezier(.39,.575,.565,1),transform 300ms 300ms cubic-bezier(.39,.575,.565,1),top 0s 250ms ease;
}
.active .sp_menu {
	z-index: 1004;
	opacity: 1;
	top: 0;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
	-webkit-transition: opacity 250ms 250ms cubic-bezier(.39,.575,.565,1),-webkit-transform 200ms 300ms cubic-bezier(.39,.575,.565,1),top 0s 250ms ease;
	transition: opacity 250ms 250ms cubic-bezier(.39,.575,.565,1),transform 200ms 300ms cubic-bezier(.39,.575,.565,1),top 0s 250ms ease;
}
.menu_icon .bar1,
.menu_icon .bar2,
.menu_icon .bar3 {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
#head_login_info {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
#menu_inner {
	visibility: hidden;
	-webkit-transition: all 3s ease;
	transition: all 3s ease;
}
.active #menu_inner {
	visibility: visible;
}
/*html.active*/
html.active {
	overflow: hidden;
	height: 100%;
}
html.active body {
	overflow: hidden;
	height: 100%;
}
.active .menu_icon {
	color: #fff;
	text-indent: -9999px;
}
.active .menu_icon .bar1,
.active .menu_icon .bar2,
.active .menu_icon .bar3 {
	opacity: 0;
}
.active #head_login_info {
	opacity: 0;
}
.menu_icon.active {
	width: 45px;
	height: 45px;
	z-index: 1005;
}
.menu_list_container .search {
	z-index: 1004;
}

.active #sp_menu_wrap .menu_list_container {
	opacity: 1;
}

/*ie9*/
.oldie .sp_menu_bg {
	display: none !important;
}
.oldie .sp_menu {
	background: #fff !important;
	height: 700px;
	z-index: 1003;
}


/*//////////////////////////
column
//////////////////////////*/
#column {
	margin: 0 !important;
}
.top #column {
	margin: 0;
}
#column_main {
	width: 100%;
	float: none;
	padding: 0;
}

/*//////////////////////////
g_nav
//////////////////////////*/

#g_nav {
	background: #f0f0f0;
	margin: 0;
	box-shadow: 0 2px 3px rgba(0,0,0,.4);
	position: relative;
	z-index: 1002;
}

#g_nav ul li {
	height: 100%;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	margin: 0 15px;
}

#g_nav ul li a {
	text-align: center;
	display: block;
	padding: 11px 0;
	height: 100%;
	border-radius: 20px;
}

#g_nav ul li a .tab_btn {
	height: 100%;
	padding: 3px 10px 2px;
}

.top #g_nav ul .g_nav01 a .tab_btn,
.timeline #g_nav ul .g_nav02 a .tab_btn,
.original #g_nav ul .g_nav03 a .tab_btn {
	box-shadow: 0 1px 2px rgba(0,0,0,.4)
}

/*//////////////////////////
special
//////////////////////////*/
#feature,
#trend {
	margin-bottom: 20px;
}
#feature .photo,
#trend .photo {
	height: 475px;
}
#feature .photo:after,
#trend .photo:after {
	height: 50px;
}
/*//////////////////////////
article_contents
//////////////////////////*/
.article_contents .article_wrap:first-child {
	padding: 20px 40px 20px;
}
.article_contents .article_wrap {
	padding: 20px 40px;
}
.article_contents section .text .ti {
	margin-bottom: 10px;
}

/*//////////////////////////
bottombar
//////////////////////////*/

#bottombar {
	width: 100%;
	height: 80px;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1002;
}

#wrap .bottombar_down {
	bottom: -50px;
}

#wrap .bottombar_up {
	bottom: 0px;
}

#bottombar ul {
	width: 100%;
}

#bottombar ul li {
	width: 25%;
	text-align: center;
	display: inline-block;
	float: left;
}

#bottombar ul li a {
    background: rgba(0,0,0,.9);
	display: block;
	max-height: 80px;
	padding: 14px 0;
}

#bottombar ul li a:hover {
	background: rgba(1,18,178,.9);
}

#bottombar ul li a i {
	display: block;
}
#bottombar ul li a span {
	display: block;
	margin-top: 5px;
}

/*//////////////////////////
detail
//////////////////////////*/
#detail_column {
	width: 100%;
	margin: 0;
	padding: 0;
}
#detail_article .section_photo {
	margin-bottom: 40px;
}
.section_photo .photo {
	height: 475px;
}
/*original画像サイズ*/
#detail_article #section_photo_1 {
	height: 615px;
}
#detail_article #section_photo_1 .photo {
	height: 475px;
	background-size: contain !important;
}
#detail_article #section_photo_1 .ti {
	height: 72px;
}

.section_photo .text {
	height: auto;
	padding: 20px 40px;
	position: relative;
}
#section_photo_1 .text {
	height: auto;
	padding: 20px 40px;
	position: relative;
}
.section_photo .text .ti {
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-weight: bold;
}
.section_photo .text .origin {
    margin-right: 15px;
}
.section_photo .text .origin img {
	width: 14px;
	height: 14px;
}
#detail_article .section_photo .keep {
	position: absolute;
	bottom: -28px;
	right: 40px;
}
.section_article {
	padding: 0 40px 40px;
}
.section_article .more a i {
	top: 12px;
	right: 10px;
}
.section_keep {
	padding: 15px 40px;
}
.section_keep .keep_users {
	padding: 0;
}

.sns_box {
	padding: 10px 0;
	text-align: center;
}
.sns_box .share_icon {
	  margin: 10px 0;
}
.sns-btn .line,
.sns_box .sns-btn .line {
	display: block;
}
.sns-btn .line a .line-icon {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/line.png) 0 0px no-repeat;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}
.sns-btn .line a:hover .line-icon {
	background: url(../images/line.png) 0 -66px no-repeat;
	background-size: cover;
}
.sns-btn .line a:hover:before {
	background: #00c402;
}

.section_comment .ti {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 40px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.section_comment .ti span {
	float: right;
}
.section_comment ul li {
	padding: 20px 40px;
}
.section_comment .other .like_button {
	width: 70px;
}
.section_comment ul li .followed_button,
.section_comment ul li .follow_button,
.section_comment ul li .circle_type_A {
	right: 40px;
}
.comment_trans {
	width: 100%;
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;
}
#detail_article .comment_trans {
	padding: 10px 40px 40px;
}
.fb_comment {
	padding: 0 20px 30px 20px;
	width: 100%;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
	width: 100%!important;
}
#detail_column .comment_area .fb_ltr {
	width: 100%!important;
}
.comment_tab a {
	line-height: 1;
}

.comment_tab a span {
	height: 100%;
	display: block;
	padding: 12px 10px;
	box-sizing: border-box;
}

/*sponsor_bnr*/
.detail_sponsor_bnr {
	padding: 0 40px;
}


/*//////////////////////////
category
//////////////////////////*/
#cate_ti_area {
	padding: 40px 40px 0;
}
#cate_ti_area #cate_ti {
	margin-bottom: 0;
}
/*//////////////////////////
partner
//////////////////////////*/
#partner_column {
	margin: 0 0 40px 0;
	padding-left: 0;
}

#cover_photo #cover_photo_section {
	padding: 45px 0 0 0;
}
#cover_photo #cover_photo_section .users_info {
	width: auto;
	padding: 45px 40px 20px 40px;
}
#cover_photo_section .users_img {
	width: 70px;
}
#cover_photo_section .name {
	height: auto;
	display: block;
	line-height: 1.3;
}
#cover_photo_section .intro {
	margin: 0;
}
#cover_photo_section #partner_nav {
	margin-top: 40px;
}
#partner_article .ti {
	margin: 30px 40px 25px;
}

#partner_article .ti h2,
#partner_article .ti_bor h2 {
	width: 100%;
	padding: 0;
}
.partner_area {
	width: 100%;
}
.partner_activity .partner_list .li_col_1 {
	margin-bottom: 20px;
	padding: 0 40px 20px;
	border-bottom: 1px solid #e4e4e4;
}
#partner_article .ti_bor:after {
    border-bottom: none;
}
#partner_article .ti_bor {
	margin: 0;
}

#partner_article .ti_bor {
	margin: 30px 40px 25px;
}
.partner_area .nothing {
	margin-bottom: 30px;
}
.partner_area .nothing img {
	margin-bottom: 20px;
}
.partner_area .nothing p {
	margin-bottom: 15px;
}
.partner_area .circle_type_A {
	top: -80px;
	right: 30px;
}
#partner_article ul li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#partner_article ul li {
	min-height: 1px;
}
* html #partner_article ul li {
	height: 1px;
}

.partner_keep .partner_list,
.partner_comment .partner_list {
	padding: 0 20px;
}

.partner_keep .partner_list .li_col_3 .photo,
.partner_comment .partner_list .li_col_3 .photo {
	height: 149px;
}
.partner_follow .partner_list .li_col_8,
.partner_follower .partner_list .li_col_8 {
	width: 100%;
	padding: 0 40px 10px;
	float: none;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 10px;
}
.partner_follow .partner_list .li_col_8 .thum,
.partner_follower .partner_list .li_col_8 .thum {
	width: 65px;
	float: left;
}

.partner_follow .partner_list .li_col_8 .thum .user_thum_L,
.partner_follower .partner_list .li_col_8 .thum .user_thum_L {
	width: 50px;
	height: 50px;
}

.partner_follow .partner_list .li_col_8 .info,
.partner_follower .partner_list .li_col_8 .info {
	float: left;
	width: 100%;
	margin-left: -65px;
}

.partner_follow .partner_list .li_col_8 .info_area,
.partner_follower .partner_list .li_col_8 .info_area {
	margin-left: 65px;
	margin-right: 65px;
}
.partner_follow .partner_list .li_col_8 .name,
.partner_follower .partner_list .li_col_8 .name {
	text-align: left;
	margin-top: 4px;
}
.partner_follow .partner_list .li_col_8 .name a,
.partner_follower .partner_list .li_col_8 .name a {
	display: block;
}
#partner_article .partner_follow .partner_list .li_col_8 .intro,
#partner_article .partner_follower .partner_list .li_col_8 .intro {
	display: block !important;
	margin-top: 4px;
}

.partner_follow .partner_list .li_col_8 .followed_button,
.partner_follower .partner_list .li_col_8 .followed_button,
.partner_follower .partner_list .li_col_8 .follow_button {
	top: 0px;
	right: 40px;
}
#cover_photo_section .intro {
	width: 100%;
	padding: 0 45px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#cover_photo_section .intro .intro_icon {
	right: 20px;
}
.intro_more {
	padding: 40px 20px 20px;
}
/*//////////////////////////
partner/comment
//////////////////////////*/
.partner_column_comment .partner_list .li_col_2 {
	width: 100%;
	margin-bottom: 15px;
	padding: 0 40px 15px;
	float: none;
	border-bottom: 1px solid #e4e4e4;
}
.first_comment,
.all_close {
	display: none;
}
.comment_all {
	display: block !important;
}

.partner_column_comment .partner_list .li_col_2 .title {
	margin-bottom: 10px;
}

.partner_column_comment .partner_list .li_col_2 .photo {
	height: 165px;
}
.comment_all {
	position: relative;
	top: 0;
	box-shadow: none;
}
.partner_column_comment .partner_list .li_col_2 .comment_all li {
	margin-top: 20px;
	padding: 0 40px 0 0;
	border-bottom: none;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.comment_all li .close {
	right: 0;
}
.comment_all li .close {
	width: 27px;
	height: 27px;
	line-height: 1;
  	border-radius: 50%;
  	top: 0;
}
.comment_all li .close i {
	display: block;
	padding: 7px 0;
}

/*//////////////////////////
setting
//////////////////////////*/
#setting_article #cover_photo {
	width: 100%;
	max-width: 100%;
	overflow: visible;
}
#setting_article #cate_ti {
	width: 100%;
	margin-bottom: 40px;
	padding: 0 40px;
	box-sizing: border-box;
}
#edit_nav {
	margin-bottom: 20px;
}

#edit_nav a {
	min-width: 195px;
}

#edit_cover_photo {
	height: auto;
}

#edit_cover_photo .cover_photo_shadow,
.profile_cover_photo {
	height: 345px;
}

#photo_edit .photo_edit_btn {
	float: none;
	margin: 20px auto 0;
}

#photo_edit {
	padding: 0;
}

#photo_edit .btn_ghost_A {
	background: #222;
	border: none;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
	box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#photo_edit .btn_ghost_A:hover {
	background: #555;
}

.cover_btn {
	top: 20px;
	right: 20px;
}
#setting_article #photo_edit {
	position: relative;
	top: 0;
	margin-top: -40px;
}
#photo_edit .profile_img {
	float: none;
	width: 70px;
	margin: 0 auto;
}

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

#photo_edit .img {
	left: 0;
	right: 0;
	width: 70px;
	margin: 0 auto;
}
#photo_edit .photo_edit_btn input {
	  height: 30px;
}
#setting_article .ti_bor {
	margin: 40px 0 20px;
	position: relative;
}
#setting_article .ti_bor:after {
	border: none;
}
#setting_article #form_box .form_box_inner {
	width: 50%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.photo_edit_btn .btn_A {
	padding: 8px 0;
}

/*//////////////////////////
setting
//////////////////////////*/
#setting_article #form_box {
	padding: 0 0;
}
#setting_article .ti_bor h2 {
	width: 100%;
	box-sizing: border-box;
}
#account_info .select-wrap {
	width: 100%;
}
#account_info .select-wrap .tri {
	display: block;
	position: relative;
}
#account_info select {
	width: 24%;
	margin-right: 8%;
}
#account_info .preservation {
	margin: 20px auto 25px;
}
#setting_article #account_delete_bor {
	border-top: 1px solid #e4e4e4;
	padding-top: 25px;
}
#account_info .delete {
	height: 45px;
}
/*//////////////////////////
genre
//////////////////////////*/

#genre_article {
	width: 100%;
	margin: 40px auto;
	padding: 0;
}
#genre_article #cate_ti {
	max-width: 683px;
	margin: 0 auto 30px auto;
	padding: 0 40px;
	box-sizing: border-box;
}
#genre_article .des {
	max-width: 683px;
	margin: 0 auto 30px auto;
	padding: 0 40px;
}
.keyword_label {
	margin-bottom: 15px;
}
#genre_contents {
	margin-bottom: 40px;
}
.genre_input {
	max-width: 683px;
	margin: 0 auto 10px auto;
	padding: 0 0 40px;
	box-sizing: border-box;
	float: none;
}
.genre_input .triangle {
	width: 50px;
	height: 25px;
	position: absolute;
	left: 46%;
	top: inherit;
	bottom: 15px;
}
.genre_input .load_img_area {
	position: relative;
}
.genre_input .load_img_area #load_img {
	position: absolute;
	left: 48%;
	margin: 0;
	top: -20px;
	width: 15px;
	height: 15px;
}
.genre_input .triangle:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
	border: 25px solid transparent;
	border-top: 25px solid #0112b2;
}
#keyword_reg input {
	height: 40px;
}
#keyword_reg {
	margin-bottom: 10px;
}
#keyword_reg button {
	height: 40px;
}
.genre_reg {
	width: 100%;
	padding-left: 0;
	float: none;
	box-sizing: border-box;
}
.genre_reg .keyword_label {
	background: #f0f0f0;
	width: 100%;
	font-weight: bold;
	margin-bottom:  0;
	padding: 15px 0;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
}

.genre_reg .keyword_label .num {
	position: relative;
	float: right;
}

.genre_reg .keyword_label .keyword_label_inner {
	max-width: 683px;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}

#keyword_regted {
	height: auto;
	border: none;
	overflow: visible;
}

#keyword_regted li {
	padding: 0 40px;
}

#keyword_regted li .keyword_list {
	max-width: 683px;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
}

#keyword_regted li .close {
	top: 25%;
	right: 0;
}

#genre_article .preservation,
#genre_article .btn_reg_area_a {
	max-width: 230px;
}

#genre_article .have_bor {
	border-top: 1px solid #e4e4e4;
	max-width: 683px;
	margin: 40px auto 0 auto;
	padding-top: 40px;
}

/*//////////////////////////
account_delete
//////////////////////////*/
#account_delete_article {
  width: 100%;
  margin: 30px auto;
  padding: 0 20px;
  box-sizing: border-box;
}
#account_delete_article #cate_ti {
	margin-bottom: 30px;
}
.h2_account_delete {
	margin-bottom: 20px;
}
#account_delete_article .des {
	margin-bottom: 20px;
}
#account_delete_box ul li {
	width: 45%;
	height: 45px;
	padding: 0 5px;
}
/*//////////////////////////
account_delete_reason
//////////////////////////*/
#account_delete_reason {
	width: 100%;
	margin: 0 auto 20px;
}
#account_delete_reason .inp_check {
	margin-bottom: 10px;
}
/*//////////////////////////
account_delete_confirm
//////////////////////////*/
.pass_inp {
	margin-bottom: 30px;
}
/*//////////////////////////
account_delete_confirm
//////////////////////////*/
.pass_inp {
	margin-bottom: 30px;
}
/*//////////////////////////
account_delete_confirm
//////////////////////////*/
#account_delete_fin {
	width: 45%;
	height: 45px;
}
/*//////////////////////////
inquiry
//////////////////////////*/
.wid683 {
	margin: 40px auto;
	padding: 0;
	box-sizing: border-box;
}
.wid683 .des {
	margin-bottom: 20px;
}
#inquiry_article #form_box {
	border-top: 1px solid #e4e4e4;
	padding: 0;
}

#inquiry_article #form_box .form_box_inner {
	width: 66.667%;
	margin: 20px auto;
}
#inquiry_article #form_box .consent {
	margin: 40px 0 20px 0;
}

#inquiry_article #submit_box {
	width: 33.333%;
	margin: 0 auto;
}

/*//////////////////////////
original
//////////////////////////*/
.original_column .article_contents section {
	padding: 20px 40px;
}
.original_column .article_contents section:first-child {
	padding: 20px 40px 20px;
}

/*//////////////////////////
timeline
//////////////////////////*/
.timeline .article_contents .article_wrap:first-child {
	padding: 20px 40px 20px;
}
.timeline #column {
	margin: 0;
}
#no_genre {
	margin: 20px 40px;
}
#no_genre .warning {
	padding: 20px;
}
#no_genre .setting {
	padding: 20px;
}
#no_genre .square {
	padding: 10px;
}
/*//////////////////////////
detail
//////////////////////////*/
.article_writer {
	width: 100%;
	box-shadow: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #e4e4e4;
	margin-bottom: 20px;
}
.article_writer_area {
	padding: 20px;
}


/*//////////////////////////
writer
//////////////////////////*/
#writer_cover_photo {
	width: 100%;
	height: auto;
	max-height: 315px;
}
#writer_cover_photo img {
	width: 100%;
}
#writer_users_info {
	width: 100%;
	margin: -35px auto 20px;
	padding: 0 20px 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #e4e4e4;
}
#writer_users_info .users_img {
	width: 70px;
	margin: 0 auto;
	float: none;
}
#writer_users_info .name {
	float: none;
	margin-left: 0;
	font-weight: bold;
	text-align: center;
}
#writer_users_info .name .name_area {
	margin-left: 0;
	padding: 15px 0 0;
}
#writer_users_info .users_info {
	margin-bottom: 20px;
}
#detai_writer_article {
	width: 100%;
}

#detai_writer_article section {
	padding: 20px 40px;
}

#detai_writer_article .writer_list {
	padding: 0 40px;
	  margin: 0;
}


/*play_button*/
/*//////////////////////////
検索結果
//////////////////////////*/
#result_bar {
	padding: 10px 0;
	border-radius: 0;
}
#result_bar .ti_a {
	text-align: center;
	padding-right: 0;
	margin-bottom: 5px;
}
#result_bar .ti_a span {
	padding: 0 0 0 10px;
}
#result_bar .num {
	position: relative;
	text-align: center;
	top: 0;
	right: 0;
	left: 0;
}
.result_nothing {
	margin: 30px 0;
}
.result_nothing .serch_form button {
	right: 0px;
	bottom: 10px;
}
/*//////////////////////////
404 page
//////////////////////////*/
#cover_photo_a {
	width: 100%;
	height: 200px;
}
#cover_photo_a .ti {
	top: 0;
	left: 20px;
	height: 100%;
	padding: 20px 0;
	box-sizing: border-box;
}
#cover_photo_a .ti img {
	height: 100%;
}
#column_683 {
	width: 100%;
	padding: 20px 0;
}
.sub_ti_a span {
	display: block;
}
.nothing_404 .des {
	text-align: left;
	padding: 0 20px;
}
.page_back {
	margin: 30px auto;
}
.nothing_404 .bor {
	padding-top: 30px;
}
/*//////////////////////////
rules
//////////////////////////*/
#oth_atc_a .date {
	margin-bottom: 20px;
}
.wid683 .sub_ti_b {
	margin-bottom: 15px;
}
#oth_atc_a .des {
	margin-bottom: 0;
}
#oth_atc_a .sec_area_b {
	margin-bottom: 10px;
}
#oth_atc_a section .num02 {
	padding: 0 0 10px 3.4em;
	text-indent: -3.4em;
}
/*//////////////////////////
about
//////////////////////////*/
#wrap_area_s {
	padding-left: 0;
}
#cover_photo_s {
	height: 320px;
}
#cover_photo_s_area {
	height: 320px;
}
#cover_photo_s .ti {
	right: -60px;
	height: 100%;
}
.art_about {
	padding: 0 40px 0;
}
.art_about .col_2 {
	padding: 40px 20px;
}
.sub_ti_s {
	text-align: center;
	margin-bottom: 15px;
}
.art_about .text {
	margin-top: 15px;
}
.art_about .w_max {
	width: 75%;
	margin: 0 auto;
}
.column_about .have_bor {
	margin: 30px 20px 0;
	padding-top: 30px;
	border-top: 1px solid #e4e4e4;
}
.about_bor p {
	margin-bottom: 15px;
}
.btn_reg_area_a {
	width: 33.333%;
}

/*//////////////////////////
ad
//////////////////////////*/
.cover_ad #cover_photo_s_area {
	max-width: 100%;
	width: 100%;
}
.cover_ad .text {
	top: 0;
	height: 100%;
	box-sizing: border-box;
	padding: 70px 0;
}
.cover_ad .text img {
	height: 100%;
}
.art_ad {
	padding: 30px 40px 0;
}
.art_ad .des {
	margin: 0 0 40px;
}
.ul_ad {
	margin-bottom: 0;
}
.ul_ad .li_col_3 {
	margin-bottom: 30px;
}
/*//////////////////////////
members
//////////////////////////*/
.like_follow dt,
.like_follow dd {
	display: block;
}
/*//////////////////////////
ranking
//////////////////////////*/
.col_wrap_a {
	margin: 40px 0;
	padding-left: 0;
}
#ranking_area {
	margin: 0 0;
}
.ranking_tab {
	padding: 0 20px;
}
.ranking_contents li:before{
	top: 35px;
	left: 36px;
}
.ranking_contents li .info_area {
	margin: 2px 220px 0 95px;
}
.ranking_contents li .followed_button,
.ranking_contents li .follow_button {
	top: 35px;
}
.ranking_contents li:nth-child(1) {
	background: url(../images/ranking/1.png) no-repeat 18px 25px;
}
.ranking_contents li:nth-child(2) {
	background: url(../images/ranking/2.png) no-repeat 18px 25px;
}
.ranking_contents li:nth-child(3) {
	background: url(../images/ranking/3.png) no-repeat 18px 25px;
}
.ranking_contents li .info {
	padding: 0;
}
.ranking_contents li .like {
    margin: 0;
}



}

/* /* 幅767px以下（ipad 縦向き　以下）
------------------------------------------------------------*/
@media (max-width: 767px) {

/*//////////////////////////
article_contents
//////////////////////////*/
.article_contents .article_wrap .photo {
	width: 100%;
	height: 190px;
	margin-bottom: 10px;
	float: none;
}

.article_contents .article_wrap .text {
	width: 100%;
	padding:  0;
	float: none;
}

.article_contents .article_wrap .text .ti {
	height: 100%;
}

.article_contents .article_wrap .other {
	padding-right: 56px;
}

.article_contents .article_wrap .keep a {
	width: 56px;
	height: 56px;
}

.article_contents .article_wrap .keep a i {
	padding: 5px 0 0px;
}
.original_column .article_contents section {
	padding: 20px 20px;
}
.original_column .article_contents section:first-child {
	padding: 20px 20px 20px;
}
/*original画像サイズ*/
#detail_article #section_photo_1 {
    height: 575px;
}
/*//////////////////////////
signup
//////////////////////////*/
#member_article {
	width: 100%;
	margin: 25px auto;
}
#member_article #cate_ti {
	margin: 0 20px 25px;
}
#member_article #cate_ti .alp {
	padding: 0;
}
#fb_box,
.login_left #fb_box {
	width: 80%;
	height: 45px;
	box-sizing: border-box;
}
#form_box {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
#form_box .form_box_inner {
	width: 100%;
}
#form_box .form_box_inner input {
	width: 100%;
	box-sizing: border-box;
}
#submit_box,
#form_box.login_left #submit_box {
	width: 60%;
	height: 45px;
}

#signup .have {
	margin-top :30px;
	padding-top: 30px;
}

/*//////////////////////////
signup/signupover
//////////////////////////*/
.guide_submit {
	margin-bottom: 20px;
}
.guide_submit dt {
	margin-bottom: 10px;
}
.guide_square {
	border-left: none;
	border-right: none;
	padding: 20px;
}
/*//////////////////////////
signin
//////////////////////////*/
#form_box form {
	margin: 0 20px;
}

#form_box.login_left {
	width: 100%;
	padding: 0 0;
	float: none;
	border-right: none;
}
#form_box.login_left .form_box_inner {
	width: 100%;
	box-sizing: border-box;
}
.mail_login {
	font-weight: bold;
}
#form_box.login_left .have {
	margin: 30px 0 30px;
	border-top: none;
	padding-top: 0;
}
.login_right {
	width: auto;
	float: none;
	border-top: 1px solid #e4e4e4;
	margin: 0 20px;
	padding-top: 30px;
}
.login_right dl dt {
	margin-bottom: 10px;
}
.new_reg {
	width: 60%;
}
/*//////////////////////////
signin/forget
//////////////////////////*/
.sub {
	margin: 0 20px 20px 20px;
}
#submit_box_helf {
	width: 100%;
	height: 45px;
}
.have_bor {
	margin: 30px 0;
	padding-top: 0;
	border-top: none;
}
.preservation {
	width: 100%;
	height: 45px;
}
/*//////////////////////////
signin/changePassword
//////////////////////////*/
.cp_dl {
	margin-bottom: 20px;
}
.cp_dl dt {
	margin-bottom: 10px;
}

/*//////////////////////////
detail page
//////////////////////////*/
#detail_article .flex-video iframe {
	width: 100% !important;
	height: 100%;
}
.embed-container,
.embedded-video iframe {
	width: 100% !important;
}
.embed-container div {
	min-width: 100% !important;
	max-width: 100% !important;
}
#detail_article .section_article p img {
	width: 100%;
}
/*original画像サイズ*/
#detail_article  #section_photo_1 {
	height: auto;
}
#detail_article #section_photo_1 .photo {
	height: 423px;
}
/*//////////////////////////
timeline
//////////////////////////*/
#no_genre {
	margin: 20px;
}
/*about*/
.art_about {
	padding: 0 20px 0;
}
/*inquiry*/
.wid683 {
	padding: 0 20px;
}
/*ad*/
.art_ad {
	padding: 30px 20px 0;
}
/*//////////////////////////
detail
//////////////////////////*/
.have_bor_area_a .have_bor {
	margin: 30px 20px 0px;
	padding-top: 30px;
	border-top: 1px solid #e4e4e4;
}
/*video_icon*/
.video_icon {
	width: 24px;
	height: 24px;
}
.news_icon {
	width: 24px;
	height: 24px;
}
.video_time {
	line-height: 24px;
}

}


/* /* 幅640px以下（sp)
------------------------------------------------------------*/
@media (max-width: 640px) {

#wrap {
	padding-bottom: 50px;
}
#wrap.sponsor_wrap {
	padding-bottom: 0;
}
.keep_users {
	margin-top: 10px;
}
.keep_users .num {
	color: #4c4c4c;
}
.keep_users .num span {
	font-weight: normal;
}
.kept a .alp {
	color: #fff;
}
.article_contents .article_wrap {
	border-top: none;
}
.article_contents .article_wrap .text .ti {
	margin-bottom: 10px;
}
.article_contents .article_wrap .text .ti:hover {
	color: #000000;
}
.cmd_show .cm_text a:hover {
	color: #000000;
}
.detail_body #wrap_area {
	margin-bottom: 0;
}
.detail_body #wrap {
	padding-bottom: 30px;
}

/*//////////////////////////
default
//////////////////////////*/
nav#sp_menu {
	width: 50px;
	left: 0;
	z-index: 1010;
}

/*//////////////////////////
user_thum
//////////////////////////*/
.user_thum_S {
	width: 27px;
	height: 27px;
}
.user_thum_M {
	width: 27px;
	height: 27px;
}

.keep_users ul li:first-child .user_thum_S,
#detail_article #user_cmd .users_img .user_thum_M {
	width: 40px;
	height: 40px;
}

/*//////////////////////////
sp_menu
//////////////////////////*/

#sp_menu {
	height: 50px;
}

#sp_menu .menu_icon {
	width: 35px;
	height: 35px;
	padding: 7px 8px 8px 7px;
	position: absolute;
	z-index: 2;
}

#sp_menu .menu_icon_container {
	width: 50px;
	height: 50px;
}

#delete span {
  width: 19px;
  top: 18px;
  left: 18px;
}

.menu_icon .bar1,
.menu_icon .bar2,
.menu_icon .bar3 {
  display: block;
  width: 25px;
  height: 2px;
  background: #333333;
  margin: 5px;
}

.menu_list_container:before {
	height: 60px;
}

.menu_list_container .search {
	height: 40px;
}

#delete {
	width: 40px;
	height: 40px;
}

#delete .soc-delete {
	padding: 8px 0;
}

.menu_list_container .search {
	padding: 10px 15px 10px 70px;
}

.menu_list_container .search button {
	top: 5px;
	height: 30px;
	display: block;
}

#menu_inner {
	margin: 0;
}

#sp_menu_contents {
	padding-bottom: 5px;
}

#menu_inner .nav_ti {
	margin: 0 0 0 10px;
}
#sp_menu_contents li:nth-child(odd) {
	width: 60%;
}
#sp_menu_contents li:nth-child(even) {
	width: 40%;
}
#sp_menu_contents li:nth-child(even) a {
    padding: 3px 0 3px 0;
}

#sp_menu_contents li a {
	line-height: 30px;
	padding: 3px 0 3px 20px;
}
#sp_menu_contents li i {
	    margin-right: 5px;
}

#sp_menu_other li a {
	line-height: 30px;
	padding: 0px 0 0px 20px;
}
.menu_social_wrap{
	height: 50px;
}
#sp_menu_social li {
	width: 40px;
	display: inline-block;
	margin: 5px 2px;
	float: left;
}

#sp_menu_social li a {
	display: block;
	line-height: 40px;
	position: relative;
}

#sp_menu_social li a i {
	line-height: 40px;
	display: block;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

#sp_menu_social li a:before {
	content: "";
	background: rgba(34,34,34,0);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 50%;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: background .2s ease-out, -webkit-transform 0.2s ease-out;
	transition: background .2s ease-out, transform 0.2s ease-out;
}

#sp_menu_social li a .line_icon {
	display: block;
	height: 40px;
	width: 20px;
	margin: 0 auto;
	background: url(../images/line_icon.png) 0 10px no-repeat;
	background-size: cover;
	vertical-align: middle;
	-webkit-transition: backgrnoud-image .2s ease-out;
	transition: backgrnoud-image .2s ease-out;
}

#sp_menu_social li a:hover .line_icon {
	background: url(../images/line_icon.png) 0 -30px no-repeat;
	background-size: cover;
}
#g_nav ul li {
	margin: 0 5px;
}
#sp_menu_wrap #sp_menu_contents li i,
#sp_menu_wrap #sp_menu_other li a i {
	vertical-align: middle;
}
/*//////////////////////////
sp_menu
//////////////////////////*/
.menu_icon {
	width: 35px;
	height: 30px;
	padding: 12px 8px 8px 7px;
}
#sp_menu .menu_icon {
	width: 35px;
	height: 35px;
}
html.active {
	height: 700px;
}
html.active body {
	height: 700px;
}

/*//////////////////////////
bottombar
//////////////////////////*/

#bottombar {
	height: 45px;
}

#wrap .bottombar_down {
	bottom: -50px;
}

#wrap .bottombar_up {
	bottom: 0px;
}

#bottombar ul {
	width: 100%;
}

#bottombar ul li {
	width: 25%;
	text-align: center;
	display: inline-block;
	float: left;
}

#bottombar ul li a {
    background: rgba(0,0,0,.9);
    height: 45px;
	display: block;
	padding: 6px 0;
}

#bottombar ul li a:hover {
	background: #0112b2;
}

#bottombar ul li a i {
	display: block;
}
#bottombar ul li a span {
	display: block;
	margin-top: 5px;
}

/*//////////////////////////
header
//////////////////////////*/

header {
	height: 50px;
}
header #head_area {
	height: 50px;
}
#wrap {
	padding-top: 78px;
}
header #logo{
	display: none;
}
#sp_logo {
	display: block;
	width: 104px;
	top: 0;
	left: 50%;
	margin-left: -52px;
	position: fixed;
	z-index: 1003;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.active #sp_logo {
	z-index: 1002;
	opacity: 0;
}
#sp_logo a {
	display: block;
	padding: 19px 0 12px;
	width: 104px;
}
#sp_logo img {
	width: 100%;
}
header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
}
#sp_menu_inner {
	position: fixed;
	z-index: 1003;
	height: 50px;
}
.menu_icon_container {
	width: 50px;
	height: 50px;
}
#head_login_info {
	position: fixed;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
/*google translateカスタマイズ*/
#login_google_translate,
#google_translate {
	position: fixed;
	width: 34px;
	top: 12px;
	left: 50px !important;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 1004;
}
.active #login_google_translate,
.active #google_translate {
    z-index: 1002;
    opacity: 0;
}
.trans_language {
	width: 34px;
	height: 29px;
	background: url(../images/translate.png) no-repeat;
	background-size: 34px 29px;
}
#flags {
	top: 34px;
}





#head_nav {
	position: fixed;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.active #head_nav {
	z-index: 1002;
	opacity: 0;
}
.active #head_login_info {
	z-index: 1002;
}

#logo {
	width: 104px;
}
#logo a {
	padding: 19px 0 19px;
}

#head_nav {
	width: 100px;
}

/*//////////////////////////
sp_g_nav
//////////////////////////*/
.top #g_nav,
.timeline #g_nav,
.original_column #g_nav {
	display: none;
}
#sp_g_nav {
	display: block;
	background: #f0f0f0;
	margin: 0;
	box-shadow: 0 2px 3px rgba(0,0,0,.4);
	position: fixed;
	z-index: 1002;
	width: 100%;
	top: 50px;
	left: 0;
}
#sp_g_nav ul {
	text-align: center;
}
#sp_g_nav li {
	height: 100%;
	font-weight: bold;
	text-align: center;
}
#sp_g_nav ul li a {
	text-align: center;
	display: block;
	-webikit-transition: background .2s ease-out, color .2s ease-out;
	transition: background .2s ease-out,color .2s ease-out;
}
#sp_g_nav ul li a .tab_btn {
	display: inline-block;
	text-align: center;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 7px 10px 5px;
}
.top ul .g_nav01 a .tab_btn,
.timeline ul .g_nav02 a .tab_btn,
.original_column  ul .g_nav03 a .tab_btn,
.video_column ul .g_nav04 a .tab_btn,
.news_column ul .g_nav05 a .tab_btn,
.training ul .swiper-slide-active a .tab_btn,
.jleague ul .swiper-slide-active a .tab_btn {
	background: rgba(85,85,85,1);
	color: #fff;  
}

#sp_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;
	-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;
}
#sp_g_nav ul li a:hover .tab_btn:after {
	background: rgba(85,85,85,.7);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
#sp_g_nav ul li a:hover {
	color: #fff;
}



/*//////////////////////////
category
//////////////////////////*/
#cate_ti_area {
	padding: 20px 20px 0;
}
.news_column #cate_ti_area,
.video_column #cate_ti_area {
	display: none;
}
/*//////////////////////////
ログイン後
//////////////////////////*/
#head_login_info {
	width: 100px;
}

#head_login_info #active_box_sp {
	width: 50px;
}

#head_login_info .available {
	width: 15px;
	height: 11px;
	padding: 2px 0;
	color: #fff;
	top: 5px;
	right: 5px;
}

#head_login_info .nav_bell i {
	padding: 15px;
}

#head_login_info #active_grid_sp_area {
	width: 240px;
}

#head_login_info #user_nav_area {
	top: 50px;
	right: 8px;
}

#head_login_info .user_nav {
	padding: 7px 8px 8px 7px;
}

#head_login_info .user_thum_S {
	width: 35px;
	height: 35px;
}

#head_login_info .user_thum_L {
	width: 50px;
	height: 50px;
}

#head_login_info .user_name .thum {
	width: 50px;
}

#head_login_info .user_name .text {
	width: 240px;
}

#head_login_info #active_grid_sp_area {
	top: 50px;
	right: 58px;
}
/*//////////////////////////
article_contents
//////////////////////////*/
#head_login_info #user_nav_area {
	width: 240px;
}
#head_login_info .user_name .text .profile {
	height: 25px;
	margin-top: 0;
}
#head_login_info .user_name .text {
	width: 160px;
}
#feature .photo,
#trend .photo {
	height: 200px;
}
.section_photo .photo {
	height: 255px;
}

.keep_users ul li {
	width: 27px;
	height: 27px;
	margin: 13px 3px 0px 0;
	display: inline-block;
	vertical-align:  middle;
}
.keep_users ul li:first-child {
	width: 40px;
	height: 40px;
	margin: 0 3px 0px 0;
}
.article_wrap .keep_users .num {
	float: none;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px;
}
.sns-btn li a {
	width: 40px;
	height: 40px;
	padding: 5px 0;
}
.sns-btn li .sns_btn_wrap .sns_btn_inner i {
	width: 30px;
}
.sns-btn .line a .line-icon {
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: url(../images/line.png) 0 0px no-repeat;
	background-size: cover;
}
.sns-btn .line a:hover .line-icon {
	background: url(../images/line.png) 0 -40px no-repeat;
	background-size: cover;
}
.partner_follow .partner_list .li_col_8,
.partner_follower .partner_list .li_col_8 {
	width: 100%;
}
.article_contents .article_wrap:first-child {
	padding: 20px 0px;
}
.top .article_contents .article_wrap:first-child,
.timeline .article_contents .article_wrap:first-child {
	padding: 0px 0px 10px;
}
.article_contents .article_wrap {
	padding: 10px 0px;
}
.article_contents .article_wrap .text {
	padding: 0 10px;
	box-sizing: border-box;
}
.article_contents .article_wrap .other .origin {
	margin-right: 10px;
}
/*top comment*/
.article_wrap .user_cmd {
	padding: 5px 0;
	margin: 0 10px;
}
.article_wrap .user_cmd .cmd_ti {
	width: 100%;
	height: 30px;
	line-height: 1;
	padding: 7px 10px;
	margin-bottom: 10px;
}
.cmd_show .users_img {
	width: 38px;
}
.cmd_show .users_info {
 	margin-left: -38px;
}
.cmd_show .users_info_area {
	margin-left: 38px;
}
.cmd_show .users_info .users_name {
	padding: 5px 0;
}
.cmd_show .cm_text {
	padding: 0px 40px 0px 5px;
	height: 48px;
}
.cmd_show .cm_text a {
	height: 48px;
	line-height: 1.4;
}
.article_wrap .comment_trans {
	padding: 20px 10px 0;
}
.cmd_show .like_button {
	width: 30px;
	height: 35px;
	margin: auto 15px auto 0;
}
.article_wrap .cmd_open:after {
	width: 95px;
}
.article_wrap .comment_trans textarea {
	padding: 10px 10px;
}

#keep_list .imgurl, 
#comment_list .imgurl {
	top: inherit;
	bottom: 0;
}
.partner_column_keep #keep_list .imgurl {
	text-align: right;
}


/*//////////////////////////
detail
//////////////////////////*/
.section_photo .text {
	padding: 15px 20px;
}
#section_photo_1 .text {
	padding: 15px 20px;
}
#detail_article .section_photo .keep {
	right: 20px;
}
.section_article {
	padding: 10px 10px 20px;
}

.section_article .twitter-video {
	min-width: 100% !important;
}

.art_ad .twitter-video {
	min-width: 100% !important;
}


.section_keep .ti {
	float: none;
	margin: 0 0 10px;
	padding: 0;
}
.section_keep .keep_users ul li {
	width: 27px;
	height: 27px;
	margin: 0 3px 0 0;
}

.section_keep .keep_users .ti {
	display: block;
}

.section_keep .keep_users .keep_users_l,
.section_keep .keep_users .keep_users_r {
	vertical-align: middle;
}

.section_keep {
	padding: 15px 20px;
}
.section_comment .ti {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
.section_comment ul li {
	padding: 5px 10px;	
}
.section_comment ul li .followed_button,
.section_comment ul li .follow_button,
.section_comment ul li .circle_type_A {
	top: 10px;
	right: 15px;
}
#detail_article .section_comment ul li .circle_type_A {
	right: 10px;
}
.section_comment .users_name {
	padding: 7px 0;
}

.section_comment .users_info_area {
	margin: 0 40px 0 55px;
}

.section_comment .users_info .text {
	margin: 5px 0 15px;
}

.section_comment .users_info .users_name {
	padding: 3px 0 0;
}

#detail_article .comment_trans {
	padding: 10px 10px 30px;
}

.comment_tab a {
	height: 30px;
	line-height: 1;
}

.comment_tab a:before {
	height: 30px;
}

.comment_tab a span {
	padding: 8px 10px;
}

.article_writer .other_look {
	text-align: center;
}

/*sponsor_bnr*/
.detail_sponsor_bnr {
	padding: 0 10px;
	margin: 0 0 20px;
}

.comment_trans textarea {
	height: 70px;
	padding: 10px 10px;
}
#detail_article .comment_trans textarea {
	width: 78%;
}
#detail_article .comment_trans button {
	width: 19%;
}

.article_writer .user {
	height: 27px;
	margin-bottom: 10px;
}

.article_writer .users_info {
	margin-left: 5px;
	width: 80%;
	word-wrap: break-word;
}
#detail_column .like_button {
	width: 30px;
	top: 35px;
}
.section_comment .text {
	  min-height: 35px;
	  margin-right: 35px;
	  margin-bottom: 0;
}
.sns_box .sns-btn li {
	width: 80px;
}

#detail_article .section_photo {
	margin-bottom: 30px;
}
#detail_article .cn_ti {
	margin: 20px 0 5px;
}

.relation_area .relation_p {
	padding: 15px 0;
	border-bottom: 1px solid #e4e4e4;
}
#relation_contents .li_col_2 {
	width: 100%;
    float: none;
	border-bottom: 1px solid #e4e4e4;
}
#relation_contents li:nth-child(odd),
#relation_contents li:nth-child(even) {
	padding: 0;
}
#relation_contents li .photo {
	float: left;
	width: 40%;
	height: 80px;
}
#relation_contents li .text {
	float: left;
	width: 60%;
	height: 80px;
	box-sizing: border-box;
	padding: 0 10px 0 10px;
	position: relative;
}
#relation_contents li .relation_num {
	margin: 0;
	position: absolute;
	bottom: 5px;
	right: 12px;
}
#relation_contents li .ti {
	margin: 5px 0 0;
	line-height: 1.3;
}

.section_article .more_link {
	margin: 20px auto 0;
}
.section_article .ob_link {
	margin: 20px auto;
}
.section_article .ob_link_ul {
	margin: 20px auto;
}
.section_article .ob_link_ul li:nth-child(1) a {
	margin: 0 5px 0 0;
}
.section_article .ob_link_ul li:nth-child(2) a {
	margin: 0 0 0 5px;
}

/*//////////////////////////
original
//////////////////////////*/

.original_column .article_contents {
	margin: 0;
}
.original_column .article_contents section {
	border-top: none;
}
.original_column .article_contents section:first-child {
	padding: 20px 10px;
}
.original_column .article_contents section {
	padding: 20px 10px;
}
.original_column .article_contents section .link {
	position: relative;
}
.original_column .article_contents section .photo {
	float: none;
	width: 100%;
	height: 200px;
	margin-bottom: 0;
	background-position: center top !important;
}
.original_column .article_contents section .photo:after {
	content: '';
	width: 100%;
	height: 85px;
	background: rgba(0,0,0,0.35);
	position: absolute;
	bottom: 0;
	left: 0;
}
.original_column .article_contents section .text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	color: #fff;
}
.original_column .article_contents section .text .ti {
  margin-bottom: 0;
}
.original_column .article_contents section .other {
	padding-right: 0;
}
.original_column .article_contents section .other .data {
	color: #fff;
}

.original_column .article_contents section .photo {
	width: 100%;
}

.original_column .article_contents section .text {
	width: 100%;
	height: auto;
}

.original_column .article_contents section .text .ti:hover {
	color: inherit;
}

.original_column .article_contents section .text .other .origin {
	color: #fff;
	margin-right: 10px;
	font-weight: bold;
}
.original_column .article_contents section,
#detai_writer_article section {
	padding: 0 0;
}
.original_column .article_contents section:first-child,
#detai_writer_article section:first-child {
	padding: 20px 0 0;
}
#wrap.original_column_wrap {
	padding-bottom: 0;
}
#wrap.original_column_wrap #wrap_area {
	margin-bottom: 0;
}


/*//////////////////////////
writer
//////////////////////////*/

#detai_writer_article .writer_list {
	padding: 0 20px;
}
#detai_writer_article section .link {
	position: relative;
}
#detai_writer_article section .text {
	float: none;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.75);
}

#detai_writer_article section .text .ti {
	margin-bottom: 0;
}

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

#detai_writer_article section .text .data {
	color: #fff;
}

#detai_writer_article section .photo:after {
  content: '';
  width: 100%;
  height: 60px;
  background: rgba(0,0,0,0.35);
  position: absolute;
  bottom: 0;
  left: 0;
}
#detai_writer_article section .photo {
	float: none;
	width: 100%;
	height: 200px;
}

/*//////////////////////////
partner
//////////////////////////*/
#cover_photo,
#cover_photo #cover_photo_section {
	width: 100%;
}

#cover_photo #cover_photo_section {
	padding: 15px 0 0;
}

#cover_photo #cover_photo_section .users_info {
	padding: 20px 20px 0;
}
#cover_photo_section .intro {
	margin: 0 0 20px;
	padding: 0 20px;
}
.intro_more {
	padding: 20px;
}
.intro .intro_icon_ab {
	top: -14px;
	right: 0px;
	width: 27px;
	height: 27px;
}
.intro_icon_ab i {
	margin: 8px 0 0;
}
.intro_icon_ab .close {
	display: none;
}

#partner_article .ti,
#partner_article .ti_bor {
	margin: 30px 15px 25px;
}

#partner_article .ti .jp,
#partner_article .ti_bor .jp {
	padding-left: 10px;
}

.partner_activity .partner_list .li_col_1 {
	padding: 0 15px 10px;
	margin-bottom: 10px;
}
.partner_keep .circle_type_A,
.partner_comment .circle_type_A,
.partner_follow .circle_type_A,
.partner_follower .circle_type_A {
	top: -50px;
	right: 15px;
}

.partner_keep .partner_list,
.partner_comment .partner_list {
	padding: 0;
}

.partner_keep .partner_list .li_col_3,
.partner_comment .partner_list .li_col_3 {
	width: 100%;
	padding: 0 15px 15px;
	float: none;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 15px;
}

.partner_keep .partner_list .li_col_3 .photo,
.partner_comment .partner_list .li_col_3 .photo {
	float: right;
	width: 33.333%;
	height: 165px;
}
.partner_keep .partner_list .li_col_3 .text,
.partner_comment .partner_list .li_col_3 .text {
	background: none;
	float: left;
	width: 66.667%;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	text-shadow: none;
	color: #000000;
}
.partner_keep .partner_list .li_col_3 .text .title,
.partner_comment .partner_list .li_col_3 .text .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.partner_keep .partner_list .li_col_3 .photo:after,
.partner_comment .partner_list .li_col_3 .photo:after {
	background: none;
}
.partner_keep .partner_list .li_col_3 .text .other,
.partner_comment .partner_list .li_col_3 .text .other {
	color: #898989;
}
.partner_keep .partner_list .li_col_3 .text .other a,
.partner_comment .partner_list .li_col_3 .text .other a {
	color: #898989;
}
.partner_column_follow .partner_list .li_col_4 .thum .user_thum_L,
.partner_column_follower .partner_list .li_col_4 .thum .user_thum_L {
	width: 50px;
	height: 50px;
	margin: 0;
}
.partner_follow .partner_list .li_col_3 .intro,
.partner_follower .partner_list .li_col_3 .intro {
	display: block;
}

.partner_follow .partner_list .li_col_8,
.partner_follower .partner_list .li_col_8 {
	padding: 0 15px 10px;
}
.partner_follow .name,
.partner_follower .name {
	margin: 5px 0 10px;
}
.partner_follow .partner_list .li_col_8 .thum,
.partner_follower .partner_list .li_col_8 .thum {
	width: 60px;	
}
.partner_follow .partner_list .li_col_8 .info_area,
.partner_follower .partner_list .li_col_8 .info_area {
	margin: 0 50px 0 60px;
}
.partner_follow .partner_list .li_col_8 .thum .user_thum_L,
.partner_follower .partner_list .li_col_8 .thum .user_thum_L {
	width: 50px;
	height: 50px;
}
#partner_article .partner_follow .partner_list .li_col_8 .intro,
#partner_article .partner_follower .partner_list .li_col_8 .intro {
	margin: 0px;
}
.partner_follow .partner_list .li_col_8 .followed_button,
.partner_follower .partner_list .li_col_8 .follow_button,
.partner_follower .partner_list .li_col_8 .followed_button {
	top: 5px;
	right: 15px;
}
.partner_follow .partner_list .li_col_8 .name,
.partner_follower .partner_list .li_col_8 .name {
	margin: 4px 0;
}

.like_follow {
	text-align: left;
	margin: 0;
}

#cover_photo_section .name {
	padding: 10px 0;
	margin-bottom: 15px;
}
#cover_photo_section .name .like_num {
	padding: 10px 0 0;
}

/*//////////////////////////
partner/keep
//////////////////////////*/
.partner_column_keep .partner_keep,
.partner_column_comment .partner_comment,
.partner_column_follow .partner_follow,
.partner_column_follower .partner_follower {
	margin-top: 15px;
}
.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: 30px;
}
.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: 60%;
}
.partner_column_keep .partner_keep .close {
	position: absolute;
	top: -13px;
	right: 30px;
}
.partner_column_keep .partner_keep .close span {
	width: 27px;
	height: 27px;
	line-height: 1;
}
.partner_column_keep .partner_keep .close span i {
	display: block;
	padding: 7px 0;
}

.partner_column_keep .partner_keep .close {
	right: 5px;
}

.partner_keep .partner_list .li_col_3 .photo,
.partner_comment .partner_list .li_col_3 .photo {
	height: 70px;
}

/*//////////////////////////
partner/comment
//////////////////////////*/
.partner_column_comment .partner_list .li_col_2 {
	padding: 0 15px 15px;
}

.partner_column_comment .partner_list .li_col_2 .text {
	width: 66.667%;
}

.partner_column_comment .partner_list .li_col_2 .photo {
	width: 33.333%;
	height: 70px;
}


/*//////////////////////////
partner/follow
//////////////////////////*/
.partner_column_follow .partner_list .li_col_4,
.partner_column_follower .partner_list .li_col_4 {
	width: 100%;
	width: 100%;
	padding: 0 15px 15px;
	float: none;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 15px;
}
.partner_column_follow .partner_list .li_col_4 .thum,
.partner_column_follower .partner_list .li_col_4 .thum {
	width: 60px;
	float: left;
}
.partner_follow .partner_list .li_col_4 .info_area,
.partner_follower .partner_list .li_col_4 .info_area {
	margin: 0 50px 0 60px;
}
.partner_column_follow .partner_list .li_col_4 .intro,
.partner_column_follower .partner_list .li_col_4 .intro {
	margin: 0px 0 0;
	height: auto;
}

.partner_column_follow .partner_list .li_col_4 .name,
.partner_column_follower .partner_list .li_col_4 .name {
	text-align: left;
	margin: 0;
	padding: 4px 0;
}
.partner_column_follow .partner_list .li_col_4 .name a,
.partner_column_follower .partner_list .li_col_4 .name a {
	display: block;
	-webkit-text-overflow: ellipsis;   
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/*//////////////////////////
partner/setting
//////////////////////////*/
#setting_article {
	margin: 25px auto;
}

#setting_article #cate_ti {
	margin-bottom: 25px;
	padding: 0 20px;
}

#setting_article #cate_ti .jp {
	padding-left: 10px;
}

#setting_article .ti_bor {
	margin: 30px 0 20px 20px;
}

#setting_article .ti_bor h2 {
	padding: 0;
}

.form_style {
	height: 45px;
}

#edit_nav a {
	height: 30px;
	min-width: inherit;
	width: 40%;
}

#edit_nav a .tab_btn {
	padding: 8px 10px;
}

#edit_cover_photo .cover_photo_shadow,
.profile_cover_photo {
	height: 160px;
}

#account_info .preservation {
  width: 66.667%;
}

#account_info .delete {
	width: 50%;
}

#setting_article #form_box .form_box_inner {
	width: 100%;
}

#photo_edit .photo_edit_btn {
	width: 50%;
}

#edit_cover_photo .cover_btn,
#photo_edit .photo_edit_btn {
	width: 33.333%;
	height: 45px;
	line-height: 1;
	box-sizing: border-box;
}

#edit_cover_photo .cover_btn span,
#photo_edit .photo_edit_btn span {
	display: block;
	padding: 15px 0 14px;
}
/*//////////////////////////
partner/genre
//////////////////////////*/
#genre_contents {
	margin-bottom: 30px;
}
#genre_article #cate_ti {
	padding: 0 20px;
}

#genre_article .des {
	padding: 0 20px;
}

.genre_input {
	width: 100%;
	padding: 0 20px 40px;
}

.genre_input .load_img_area #load_img {
	left: 50%;
}

#genre_article .have_bor {
	margin: 30px 20px 0 20px;
	padding-top: 30px;
}

#genre_article .preservation ,
#genre_article .btn_reg_area_a {
	width: 66.667%;
}

.genre_reg .keyword_label .keyword_label_inner,
#keyword_regted li {
	padding: 0 20px;
}

/*//////////////////////////
inquiry
//////////////////////////*/
#inquiry_article #form_box .form_box_inner {
	width: 100%;
}

#inquiry_article #form_box .consent {
	margin: 20px 0 10px 0;
}

.wid683 {
	width: 100%;
}

.wid683 {
	margin: 25px auto;
	padding: 0 20px;
}

.wid683 #cate_ti {
	margin-bottom: 25px;
}

#inquiry_article #submit_box {
  width: 66.667% !important;
  height: 45px !important;
}

/*//////////////////////////
404 page
//////////////////////////*/
#cover_photo_a .ti img {
	height: 60%;
}

/*//////////////////////////
about
//////////////////////////*/
#cover_photo_s,
#cover_photo_s_area {
	height: 200px;
}

.art_about .col_2 {
	width: 100%;
	float: none;
	padding: 40px 0 0 0;
}

.btn_reg_area_a {
	width: 66.667%;
}

/*//////////////////////////
ad
//////////////////////////*/
.cover_ad .text {
	padding: 50px 0;
}

.ul_ad .li_col_3 {
	width: 100%;
	float: none;
}

/*//////////////////////////
guide
//////////////////////////*/
.art_guide {
  padding: 30px 0 0;
}
.sub_ti_arr {
	padding: 15px 0;
}
.sub_ti_arr:after {
	border-top: 15px solid #0112b2;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
}
.sec_guide {
	margin: 30px 0 40px;
	padding: 0 20px;
}
.sec_guide .des {
	margin-bottom: 10px;
	text-align: left;
}

.sec_guide div[class^="img"] {
	width: 280px;
	height: 197px;
	background-size: cover;
}

.sec_guide .img01 {
	background: url(../images/guide/01_sp.jpg) no-repeat;
}
.sec_guide .img01 .dotto {
	top: 24px;
	right: 19px;
	background: url(../images/guide/01_sp_dotto.png) no-repeat;
	background-size: cover;
	width: 108px;
	height: 26px;
}
.sec_guide .img02 {
	background: url(../images/guide/02_sp.jpg) no-repeat;
}
.sec_guide .img02 .dotto {
	top: 84px;
	left: 40px;
	background: url(../images/guide/02_sp_dotto.png) no-repeat;
	background-size: cover;
	width: 89px;
	height: 8px;
}
.sec_guide .img03 {
	background: url(../images/guide/03_sp.jpg) no-repeat;
}
.sec_guide .img03 .dotto {
	position: absolute;
	top: 77px;
	left: 150px;
	background: url(../images/guide/03_sp_dotto.png) no-repeat;
	background-size: cover;
	width: 75px;
	height: 37px;
}
.sec_guide .img04 {
	background: url(../images/guide/04_sp.jpg) no-repeat;
}
.sec_guide .img04 .dotto {
	position: absolute;
	top: 85px;
	left: 43px;
	background: url(../images/guide/04_sp_dotto.png) no-repeat;
	background-size: cover;
	width: 105px;
	height: 12px;
}
.radar {
	width: 4px;
	height: 4px;
}
.img01 .dotto .radar:before,
.img01 .dotto .radar:after {
	margin: -5px 0 0 -5px;
}
.img02 .dotto .radar:before,
.img02 .dotto .radar:after {
	margin: 0 -5px -2px 0;
}
.img03 .dotto .radar:before,
.img03 .dotto .radar:after {
	top: 0%;
	left: 0%;
	margin: -5px 0 0 -6px;
}
.img04 .dotto .radar:before,
.img04 .dotto .radar:after {
	margin: 1px -6px 0 0;
}
/*//////////////////////////
writer
//////////////////////////*/
#writer_cover_photo .photo {
	background-position: bottom center !important;
	background-size: contain !important;
}
/*//////////////////////////
member
//////////////////////////*/
#cate_ti_area_02{
	padding: 15px 15px 35px;
}
#cate_ti_area_02 #cate_ti{
	  margin-bottom: 0px;
	  padding: 0;
}
.m_serch_num {
	top: 0;
	right: 15px;
	width: 65px;
	height: 65px;
	padding: 20px 0 15px;
}
.m_serch_input {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	height: 40px;
	margin: 0 auto 20px;
}
.like_follow dt,
.like_follow dd {
	display: inline;
}
.members_article #follow_list li .name {
	height: auto;
}


/*//////////////////////////
ranking
//////////////////////////*/
.col_wrap_a {
	margin: 15px 0 40px;
}
.col_wrap_a #cate_ti_area_02 {
	padding-bottom: 0;
}
.ranking_tab {
	padding: 0 15px;
	margin-bottom: 10px;
}
.ranking_contents li .info_area {
	margin: 2px 50px 0 60px;
}
.ranking_contents .li_col_1 {
	padding: 10px 15px 10px 50px;
}
.ranking_contents li:nth-child(1) {
	background: url(../images/ranking/1.png) no-repeat 10px 14px;
	background-size: auto 36px;
}
.ranking_contents li:nth-child(2) {
	background: url(../images/ranking/2.png) no-repeat 10px 14px;
	background-size: auto 36px;
}
.ranking_contents li:nth-child(3) {
	background: url(../images/ranking/3.png) no-repeat 10px 14px;
	background-size: auto 36px;
}
.ranking_contents li:before{
	top: 25px;
	left: 25px;
}
.ranking_contents li .followed_button,
.ranking_contents li .follow_button {
	top: 12px;
	right: 15px;
}
.ranking_contents li .followed_button,
.ranking_contents li .follow_button {
	width: 40px;
	height: 40px;
}
.ranking_contents li .thum .user_thum_L {
	width: 50px;
	height: 50px;
	margin: 0;
}

.pro_mark {
	background: url(../images/pro_mark.png) no-repeat left top;
	background-size: 20px auto;
	width: 20px;
	height: 13px;
	vertical-align: top;
}
.members_article .pro_mark,
#ranking_area .pro_mark {
	vertical-align: middle;
	padding: 0 0 2px;
}

/*//////////////////////////
liga_espanola
//////////////////////////*/
.liga_espanola ul .swiper-slide-active a .tab_btn,
.euro ul .swiper-slide-active a .tab_btn {
	background: rgba(0,0,0,1);
	color: #fff;  
}
.sponsered {
	padding: 15px 0 15px;
}
.sponsered .des {
	padding-top: 15px;
}
.sponsered_logo {
	width: 190px;
	padding: 0 66px 0 0;
	margin: 0 auto;
	text-align: left;
}
.training_column .sponsered_logo {
	padding: 0;
}
.sponsered img{
	width: 190px;
	vertical-align: middle;
}
.sponsor_body #wo_pd {
	padding: 0 5px 10px;
}
.liga_espanola_column #wo_pd,
.euro_column #wo_pd {
	padding: 0 5px 10px;
}
.liga_espanola_column .article_contents,
.euro_column .article_contents {
	padding-top: 0;
}
.liga_espanola_column .article_contents .article_wrap,
.euro_column .article_contents .article_wrap {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	border-top: 10px solid #000000;
}
.liga_espanola_column .article_contents .article_wrap:first-child,
.euro_column .article_contents .article_wrap:first-child {
	border-top: none;
}
.liga_tool_tip_text {
	padding: 5px;
	top: -25px;
}
.liga_tool_tip_text br {
	display: none;
}
#prvideo {
	height: auto;
}
/*sp_tool_tip*/
.sp_tool_tip_text:after {
  	left: 26px;
}
#account_info .sp_tool_tip_text:after {
	left: 40px;
}
/*original写真サイズ*/
#detail_article #section_photo_1 .ti {
	height: auto;
}
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 396px;
	background-size: cover !important;
}
.training_column .article_contents,
.jleague_column .article_contents {
	    padding-top: 5px;
}
.training_column .article_contents .article_wrap,
.jleague_column .article_contents .article_wrap {
	padding-left: 5px;
	padding-right: 5px;
}
.training_column .article_contents .article_wrap:first-child,
.jleague_column .article_contents .article_wrap:first-child {
	padding-top: 0;
	padding-left: 5px;
    padding-right: 5px;
}
/*//////////////////////////
jleague
//////////////////////////*/
.jleague ul .swiper-slide-active a .tab_btn {
	background: #0099ff;
	color: #fff;  
}
.sponsered_flexvideo {
	margin: 0 5px 5px;
}

/*//////////////////////////
campaign
//////////////////////////*/
.cover_campaign {
	width: 100%;
	height: auto;
}
.art_cam {
	padding: 0 20px;
}
.art_cam .sec_cam {
	margin: 30px 0 0;
}
.art_cam h2 {
	margin: 0 0 20px;
}
.art_cam .sub01 {
	width: 125px;
}
.art_cam .sub02 {
	width: 75px;
}
.art_cam .cam_ul01 {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 20px;
}
.cam_ul01 li,
.cam_ul01 .ps {
	float: none;
	width: 210px;
	height: 301px;
}
.cam_ul01 .li01 {
	margin: 0 auto;
	background: url(../images/campaign/cam01_sp.png) no-repeat;
	background-size: cover;
}
.cam_ul01 .li02 {
	margin: 20px auto;
	background: url(../images/campaign/cam02_sp.png) no-repeat;
	background-size: cover;
}
.cam_ul01 .ps {
	margin: 0 auto;
	background: url(../images/campaign/cam03_sp.png) no-repeat;
	background-size: cover;
}

.art_cam .square {
	margin: 0;
	padding: 30px 15px 10px;
}
.art_cam .des {
	margin: 30px auto 10px;
}
.art_cam .btn_area {
	width: 100%;
}
.art_cam .btn {
	width: 262px;
	height: 88px;
	margin: 0 auto;
}
/*//////////////////////////
socsoccup
//////////////////////////*/
.socsoccup_body #wrap,
.nowranking_body #wrap {
	padding-bottom: 180px;
}
.socsoccup_body #column_683,
.nowranking_body #column_683 {
	padding-top: 0;
}
.cup_cam .sec_cam {
	margin: 40px 20px 0;
}
.cup_cam .sec_cam .sub01 {
	width: 213px;
	margin: 0 auto 20px;
}
.cup_cam .sec_cam .sub01 img {
	width: 100%;
}
.cup_cam .sec_cam .des {
	margin: 0 0 20px;
}
.cup_ul01 {
	width: 100%;
}
.cup_ul01 li {
	width: 100%;
}
.cup_ul01 .li01 {
	background: url(../images/socsoccup/01_sp.png) no-repeat;
	background-size: cover;
	height: 0;
	padding-top: 57.5%;
	margin: 0 auto 20px;
}
.cup_ul01 .li02 {
	background: url(../images/socsoccup/02_sp.png) no-repeat;
	background-size: cover;
	height: 0;
	padding-top: 59%;
	margin: 0 auto 20px;
}
.cup_ul01 .li03 {
	background: url(../images/socsoccup/03_sp.png) no-repeat;
	background-size: cover;
	height: 0;
	padding-top: 66.5%;
	margin: 0 auto 20px;
}
.cup_cam .btn_area01 {
	width: 215px;
}
.cup_cam .btn01 {
	height: 60px;
}
.cup_cam .sec_cam .sub02 {
	width: 45px;
	margin: 0 auto 20px;
}
.cup_cam .sec_cam .sub02 img {
	width: 100%;
}
.cup_cam .summary {
	width: 100%;
	margin: 0 auto 35px;
}
.cup_cam .summary img {
	width: 100%;
}

.cup_cam .btn_area02 {
	width: 205px;
}
.cup_cam .btn02 {
	height: 50px;
}
/*//////////////////////////
BFB2016
//////////////////////////*/
.top .article_contents .article_wrap:nth-of-type(5) {
	border-top: none;
}
#bfb_ad_sp {
	display: block;
	background: url(../images/bfb/bg.jpg) no-repeat #000000;
	background-size: cover;
	width: 100%;
	box-sizing: border-box;
	padding: 60px 15px 10px;
	margin: 10px 0;
}
#bfb_ad_sp iframe {
    width: 100% !important;
    height: 195px;
}
#bfb_ad_sp .text {
	padding: 10px 0 0;
	color: #fff;
}
#bfb_ad_sp .ytp-large-play-button {
	display: none;
}
.ytp-large-play-button {
	display: none !important;
}
/*//////////////////////////
appバナー
//////////////////////////*/
#detail_article #app_ul li {
	width: 45%;
}

/*//////////////////////////
google adsense
//////////////////////////*/
.ad_pc_rectangle,
#ad_pc01,
#ad_pc02 {
	display: none;
}
#ad_sp01,
#ad_sp02,
#ad_sp_banner {
	display: block;
}
#ad_sp01 {
    padding: 20px 0;
    text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
#ad_sp_banner {
	padding: 10px 0;
    text-align: center;
	border-bottom: 1px solid #e4e4e4;
}
#ad_sp02 {
	padding: 20px 0;
    text-align: center;
	border-bottom: 1px solid #e4e4e4;
}

/*//////////////////////////
iwamoto teruo
//////////////////////////*/
#it_profile .left {
	float: none;
	width: 100%;
}
#it_profile .left img {
	display: block;
	margin-bottom: 20px;
}
#it_profile .right {
	float: none;
	width: 100%;
}

/*//////////////////////////
EURO記事
//////////////////////////*/
.odds_table th,
.odds_table td {
	padding: 5px 2px;
	font-size: 10px;
}


}


@media (max-width: 1150px) {
	#ad_pc_top{
		display: none;
	}
}

@media (max-width: 620px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 371px;
}	
}
@media (max-width: 600px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 383px;
}	
}
@media (max-width: 580px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 359px;
}	
}
@media (max-width: 560px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 346px;
}	
}
@media (max-width: 540px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 334px;
}	
}
@media (max-width: 520px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 322px;
}	
}
@media (max-width: 500px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 309px;
}	
}
@media (max-width: 480px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 297px;
}	
}
@media (max-width: 460px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 284px;
}	
}
@media (max-width: 440px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 272px;
}	
}
@media (max-width: 420px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 260px;
}	
}
@media (max-width: 400px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 247px;
}	
}
@media (max-width: 380px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 245px;
}	
}
@media (max-width: 360px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 222px;
}	
}
@media (max-width: 340px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 210px;
}	
}
@media (max-width: 320px) {
.original_column .article_contents section .photo,
#detai_writer_article section .photo,
#detail_article #section_photo_1 .photo {
	height: 198px;
}	
}