@charset "UTF-8";
/* CSS Document */

.img-widh-2{
width: 52.5%;
height: auto;
}
#ATLgPane,
#ATShPane,
#AVLgPane,
#AVShPane,
#BVLgPane,
#BVShPane,
#BTLgPane,
#BTShPane,
#ARLgPane,
#ARShPane,
#ALLgPane,
#ALShPane,
#BRLgPane,
#BRShPane,
#BLLgPane,
#BLShPane
{
background-size: cover;
background-repeat: no-repeat;
padding-top: 15%;
padding-bottom: 5%;
width: 100%;
}


@media screen and (max-width: 660px) {
   /* 表示領域が660px以下の場合に適用するスタイル */
#ATLgPane,
#ATShPane,
#AVLgPane,
#AVShPane,
#BVLgPane,
#BVShPane,	
#BTLgPane,
#BTShPane,   
	#ARLgPane,
	#ARShPane,
	#ALLgPane,
	#ALShPane,
	#BRLgPane,
	#BRShPane,
	#BLLgPane,
	#BLShPane
	{ margin-top: -3%; }
.formSum, .formSumT, .formSumL, .formSumR {
    width: 100%;}	
}
.wrapbox{width: 90%;
margin-left: auto;
margin-right: auto;}
@media screen and (min-width: 661px) {
   /* 表示領域が660px以下の場合に適用するスタイル */

.formSum, .formSumT, .formSumL, .formSumR {
    width: 100%;}
.wrapbox{width: 80%;
margin-left: auto;
margin-right: auto;}	
}
.C01{background-image: url(https://www.print-online.jp/clearfile/img/new-frontECO.jpg);}
.C02{background-image: url(https://www.print-online.jp/clearfile/img/new-backECO.jpg);}



.rotateBox{
	display: block;
	z-index: 0;
	position: relative;
	height: auto;
	width: 100%; 
}
.T{
	transform-origin: 50% 50%;
}
.R{	transform: rotate(90deg);
	transform-origin: 50% 50%;
}
.L{	transform: rotate(-90deg);
	transform-origin: 50% 50%;}
.V{
	transform: rotateZ( 180deg)
}

.mask{
width: 100%;
position: relative;
z-index: 200;	
}

.formSum, .formSumT,
.formSumL, .formSumR{
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.formSumY{
	width: 98%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:25px;
	display: block;
	padding-top:10px;
}

.formSumFT,.formSumBT{
	width: 75%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.formSumFL,.formSumBL,
.formSumFR,.formSumBR{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.formSumFT,.formSumBT,
.formSumFL,.formSumBL,
.formSumFR,.formSumBR{
	z-index: 3;
	position: absolute;
}
.formSumFT,.formSumBT{
	left: 15%;
	top: 4%;
width: 73%;
}
.formSumFL,.formSumBL{
	left: 0%;
	top:15%;
}
.formSumFR,.formSumBR{
	left: 0%;
	top:15%;
}


#imgBoxATLg,#imgBoxAVLg,#imgBoxBVLg,#imgBoxALLg,#imgBoxBLLg
{
	background-size: auto 93.5%;
	background-position: center 25%;	
}
#imgBoxATSh,#imgBoxAVSh,#imgBoxBVSh,#imgBoxALSh,#imgBoxBLSh
{
	background-size: 96% auto;
	background-position: center center;
}
#imgBoxALLg,
#imgBoxBLLg{
	background-size:auto 95.5%;
	background-position: center center ;
}
#imgBoxALSh,
#imgBoxBLSh{	
	background-size:93.5% auto;
	background-position:25% center ;	
}

#imgBoxARLg,#imgBoxARSh,
#imgBoxBRLg,#imgBoxBRSh
{
	width: 90%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-size:93.5% auto;
	background-position:75% center ;
	background-repeat: no-repeat;
		    overflow: hidden;
}
#imgBoxARLg,#imgBoxBRLg
{
	background-size:auto 95.5%;
	background-position: center center ;
}
#imgBoxARSh,#imgBoxBRSh
{	
	background-size:93.5% auto;
	background-position:75% center ;	
}


#imgBoxATBG,#imgBoxBTBG,#imgBoxAVBG,#imgBoxBVBG,#imgBoxALBG,#imgBoxARBG,
#imgBoxBLBG,#imgBoxBRBG
{	
position: relative;
width: 35.3%;
height: auto;
display: block;
text-align: center;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
overflow: hidden;
top: 26%;
margin-bottom: 9%;
box-shadow: 1px 1px 25px #777;	
}
#imgBoxATBG,#imgBoxAVBG,#imgBoxALBG,#imgBoxARBG{
border-radius: 0px 4% 0px 0px;
	opacity: 68%;
}
#imgBoxBTBG,#imgBoxBVBG,#imgBoxBLBG,#imgBoxBRBG{
border-radius: 4% 0px 0px 0px;
	opacity: 68%;	
}
    
.backWHimg{
	 z-index: 3;
	position: absolute;	
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-repeat: no-repeat;
	background-position: center center;	
}


#imgBoxATLgFR,#imgBoxATShFR,
#imgBoxAVLgFR,#imgBoxAVShFR,
#imgBoxBVLgFR,#imgBoxBVShFR,
#imgBoxALLgFR,#imgBoxALShFR,
#imgBoxARLgFR,#imgBoxARShFR,
#imgBoxBTLgFR,#imgBoxBTShFR,
#imgBoxBLLgFR,#imgBoxBLShFR,
#imgBoxBRLgFR,#imgBoxBRShFR
{
	 z-index: 2;
	position: absolute;	
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;

}


#imgBoxATLgFR,#imgBoxATShFR,
#imgBoxAVLgFR,#imgBoxAVShFR,
#imgBoxBTLgFR,#imgBoxBTShFR,
#imgBoxBVLgFR,#imgBoxBVShFR
{
top: 1%;
    left: 2%;
    width: 96.8%;
}

#imgBoxATLgFR,
#imgBoxAVLgFR,
#imgBoxBTLgFR,
#imgBoxBVLgFR
{
	background-size: auto 100%;
}
#imgBoxATShFR,
#imgBoxAVShFR,
#imgBoxBTShFR,
#imgBoxBVShFR
{
	background-size: 100% auto;
}
#imgBoxALLgFR,
#imgBoxBLLgFR
{
background-size: auto 100%;
    left: -16.5%;
    top: 14%;
    width: 133.5%;
}
#imgBoxALShFR,
#imgBoxBLShFR
{
background-size: 100% auto;
    left: -16.5%;
    top: 14%;
    width: 133.5%;
}
#imgBoxARLgFR,
#imgBoxBRLgFR
{
background-size: auto 100%;
    left: -16.5%;
    top: 14%;
    width: 133.5%;
}
#imgBoxARShFR,
#imgBoxBRShFR
{
background-size:100% auto;
    left: -16.5%;
    top: 14%;
    width: 133.5%;
}




#frontUPback, #frontUPbackT {
	width: 90%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-size: auto 93.5%;
	background-position: center 25%;
	background-repeat: no-repeat;
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.6);
}

#frontUPfrontY, #frontUPfrontL ,#frontUPbackL{
	width: 90%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-size:93.5% auto;
	background-position:25% center ;
	background-repeat: no-repeat;
}
#frontUPfrontY, #frontUPfrontL{
	box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.6);	
}

#frontUPbackY ,#frontUPbackR{
	width: 90%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-size:93.5% auto;
	background-position:75% center ;
	background-repeat: no-repeat;
	box-shadow: -5px 5px 5px 5px rgba(0,0,0,0.6);
}
#frontUPfrontR{
	width: 90%;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFDFD;
	background-size:93.5% auto;
	background-position:75% center ;
	background-repeat: no-repeat;
}
#frontUPfrontR{
	box-shadow: -5px -5px 5px 5px rgba(0,0,0,0.6);
}
#frontUPbackL{
	box-shadow: 5px -5px 5px 5px rgba(0,0,0,0.6);
}
/*クリアファイルONE*/