/*====================================================================================*/
/* Common
/*====================================================================================*/
.PageContentsWrapper{
	/* Layout */
	margin-bottom: 250px;
	padding-left:130px;
	
	/* animation */
	transition: background-color 0.75s ease;
	transition -color 0.75s ease;
	
}
:root {
  --ifj-color: #a55b5b;
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsImageCut 
/*------------------------------------------------------------------------------------*/
.PageContentsImageCutWrapper{
	position:relative;
	width:100%;
	height:100vh;
	text-align: left;
}
.PageContentsImageCutMenuWrapper{
    width: 15%;
    height: 100vh;
    display: inline-block;
}
.PageContentsImageCutImageWrapper{
	width: calc(85%);
    display: inline-block;
    position:absolute;
}
.PageContentsImageCutImageWrapper > .Logo{
	display:none;
}
.PageContentsImageCutDummy{
	display:inline-block;
	width:100%;
	height:100vh;
	overflow:hidden;
	
}

.PageContentsImageCut1{
	display:inline-block;
	width:100%;
	height:100vh;
	overflow:hidden;
	position: absolute;
    top: 0;
    left: 0;
}
.PageContentsImageCut1 img{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	display: block;

	/* animation */
	/*
    -webkit-transition: transform 10s;
    -moz-transition: transform 10s;
    -ms-transition: transform 10s;
    -o-transition: transform 10s;
    transition: transform 10s;
    */
}

.ImageCutCaptionWrapper1{
    position: absolute;
    top: 28px;
    left: 0;
    color: black;
    transform: translate(-10vw,0);
}

.PageContentsImageCut2{
	display:inline-block;
	width:100%;
	height:100vh;
	overflow:hidden;
	position: absolute;
    top: 0;
    left: 0;
}
.PageContentsImageCut2 img{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	display: block;
	opacity:0;

	/* animation */
	/*
    -webkit-transition: transform 10s;
    -moz-transition: transform 10s;
    -ms-transition: transform 10s;
    -o-transition: transform 10s;
    transition: transform 10s;
    */
}

.ImageCutCaptionWrapper2{
    position: absolute;
    top: 28px;
    left: 0;
    color: black;
    transform: translate(-10vw,0);
	opacity:0;
}
/* slide3 */
.PageContentsImageCut3{
	display:inline-block;
	width:100%;
	height:100vh;
	overflow:hidden;
	position: absolute;
    top: 0;
    left: 0;
}
.PageContentsImageCut3 img{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	display: block;
	opacity:0;

	/* animation */
	/*
    -webkit-transition: transform 10s;
    -moz-transition: transform 10s;
    -ms-transition: transform 10s;
    -o-transition: transform 10s;
    transition: transform 10s;
    */
}

.ImageCutCaptionWrapper3{
    position: absolute;
    top: 28px;
    left: 0;
    color: black;
    transform: translate(-10vw,0);
	opacity:0;
}
.PageContentsImageCutWrapperTitle{
    font-size: 42pt;
    margin-bottom: 38px;
    line-height: 1.2em;
    width: calc(80vw);
    letter-spacing: 0.05em !important;
}
.PageContentsImageCutWrapperText{
	width: 500px;
    padding-top: 20px;
    margin-bottom: 30px;
    border-top: solid 1px;
}
.PageContentsImageCutWrapperReadMoreBottom{
    display: inline-block;
    text-align:center;
    width:110px;
/*  border-bottom: solid 1px var(--ifj-color);	*/
/*    color: var(--ifj-color);					*/
    padding: 5px 15px 5px 15px;
    cursor:pointer;
    border: solid 1px;
    
	/* animation */
	transition: background-color 0.75s ease;
	transition -color 0.75s ease;
}
.PageContentsImageCutWrapperReadMoreBottom:hover{
    background-color:black;
    color: white;    
}
/* _ Scrollbar _________________ */
.PageContentsImageCutScrollWrapper{
    position: absolute;
    top: 100%;
    left: 22px;
    transform: translate(0px,-110px);
    cursor:pointer;
}
.PageContentsImageCutScrollCaption{
	color:black;
	margin-bottom:5px;
}
.PageContentsImageCutScrollIconDrop{
	width:1px;
	height:50px;
	background-color:black;
	
	/* Position */
	-moz-transform:    translate(8px,0px);
	-webkit-transform: translate(8px,0px);
	-o-transform:      translate(8px,0px);
	-ms-transform:     translate(8px,0px);
	transform:         translate(8px,0px);
	
}
.PageContentsImageCutScrollIconWide{
	width:1px;
	height:10px;
	background-color:black;
	-moz-transform:    translate(11px,-8px) rotate(45deg);
	-webkit-transform: translate(11px,-8px) rotate(45deg);
	-o-transform:      translate(11px,-8px) rotate(45deg);
	-ms-transform:     translate(11px,-8px) rotate(45deg);
	transform:         translate(11px,-8px) rotate(45deg);
}
/* __ SlideBar ______________ */
.PageContentsImageCutSlideBar{
    position: absolute;
    top: 100%;
    left: -180px;
    transform: translate(0px,-50px);
}
.PageContentsImageCutSlideBar > .List{
	display:inline-block;
    width: 50px;
    height: 10px;
    margin-right: 3px;
    position:relative;
    cursor:pointer;
}
.PageContentsImageCutSlideBar > .List > .bar{
	width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    margin-bottom:4px;
}
.PageContentsImageCutSlideBar > .List > .barCover{
	position:absolute;
	top:0;
	left:0;
	width: 0%;
    height: 1px;
    background-color: black;
    margin-bottom:4px;
}

/*------------------------------------------------------------------------------------*/
/*  PageContentsAboutUs 
/*------------------------------------------------------------------------------------*/
.PageContentsAboutUs{

	/* Layout */
	margin-top   :50px;
	margin-bottom:50px;
	/* Graphic */
	text-align:center;
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsWhatsNews 
/*------------------------------------------------------------------------------------*/
.PageContentsWhatsNewsWrapper{
	/* Layout */
    padding-bottom: 70px;
    /* padding-top: 100px; */
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}
.PageContentsWhatsNewsWrapper > .title{
    margin-bottom: 20px;
    display: inline-block;
    padding-bottom: 28px;
    border-bottom: solid 1px;
}
.PageContentsWhatsNewsWrapper > .contents{
    white-space: pre-wrap;
}
.PageContentsWhatsNewsWrapper  >.listLink{
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList{
    margin-bottom:10px;
}


.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText{
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText > .captionArea{
    display: inline-block;
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText > .captionArea > .date{
    display: inline-block;
    margin-right:20px;
    vertical-align: middle;
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText > .captionArea > .title{
    display: inline-block;
    vertical-align: middle;
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText > .image{
    display: inline-block;
    margin-right:30px;
    vertical-align: middle;
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText > .image img{
    width:80px;
    vertical-align: middle;
}


.PageContentsWhatsNewsCover{
	position:absolute;
	color:white;
}
.PageContentsWhatsNews{
}
.PageContentsWhatsNewsLayoutHeader{
	/* Layout */
	text-align:left;
	vertical-align:top;
    margin-right: 40px;
    margin-bottom: 25px;
}
.PageContentsWhatsNewsLayoutLeftItemWrapper{
	position:absolute;
}

.PageContentsWhatsNewsLayoutContents{
	/* Layout */
	text-align:left;
	vertical-align:top;
}

.PageContentsWhatsNewsTitle{
	margin-bottom: 10px;
    display: inline-block;
    padding-bottom: 20px;
    border-bottom: solid 1px;
}
.PageContentsWhatsNewsTitleSub{
}
.PageContentsWhatsNewsCaption{
	margin-bottom:20px;

}
.PageContentsWhatsNewsImageList{
	display:inline-block;
	position:relative;
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 25px;
}
.PageContentsWhatsNewsImageList a{
	text-decoration:none;
	color:black;
}
.PageContentsWhatsNewsImageList img{
	height:auto;	
	width:calc( ( 100vw - 310px - ( 50px * 3 ) ) / 3 );
}
.PageContentsWhatsNewsImageListDate{
	position: absolute;
    top: -7px;
    left: -15px;
    transform: rotate(90deg);
    transform-origin: left;
	
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsProduct 
/*------------------------------------------------------------------------------------*/
.PageContentsProductWrapper{
	/* Layout */
	padding-left:50px;
	padding-right:50px;
/*	background-color:#F0F0F0;	*/
	position:relative;

}
.PageContentsProductSelecterCategory{
	display:inline-block;
	vertical-align:top;
	width:200px;
}
.PageContentsProductSelecterCategoryTitle{
    margin-bottom: 10px;
}
.PageContentsProductSelecterCategoryTitle a{
	text-decoration:none;
	color:black;
}
.PageContentsProductSelecterCategoryListWrapper{
	padding-left:20px;
}
.	{
	cursor:pointer;
}
.PageContentsProductSelecterDesignerTitle{
    margin-bottom: 10px;
    cursor:pointer;

}
.PageContentsProductSelecterDesignerListWrapper{
	padding-left:20px;
}
.PageContentsProductSelecterDesignerList{
    cursor:pointer;
}
.PageContentsProductSelecterMaker{
	display:inline-block;
	vertical-align:top;
	width:500px;
}
.PageContentsProductSelecterMakerTitle{
    margin-bottom: 10px;
    cursor:pointer;
}
.PageContentsProductSelecterMakerListWrapper{
	display:inline-block;
	vertical-align:top;
	margin-right:40px;
}
.PageContentsProductSelecterMakerList{
	padding-left:20px;
	cursor:pointer;
}

.PageContentsProductCover{
	position:absolute;
	color:white;
}
.PageContentsProduct{
	padding-top:0px;
	padding-bottom:100px;
}
.PageContentsProductLayoutHeader{
	/* Layout */
	text-align:left;
	vertical-align:top;
    margin-right: 40px;
    margin-bottom: 50px;
}
.PageContentsProductSearchWrapper{
    transform: translateY(10px);
    position: fixed;
    top: 15px;
    left: calc(100% - 340px);
    z-index:2000;
}
.PageContentsProductSearchButton{
	position:absolute;
	top: 3px;
    left: 0px;
    transform: translate(15px,0px);
	cursor:pointer;
    padding-top: 5px;
    padding-right: 5px;
}
.PageContentsProductSearchButtonCircle{
  border-radius: 50%;
  height: 10px;
  width: 10px;	
  border:solid 1px;
}
.PageContentsProductSearchButtonLine{
	width: 14px;
    height: 1px;
    transform: translate(-7px,4px) rotate(120deg);
    border-bottom:solid 1px;
}
input#SearchTextArea {
	/* Layout */
    width: 240px;
    height:36px;
    padding-left:30px;
	/* Graphic */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #000000;
    border-color: #dddddd;
    background-color: #fff;
    padding-left: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px;

	/* Font */
    color: #555555;
    letter-spacing:0.1em;

}

.PageContentsProductSearchTextArea{
    width: 240px;
    border: solid 1px;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px;
}
.PageContentsProductLayoutLeftItemWrapper{
	position:absolute;
}

.PageContentsProductLayoutContents{
	/* Layout */
    margin-bottom: 100px;
    list-style: none;
}

.PageContentsProductTitle{
	margin-bottom:  20px;
    display: inline-block;
    padding-bottom: 28px;
    border-bottom: solid 1px;
}
.PageContentsProductCaption{
	margin-bottom:20px;

}
.PageContentsProductList{
    display: inline-block;
	vertical-align:top;
    margin-right: 15px;
    margin-left: 15px;
    width: calc( (100vw / 3) - 130px);
    margin-bottom: 40px;
    transition:box-shadow 0.5s ease;
    transition:background-color 0.5s ease;
    cursor:pointer;
    position:relative;

}
.PageContentsProductList:hover{

	box-shadow: 5px 0px 70px -25px grey;
	background-color:rgba(0,0,0,0.7);
	color:white !important;
}
.PageContentsProductList a{
	text-decoration:none;
	color:black;
}
.PageContentsProductList a:hover{
	color:white !important;
}
.PageContentsProductImageList{
	width:100%;
	height:calc( ( (100vw / 3) - 110px) * 0.75 );
	overflow: hidden;
	position:relative;
    margin-bottom: 5px;
}
.PageContentsProductImageList img{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PageContentsProductImageList > .SExp{
    
}
.PageContentsProductImageList > .SExp img{
    width: 100px;
    height: auto;
    min-width: initial;
    min-height: initial;
    top: 100%;
    left: 100%;
    transform: translate(calc(-100% - 20px),calc(-100% - 20px));
}
.PageContentsProductImageListCaptionWrapper{
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    width: calc( 100% - 20px);
}
.PageContentsProductImageListCaptionPname{
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    border-bottom: solid 1px;
    margin-bottom: 3px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 90%;
}
.PageContentsProductImageListCaptionMaker{
	text-align:left;
	padding-left: 10px;
}
.PageContentsProductImageListCaptionDesigner{
	text-align:left;
	padding-left: 10px;
}
.PageContentsProductImageListRecommend {
    position: absolute;
    top: 0%;
    background-color: #df0615;
    color: white;
    padding: 3px 10px;
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsMaker
/*------------------------------------------------------------------------------------*/
.PageContentsMakerWrapper{
	/* Layout */
	margin-top   :100px;
	margin-bottom:150px;
	padding-left:100px;
	padding-right:100px;
/*	background-color:#F0F0F0;	*/
	position:relative;

}
.PageContentsMakerCover{
	position:absolute;
	color:white;
}
.PageContentsMaker{
}
.PageContentsMakerLayoutHeader{
	/* Layout */
	text-align:left;
	vertical-align:top;
    margin-right: 40px;
    margin-bottom: 25px;
}
.PageContentsMakerLayoutLeftItemWrapper{
	position:absolute;
}

.PageContentsMakerLayoutContents{
	/* Layout */
	text-align:left;
	vertical-align:top;
}

.PageContentsMakerTitle{
	margin-bottom:10px;
}
.PageContentsMakerCaption{
	margin-bottom:20px;

}
.PageContentsMakerImageList{
	display:inline-block;
    margin-right: 25px;
    margin-bottom: 22px;
}
.PageContentsMakerImageList img{
	height:auto;	
	width:calc( ( 100vw - 220px - ( 25px * 4 ) ) / 4 );
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsDesigner
/*------------------------------------------------------------------------------------*/
.PageContentsDesignerWrapper{
	/* Layout */
	margin-top   :100px;
	margin-bottom:150px;
	padding-left:100px;
	padding-right:100px;
/*	background-color:#F0F0F0;	*/
	position:relative;

}
.PageContentsDesignerCover{
	position:absolute;
	color:white;
}
.PageContentsDesigner{
}
.PageContentsDesignerLayoutHeader{
	/* Layout */
	text-align:left;
	vertical-align:top;
    margin-right: 40px;
    margin-bottom: 25px;
}
.PageContentsDesignerLayoutLeftItemWrapper{
	position:absolute;
}

.PageContentsDesignerLayoutContents{
	/* Layout */
	text-align:left;
	vertical-align:top;
}

.PageContentsDesignerTitle{
	margin-bottom:10px;
}
.PageContentsDesignerCaption{
	margin-bottom:20px;

}
.PageContentsDesignerImageList{
	display:inline-block;
    margin-right: 25px;
    margin-bottom: 22px;
}
.PageContentsDesignerImageList img{
	height:auto;	
	width:calc( ( 100vw - 220px - ( 25px * 4 ) ) / 4 );
}
/*------------------------------------------------------------------------------------*/
/*  PageContentsAboutus
/*------------------------------------------------------------------------------------*/
.PageContentsAboutusWrapper{
	/* Layout */
	margin-top   :100px;
	margin-bottom:150px;
	padding-left:100px;
	padding-right:100px;
/*	background-color:#F0F0F0;	*/
	position:relative;
}
.PageContentsAboutusLayoutHeader{
	/* Layout */
	text-align:left;
	vertical-align:top;
    margin-right: 40px;
    margin-bottom: 25px;
}
.PageContentsAboutusLayoutContents{
	/* Layout */
	text-align:left;
	vertical-align:top;
}
/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){

.PageContentsWrapper{
	padding-left: 0px;
}
.PageContentsImageCutScrollCaption{
	display:none;
}
.PageContentsImageCutScrollIconDrop{
	height:50px;
}
/* ImageCut */
.PageContentsImageCutMenuWrapper{
	width:10vw;
}
.PageContentsImageCutImageWrapper {
    width: 90vw;
    height: 100vh;
}
.PageContentsImageCutImageWrapper > .Logo{
    display: none;
    width: 150px;
    height: auto;
    top: 30px;
    left: calc(100vw - 33%);
    position: absolute;
}
.SnsImg{
    display: block;
    width: 50px;
    height: auto;
    top: 53px;
    left: calc(100vw - 44%);
    position: absolute;
}
.PageContentsImageCut1{
	display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
	top: 100%;
    transform: translate(0,calc(-100% - 50px ));
}
.PageContentsImageCut1 img{
	width: 100%;
    height: auto;
    top: 0;
    position: initial;
    left: 0;
    transform: translate(0%,0%);
}
.PageContentsImageCut2{
	display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
	top: 100%;
    transform: translate(0,calc(-100% - 50px ));
}
.PageContentsImageCut2 img{
	width: 100%;
    height: auto;
    top: 0;
    position: initial;
    left: 0;
    transform: translate(0%,0%);
}
.PageContentsImageCut3{
	display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
	top: 100%;
    transform: translate(0,calc(-100% - 50px ));
}
.PageContentsImageCut3 img{
	width: 100%;
    height: auto;
    top: 0;
    position: initial;
    left: 0;
    transform: translate(0%,0%);
}
.ImageCutCaptionWrapper1 {
    position: absolute;
    top: 80px;
    left: 0;
    color: black;
    transform: translate(-5vw,0);
}
.ImageCutCaptionWrapper2 {
    position: absolute;
    top: 80px;
    left: 0;
    color: black;
    transform: translate(-5vw,0);
}
.ImageCutCaptionWrapper3 {
    position: absolute;
    top: 80px;
    left: 0;
    color: black;
    transform: translate(-5vw,0);
	}
.PageContentsImageCutWrapper{
	
}
.PageContentsImageCutWrapperTitle{
	width:95vw;
}
.PageContentsImageCutWrapperText{
	width:90vw;
}
.PageContentsImageCutWrapperReadMoreBottom {
    display: inline-block;
	width: initial;
    padding: 8px 20px 8px 20px;
}
/* SlideBar*/
.PageContentsImageCutSlideBar{
	left: 60%;
    transform: translate(0px,-40px);
}
.PageContentsImageCutSlideBar > .List{
    width: 35px;
}
/* Whats new  _____________________________*/
.PageContentsWhatsNewsWrapper{
	padding-left: 30px;
	padding-right: 30px;
}
.PageContentsWhatsNewsWrapper > .title{
    margin-bottom: 20px;
    display: inline-block;
    padding-bottom: 28px;
    border-bottom: solid 1px;
}
.PageContentsWhatsNewsWrapper  >.listLink{
    margin-bottom:10px;
}
.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList{
		margin-bottom: 20px;		
}


.PageContentsWhatsNewsWrapper  >.listLink > .PageArticleList > .PageArticleText{
}
.PageContentsWhatsNewsWrapper >.listLink > .PageArticleList > .PageArticleText > .captionArea {
    display: inline-block;
    width: calc(100% - 75px);
        vertical-align: middle;
}

.PageContentsWhatsNewsWrapper >.listLink > .PageArticleList > .PageArticleText > .image {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    width: 50px;
    height: 50px;
	overflow: hidden;
    margin-bottom: 5px;
    border: solid 1px #cccccc;
    position: relative;
}
.PageContentsWhatsNewsWrapper >.listLink > .PageArticleList > .PageArticleText > .image img {
    width: 100%;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    transform: translateY(-50%);
}
	
/* Product  _____________________________*/
.PageContentsProductWrapper {
	padding-left: 0;
	padding-right: 0;
}	
	
.PageContentsProductSearchWrapper {
    left: calc(100% - 400px);
}
input#SearchTextArea {
	/* Layout */
    width: 340px;
    height: 52px;

	/* Graphic */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #000000;
    border-color: #dddddd;
    background-color: #fff;
    padding-left: 60px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 20px;

	/* Font */
    color: #555555;
    letter-spacing:0.1em;
	font-size: 22px;
	transform: scale(0.8);
}

.PageContentsProductSelecterCategory {
	width: 100%;
	margin-bottom: 15px;
}
.PageContentsProductSelecterMaker{
	width:100%;
	margin-bottom: 15px;
}


.PageContentsProductSelecterMakerListWrapper{
	margin-right: 0px;
    width: 100%;
}
.PageContentsProduct{
	padding-top:60px;
	padding-bottom:100px;
}
	
*, *::before, *::after {
  box-sizing: border-box;
}
.PageContentsProductLayoutHeader{
	margin-left:20px;
}
.PageContentsProductLayoutContents{
	/* Layout */
	/* グリッドコンテナとして設定 */
	display: grid;
	
	/* 2列のレイアウトを定義 */
	/* fr単位で、利用可能な空間を均等に2分割します */
	grid-template-columns: 1fr 1fr;
	
	/* グリッドアイテム間の水平方向の余白を20pxに設定 */
	column-gap: 15px;
	
	/* コンテナ全体の両サイドに20pxのパディングを設定 */
	padding-left: 15px;
	padding-right: 15px;
}
.PageContentsProductImageList{
	overflow: hidden;
	position:relative;
	height:calc( ( (50vw ) - 30px) * 0.75 );
}
.PageContentsProductImageList img{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
}

.PageContentsProductImageListCaptionWrapper {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.PageContentsProductSearchButton {
    position: absolute;
    top: 13px;
    left: 40px;
    /* transform: translate(15px,0px); */
    cursor: pointer;
    padding-top: 5px;
    padding-right: 5px;
}
.PageContentsProductList{
    transition:background-color 0s ease;
	margin-right: 0;
	margin-left: 0;
    width: 100%;   
}
.PageContentsProductList:hover{
	box-shadow: 5px 0px 70px -25px grey;
	background-color:rgba(0,0,0,0.7);
	color:black !important;
}

}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
.PageContentsWrapper{
	padding-left:0px;
}

/*------------------------------------------------------------------------------------*/
/*  PageContentsImageCut 
/*------------------------------------------------------------------------------------*/
.ImageCutCaptionWrapper1{
	top: 100px;
    transform: translate(-10vw,0);
}
.ImageCutCaptionWrapper2{
	top: 100px;
    transform: translate(-10vw,0);
}
.ImageCutCaptionWrapper3{
	top: 100px;
    transform: translate(-10vw,0);
}
.PageContentsImageCutWrapperText{
	width:700px;
}
.PageContentsImageCutWrapperReadMoreBottom{
	width:160px;
}
.PageContentsImageCutSlideBar {
    position: absolute;
    top: 100%;
    left: 78%;
    transform: translate(0px,-50px);
}

/* Whats new */
.PageContentsWhatsNewsImageList img{
	height: auto;
    width: calc( ( 100vw - 120px - ( 50px * 3 ) ) / 3 );
}

/* product */
.PageContentsProductSelecterCategory{
	width:100%;
}
.PageContentsProductSelecterMaker{
	width:100;
}
.PageContentsProductImageList{
	width: calc( ( 100vw - 120px - ( 25px * 3 ) ) / 3 );
    height: calc( ( ( 100vw - 120px - ( 25px * 3 ) ) / 3 ) * 0.75 );	
}
.PageContentsProductImageListCaptionWrapper{
	width: calc( ( 100vw - 200px - ( 25px * 3 ) ) / 3 );
}
.PageContentsProductList:hover{
	box-shadow: 5px 0px 70px -25px grey;
	background-color:initial;
	color:black !important;
}

}

/* EndMobile */