@charset "utf-8";

.campaign {
	overflow:hidden;
	background:#fff;
	margin:0 0 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.campaign .btnArea {
	height:140px;
	text-align:center;
	background:url(../img/mainimg_bottom.jpg) no-repeat;
}
.campaign .btnArea p {
	padding:50px 0 0 0;
}


#pageTop{
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 1;
	}


/* ナビ
-------------------------*/
.campaign .navi li {
	float:left;
}
.campaign .navi li.li1,
.campaign .navi li.li2,
.campaign .navi li.li3 {
	margin:0 2px 0 0;
}
.campaign .navi li.li4 {
	margin:0 0 2px 0;
}
.campaign .navi li.li5,
.campaign .navi li.li6,
.campaign .navi li.li7 {
	margin:0 2px 0 0;
}


/* 共通見出し
-------------------------*/

.campaign .col_02 .inner p.info,
.campaign .col_03 .inner p.info,
.campaign .col_05 .inner p.info
{
	color: #cc0000;
	font-weight:bold;
	background:url(../img/icon.png)no-repeat left center;
	padding-left:40px;
	font-size:22px;
	margin-bottom:20px;
	line-height: 1.4;
	}
	
.campaign .col_03 .inner p.info{
	padding-top: 30px;
}

.campaign .col_05 .inner p.info{
	margin-left: 50px;
}
	

/* なか卯のうなまぶし
-------------------------*/
.campaign .col_01 {
	float:left;
}

/*  CM / メイキング映像
-------------------------*/
.campaign .col_02 {
	float:left;
	position:relative;
	width: 950px;
}
.campaign .col_02 .inner {
	overflow:hidden;
	padding:50px;
	background:#fdf8da;
}
.campaign .col_02 .inner .fL {
	float:left;
}

.campaign .col_02 .inner .fL p.txt{
	padding: 3px 0 ;
	width: 424px;
	line-height: 1.5;
	color: #1e1e1e;
}

.campaign .col_02 .inner .fL span{
	font-weight: bold;
	font-size: 15px;
	width: 424px;
	padding: 10px 0;
	display: block;
}

.campaign .col_02 .inner .fR {
	float:right;
	width:404px;
}
.campaign .col_02 .inner .ttl {
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px;
}

.campaign .col_02 .inner .ttl2 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 40px;
}

.campaign .col_02 .inner .fR li {
	float:left;
}

.campaign .col_02 .inner .fR li p{
	padding-top: 5px;
	color: #1e1e1e;
	font-weight: bold;
	font-size: 12px;
}

.campaign .col_02 .inner .fR li.li1 {
	margin:0 24px 16px 0;
}
.campaign .col_02 .inner .fR li.li3 {
	margin:0 24px 0 0;
}

.campaign .col_02 .inner .tokuten {
    position: absolute;
    right: 40px;
    top: 60px;
	z-index:1;
}

/* 会員の皆様へ
-------------------------*/
.campaign .col_03 {
	float: left;
	display: block;
}
.campaign .col_03 .inner {
	padding: 30px 50px 0 50px;
	height:977px;
	width: 850px;
	background:url(../img/col_03_bg.jpg) no-repeat;
	position:relative;
}
.campaign .col_03 .inner .nakaunohi {
	position:absolute;
	top:170px;
	right:50px;
}
.campaign .col_03 .inner .btnArea2 {
	position:absolute;
	bottom:120px;
	right:140px;
}
.campaign .col_03 .inner .btnArea2 li {
	float:left;
	margin:0 20px 0 0;
}


/* 水樹奈々さん おすすめ商品
-------------------------*/
.campaign .col_04 {
	float:left;
}
.campaign .col_04 .inner {
	padding:0 0 0 0;
	height:850px;
	background:url(../img/col_04_bg.jpg) no-repeat;
	position:relative;
}
.campaign .col_04 .inner .li1 {
	position:absolute;
	top:102px;
	left:140px;
}
.campaign .col_04 .inner .li2 {
	position:absolute;
	top:343px;
	left:116px;
}
.campaign .col_04 .inner .li3 {
	position:absolute;
	top:575px;
	left:145px;
}

/* 水樹奈々さんコラボ情報
-------------------------*/
.campaign .col_05 {
	float:left;
}
.campaign .col_05 .inner {
	padding:50px 0;
	background:#fdf8da;
}
.campaign .col_05 .inner ul {
	width:850px;
	margin:0 auto; 
}
.campaign .col_05 .inner li {
	padding:25px 110px;
	margin:0 0 2px;
	background:#fff;
}
.campaign .col_05 .inner li dt {
	float:left;
	width:200px;
	font-size:18px;
	font-weight:bold;
	color:#b50007;
}
.campaign .col_05 .inner li dd {
	padding:0 0 0 200px;
}
.campaign .col_05 .inner li .ttl {
	font-size:18px;
	font-weight:bold;
	line-height:160%;
	margin:0 0 15px;
}
.campaign .col_05 .inner li .txt {
	font-size:14px;
	line-height:160%;
}
.campaign .col_05 .inner li .btn {
	margin:0 0 15px;
}
.campaign .col_05 .inner li .note {
	line-height:160%;
	color:#b50007;
}

/* コラボ店舗
-------------------------*/
.campaign .col_06 {
	float:left;
}
.campaign .col_06 .inner {
	padding:40px 50px;
	background:#fdf8da;
}
.campaign .col_06 .txt {
	font-size: 14px;
	line-height: 180%;
	margin: 0 0 20px;
}
.campaign .col_06 .txt span {
	font-size: 17px;
	font-weight:bold;
}

.campaign .col_06 #tabBox {
	overflow: hidden;
	width:100%;
}
.campaign .col_06 #tabBox div {
	display: none;
	overflow: hidden;
	clear: both;
}
.campaign .col_06 #tabBox ul#nav2 {
	overflow: hidden;
	margin: 0 0 15px 0;
}
.campaign .col_06 #tabBox ul#nav2 li {
	float: left;
	margin: 0 2px 0 0;
}
.campaign .col_06 #tabBox ul#nav2 li.last {
	float: left;
	margin: 0 0 0 0;
}
.campaign .col_06 #tabBox ul#nav2 li a {
	display:block;
}
.campaign .col_06 #tabBox h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 100%;
	padding: 6px 0 4px 7px;
	margin: 0 0 15px;
	border-left: solid 5px #c74807;
	background: #fff;
}
.campaign .col_06 #tabBox table {
	width: 100%;
	text-align: center;
	margin: 0 0 30px;
	background: #fff;
	border: solid 1px #ad2d0b;
}
.campaign .col_06 #tabBox table thead {
	font-size:15px;
	color: #fff;
	background: #ad2d0b;
}
.campaign .col_06 table td {
	padding:10px;
}
.campaign .col_06 table thead td {
	border-right: solid 1px #ad2d0b;
}
.campaign .col_06 #tabBox table thead td.td01,
.campaign .col_06 #tabBox table thead td.td02 {
	border-right: solid 1px #fff;
}
.campaign .col_06 #tabBox table thead td {
	border-right: solid 1px #ad2d0b;
}
.campaign .col_06 #tabBox table tbody tr.bg {
	background: #eedcd7;
}
.campaign .col_06 #tabBox table tbody td.td01 {
	border-left: solid 1px #ad2d0b;
	width: 400px;
}
.campaign .col_06 #tabBox table tbody td.td02 {
	border-left: solid 1px #ad2d0b;
	border-right: solid 1px #ad2d0b;
	width: 193px;
}
.campaign .col_06 #tabBox table tbody td.td03 {
	border-right: solid 1px #ad2d0b;
	width: 193px;
}