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

/*====================================================================================*/
/* PC 
/*====================================================================================*/


.PageContentsWrapper{
	padding-top:70px;
	padding-left:190px;
	padding-right:50px;
	text-align:center;
	min-height:100vh;
}
.PageContentsTitle{
	margin-bottom:70px;
}
.PageContents {
    text-align: left;

}
.PageContents > .caption{
    margin-bottom:100px;
}


.PageContents > .PageContentsListWrapper{
    ;    
}

.PageContents > .PageContentsListWrapper > .link > .parts{
    margin-bottom:30px;    
}
.PageContents > .PageContentsListWrapper > .link > .parts > .image{
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    width: 200px;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.PageContents > .PageContentsListWrapper > .link > .parts > .image img{
    height: 100%;
    width: auto;
    object-fit: cover; 
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}
.PageContents > .PageContentsListWrapper > .link > .parts > .caption{
    display:inline-block;    
    vertical-align: top;
    width: calc(100% - 220px);
}
.PageContents > .PageContentsListWrapper > .link > .parts > .caption > .data{
    ;    
}
.PageContents > .PageContentsListWrapper > .link > .parts > .caption > .data label{
    width: 150px;
    display: inline-block; 
}
.PageContents > .PageContentsListWrapper > .link > .parts > .caption > .data > .value{
    width: calc(100% - 160px);
    display: inline-block; 	
}
/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){
.PageContentsWrapper{
	padding-top:130px;
	padding-left:20px;
	padding-right:20px;
}
/* List ______________________ */
.PageContentsListWrapper{
	width:100%;
}
.PageContentsList{
    display: inline-block;
	margin-right:30px;
    margin-left: 30px;
    width: 350px;
    vertical-align: top;
    margin-bottom: 40px;
    text-align: left;
}
.PageContentsProductList {
    margin-right: 25px;
    width: calc( (100vw / 2) - 120px);
}
.PageContentsProductImageList{
    height: calc( ( (100vw / 2) - 110px) * 0.75 );
}
	.PageContents > .PageContentsListWrapper > .link > .parts > .caption > .data label{
		width:100px;
	}
	.PageContents > .PageContentsListWrapper > .link > .parts > .caption > .data > .value{
		display: inline-block;
        width: calc(100% - 120px);
        vertical-align: top;
	}
	.searchform{
		width: calc(100% - 100px);
	}
	
	.PageContents > .PageContentsListWrapper > .link > .parts > .caption {
		width: 100%;
	}
	.PageContents > .PageContentsListWrapper > .link > .parts > .image{
		width: 100%;
		height: calc((100vw - 40px) * 0.75);
        margin-bottom: 5px;
	}
}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
.PageContentsWrapper{
	padding-left:100px;
}

}