@charset "utf-8";

/* ----- パンくず表示用 ----- */
@media all and (min-width: 959px) {

	.pankuzu-parent{
		display: table; 
		border:0;
		margin-top:20px;
		margin-left:10px;
		margin-right:30px;
		width: 100%;
	}
	.pankuzu-row{
		display:table-row;
		border:0;
		width:100%;
		color:#393939;
		box-sizing: border-box;
	}
	.pankuzu-cell1{
		display: table-cell;　　/* ブロックレベル要素をtd(th)と同じように表示にする */
		border:0;
		vertical-align: bottom;
		text-align:left;
		white-space: nowrap; /* 折り返さない */
	}
	.pankuzu-cell2{
		border:0;
		padding-right:10px;
		vertical-align: middle;
	}
	
	.pankuzu-cell1 a{
		text-decoration:none;
	}
}
@media all and (max-width: 960px) {
	.pankuzu-cell1{
		display:none; 
	}
}
/*
strong{
	font-weight:normal;
}
*/

.table-for-detail{
	border:0;
	background-color:transparent !important;
	
	/* テーブルの列幅を均等にする */
	width:100%;
	table-layout:fixed;	
}
.table-for-detail tr{
	border:0;
	background-color:transparent !important;
}
.table-for-detail td{
	border:0;
	background-color:transparent !important;
	text-align:left;
	vertical-align:top;
}

.thumb1{
	margin: 10px 0px 30px 0px; /* top right bottom left */
}
.thumb2{
	margin: 5px;
	-webkit-box-shadow: 0 1px 1px 1px 	rgba(155,155,155, 0.5);
	-moz-box-shadow: 0 1px 1px 1px 		rgba(255,255,255, 0.5);
	box-shadow: 0 1px 1px 1px 			rgba(155,155,155, 0.5);
}
.thumb-text{
	font-size:11px;
	color:#555;
}

/*
h2 {
	text-align:left;
	line-height:1.4;
	margin-top:-3px;
	padding: 0px 0px 0px 0px;
}
*/
.price-text{
	font-size:26px;
	color:#f00;
	font-family: Times New Roman;
}
.price-text2{
	font-size:12px;
	color:#555;
	margin-left:10px;
}

.btn-reg-area{
	margin: 30px 0px 30px 0px; /* top right bottom left */
}
.btn-reg {
	background-color:#f60 !important;
	border: 1px solid #f30 !important;
	color: #fff !important;
	font-family: Verdana, Roboto, "Droid Sans", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight:normal !important;
	text-shadow:none!important;
	
	font-size:16px;
	padding-left:10%;
	padding-right:10%;
}

.ul-area{
	margin: 20px 0px 0px 10px; /* top right bottom left */
	font-size:13px;
	color:#090;
}

.popup-item-detail{
	font-size:14px;
	padding:15px;
}

/* ----- 項目表示用 ----- */
@media all and (min-width: 959px) {

	.dtable-parent{
		display: table;
		border-collapse: collapse; /* 境界線の重複を解除, borderを表示させる */
		width: 100%;
	}
	.dtable-row{
		display:table-row;
		line-height:150%; /* 行の高さを指定 */
		letter-spacing: 0.8px;
		box-sizing: border-box;
	}
	.dtable1{
		display: table-cell;　　/* ブロックレベル要素をtd(th)と同じように表示にする */
		vertical-align: top;
		text-align:center;
		white-space: nowrap; /* 折り返さない */
		width: 50%;
	}
	.dtable2{
		vertical-align: top;
	}
}
@media all and (max-width: 960px) {

	.dtable1{
		text-align:center;
	}	
	h2{
		text-align:center; 
		margin-top:30px;
	}
	.dtable2-header{
		text-align:center; 
	}
	.thumb1{
		width:100px;
		height:100px;
	}
	.price-text{
		font-size:22px;
	}
	.price-text2{
		margin:0;
	}
	.btn-reg-area{
		margin: 0px 0px 30px 0px; /* top right bottom left */
	}
}

/* ----- 会員登録用 ----- */
.point-text1{
	color:#f00;
}
.btn-reg3 {
	background-color:#00c000 !important;
	border: 1px solid #009f00 !important;
	color: #fff !important;
	font-weight:normal !important;
	text-shadow:none!important;
	
	padding-left:10%;
	padding-right:10%;
}
