@charset "utf-8";

/*ーーーーーーーーーーーーーーーーーーーー
    基本設定
ーーーーーーーーーーーーーーーーーーーー*/

/* コンテンツ全体設定 */
#k-n-contents{
	width:100%;
	height:auto;
}

/* 余白 */

/*当店について スマホ用レイアウト設定*/
.textbox{
	width: auto;
	max-width: none;
	border: none;
	margin: 0 ;
	padding: 0;
}

/*ーーーーーーーーーーーーーーーーーーーー
    共通の装飾
ーーーーーーーーーーーーーーーーーーーー*/
.pre-max{
	width: 100%;
	height: auto;
}

.pre-red{
	color: #c9203f;
	font-style:normal;
	font-weight: bold;
}

.pre-cmt{
	font-size: .8rem;
}


/*ーーーーーーーーーーーーーーーーーーーー
    説明
ーーーーーーーーーーーーーーーーーーーー*/
.pre-exp{
	width: 100%;
	height: auto;
	margin: 3% 0;
}

.pre-exp h2{
	text-align: center;
	font-size: 1rem;
	margin: 3% 0 0;
}

.pre-exp>img{
	width: auto;
	height: 9em;
	display: inline-block;
	vertical-align: top;
}

.pre-exp div{
	width: 82%;
	height: auto;
	display: inline-block;
	margin: 0 2%;
}

.pre-exp div img{
	margin: 0 auto 4%;
	display: block;
}

.pre-exp p{
	font-size: .85rem;
	line-height: 1.3rem;
}

/*ーーーーーーーーーーーーーーーーーーーー
    テーブル
ーーーーーーーーーーーーーーーーーーーー*/
.pre-tbl{
	margin: 3% 0;
}

.pre-th{
	background-color: #9e9e9e;
	color: #fff;
	line-height: 1rem;
	padding: 2%;
	font-weight: bold;
}

.pre-th img{
	width: 2em;
	height: auto;
	float: left;
}

.pre-tbl tr{
	width: 100%;
}

#k-n-contents table{
	border-collapse: collapse;
	font-size: .8rem;
	width: 100%;
}

td{
	border:#CBCBCB solid 1px;
	padding: 2% 3%;
}

#k-n-taiou ul ,#k-n-taiou p{
	margin:0 4.5%;
}

.w-l{
	width: 48%;
}

.w-l2{
	width: 62%;
}
/* テーブル見出し白い区切り線 */
th:nth-of-type(2n){
	border-left: 1px solid #fff;
}

/*ーーーーーーーーーーーーーーーーーーーー
    対象商品
ーーーーーーーーーーーーーーーーーーーー*/
/*カタログプレゼントマーク*/
#taisyou-img{
	width: 30%;
	height: auto;
	margin: 8% auto 3%;
	display: block;
}
/*▼ プレゼント対象商品*/
#p-taisyou h2{
	margin: 0 auto 3%;
	padding: 2.5%;
	background-color: #ee5774;
	color: #fff;
	border-radius: 2vw;
	text-align: center;
}

/*共通箱*/
.pre-item{
	margin: 1% 0 3%;
}

.pre-item li{
        width: 32%;
        display: inline-block;
        padding: 3% 2% 0;
        min-height: 200px;
        vertical-align: top;
}

.pre-item p{margin-top: 5px;font-size: .8rem;text-align: center;}

.pre-item img{
	width: 100%;
	height: auto;
}

/*対象商品の名前*/
.pre-item a{
	text-decoration:underline;
}