@charset "utf-8";

/* =#sidebar
-------------------------------------------------------------- */
#sidebar .option-ico::before {
	content: "";
	position: absolute;
	box-sizing: border-box;
	display: inline-block;
	width: 42px;
	height: 32px;
	right: 20px;
	top: 24px;
	z-index: 1;
	pointer-events: none;
}
#sidebar .option-ico:hover {
	opacity: 0.7;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#sidebar .option-ico {
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#sidebar .side-menu-block .option-ico::before {
	top: 0;
	bottom: 0;
	margin: auto;
}
#sidebar .item-block .side-item:first-child {
	margin-bottom: 20px;
}
#sidebar .item-block.item-block-flow .side-item:not(:first-child) {
	margin-top: 20px;
}
#sidebar .side-menu-bn a {
	display: block;
	padding: 28px 20px 30px;
	box-sizing: border-box;
	height: 80px;
	letter-spacing: 2px;
	text-decoration: none;
}
#sidebar .item-block .side-item a {
	font-size: 1.3rem;
}
#sidebar .side-r a {
	background-color: #9e2330;
	border: 1px solid #9e2330;
	color: #fff;
}
#sidebar .side-w a {
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
}
#sidebar .side-g,
#sidebar .side-g a {
	color: #fff;
	background-color: #3e3a39;
	border: 1px solid #3e3a39;
}
#sidebar .news-block li {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	font-size: 0;
}
#sidebar .news-block li:last-child {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
#sidebar .news-block .new-txt {
	margin-right: 8px;
	vertical-align: middle;
	color: #9e2330;
	font-size: 1.2rem;
}
#sidebar .news-block .day {
	color: #727171;
	font-size: 1.2rem;
	vertical-align: middle;
}
#sidebar .news-block .txt {
	width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	font-size: 1.2rem;
}
#sidebar .side-menu-block li {
	margin-bottom: 20px;
}
#sidebar .side-menu-block li:last-child {
	margin-bottom: 0;
}
#sidebar .side-menu-block li a {
	font-size: 1.3rem;
}
#sidebar .sub-menu-inner .ttl {
	height: 40px;
	padding: 10px;
	text-align: center;
	background-color: #9e2330;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.3rem;
}
#sidebar .sub-menu-inner {
	margin: 30px 0;
}
#sidebar .sub-menu-inner .sub-menu-block {
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	font-size: 1.2rem;
}
#sidebar .sub-menu-inner .sub-menu-block li {
	margin-bottom: 15px;
	line-height: 1;
}
#sidebar .sub-menu-inner .sub-menu-block li:last-child {
	margin-bottom: 0;
}
#sidebar .sub-menu-inner .sub-menu-block li a {
	position: relative;
	padding-left: 15px;
}
#sidebar .sub-menu-inner .sub-menu-block li a::before {
	content: "";
	position: absolute;
	left: 4px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 5px solid #9e2330;
	top: 0;
	bottom: 0;
	margin: auto;
}
#sidebar .sub-menu-inner .nest-list {
	margin-top: 15px;
	padding-left: 15px;
}
#sidebar .sub-menu-inner .sub-menu-block .nest-list li a::before {
	display: none;
}
#sidebar .sub-menu-inner .sub-menu-block .nest-list li a {
	padding-left: 5px;
}
#sidebar .sub-menu-inner .nest-list li::before {
	content: "├";
}
#sidebar .sub-menu-inner li a {
	color: #333;
}
#sidebar .add-block li {
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
	font-size: 1.2rem;
}
#sidebar .add-block li a {
	color: #9e2330;
}
#sidebar .add-block li:first-child {
	border-top: 1px solid #ddd;
}
#sidebar .item-block .option-ico:first-child::before {
	content: url(../images/side/ico_side_contact.svg);
}
#sidebar .item-block .option-ico:nth-child(2)::before {
	content: url(../images/side/ico_side_blog.svg);
	width: 40px;
	height: 38px;
	top: 17px;
}
#sidebar .side-menu-block .option-ico:nth-child(1)::before {
	content: url(../images/side/ico_side_menu01.svg);
	width: 32px;
	height: 45px;
}
#sidebar .side-menu-block .option-ico:nth-child(2)::before {
	content: url(../images/side/ico_side_menu02.svg);
	width: 38px;
	height: 46px;
}
#sidebar .side-menu-block .option-ico:nth-child(3)::before {
	content: url(../images/side/ico_side_menu03.svg);
	width: 36px;
	height: 42px;
}
#sidebar .side-menu-block .option-ico:nth-child(4)::before {
	content: url(../images/side/ico_side_menu04.svg);
	width: 36px;
	height: 42px;
}
#sidebar .brand-list {
	margin-top: 30px;
}
#sidebar .brand-list li {
	margin-bottom: 20px;
	border: 1px solid #ccc;
}
#sidebar .brand-list li:last-child {
	margin-bottom: 0;
}
#sidebar .brand-list img {
	width: 70%;
}
@media screen and ( max-width:640px ){
	#sidebar .option-ico::before {
		right: 30px;
	}
	#sidebar .brand-list,
	#sidebar .side-menu-block {
		margin-top: 40px;
		padding: 0 40px;
		box-sizing: border-box;
	}
	body#lineup #sidebar .brand-list,
	body#lineup #sidebar .side-menu-block {
		padding: 0;
	}
	#sidebar .side-menu-block .option-ico::before {
		width: 50px!important;
		height: 60px!important;
	}
	#sidebar .side-menu-block .option-ico:nth-child(1)::before {
		content: url(../images/side/ico_side_blog.svg);
		width: 60px!important;
	}
	#sidebar .side-menu-block .option-ico:nth-child(2)::before {
		content: url(../images/side/ico_side_menu01.svg);
	}
	#sidebar .recently li a {
		padding: 10px 30px;
	}
	#sidebar .brand-list li img {
		width: 50%;
	}
}

/*sidebar-works*/
.select-list span::before {
	content: "/";
	margin-right: 5px;
	margin-left: 5px;
}
.select-list span:first-child::before {
	content: "";
	display: none;
}
.select-list span a {
	text-decoration: underline;
	text-decoration-color: #333;
	transition: none;
}
.select-list span a:hover {
	text-decoration: none;
}
.sidebar-content .sidebar-block {
	margin-bottom: 30px;
}
.sidebar-content .sidebar-block:last-child {
	margin-bottom: 0;
}
.sidebar-content .all-item {
	height: 50px;
	text-align: center;
	background-color: #9e2330;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 1.3rem;
}
.sidebar-content .all-item a {
	padding: 14px;
	color: #fff;
	text-decoration: none;
}
#content-wrapper .sidebar-content a {
	display: block;
}
.sidebar-content .side-menu-box li a:hover {
	background-color: #f3f3f3;
	text-decoration: none;
}
.sidebar-content .side-ttl {
	height: 50px;
	padding: 14px;
	text-align: center;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 1.3rem;
}
.sidebar-content .side-menu-box li {
	border-bottom: 1px solid #ddd;
}
.sidebar-content .side-menu-box li a {
	padding: 14px 10px;
	font-size: 1.3rem;
}
@media screen and ( max-width:640px ){
	#sidebar .sub-menu-inner .ttl {
		height: 50px;
		padding: 8px;
		font-size: 1.5rem;
	}
	#sidebar .side-menu-bn a {
		height: auto;
		padding: 40px 30px;
	}
	#sidebar .sub-menu-inner .sub-menu-block {
		font-size: 1.5rem;
	}
	#sidebar .sub-menu-inner .nest-list {
		margin-top: 20px;
	}
	#sidebar .sub-menu-inner .sub-menu-block li {
		margin-bottom: 20px;
	}
	#sidebar .sub-menu-inner .sub-menu-block li a::before {
		left: 0px;
		width: 5px;
		height: 5px;
		border: 5px solid transparent;
		border-left: 8px solid #9e2330;
	}
	#sidebar .add-block li {
		padding: 20px;
		font-size: 1.5rem;
	}
	#sidebar .news-block .day,
	#sidebar .news-block .new-txt {
		font-size: 1.3rem;
	}
	#sidebar .news-block li {
		padding: 20px;
	}
	#sidebar .news-block .txt {
		width: 520px;
	}
	#sidebar .news-block .txt a,
	#sidebar .item-block .side-item a,
	#sidebar .side-menu-block li a {
		font-size: 1.5rem;
	}
	.sidebar-content .side-ttl {
		height: auto;
		padding: 22px;
		font-size: 1.6rem;
	}
	.sidebar-content .staff-item {
		display: block;
		margin-bottom: 60px;
		padding: 0 40px;
		box-sizing: border-box;
	}
}

/* = sidebar-blog.php
-------------------------------------------------------------- */
.sidebar-blog .side-menu-box .new-txt {
	margin-right: 8px;
	vertical-align: middle;
	font-size: 1.2rem;
}
.sidebar-blog .side-menu-box .day {
	color: #727171;
	font-size: 1.2rem;
}
.sidebar-blog .side-menu-box li {
}
.sidebar-blog .side-menu-box li a {
	padding: 12px 10px;
}
.sidebar-blog .search-staff li {
	padding: 0;
}
.sidebar-blog .search-staff li a {
	padding: 12px;
}
.sidebar-blog .profile-img {
	margin: 20px 0;
	text-align: center;
}
.sidebar-blog .profile-img img {
	width: 120px;
	border-radius: 150px;
		-moz-border-image: border-radius: 150px;
		-webkit-border-image: border-radius: 150px;
}
.sidebar-blog .profile-img p {
	margin-top: 15px;
	font-size: 1.4rem;
}
.sidebar-blog .profile-box {
	padding: 15px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.sidebar-blog .profile-box p {
	font-size: 1.3rem;
}
@media screen and ( max-width:640px ){
	.sidebar-content .all-item {
		display: none;
	}
	.sidebar-blog .profile-img {
		margin: 40px 0 30px;
	}
	.sidebar-blog .profile-img img {
		width: 240px;
	}
	.sidebar-blog .profile-box {
		padding: 35px 0;
	}
	.sidebar-blog .profile-box p {
		font-size: 1.6rem;
	}
	.sidebar-blog .profile-img p {
		margin-top: 20px;
		font-size: 1.6rem;
	}
}