@charset "utf-8";
/*----------------------------------------------------------------------------------
--------------------------------全デバイス共通---------------------------------------
----------------------------------------------------------------------------------*/
#maincategory_section ul.maincategory_list{display: none;}
#maincategory_section h2:not(.active){border-bottom-right-radius:6px;}
#second_layout{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	justify-content: space-between;
	margin-bottom: 150px;
}
#second_layout > .leftbox{width: 16.666%;}
#second_layout > .rightbox{width: 83.334%;}
#content_section{
	max-width: 1260px;
	box-sizing: border-box;
	padding: 0 30px;
	margin: 0 auto;
}
#content_section #contents_header #breadcrumb,
#content_section #contents_header #breadcrumb ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
#content_section #contents_header #breadcrumb{
	justify-content: flex-end;
	margin-top: 20px;
}
#content_section #contents_header #breadcrumb ul li{
	position: relative;
	font-size: 1.3rem;
	color: #615757;
	font-weight: 500;
}
#content_section #contents_header #breadcrumb ul li:not(:last-child){margin-right: 1em;}
#content_section #contents_header #breadcrumb ul li:not(:last-child)::after{
	content: "＞";
	font-size: 1.1rem;
	color: #615757;
	padding-left: 1em;
}
#content_section #contents_header #breadcrumb ul li a{font-weight: 400;}
#content_section #contents_header #pagetitle_box h1{
	font-size: 3.6rem;
	color: #ec0303;
	line-height: 1.4;
	font-weight: 200;
	letter-spacing: 0.05em;
}
#content_section #contents_header #pagetitle_box p{
	font-size: 1.5rem;
	font-weight: 500;
	color: #615757;
	margin-top: 20px;
}
#content_section #contents_header #keyword_box{
	margin: 30px auto;
	background-color: #fffcd9;
	border: solid 1px #e0dca8;
	padding: 10px;
	font-size: 1.45rem;
}
#content_section #contents_header #keyword_box dl,
#content_section #contents_header #keyword_box dl dd ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
#content_section #contents_header #keyword_box dl{
	justify-content: space-between;
	align-items: center;
}
#content_section #contents_header #keyword_box dl dt{
	text-align: center;
	width: 18%;
	box-sizing: border-box;
	padding: 5px 0.5em;
	font-weight: 500;
}
#content_section #contents_header #keyword_box dl dd{
	box-sizing: border-box;
	border-left: solid 1px #e0dca8;
	width: 82%;
	padding-left: 1em;
}
#content_section #contents_header #keyword_box dl dd ul li{
	padding: 5px 0.5em;
	color: #615757;
}
#content_section #contents_mv{
	background: #f3f2f2;
	background: -moz-linear-gradient( #ebeaea 0%, #f3f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ebeaea), to(#f3f2f2));
	background: -webkit-linear-gradient( #ebeaea 0%, #f3f2f2 100%);
	background: -o-linear-gradient( #ebeaea 0%, #f3f2f2 100%);
	background: linear-gradient( #ebeaea 0%, #f3f2f2 100%);
	padding: 45px 2.5% 30px;
	margin-bottom: 70px;
}
#content_section #contents_mv a{
	display: block;
	padding: 0 2.5%;
}
#content_section .item_index{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#content_section .item_index::after{
	content: " ";
	display: block;
	width: 31.333%;
	height: 0;
}
#content_section .item_index > li{
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 30% auto;
	width: 31.333%;
	margin-bottom: 100px;
}
#content_section .item_index > li.item_index00{background-image: url("http://dist.joshinweb.jp/emall/img/wpp/jmall/dummy.gif");}
#content_section .item_index > li.item_index01{background-image: url("/assets/images/kaden/top/category_iimg01.jpg");}
#content_section .item_index > li.item_index02{background-image: url("/assets/images/kaden/top/category_iimg02.jpg");}
#content_section .item_index > li.item_index03{background-image: url("/assets/images/kaden/top/category_iimg03.jpg");}
#content_section .item_index > li.item_index04{background-image: url("/assets/images/kaden/top/category_iimg04.jpg");}
#content_section .item_index > li.item_index05{background-image: url("/assets/images/kaden/top/category_iimg05.jpg");}
#content_section .item_index > li.item_index06{background-image: url("/assets/images/kaden/top/category_iimg06.jpg");}
#content_section .item_index > li.item_index07{background-image: url("/assets/images/kaden/top/category_iimg07.jpg");}
#content_section .item_index > li.item_index08{background-image: url("/assets/images/kaden/top/category_iimg08.jpg");}
#content_section .item_index > li.item_index09{background-image: url("/assets/images/kaden/top/category_iimg09.jpg");}
#content_section .item_index > li.item_index10{background-image: url("/assets/images/kaden/top/category_iimg10.jpg");}
#content_section .item_index > li.item_index11{background-image: url("/assets/images/kaden/top/category_iimg11.jpg");}
#content_section .item_index > li.item_index12{background-image: url("/assets/images/kaden/top/category_iimg12.jpg");}
#content_section .item_index > li.item_index13{background-image: url("/assets/images/kaden/top/category_iimg13.jpg");}
#content_section .item_index > li.item_index14{background-image: url("/assets/images/kaden/top/category_iimg14.jpg");}
#content_section .item_index > li.item_index15{background-image: url("/assets/images/kaden/top/category_iimg15.jpg");}
#content_section .item_index > li.item_index16{background-image: url("/assets/images/kaden/top/category_iimg16.jpg");}
#content_section .item_index > li.item_index17{background-image: url("/assets/images/kaden/top/category_iimg17.jpg");}
#content_section .item_index > li.item_index18{background-image: url("/assets/images/kaden/top/category_iimg18.jpg");}
#content_section .item_index > li.item_index19{background-image: url("/assets/images/kaden/top/category_iimg19.jpg");}
#content_section .item_index > li.item_index20{background-image: url("/assets/images/kaden/top/category_iimg20.jpg");}
#content_section .item_index > li.item_index21{background-image: url("/assets/images/kaden/top/category_iimg21.jpg");}

#content_section .item_index > li > div{padding: 30px 32% 0 0;}
#content_section .item_index > li .titlestyle01{
	font-size: 1.6rem;
	font-weight: 500;
	padding-bottom: 18px;
	margin-bottom: 20px;
}
#content_section .item_index > li .titlestyle01::after{width: 18%;}
#content_section .item_index > li ul li{
	color: #615757;
	line-height: 1.375;
	margin-bottom: 8px;
}

#maincategory_section{margin-bottom:56px;}
.second_sidebox_base{
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 6px;
}
.second_sidebox_base h3{
	position: relative;
	background-color: #f2eeee;
	line-height: 1.2;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 20px 20% 17px 10%;
	border-top-right-radius: 6px;
	border-bottom: solid 1px #ddd;
	overflow: hidden;
}
.second_sidebox_base h3::before{
	content: " ";
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ec0303;
}
.second_sidebox_base .second_categorylist{padding: 20px 10% 15px;}
.second_sidebox_base .second_categorylist > li{
	position: relative;
	color: #615757;
	line-height: 1.4;
	margin-bottom: 10px;
}
.second_sidebox_base .second_acc,
.second_sidebox_base .second_categorylist > li ul{display: none;}

.second_sidebox_base .more_link{padding: 10px 10% 20px;}
.second_sidebox_base .more_link a::after{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	top: 9px;
	left: 5px;
}
.second_sidebox_base .more_box1 li.is-hidden,
.second_sidebox_base .more_box2 li.is-hidden,
.second_sidebox_base .more_box3 li.is-hidden {
	display: none;
	/*opacity: 0!important;
	height: 0!important;
	margin: 0!important;
	padding: 0!important;*/
}

.second_sidebox_base .second_itemlist01{padding-bottom: 10px;}
.second_sidebox_base .second_itemlist01 li{
	padding: 20px 10%;
	line-height: 1.35;
}
.second_sidebox_base .second_itemlist01 li:not(:last-child):not(:nth-child(3)){border-bottom: solid 1px #ddd;}
.second_sidebox_base .second_itemlist01 li:nth-child(4){border-top: solid 1px #ddd;}
.second_sidebox_base .second_itemlist01 li a,
.second_sidebox_base .second_itemlist01 li a span{
	display: block;
	transition: .35s;
}
.second_sidebox_base .second_itemlist01 li .textbox01{color:#615757;}
.second_sidebox_base .second_itemlist01 li .imgbox{
	margin: 5px auto 10px;
	width: 62%;
}
.second_sidebox_base .second_itemlist02{padding:20px 20% 0;}
.second_sidebox_base .second_itemlist02 li{margin: 20px 0;}
#staffreport_box{margin: 45px 0 0 10%;}
#staffreport_box ul li:not(:last-child){border-bottom: solid 1px #ddd;}
#staffreport_box ul li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}
#staffreport_box ul li a .leftbox,
#staffreport_box ul li a .rightbox{transition: .4s;}
#staffreport_box ul li a .leftbox{width: 38%;}
#staffreport_box ul li a .rightbox{
	width: 56%;
	line-height: 1.3;
	font-size: 1.45rem;
	font-weight: 500;
	letter-spacing: 0;
}
#staffreport_box ul li a .rightbox i{
	display: block;
	font-size: 1.3rem;
	font-weight: 300;
	color: #615757;
	margin-bottom: 5px;
}

/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	#content_section #contents_header #breadcrumb ul li a:hover,
	#content_section #contents_header #keyword_box dl dd ul li a:hover,
	#content_section .item_index > li  a:hover,
	.second_sidebox_base .second_categorylist > li a:hover{text-decoration: underline;}
	#content_section #contents_header #keyword_box dl dd ul li a:hover,
	#content_section .item_index > li  a:hover,
	.second_sidebox_base .second_categorylist > li a:hover,
	.second_sidebox_base .second_itemlist01 li a:hover .textbox02,
	#staffreport_box ul li a:hover .leftbox,
	#staffreport_box ul li a:hover .rightbox{color: #ec0303;}
	#content_section #contents_mv a:hover,
	.second_sidebox_base .second_itemlist01 li a:hover .imgbox,
	.second_sidebox_base .second_itemlist02 li a:hover ,
	#staffreport_box ul li a:hover .leftbox{opacity: .65;}


}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	#second_layout{display: block;}
	#second_layout > .leftbox,
	#second_layout > .rightbox{width: 100%;}
	
	
	#content_section{
		padding: 0;
		margin: 20px auto 30px;
		display: block;
		width: 90%;
	}
	
	.second_sidebox_base{
		box-shadow: 0 0 0 rgba(0,0,0,0);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.second_sidebox_base h3{
		font-size: 1.45rem;
		padding: 18px 5%;
		border-top-right-radius: 0;
	}
	.second_sidebox_base .second_categorylist{padding: 0;}
	.second_sidebox_base .second_categorylist.nonedis{display: none;}
	.second_sidebox_base .second_categorylist > li{
		color: #250505;
		margin-bottom: 0;
	}
	.second_sidebox_base .second_categorylist > li:not(:last-child){border-bottom: solid 1px #ddd;}
	.second_sidebox_base .second_categorylist > li > a{
		display: block;
		padding: 18px 5%;
	}
	.second_sidebox_base .second_acc{
		display: block;
		width: 60px;
		height: 50px;
		position: absolute;
		right: 5px;
		top: 0;
	}
	.second_sidebox_base .second_acc > i{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.second_sidebox_base .second_acc > i::before,
	.second_sidebox_base .second_acc > i::after{
		content: " ";
		position: absolute;
		background-color: #ec0303;
		top: 27px;
		right:15px;
		width: 16px;
		height: 1.5px;
	}
	.second_sidebox_base .second_acc > i::before,
	.second_sidebox_base .second_acc.active > i::after{
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.second_sidebox_base .second_acc > i::after{
		transition: -webkit-transform .2s;
		transition: transform .2s;
		transition: transform .2s, -webkit-transform .2s;
		-webkit-transform: translateY(-50%) rotate(-90deg);
		transform: translateY(-50%) rotate(-90deg);
	}
	.second_sidebox_base .second_categorylist > li ul {
		position: relative;
		padding: 0 5% 30px;;
	}
	.second_sidebox_base .second_categorylist > li ul li{
		font-size: 1.325rem;
		color: #615757;
		line-height: 1.4;
		margin-bottom: 3px;
	}
	.second_sidebox_base .second_itemlist01{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		width: 100%;
		position: relative;
		padding: 25px 0;
	}
	.second_sidebox_base .second_itemlist01 li{
		flex: 0 0 33%;
		padding: 10px 2.5%;
		font-size: 1.3rem;
		border-bottom: none!important;
		border-top: none!important;
	}
	.second_sidebox_base .second_itemlist01 li .imgbox{width: 100%;}
	.second_sidebox_base .more_button1{display: none!important;}
	.second_sidebox_base .second_itemlist02{
		padding: 20px 5% 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.second_sidebox_base .second_itemlist02 li{
		width: 48%;
		margin-bottom: 5px;
	}
	.second_sidebox_base .more_link{text-align: center;}
	
	#staffreport_box{
		margin: 20px auto 40px;
		width: 90%;
	}
	#staffreport_box ul li:not(:last-child){border-bottom: none;}
	#staffreport_box ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		width: 105%;
		/*margin-left: -5%;*/
		position: relative;
	}
	#staffreport_box ul li{flex: 0 0 45%;}
	#staffreport_box ul li a{
		display: block;
		padding: 0 4% 10px;
	}
	#staffreport_box ul li a .leftbox,
	#staffreport_box ul li a .rightbox{
		display: block;
		width: 100%;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	#staffreport_box ul li a .rightbox i{
		font-size: 1.2rem;
		margin-top: 15px;
	}

}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) and (min-width:641px){
	#staffreport_box ul li{flex: 0 0 22%;}
	#content_section .item_index > li{width: 48%;}
	.second_sidebox_base .second_itemlist02{justify-content: center;}
	.second_sidebox_base .second_itemlist02 li{
		width: 35%;
		margin: 10px 3%;
	}

}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:640px){
	#content_section #contents_header #breadcrumb{
		justify-content: flex-start;
		margin-top: 17px;
		margin-bottom: 25px;
	}
	#content_section #contents_header #breadcrumb ul li{font-size: 1rem;}
	#content_section #contents_header #breadcrumb ul li:not(:last-child){margin-right: 0.45em;}
	#content_section #contents_header #breadcrumb ul li:not(:last-child)::after{
		font-size: 0.8rem;
		padding-left: 0.45em;
	}
	#content_section #contents_header #pagetitle_box h1{font-size: 2.8rem;}
	#content_section #contents_header #pagetitle_box p{
		font-size: 1.25rem;
		line-height: 1.4;
	}
	#content_section #contents_header #keyword_box{
		position: relative;
		margin: 17px auto;
		padding: 5px;
		font-size: 1.225rem;
		box-sizing: border-box;
		width: 110%;
		margin-left: -5%;
	}
	#content_section #contents_header #keyword_box dl{
		justify-content: space-between;
		align-items: center;
	}
	#content_section #contents_header #keyword_box dl dt{
		text-align: center;
		width: 34%;
		box-sizing: border-box;
		padding: 5px 0.5em;
		font-weight: 500;
	}
	#content_section #contents_header #keyword_box dl dd{
		width: 66%;
		padding-left: 0.5em;
	}
	#content_section #contents_header #keyword_box dl dd ul li{padding: 10px 0.4em;}
	#content_section #contents_header #keyword_box dl dd ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		width: 100%;
		position: relative;
	}
	#content_section #contents_header #keyword_box dl dd ul li{
		/*flex: 0 0 50%;*/
		white-space: nowrap;
	}
	#content_section #contents_mv{
		padding: 0;
		background: #fff;
		margin-bottom: 40px;
	}
	#content_section #contents_mv ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		width: 105%;
		position: relative;
	}
	#content_section #contents_mv ul li{flex: 0 0 75%;}
	#content_section #contents_mv a{
		padding: 0 3% 0 0;
		margin: 0;
	}
	#second_layout{margin-bottom: 80px;}
	.second_sidebox_base .more_link a::after{
		top: 8px;
		left: 4px;
	}
	
}