@charset "utf-8";
/*========================================================================

	出版
	
========================================================================*/

/*--------------------------------------------------------------
	扉 index.html
---------------------------------------------------------------*/
#publishIndex #imageBlock{
	background-image:url(../images/publishIndex_title_bg.jpg);
}
#contentsBlock .catch{
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: #000;
	line-height: 2;
}
#publishIndex #contentsBlock section{
	width: 980px;
	margin: 0 auto 80px auto;
}
#publishIndex #contentsBlock section h2.catch{
	margin-bottom: 80px;
}

/* section09 */
#publishIndex section#section09{
    height: auto;
    text-align: center;
/*    padding: 90px 0 70px 0;*/
}
#publishIndex #section09 .contentsBox h2{
	max-width: 490px;
	margin: 0 auto;
}
#publishIndex #section09 .contentsBox p{
	font-size: 29px;
	font-weight: 300;
	text-align: center;
}
#publishIndex #section09 .contentsBox ul {
	width: 490px;
	margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#publishIndex #section09 .contentsBox ul li {
	/*width: 48%;*/
	width: 100%;
}
#publishIndex #section09 .contentsBox ul li a {
    position: relative;
    padding: 20px;
    text-align: center;
    background: #000;
    color: #fff;
    text-decoration: none;
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
	font-size: 18px;
}
#publishIndex #section09 .contentsBox ul li a:hover {
    text-decoration: none;
    background: #e53935;
}
#publishIndex #section09 .contentsBox ul li a::after {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
}
#publishIndex #section09 .contentsBox ul li a:hover::after {
	background: url(/shared/images/ico_win_w.png) 0 0 no-repeat;
}



/*******************************************************************

	タブレット版

*******************************************************************/
@media only screen and (max-width: 960px){

	#publishIndex #contentsBlock{
		width: auto;
	}

}

/*******************************************************************

	SP版

*******************************************************************/
@media only screen and (max-width: 767px){
/*--------------------------------------------------------------
	扉
---------------------------------------------------------------*/
	#publishIndex #imageBlock{
		background-image:url(../images/publishIndex_title_bg_sp.jpg);
	}
	#publishIndex #breadCrumbBlock {
    	position: absolute;
    	top: 0px;
	}
	#publishIndex #contentsBlock section{
		width: 100%;
		margin: 0 auto 80px auto;
	}

	/* section09 */
	#publishIndex section#section09{
	    padding: 0px 0 70px 0;
	}
	#publishIndex section .contentsBox {
		width: calc(100% - 20px);
		max-width: none;
	    margin: 0 auto;
    	padding: 10px;
	}
	#publishIndex #section09 .contentsBox h2{
		width: 80%;
	}
	#publishIndex #section09 .contentsBox p{
		font-size: 16px;
	}
	#publishIndex #section09 .contentsBox ul{
		width: 80%;
	}
	#publishIndex #section09 .contentsBox ul li a {
	    padding: 15px 10px;
		font-size: 12px;
	}
	#publishIndex #section09 .contentsBox ul li a::after {
		right: 10px;
	}




}