/* ======================================================================
CSS information
file name  :  
style info :  CP
admin info :  日本ドライスキン研究所
====================================================================== */

/* ====================汎用==================== */
body {
	font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Helvetica','Arial',sans-serif !important;
}

#wrapper {
	margin:0 auto;
	padding:0;
}
#wrapper p{
	margin:0 5px;
}
#wrapper img {
	width:100%;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
	display:block;
}
hr {
	border-top: 1px dashed #ccc;
	border-bottom:1px #FFF
}
.main{
	position: relative;
}
.cartup-btn{
	position: absolute;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);	
	width: 80% !important;
	top:85%;
	left: 50%;
}


/* cart-area */
table.check-area {
	width:100%;
	border-collapse: collapse;
	border: solid 2px #ccc;/*表全体を線で囲う*/
	margin: 1em 0;
}
table.check-area th {
	background-color:#FFC;
}
table.check-area th, table.check-area td {
	border: dashed 1px #ccc;/**/
}
table.check-area td , table.check-area th {
	text-align:center;
	padding:15px 0 10px 0;
}
table.check-area td img {
	max-width:40px;
	display:block;
	margin:0 auto;
}
.price {
	font-size: 20px;
	font-weight: bold;
}
.cart-btn input {
	width: 100%;
}
.red-box{
	color:#fff;
	padding: 0.2em 0.5em;
	background-color:red;
	border-radius: 5px;
	margin: 0 0.3em;
	font-size: 13px;
}
.check-area img {
	max-width:50px;
}

/*チェックボックス*/
.radio_css:checked + label{
	color: red;
}

/*他*/
.shasen {
	max-width:316px;
}
.cp-number {
	max-width:600px;
}
.new {
	color:#0091db;
	border:solid 2px #0091db;
	border-radius:5px;
	}
.discount span{
	color:#FFF;
	font-weight:bold;
	background-color:red;
	border-radius:5px;
	margin:5px;
	padding:5px 10px;
	display:inline-block;
}

/* ====================ページトップへ戻るボタン==================== */
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}
#pagetop a {
    display: block;
    background: #0091db;
    color: #fff;
    width: 30px;
    padding: 10px 10px;
    text-align: center;
	border-radius: 50%;
	font-size: 20px
}
#pagetop a:hover {
    background: #00afe7;
}

/* ====================CP終了時用==================== */

#cp-end {
	width:100%; /* ベースサイズ */
	font-size:16px;
	background:#fff;
	text-align:center;
	margin:0 auto;
}

#cp-end div {
	margin:20px;
}

#cp-end p {
	font-size:13px;
}

#cp-end p.logomoji {
	margin:10px;
}

#cp-end span {
	font-size:16px;
	font-weight:bold;
}


/* ====================媒体別表示==================== */

@media screen and (min-width: 741px) {
/* PC */
#wrapper {
	width:640px; /* ベースサイズ */
}
.sp {
	display:none !important;
}
}

 @media screen and (max-width: 740px) {
/* タブレット、スマートフォン用 */
#wrapper {
	width:100%;
	font-size:90%;
}
table {
	width: 95% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	font-size:90%;
}
.cartup-btn {
	max-width:200px !important;
}
.pc {
	display:none !important;
}
.sp {
	max-width:300px;
}
}