/*====================================================================================*/
/* Common
/*====================================================================================*/

/*====================================================================================*/
/* PC 
/*====================================================================================*/
.PageContentsWrapper{
	padding-top:42px;
	padding-left:190px;
	padding-right:100px;
	text-align:center;
	min-height:100vh;
}
.PageContentsTitle{
	margin-bottom:50px;
}
.PageContentsListWrapper{
	text-align:left;
}
/* PageArticleList______________________ */
.PageArticleList{
	/* Layout */
	width:100%;
    display: inline-block;
    vertical-align:top;
    margin-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;

	/* Graphic */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #EEEEEE;
}
.PageArticleList:hover{
	background-color:#EEEEEE;
    transition:box-shadow 0.5s ease;
    transition:background-color 0.5s ease;
}
.PageArticleList a{
	text-decoration:none;
	color:black;
}

.PageArticleList > .image{
	display:inline-block;
    vertical-align: middle;
    padding-left: 15px;
    margin-right: 15px;
}
.PageArticleList > .image img{
	width:75px;
}
/* PageArticleText */
.PageArticleText{
	display:inline-block;
    vertical-align: middle;
}
.PageContentsListWrapper a {
    text-decoration: none;
    color: black !important;
}
.PageArticleText > .date{
    width: 150px;
    display: inline-block;
    text-align: left;
    vertical-align:top;
	padding-left:10px;
}
.PageArticleText > .title{
    display: inline-block;
    width: calc(100vw - 600px);
    text-align: left;
    vertical-align:top;
}

/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){
.PageContentsWrapper{
	padding-top:130px;
	padding-left: 40px;
	padding-right: 40px;
}
.PageContentsTitle{
	margin-bottom:120px;
}

/* List ______________________ */
.PageArticleList{
	margin-right:20px;
}
	
.PageArticleText{
	display:inline-block;
	vertical-align: middle;
	width: calc(100% - 70px);

}
.PageArticleText > .date {
    display: block;
    width: 200px;
    padding-left:0px;
    padding-bottom:5px;
}

.PageArticleText > .title {
	width: 100%;
}
	
.PageArticleList > .image{
	width: 50px;
	padding-left: 0;
}
.PageArticleList > .image img {
    width: 100%;
}
}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
.PageContentsWrapper{
	padding-left:100px;
}

}