@charset "utf-8";

.l-pageTitle {
	height: 60px;
	background-color: #f5f5f5;
	text-align: center;
	padding: 33px 0 47px;
}

.l-topicPath ol li {
	padding: 7px 0 32px;
}

.m-title-main {
	margin:0 0 5px;
}

.m-pager {
	margin:0 0 24px;
}

.m-category-list li {
	margin: 0 25px 0 0;
}

.m-category-list li a {
	width: 175px;
}

.m-category-list li a span {
	letter-spacing: 0.1em;
}

.m-category-list li:last-child{
	margin-right:0;
}

@media screen and (max-width:768px){
	.m-title-main {
		margin:0 0 -2px;
	}
	
	.m-title {
		margin: 0 0 28px;
	}
	
	.l-pageTitle {
		height: 102px;
		padding: 23px 0;
		box-sizing: border-box;
		margin-top: 49px;
		margin-bottom: 23px;
	}
	
	.m-pager {
		margin: 0 0 0;
		padding: 16px 0 13px;
		font-size:125%;
		line-height: 1.0;
	}
	
	.m-category {
		padding: 20px 0 10px;
	}
	
	.m-category-list{
		margin:0 auto;
		width:300px;
	}
	
	.m-category-list li a {
		width: 130px;
	}
}

/* INTRO */
.p-columns-intro{
	text-align:center;
	font-size:100%;
	margin:-5px 0 24px;
	line-height:1.6;
	letter-spacing:0.1em;
}

@media screen and (max-width:768px){
	.p-columns-intro{
		padding:0 20px;
		margin-bottom:16px;
		font-size:14px;
	}
}

/* p-columns */
.p-columns{
	margin:0 0 171px;
}

.p-columns-order-box{
	width:380px;
	margin:0 auto;
}

.p-columns-order-btn{
	width:180px;
	text-align: center;
	border: 1px solid #333;
	box-sizing: border-box;
	float:left;
	background-image:url("/images/columns/ico_arrow_colums.png");
	background-size:6px auto;
	background-repeat:no-repeat;
	background-position:right 20px center;
}

.p-columns-order-btn.is-tab-active{
	padding: 10px 10px;
	cursor: default;
}

.p-columns-order-btn:last-child{
	float:right;
}

.p-columns-order-btn{
	font-size: 116.66667%;
	font-family: 'Noto Sans Japanese','ＭＳ Ｐゴシック', 'MS PGothic', serif;
	letter-spacing: 0.1em;
	display:block;
	text-decoration: none;
	cursor: pointer;
}

.p-columns-order-btn a{
	display:block;
	padding: 10px 10px;
}

.p-columns-number{
	text-align:right;
	padding: 20px 0 25px;
	letter-spacing:0.1em;
}


/* p-columns-area ul
---------------------------------------------------------------------------- */

.p-columns ul{
	
}

.p-columns ul li{
	padding-bottom: 56px;
}

.p-columns-area ul li:nth-child(2n){
	float:right;
}

.p-columns-area-box-l{
	display:block;
	width:100%;
}

.p-columns-area-box-l:hover .p-columns-area-right{
	text-decoration:none;
}

.p-columns-area-left{
	float:left;
}

.p-columns-area-right{
	float:right;
}

.p-columns-area-img{
	width:230px;
	height:170px;
	display: block;
	text-align:center;
}

.p-columns-area-img img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.p-columns-area-box{
	width:630px;
	font-size:14px;
}

.p-columns-area-box span{
	letter-spacing:0.15em;
	font-size:14px;
}

.p-columns-area ul li a:hover .p-columns-area-box-title{
	text-decoration: none;
}

.p-columns-area-box-title{
	font-family: 'Noto Sans Japanese','ＭＳ Ｐゴシック', 'MS PGothic', serif;
	font-size: 125%;
	letter-spacing:0.14em;
	margin:-2px 0 18px;
	line-height:1.3;
}

.p-columns-area ul li a:hover .p-columns-area-box-text{
	text-decoration: none;
}

.p-columns-area-box-text{
	letter-spacing:0.05em;
	color:#707070;
	font-size: 14px;
	line-height:1.6;
	margin:0 0 14px;
}

.p-columns-area-box-day{
	letter-spacing:0.05em;
	color:#707070;
	font-size: 11px;
	margin:0 0 5px;
}

.p-columns-area-box-talks{
	letter-spacing:0.05em;
	display:inline-block;
	border-bottom:1px solid #B91F3B;
}

.p-columns-area-box-talks:hover{
	border-bottom:none;
}

.p-columns-area-box-talks a{
	text-decoration: none;
}

.p-columns-area-box-feature {
	margin-top: 10px;
	display: block;
}

.p-columns-area-box-feature a {
	margin: 3px 3px 0 0;
	padding: 2px 6px;
	display: inline-block;
	border-radius: .14rem;
	background: #ececec;
	font-size: 12px;
	color: #000;
}

@media screen and (max-width:768px){
	.p-columns{
		margin:0 0 43px;
	}
	.p-columns-order-box{
		width:300px;
		margin:0 auto;
	}

	.p-columns-order-btn{
		width:144px;
		text-align: center;
		border: 1px solid #333;
		padding:0;
		box-sizing: border-box;
		float:left;
		background-image:url("/images/columns/ico_arrow_colums_sp.png");
		background-size:5px auto;
		background-repeat:no-repeat;
		background-position:right 20px center;
	}

	.p-columns-order-btn:last-child{
		float:right;
	}

	.p-columns-order-btn{
		font-size: 91.66667%;
		font-family: 'Noto Sans Japanese','ＭＳ Ｐゴシック', 'MS PGothic', serif;
		letter-spacing: 0.1em;
		display:block;
		text-decoration: none;
	}
	
	.p-columns-number {
		padding: 8px 0 25px;
		font-size: 12px;
		margin:0 10px;
	}
	
	.p-columns ul{
		margin:0 10px;
	}

	.p-columns-area ul li:nth-child(2n){
		float:right;
	}

	.p-columns-area-box-l{
		display:table;
		width:100%;
	}

	.p-columns-area-box-l:hover .p-columns-area-right{
		text-decoration: underline;
	}

	.p-columns-area-left{
		float:none;
		display: table-cell;
		padding-right: 12px;
		width:115px;
	}

	.p-columns-area-right{
		float:none;
		display: table-cell;
		vertical-align: top;
	}

	.p-columns-area-img{
		width:115px;
		height:auto;
	}
	
	.p-columns-area-img img{
		max-width:100%;
		max-height:100%;
		width:auto;
		height:auto;
	}

	.p-columns-area-box{
		width:auto;
		font-size:14px;
	}

	.p-columns-area ul li a:hover .p-columns-area-box-title{
		text-decoration: none;
	}

	.p-columns-area-box-title{
		font-family: 'Noto Sans Japanese','ＭＳ Ｐゴシック', 'MS PGothic', serif;
		font-size: 14px;
		letter-spacing:0.15em;
		margin:-2px 0 4px;
		line-height:1.3;
	}

	.p-columns-area ul li a:hover .p-columns-area-box-text{
		text-decoration: none;
	}

	.p-columns-area-box-text{
		letter-spacing:0.05em;
		color:#707070;
		font-size: 14px;
		line-height:1.6;
		margin:0 0 3px;
	}

	.p-columns-area-box-day{
		letter-spacing:0.05em;
		color:#707070;
		font-size: 12px;
		margin:0 0 5px;
	}

	.p-columns-area-box-talks{
		letter-spacing:0.05em;
		display:inline-block;
		border-bottom:1px solid #B91F3B;
	}

	.p-columns-area-box-talks:hover{
		border-bottom:none;
	}

	.p-columns-area-box-talks a{
		text-decoration: none;
	}
}

.is-tab-active{
	text-decoration: underline;
}