﻿
#productMoreDetail{}
	
/******************************
PC
******************************/
@media screen and (min-width:769px){
	
/*** digitalPrintDesignCollagePointArea ***********/
	#productMoreDetail .digitalPrintDesignCollagePointArea{
		padding: 5px 0 50px;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint{
		display: block;
		margin:  0 auto 20px;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl{
		display: table;
		width: 100%;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl img{display: block; width: 100%; height: auto;}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl > dt{
		display: table-cell;
		width: 220px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #ee4343;
		color: #ee4343;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl > dd{
		display: table-cell;
		padding-left: 30px;
		text-align: left;
		vertical-align: middle;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity{ display: block;}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity > span{
		display: block;
		padding: 5px 0;
		font-size: 16px;
		text-align: center;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity > span > span{
		display: block;
		font-size: 24px;
		font-weight: 700;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size{margin-top: 20px;}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dt{
		background: #7f7f7f;
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 700;
		padding: 10px 0;
		border: none;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd{
		background: #efefef;
		padding: 10px 10px 10px 30px;
		font-size: 16px;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul{}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul > li{
		display: inline-block;
		float: left;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul > li::after{
		content: '\／';
		padding: 0 5px;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul > li:nth-last-of-type(1)::after{display: none;}
	
	
}
/*********************/

@media screen and (min-width: 769px) and ( max-width:1000px) {
	#productMoreDetail .digitalPrintDesignCollagePoint > dl > dt{width: calc( 220 * (100vw / 1000));}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity{font-size: calc( 16 * (100vw / 1000));}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity > span{font-size: calc( 24 * (100vw / 1000));}
}


/******************************
SP
******************************/
@media screen and ( max-width:768px) {

/*** digitalPrintDesignCollagePointArea ***********/
	#productMoreDetail .digitalPrintDesignCollagePointArea{
		padding: calc(5 * (100vw / 320)) 0 calc(20 * (100vw / 320));
	}
	
	#productMoreDetail .digitalPrintDesignCollagePointArea .normalTTL{margin-bottom: calc(10 * (100vw / 320));}
	
	#productMoreDetail .digitalPrintDesignCollagePoint{
		display: block;
		margin:  0 auto calc(20 * (100vw / 320));
	}	
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl{
		display: block;
		width: 100%;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl img{display: block; width: 100%; height: auto;}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl > dt{
		display: table;
		width: 100%;
		text-align: center;
		margin-bottom: calc(10 * (100vw / 320));
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl > dd{
		display: block;
		text-align: left;
		vertical-align: middle;
	}

	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity{
		display: table-cell;
		padding: 0;
		vertical-align: middle;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity > span{
		display: block;
		padding: calc(10 * (100vw / 320)) calc(10 * (100vw / 320)) calc(8 * (100vw / 320));
		border: 1px solid #ee4343;
		color: #ee4343;
		font-size: 1.2rem;
		text-align: center;
		vertical-align: middle;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.DesignCollage > dt > .frameQuantity > span > span{
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 700;
		vertical-align: middle;
		padding-bottom: calc(2 * (100vw / 320));
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size{
		display: table;
		width: 100%;
		margin-top: calc(10 * (100vw / 320));
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dt{
		display: table-cell;
		width: 5.5em;
		background: #7f7f7f;
		color: #FFFFFF;
		font-size: 1.4rem;
		font-weight: 700;
		padding: calc(5 * (100vw / 320)) 0;
		margin-bottom: 0;
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd{
		display: table-cell;
		background: #efefef;
		padding: calc(5 * (100vw / 320)) 0 calc(5 * (100vw / 320)) calc(10 * (100vw / 320));
		font-size: 1.4rem;
	}
	
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul{}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul > li{
		display: block;
		margin-bottom: calc(5 * (100vw / 320));
	}
	#productMoreDetail .digitalPrintDesignCollagePoint > dl.size > dd > ul > li:nth-last-child(1){margin-bottom: 0;}

}

