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

/*====================================================================================*/
/* PC 
/*====================================================================================*/
.ContentsLayoutWrapper{
	padding-top:42px;
	padding-left:260px;
	padding-right:50px;
}
/* __ MakerMain ___________ */
.MakerMainArea{
	margin-bottom:75px;
}
.MakerMainImage{
	display:inline-block;
}
.MakerMainImageArea{
	display:inline-block;
    margin-right: 20px;
}
.MakerMainImage img{
    width: calc( ( 100vw - 310px - ( 25px * 5 ) ) / 4 );
    border: solid 1px #dddddd;
}
.MakerMainCaption{
	display:inline-block;
	width: 800px;
    vertical-align: top;
}
.MakerMainTitle{
	margin-bottom:10px;
}
.MakerMainDescription{
	margin-bottom:15px;
}
.MakerMainDescription a{
	text-decoration:none;
	color:black;
}
.MakerMainDescription img {
    width: 100% !important;
    height: auto;
}

/* __ MakerProduct ___________________*/
.MakerProductArea{
    text-align: center;
	margin-bottom:75px;
    
}
.MakerProductTitle{
    margin-bottom: 20px;
    text-align: left;
}
.MakerProductContentsWrapper{
    text-align: left;
}
.MakerProductListWrapper{
	display: inline-block;
    text-align: center;
    margin-right: 20px;
	margin-bottom: 30px;
	vertical-align:top;
}
.MakerProductListWrapper a{
	text-decoration:none;
	color:black;
}
.MakerProductListImage{
    width: calc( ( 100vw - 310px - ( 25px * 4 ) ) / 4 );
    height: calc( ( ( 100vw - 324px - ( 25px * 4 ) ) / 4 ) * 0.75 );
    overflow: hidden;
    position: relative;
}
.MakerProductListImage img{
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.MakerProductListImage > .SExp{
    
}
.MakerProductListImage > .SExp img{
    width: 100px;
    height: auto;
    min-width: initial;
    min-height: initial;
    top: 100%;
    left: 100%;
    transform: translate(calc(-100% - 5px),calc(-100% - 10px));
}
.MakerProductCaptionArea{
    width: calc( ( 100vw - 310px - ( 25px * 5 ) ) / 4 );

}
.MakerSubCaptionPartsData{
	
}
/* __ MakerMaker ___________________*/
.MakerMakerArea{
    text-align: center;
	margin-bottom:75px;
    
}
.MakerMakerTitle{
    margin-bottom: 20px;
    text-align: left;
}
.MakerMakerContentsWrapper{
    text-align: left;
}
.MakerMakerListWrapper{
	display: inline-block;
    text-align: center;
    margin-right: 25px;
	margin-bottom: 30px;
}
.MakerMakerListWrapper a{
	text-decoration:none;
	color:black;
}
.MakerMakerListImage{

}
.MakerMakerListImage img{
    width: calc( ( 100vw - 310px - ( 25px * 5 ) ) / 4 );
}

.MakerMakerCaptionArea{
    width: calc( ( 100vw - 310px - ( 25px * 5 ) ) / 4 );

}
/*====================================================================================*/
/* スマフォ縦表示
/*====================================================================================*/
/* ipad pro? */
@media only screen and (max-width: 1024px) and (orientation:portrait){
/* Contents _______________________*/
.ContentsLayoutWrapper{
	padding-top:130px;
	padding-left:20px;
	padding-right:20px;
}
	
.MakerMainCaption {
	width: 100%;
}	
/* Profile _______________________*/
.MakerMainImage img {
    width: 100%;
}
/* Product _______________________*/
.MakerProductTitle {
    margin-bottom: 20px;
    margin-left: 20px;
    text-align: left;
}
	
.MakerProductArea {
    text-align: center;
    margin-bottom: 75px;
    margin-left: -20px;
    margin-right: -20px;
}
.MakerProductContentsWrapper {
    text-align: left;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
}	
.MakerProductListWrapper {
    display: inline-block;
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px;
    vertical-align: top;
}
.MakerProductListImage {
	width: 100%;
	height: auto;
	overflow: initial;
}
.MakerProductListImage img {
width: 100% !important;
        height: calc((50vw - 30px) * 0.75) !important;
        position: initial;
		transform: initial;
}
/* Maker _______________________*/
.MakerMainImage {
    display: inline-block;
    margin-bottom: 20px;
}
.MakerProductCaptionArea {
    width: 100%;
}
.MakerMakerArea {
    text-align: center;
    margin-bottom: 75px;
    margin-left: -20px;
    margin-right: -20px;
}
.MakerMakerTitle {
    margin-bottom: 20px;
    text-align: left;
    margin-left: 20px;
}
	
.MakerMakerContentsWrapper{
	text-align: left;
	/* margin-left: -20px; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 20px;
	padding-left: 20px;
	padding-right: 20px;
}	
.MakerMakerListWrapper {
    display: inline-block;
    text-align: center;
    margin-right: 0;
    margin-bottom: 30px;
}	
	
.MakerMakerCaptionArea {
    width: 100%;
}
.MakerSubCaptionParts{
    width: 100%;
}

/* Designer _______________________*/
.MakerMakerListImage img {
    width: 100%;
}
}
/*====================================================================================*/
/* スマフォ　横表示
/*====================================================================================*/
@media only screen and (max-width: 1024px) and (orientation:landscape){
.ContentsLayoutWrapper{
    padding-left: 100px;
}
.MakerMainImage img {
    width: calc( ( 100vw - 180px - ( 25px * 4 ) ) / 3 );
    border: solid 1px #dddddd;
}
.MakerProductListImage {
    width: calc( ( 100vw - 180px - ( 25px * 3 ) ) / 3 );
    height: calc( ( 100vw - 180px - ( 25px * 3 ) ) / 3 * 0.75);
}
.MakerProductCaptionArea {
    width:calc( ( 100vw - 180px - ( 25px * 4 ) ) / 3 );
}
.MakerMakerListImage img{
   width: calc( ( 100vw - 180px - ( 25px * 3 ) ) / 3 );
 
}
.MakerMakerCaptionArea {
    width: calc( ( 100vw - 180px - ( 25px * 4 ) ) / 3 );
}

}