@charset "utf-8";

/*ーーーーーーーーーーーーーーーーーーーー
    基本設定
ーーーーーーーーーーーーーーーーーーーー*/
/* コンテンツ全体設定 */
#k-n-contents{
	width:950px;
	height:auto;
	color: #333;
}


/*ーーーーーーーーーーーーーーーーーーーー
    共通の装飾
ーーーーーーーーーーーーーーーーーーーー*/
.pre-max{
	width: 100%;
	height: auto;
}

.pre-red{
	color: #c9203f;
	font-style:normal;
	font-weight: bold;
}

.pre-cmt{
	font-size: 1rem;
}


/*ーーーーーーーーーーーーーーーーーーーー
    説明
ーーーーーーーーーーーーーーーーーーーー*/
.pre-exp{
	width: 100%;
	height: auto;
	margin: 2% 0;
}

.pre-exp h2{
	text-align: center;
	font-size: 1.1rem;
	margin: 1% 0 0;
}

.pre-exp>img{
	width: auto;
	height: 7em;
	display: inline-block;
	vertical-align: top;
}

.pre-exp div{
	width: 91%;
	height: auto;
	display: inline-block;
	margin: 0 2%;
}

.pre-exp div img{
	margin: 0 auto 1%;
	display: block;
}

.pre-exp p{
	font-size: 1rem;
	line-height: 1.3rem;
	font-weight: bold;
}

/*ーーーーーーーーーーーーーーーーーーーー
    テーブル
ーーーーーーーーーーーーーーーーーーーー*/
.pre-tbl{
	margin: 3% 0;
}

#k-n-contents table{
	border-collapse: collapse;
	font-size: .8rem;
	width: 100%;
}

.pre-tbl tr{
	width: 100%;
}

/* テーブル見出し */
.pre-tbl th{
	background-color: #333;
	color: #fff;
	line-height: 1.5rem;
	padding: 2%;
	font-weight: bold;
	font-size: 1.1rem;
	text-align: left;
}
/* テーブル見出し白い区切り線 */
th:nth-of-type(2n){
	border-left: 1px solid #fff;
}
/* テーブル見出し画像 */
.pre-th img{
	width: 2em;
	height: auto;
	float: left;
	margin: 0 3% 0 0;
}
/* テーブル見出し画像2 */
.k-n-box2 .pre-th img{
	width: 1.5em;
	height: auto;
	float: left;
	margin: 0 3% 0 0;
}


.pre-tbl td{
	border: #CBCBCB solid 1px;
	padding: 2% 2%;
	font-size: 1rem;
	font-weight: bold;
}

.w-l{
	width: 47%;
}

.w-l2{
	width: 58%;
}

/*ーーーーーーーーーーーーーーーーーーーー
    対象商品
ーーーーーーーーーーーーーーーーーーーー*/
/*カタログプレゼントマーク*/
#taisyou-img{
	width: 20%;
	height: auto;
	margin: 8% auto 2%;
	display: block;
}

/*▼ プレゼント対象商品*/
#p-taisyou h2{
	margin: 0 auto 3%;
	padding: 2%;
	background-color: #ee5774;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	font-size: 1.1rem;
}

/*対象商品*/
.pre-item{
	margin: 1% 0 3%;
}

.pre-item li{
        width: calc(97%/5);
        display: inline-block;
        padding: 3% 2% 0;
        min-height: 200px;
        vertical-align: top;
}

.pre-item p{margin-top: 5px;font-size: .85rem;text-align: center;}

.pre-item img{
	width: 100%;
	height: auto;
}

/*対象商品の名前*/
.pre-item a{
	text-decoration:underline;
}