@charset "utf-8";
@media screen, print {
	.divBox {
		overflow:hidden;
	}
	.divTitle {
		margin:0px 0px 10px 0px;
	}
	.divSpecialBoxHolder {
		overflow:hidden;
	}
	.divSpecialBox {
		width:200px;
		float:left;
/*		margin:0px 12px 0px 0px; */
        margin: 0 10px;
	}
	.divSpecialBox:nth-of-type(5) {
		margin:0px 0px 0px 0px;
	}
	.divSpecialBox img {
		width:100%;
		height:200px;
		object-fit: cover;
	}
	.divSpecialBox .pPrice {
		color:#0060a8;
		font-size:18px;
		font-weight:bold;
		border-bottom:2px solid #ccc;
	}
	.divSpecialBox .pDetail {
		font-size:13px;
		line-height:18px;
		margin:5px 0px 0px 0px;
	}
	.divSpecialBox img {
		border:1px solid #ccc;
	}
	.divSpecialBox img:hover {
		filter:alpha(opacity=80);
		opacity: 0.8;
	}
	.divMessage {
		margin:10px 0px 10px 0px;
		padding:20px 20px 20px 100px;
		background-color:#fff9db;
		border:3px double #ffdf9a;
		border-radius:10px 10px 10px 10px;
		color:#f00;
		font-size:16px;
		font-weight:bold;
		line-height:28px;
		background-image:url('/inc/img/stamp/yell_sorry.png');
		background-size:contain;
		background-repeat:no-repeat;
		background-size:75px 75px;
		background-position:10px 10px;
		text-shadow:0px 0px 2px #fff;

	}
	
	.not-available{
		margin:10px 0px 50px 0px;
		padding: 20px 20px 20px 20px;
		background-color:#fff9db;
		border:3px double #ffdf9a;
		text-align: center;
	}

	.not-available .img{
		width: auto;
	}

	.not-available .sub{
		color:#ff382e;
		font-size: 1.2em;
		margin: 0 0 1em 0;
	}

	.not-available .main{
		color:#ff382e;
		font-size: 1.5em;
		font-weight: bold;
	}

	.btn-edit{
		position: relative;
		display: inline-block;
		text-decoration: none;
		background-color: #fff;
		color: #333;
		font: 400 13.3333px Arial;
		height: 36px;
		line-height: 36px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 3px;
		padding: 0px 10px 0px 35px;
		font-size: 16px;
	}

	.btn-edit::before{
		position: absolute;
		top: 1px;
		left: 10px;
		content: url('/inc/img/common/icon-pen.png');
	}

	.btn-edit:hover{
		opacity: 0.8;
	}

}
@media screen and (max-width:600px) {
	.divSpecialBoxHolder{
		overflow: inherit;
	}
	.divSpecialBox {
/*		width:100%; */
        width: 48%;
/*		height: auto; */
        height: 200px;
/*		float:none; */
/*		margin:0px 0px 30px 0px; */
        margin: 0px 5px 20px 0;
	}

	.divSpecialBox img{
		height: auto;
	}

	.not-available .sub{
		font-size: 1em;
	}

	.not-available .main{
		font-size: 1.2em;
	}


}
@media screen and (max-width:600px) { /* experia h */
}
@media screen and (max-width:480px) { /* iphone h */
    	.divSpecialBox .pDetail {
		font-size:14px;
		line-height:18px;
		margin:5px 0px 0px 0px;
	}

    
}
@media screen and (max-width:360px) { /* experia v */
}
@media screen and (max-width:320px) { /* iphone v */
}